fanruan
/
decision-webui-dcm
2
0
Fork 0
Code Issues 8 Pull Requests Projects Releases Wiki Activity
Browse Source

refactor: 修正不规范的写法

qufenxi
alan 6 years ago
parent
286ac1982d
commit
f981258d31
14 changed files with 944 additions and 651 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      private/constants.ts
  2. 6
      src/app/app.ts
  3. 4
      src/app/connection/link_set.ts
  4. 505
      src/app/connection/right/right_edit/right_edit.ts
  5. 313
      src/app/connection/right/right_edit/right_edit_jndi.ts
  6. 452
      src/app/connection/right/right_edit/right_edit_mysql.ts
  7. 259
      src/app/connection/right/right_show/right_show_jndi.ts
  8. 6
      src/app/connection/right/right_title/right_title.ts
  9. 1
      src/app/status/left/left_item.ts
  10. 4
      src/app/status/link_status.ts
  11. 6
      src/app/status/right/right.ts
  12. 2
      src/app/title/item/title_item.ts
  13. 31
      src/shared/components/form_item.ts
  14. 4
      src/shared/components/title.ts

2
private/constants.ts
Unescape View File

@ -1,6 +1,6 @@
export const OTHER_CONNECT = 'other'; export const OTHER_CONNECT = 'other';
export const JNDI_CONNECT = 'JNDI'; export const JNDI_CONNECT = 'JNDI';
export const MYSQL_CONNECT = 'mysql'; export const MYSQL_CONNECT = 'MySQL';
export const DEFAULT_INFO = 'DESIGNER'; export const DEFAULT_INFO = 'DESIGNER';
export const ACTION_DELETE = 'ACTION_DELETE'; export const ACTION_DELETE = 'ACTION_DELETE';
export const ACTION_COPY = 'ACTION_COPY'; export const ACTION_COPY = 'ACTION_COPY';

6
src/app/app.ts
Unescape View File

@ -1,4 +1,4 @@
import {Vtape, Vertical, Absolute} from '../ui/index'; import {Vtape, Absolute} from '../ui/index';
import appModel from './app.model'; import appModel from './app.model';
import title from './title/title'; import title from './title/title';
import linkSet from './connection/link_set'; import linkSet from './connection/link_set';
@ -7,6 +7,9 @@ import '../less/index.less';
const className = 'dec.dcm.main'; const className = 'dec.dcm.main';
const Widget = BI.inherit(BI.Widget, { const Widget = BI.inherit(BI.Widget, {
props: {
baseCls: 'dec-webui-dcm-layout bi-background',
},
_store() { _store() {
return BI.Models.getModel(appModel); return BI.Models.getModel(appModel);
}, },
@ -16,7 +19,6 @@ const Widget = BI.inherit(BI.Widget, {
render() { render() {
return { return {
type: Vtape, type: Vtape,
cls: 'dec-webui-dcm-layout bi-background',
items: [ items: [
{ {
el: { el: {

4
src/app/connection/link_set.ts
Unescape View File

@ -6,6 +6,9 @@ import Right from './right/right';
import {TAB_LINK_SET} from '@private/constants'; import {TAB_LINK_SET} from '@private/constants';
const className = 'dec.dcm.linkset'; const className = 'dec.dcm.linkset';
const Widget: WidgetType = { const Widget: WidgetType = {
props: {
baseCls: 'bi-card',
},
_store() { _store() {
return BI.Models.getModel(linkSetModel); return BI.Models.getModel(linkSetModel);
}, },
@ -17,7 +20,6 @@ const Widget: WidgetType = {
render() { render() {
return { return {
type: Htape, type: Htape,
cls: 'bi-card',
items: [{ items: [{
el: { el: {
type: Vtape, type: Vtape,

505
src/app/connection/right/right_edit/right_edit.ts
Unescape View File

@ -1,8 +1,7 @@
import {WidgetType, Vertical, MultiSelectItem, TextAreaEditor, Button, TextValueCombo, TextEditor} from '@ui/index'; import {WidgetType, Vertical, MultiSelectItem, TextAreaEditor, Button, TextValueCombo, TextEditor, VerticalAdapt, Label} from '@ui/index';
import {LinkType} from '@ui/type'; import {LinkType} from '@ui/type';
import {CONNECT_CHARSET} from '@private/constants'; import {CONNECT_CHARSET} from '@private/constants';
import Model from '../../link_set.model'; import Model from '../../link_set.model';
import FormItem from '@shared/components/form_item';
import Title from '@shared/components/title'; import Title from '@shared/components/title';
import {getDrivers, connectNameChecker} from './right_edit.service'; import {getDrivers, connectNameChecker} from './right_edit.service';
let connectionName: any = null; let connectionName: any = null;
@ -31,236 +30,340 @@ const Widget: WidgetType = {
vgap: 10, vgap: 10,
items: [ items: [
{ {
type: FormItem, type: VerticalAdapt,
text: BI.i18nText('Dec-Dcm_Connection_Form_ConnectionName'), items: [
hint: BI.i18nText('Dec-Dcm_Connection_Form_ConnectionName-Change-Confirm'), {
form: { type: Label,
type: TextEditor, cls: 'bi-font-bold',
width: 300, width: 115,
value: linkSelected.connectionName, textAlign: 'left',
ref(ref: any) { text: BI.i18nText('Dec-Dcm_Connection_Form_ConnectionName'),
connectionName = ref;
}, },
listeners: [{ {
eventName: BI.Editor.EVENT_CHANGE, type: TextEditor,
action() { width: 300,
that.store.setLinkUpdate({ value: linkSelected.connectionName,
...that.model.linkUpdate, ref(ref: any) {
connectionName: this.getValue(), connectionName = ref;
});
},
}, {
eventName: BI.Editor.EVENT_FOCUS,
action() {
that.store.setConnectionNameErr('');
}, },
}], listeners: [{
}, eventName: BI.Editor.EVENT_CHANGE,
action() {
that.store.setLinkUpdate({
...that.model.linkUpdate,
connectionName: this.getValue(),
});
},
}, {
eventName: BI.Editor.EVENT_FOCUS,
action() {
that.store.setConnectionNameErr('');
},
}],
},
{
type: Label,
cls: 'bi-water-mark',
lgap: 5,
textAlign: 'left',
text: BI.i18nText('Dec-Dcm_Connection_Form_ConnectionName-Change-Confirm'),
},
],
}, },
{ {
type: FormItem, type: VerticalAdapt,
text: BI.i18nText('Dec-Dcm_First_Step'), items: [
height: 420, {
form: { type: Label,
type: Vertical, cls: 'bi-font-bold',
vgap: 10, width: 115,
items: [ textAlign: 'left',
{ text: BI.i18nText('Dec-Dcm_First_Step'),
type: FormItem, },
text: BI.i18nText('Dec-Dcm_Connection_Form_Driver'), {
form: { type: Vertical,
type: TextValueCombo, vgap: 10,
width: 300, items: [
text: linkSelected.driver, {
items: getDrivers(linkSelected), type: VerticalAdapt,
listeners: [{ items: [
eventName: BI.TextValueCombo.EVENT_CHANGE, {
action() { type: Label,
that.store.setLinkUpdate({ cls: 'bi-font-bold',
...that.model.linkUpdate, width: 115,
driver: this.getValue()[0], textAlign: 'left',
}); text: BI.i18nText('Dec-Dcm_Connection_Form_Driver'),
}, },
}], {
}, type: TextValueCombo,
}, width: 300,
{ text: linkSelected.driver,
type: FormItem, items: getDrivers(linkSelected),
text: BI.i18nText('Dec-Dcm_Connection_Form_URL'), listeners: [{
form: { eventName: BI.TextValueCombo.EVENT_CHANGE,
type: TextEditor, action() {
watermark: BI.i18nText('Dec-Dcm_Connection_Form_Place_Input'), that.store.setLinkUpdate({
width: 300, ...that.model.linkUpdate,
value: linkSelected.url, driver: this.getValue()[0],
listeners: [{ });
eventName: BI.Editor.EVENT_CHANGE, },
action() { }],
that.store.setLinkUpdate({
...that.model.linkUpdate,
url: this.getValue(),
});
}, },
}], ],
}, },
}, {
{ type: VerticalAdapt,
type: FormItem,
text: BI.i18nText('Dec-Dcm_Connection_Form_OriginalCharsetName'),
form: {
type: TextValueCombo,
width: 300,
text: linkSelected.originalCharsetName === '' ? BI.i18nText('Dec-Dcm_Connection_Form_Auto') : linkSelected.originalCharsetName,
items: [ items: [
{ {
text: BI.i18nText('Dec-Dcm_Connection_Form_Auto'), type: Label,
value: '', cls: 'bi-font-bold',
width: 115,
textAlign: 'left',
text: BI.i18nText('Dec-Dcm_Connection_Form_URL'),
},
{
type: TextEditor,
watermark: BI.i18nText('Dec-Dcm_Connection_Form_Place_Input'),
width: 300,
value: linkSelected.url,
listeners: [{
eventName: BI.Editor.EVENT_CHANGE,
action() {
that.store.setLinkUpdate({
...that.model.linkUpdate,
url: this.getValue(),
});
},
}],
}, },
...CONNECT_CHARSET,
], ],
listeners: [{ },
eventName: BI.TextValueCombo.EVENT_CHANGE, {
action() { type: VerticalAdapt,
that.store.setLinkUpdate({ items: [
...that.model.linkUpdate, {
originalCharsetName: this.getValue()[0], type: Label,
}); cls: 'bi-font-bold',
width: 115,
textAlign: 'left',
text: BI.i18nText('Dec-Dcm_Connection_Form_OriginalCharsetName'),
}, },
}], {
type: TextValueCombo,
width: 300,
text: linkSelected.originalCharsetName === '' ? BI.i18nText('Dec-Dcm_Connection_Form_Auto') : linkSelected.originalCharsetName,
items: [
{
text: BI.i18nText('Dec-Dcm_Connection_Form_Auto'),
value: '',
},
...CONNECT_CHARSET,
],
listeners: [{
eventName: BI.TextValueCombo.EVENT_CHANGE,
action() {
that.store.setLinkUpdate({
...that.model.linkUpdate,
originalCharsetName: this.getValue()[0],
});
},
}],
},
],
}, },
}, {
{ type: VerticalAdapt,
type: FormItem, items: [
text: BI.i18nText('Dec-Dcm_Connection_Form_UserName'), {
form: { type: Label,
type: TextEditor, cls: 'bi-font-bold',
allowBlank: true, width: 115,
watermark: BI.i18nText('Dec-Dcm_Connection_Form_Place_Input'), textAlign: 'left',
width: 300, text: BI.i18nText('Dec-Dcm_Connection_Form_UserName'),
value: linkSelected.user, },
listeners: [{ {
eventName: BI.Editor.EVENT_CHANGE, type: TextEditor,
action() { allowBlank: true,
that.store.setLinkUpdate({ watermark: BI.i18nText('Dec-Dcm_Connection_Form_Place_Input'),
...that.model.linkUpdate, width: 300,
user: this.getValue(), value: linkSelected.user,
}); listeners: [{
eventName: BI.Editor.EVENT_CHANGE,
action() {
that.store.setLinkUpdate({
...that.model.linkUpdate,
user: this.getValue(),
});
},
}],
}, },
}], ],
}, },
}, {
{ type: VerticalAdapt,
type: FormItem, items: [
text: BI.i18nText('Dec-Dcm_Connection_Form_Password'), {
form: { type: Label,
type: TextEditor, cls: 'bi-font-bold',
inputType: 'password', width: 115,
allowBlank: true, textAlign: 'left',
watermark: BI.i18nText('Dec-Dcm_Connection_Form_Place_Input'), text: BI.i18nText('Dec-Dcm_Connection_Form_Password'),
width: 300, },
value: linkSelected.password, {
listeners: [{ type: TextEditor,
eventName: BI.Editor.EVENT_CHANGE, inputType: 'password',
action() { allowBlank: true,
that.store.setLinkUpdate({ watermark: BI.i18nText('Dec-Dcm_Connection_Form_Place_Input'),
...that.model.linkUpdate, width: 300,
password: this.getValue(), value: linkSelected.password,
}); listeners: [{
eventName: BI.Editor.EVENT_CHANGE,
action() {
that.store.setLinkUpdate({
...that.model.linkUpdate,
password: this.getValue(),
});
},
}],
}, },
}], ],
}, },
}, {
{ type: Title,
type: Title, text: BI.i18nText('Dec-Dcm_Connection_Form_Pool_Properties'),
text: BI.i18nText('Dec-Dcm_Connection_Form_Pool_Properties'), },
}, {
{ type: VerticalAdapt,
type: FormItem, items: [
text: BI.i18nText('Dec-Dcm_Connection_Form_SQL_Validation_Query'), {
height: 100, type: Label,
form: { cls: 'bi-font-bold',
type: TextAreaEditor, width: 115,
allowBlank: true, textAlign: 'left',
watermark: BI.i18nText('Dec-Dcm_Connection_Form_Place_Input'), text: BI.i18nText('Dec-Dcm_Connection_Form_SQL_Validation_Query'),
width: 300, },
height: 100, {
value: linkSelected.validationQuery, type: TextAreaEditor,
listeners: [{ cls: 'bi-border',
eventName: BI.Editor.EVENT_CHANGE, allowBlank: true,
action() { watermark: BI.i18nText('Dec-Dcm_Connection_Form_Place_Input'),
that.store.setLinkUpdate({ width: 300,
...that.model.linkUpdate, height: 100,
validationQuery: this.getValue(), value: linkSelected.validationQuery,
}); listeners: [{
eventName: BI.Editor.EVENT_CHANGE,
action() {
that.store.setLinkUpdate({
...that.model.linkUpdate,
validationQuery: this.getValue(),
});
},
}],
}, },
}], ],
}, },
}, {
{ type: VerticalAdapt,
type: FormItem, items: [
text: BI.i18nText('Dec-Dcm_Connection_Form_Connection-Check'), {
form: { type: Label,
type: MultiSelectItem, cls: 'bi-font-bold',
text: BI.i18nText('Dec-Dcm_Yes'), width: 115,
selected: linkSelected.testOnBorrow, textAlign: 'left',
width: 60, text: BI.i18nText('Dec-Dcm_Connection_Form_Connection-Check'),
listeners: [{
eventName: BI.Editor.EVENT_CHANGE,
action() {
that.store.setLinkUpdate({
...that.model.linkUpdate,
testOnBorrow: this.isSelected(),
});
}, },
}], {
type: MultiSelectItem,
text: BI.i18nText('Dec-Dcm_Yes'),
selected: linkSelected.testOnBorrow,
width: 60,
listeners: [{
eventName: BI.Editor.EVENT_CHANGE,
action() {
that.store.setLinkUpdate({
...that.model.linkUpdate,
testOnBorrow: this.isSelected(),
});
},
}],
},
],
}, },
}, {
{ type: VerticalAdapt,
type: FormItem, items: [
text: BI.i18nText('Dec-Dcm_Connection_Form_Connection_Max_Number'), {
form: { type: Label,
type: TextEditor, cls: 'bi-font-bold',
allowBlank: true, width: 115,
watermark: BI.i18nText('Dec-Dcm_Connection_Form_Place_Input'), textAlign: 'left',
width: 60, text: BI.i18nText('Dec-Dcm_Connection_Form_Connection_Max_Number'),
value: linkSelected.maxActive, },
errorText: BI.i18nText('Dec-Dcm_Connection_Form_Place_Input-Number'), {
validationChecker: connectNameChecker, type: TextEditor,
listeners: [{ allowBlank: true,
eventName: BI.Editor.EVENT_CHANGE, watermark: BI.i18nText('Dec-Dcm_Connection_Form_Place_Input'),
action() { width: 60,
that.store.setLinkUpdate({ value: linkSelected.maxActive,
...that.model.linkUpdate, errorText: BI.i18nText('Dec-Dcm_Connection_Form_Place_Input-Number'),
maxActive: this.getValue(), validationChecker: connectNameChecker,
}); listeners: [{
eventName: BI.Editor.EVENT_CHANGE,
action() {
that.store.setLinkUpdate({
...that.model.linkUpdate,
maxActive: this.getValue(),
});
},
}],
}, },
}], ],
}, },
}, ],
], },
}, ],
}, },
{ {
type: FormItem, type: VerticalAdapt,
text: BI.i18nText('Dec-Dcm_Second_Step'), items: [
form: { {
type: Button, type: Label,
width: 80, cls: 'bi-font-bold',
text: BI.i18nText('Dec-Dcm_Test_Connection'), width: 115,
level: 'ignore', textAlign: 'left',
}, text: BI.i18nText('Dec-Dcm_Second_Step'),
},
{
type: Button,
width: 80,
text: BI.i18nText('Dec-Dcm_Test_Connection'),
level: 'ignore',
},
],
}, },
{ {
type: FormItem, type: VerticalAdapt,
text: BI.i18nText('Dec-Dcm_Third_Step'), items: [
form: { {
type: FormItem, type: Label,
text: BI.i18nText('Dec-Dcm_Connection_Form_Pattern'), cls: 'bi-font-bold',
form: { width: 115,
textAlign: 'left',
text: BI.i18nText('Dec-Dcm_Third_Step'),
},
{
type: Label,
cls: 'bi-font-bold',
width: 115,
textAlign: 'left',
text: BI.i18nText('Dec-Dcm_Connection_Form_Pattern'),
},
{
type: TextEditor, type: TextEditor,
width: 300, width: 300,
disabled: true, disabled: true,
}, },
}, ],
}, },
], ],
}; };

313
src/app/connection/right/right_edit/right_edit_jndi.ts
Unescape View File

@ -1,5 +1,4 @@
import {Vertical, Editor, TextValueCombo, TextButton, Label, TextEditor} from '@ui'; import {Vertical, TextValueCombo, TextButton, Label, TextEditor, VerticalAdapt} from '@ui';
import FormItem from '@shared/components/form_item';
import {JNDI_FACTORYS, OTHER_ATTRIBUTES, CONNECT_CHARSET} from '@private/constants'; import {JNDI_FACTORYS, OTHER_ATTRIBUTES, CONNECT_CHARSET} from '@private/constants';
import {AttributeType} from '../right.typing'; import {AttributeType} from '../right.typing';
import ModelName from './right_edit.model'; import ModelName from './right_edit.model';
@ -11,9 +10,7 @@ const Widget = BI.inherit(BI.Widget, {
}, },
watch: { watch: {
isCollapse(isCollapse) { isCollapse(isCollapse) {
const height = isCollapse ? 550 : 200;
const text = isCollapse ? BI.i18nText('Dec-Dcm_Connection_Form_JNDI_Collapse-Attributes') : BI.i18nText('Dec-Dcm_Connection_Form_JNDI_Other_Attributes'); const text = isCollapse ? BI.i18nText('Dec-Dcm_Connection_Form_JNDI_Collapse-Attributes') : BI.i18nText('Dec-Dcm_Connection_Form_JNDI_Other_Attributes');
this.jndiFormRef.setHeight(height);
this.collapseRef.setText(text); this.collapseRef.setText(text);
this.otherAttributesRef.setVisible(isCollapse); this.otherAttributesRef.setVisible(isCollapse);
}, },
@ -26,152 +23,204 @@ const Widget = BI.inherit(BI.Widget, {
vgap: 10, vgap: 10,
items: [ items: [
{ {
type: FormItem, type: VerticalAdapt,
text: BI.i18nText('Dec-Dcm_Connection_JNDI_Form_ConnectionName'), items: [
form: { {
type: TextEditor, type: Label,
width: 300, cls: 'bi-font-bold',
allowBlank: true, width: 115,
value: connectionName, textAlign: 'left',
}, text: BI.i18nText('Dec-Dcm_Connection_JNDI_Form_ConnectionName'),
},
{
type: TextEditor,
width: 300,
allowBlank: true,
value: connectionName,
},
],
}, },
{ {
type: FormItem, type: VerticalAdapt,
text: BI.i18nText('Dec-Dcm_Connection_Form_JNDI_Context'), items: [
height: 200, {
ref: _ref => { type: Label,
this.jndiFormRef = _ref; cls: 'bi-font-bold',
}, width: 115,
form: { textAlign: 'left',
type: Vertical, text: BI.i18nText('Dec-Dcm_Connection_Form_JNDI_Context'),
vgap: 10, },
items: [ {
{ type: Vertical,
type: FormItem, vgap: 10,
text: 'INTIAL_CONTEXT_FACTORY', items: [
width: 180, {
form: { type: VerticalAdapt,
type: TextValueCombo, items: [
width: 300, {
value: factory, type: Label,
items: BI.map(JNDI_FACTORYS, (index: number, item: string) => { cls: 'bi-font-bold',
return { width: 180,
text: item, textAlign: 'left',
value: item, text: 'INTIAL_CONTEXT_FACTORY',
}; },
}), {
}, type: TextValueCombo,
}, width: 300,
{ value: factory,
type: FormItem, items: BI.map(JNDI_FACTORYS, (index: number, item: string) => {
text: 'PROVIDER_URL', return {
width: 180, text: item,
form: { value: item,
type: TextEditor, };
width: 300, }),
allowBlank: true, },
value: url, ],
},
},
{
type: FormItem,
text: 'SECURITY_PRINCIPAL',
width: 180,
form: {
type: TextEditor,
width: 300,
allowBlank: true,
value: principal,
},
},
{
type: FormItem,
text: 'SECURITY_CREDENTIALS',
width: 180,
form: {
type: TextEditor,
width: 300,
allowBlank: true,
value: credentials,
}, },
}, {
{ type: VerticalAdapt,
type: FormItem, items: [
width: 180, {
form: { type: Label,
type: TextButton, cls: 'bi-font-bold',
text: BI.i18nText('Dec-Dcm_Connection_Form_JNDI_Other_Attributes'), width: 180,
width: 300, textAlign: 'left',
textAlign: 'right', text: 'PROVIDER_URL',
ref: _ref => { },
this.collapseRef = _ref; {
}, type: TextEditor,
handler: () => { width: 300,
this.store.setIsCollapse(!this.model.isCollapse); allowBlank: true,
}, value: url,
},
],
}, },
}, {
{ type: VerticalAdapt,
type: Vertical, items: [
invisible: true, {
ref: _ref => { type: Label,
this.otherAttributesRef = _ref; cls: 'bi-font-bold',
width: 180,
textAlign: 'left',
text: 'SECURITY_PRINCIPAL',
},
{
type: TextEditor,
width: 300,
allowBlank: true,
value: principal,
},
],
}, },
items: BI.map(OTHER_ATTRIBUTES, (index: number, item: AttributeType) => { {
return { type: VerticalAdapt,
type: FormItem, items: [
text: item.text, {
width: 180, type: Label,
form: { cls: 'bi-font-bold',
width: 180,
textAlign: 'left',
text: 'SECURITY_CREDENTIALS',
},
{
type: TextEditor, type: TextEditor,
width: 300, width: 300,
allowBlank: true, allowBlank: true,
value: this.options[item.name], value: credentials,
}, },
}; ],
}), },
}, {
], type: VerticalAdapt,
}, items: [
{
type: TextButton,
text: BI.i18nText('Dec-Dcm_Connection_Form_JNDI_Other_Attributes'),
width: 480,
textAlign: 'right',
ref: _ref => {
this.collapseRef = _ref;
},
handler: () => {
this.store.setIsCollapse(!this.model.isCollapse);
},
},
],
},
{
type: Vertical,
invisible: true,
ref: _ref => {
this.otherAttributesRef = _ref;
},
items: this._getOtherItems(),
},
],
},
],
}, },
{ {
type: FormItem, type: Label,
text: '', cls: 'bi-error',
height: 25, lgap: 10,
form: { textAlign: 'left',
type: Label, text: BI.i18nText('Dec-Dcm_Connection_Form_JNDI_Notice'),
cls: 'bi-error',
text: BI.i18nText('Dec-Dcm_Connection_Form_JNDI_Notice'),
},
}, },
{ {
type: FormItem, type: VerticalAdapt,
text: BI.i18nText('Dec-Dcm_Connection_Form_JNDI_Advanced'), items: [
height: 40, {
form: { type: Label,
type: Vertical, cls: 'bi-font-bold',
items: [ width: 115,
{ textAlign: 'left',
type: FormItem, text: BI.i18nText('Dec-Dcm_Connection_Form_JNDI_Advanced'),
text: BI.i18nText('Dec-Dcm_Connection_Form_OriginalCharsetName'), },
width: 180, {
form: { type: Label,
type: TextValueCombo, cls: 'bi-font-bold',
width: 300, width: 180,
items: [{ textAlign: 'left',
text: BI.i18nText('Dec-Dcm_Connection_Form_Auto'), text: BI.i18nText('Dec-Dcm_Connection_Form_OriginalCharsetName'),
value: originalCharsetName, },
}, {
...CONNECT_CHARSET, type: TextValueCombo,
], width: 300,
}, items: [{
text: BI.i18nText('Dec-Dcm_Connection_Form_Auto'),
value: originalCharsetName,
}, },
], ...CONNECT_CHARSET,
}, ],
},
],
}, },
], ],
}; };
}, },
_getOtherItems() {
return BI.map(OTHER_ATTRIBUTES, (index: number, item: AttributeType) => {
return {
type: VerticalAdapt,
items: [
{
type: Label,
cls: 'bi-font-bold',
width: 180,
textAlign: 'left',
text: item.text,
},
{
type: TextEditor,
width: 300,
allowBlank: true,
value: this.options[item.name],
},
],
};
});
},
}); });
BI.shortcut(classNameEdit, Widget); BI.shortcut(classNameEdit, Widget);
export default classNameEdit; export default classNameEdit;

452
src/app/connection/right/right_edit/right_edit_mysql.ts
Unescape View File

@ -1,15 +1,26 @@
import {WidgetType, Vertical, MultiSelectItem, TextAreaEditor, Button, TextValueCombo, TextEditor} from '@ui/index'; import {WidgetType, Vertical, MultiSelectItem, TextAreaEditor, Button, TextValueCombo, TextEditor, VerticalAdapt, Label} from '@ui/index';
import {LinkType} from '@ui/type'; import {LinkType} from '@ui/type';
import {CONNECT_CHARSET} from '@private/constants'; import {CONNECT_CHARSET} from '@private/constants';
import Model from '../../link_set.model'; import Model from '../../link_set.model';
import FormItem from '@shared/components/form_item';
import Title from '@shared/components/title'; import Title from '@shared/components/title';
import {getDrivers, connectNameChecker} from './right_edit.service'; import {getDrivers, connectNameChecker} from './right_edit.service';
let connectionName: any = null;
const className = 'dec.dcm.component.right.edit.mysql'; const className = 'dec.dcm.component.right.edit.mysql';
const Widget: WidgetType = { const Widget: WidgetType = {
_store() { _store() {
return BI.Models.getModel(Model); return BI.Models.getModel(Model);
}, },
watch: {
connectionNameErr(msg: string) {
if (msg) {
BI.Bubbles.show('singleBubble', msg, connectionName, {
level: 'error',
});
} else {
BI.Bubbles.hide('singleBubble');
}
},
},
render() { render() {
const linkSelected: LinkType = this.model.linkSelected; const linkSelected: LinkType = this.model.linkSelected;
const that = this; const that = this;
@ -19,203 +30,292 @@ const Widget: WidgetType = {
vgap: 10, vgap: 10,
items: [ items: [
{ {
type: FormItem, type: VerticalAdapt,
text: BI.i18nText('Dec-Dcm_Connection_Form_ConnectionName'), items: [
hint: BI.i18nText('Dec-Dcm_Connection_Form_ConnectionName-Change-Confirm'), {
form: { type: Label,
type: TextEditor, cls: 'bi-font-bold',
width: 300, width: 115,
value: linkSelected.connectionName, textAlign: 'left',
listeners: [{ text: BI.i18nText('Dec-Dcm_Connection_Form_ConnectionName'),
eventName: BI.Editor.EVENT_CHANGE, },
action() { {
that.store.setLinkUpdate({ type: TextEditor,
...that.model.linkUpdate, width: 300,
connectionName: this.getValue(), value: linkSelected.connectionName,
}); ref(ref: any) {
connectionName = ref;
}, },
}], listeners: [{
}, eventName: BI.Editor.EVENT_CHANGE,
action() {
that.store.setLinkUpdate({
...that.model.linkUpdate,
connectionName: this.getValue(),
});
},
}, {
eventName: BI.Editor.EVENT_FOCUS,
action() {
that.store.setConnectionNameErr('');
},
}],
},
{
type: Label,
cls: 'bi-water-mark',
lgap: 5,
textAlign: 'left',
text: BI.i18nText('Dec-Dcm_Connection_Form_ConnectionName-Change-Confirm'),
},
],
}, },
{ {
type: FormItem, type: VerticalAdapt,
text: BI.i18nText('Dec-Dcm_Connection_Form_Driver'), items: [
form: { {
type: TextValueCombo, type: Label,
width: 300, cls: 'bi-font-bold',
text: linkSelected.driver, width: 115,
items: getDrivers(linkSelected), textAlign: 'left',
listeners: [{ text: BI.i18nText('Dec-Dcm_Connection_Form_Driver'),
eventName: BI.TextValueCombo.EVENT_CHANGE, },
action() { {
that.store.setLinkUpdate({ type: TextValueCombo,
...that.model.linkUpdate, width: 300,
driver: this.getValue()[0], text: linkSelected.driver,
}); items: getDrivers(linkSelected),
}, listeners: [{
}], eventName: BI.TextValueCombo.EVENT_CHANGE,
}, action() {
that.store.setLinkUpdate({
...that.model.linkUpdate,
driver: this.getValue()[0],
});
},
}],
},
],
}, },
{ {
type: FormItem, type: VerticalAdapt,
text: BI.i18nText('Dec-Dcm_Connection_Form_URL'), items: [
form: { {
type: TextEditor, type: Label,
watermark: BI.i18nText('Dec-Dcm_Connection_Form_Place_Input'), cls: 'bi-font-bold',
width: 300, width: 115,
value: linkSelected.url, textAlign: 'left',
listeners: [{ text: BI.i18nText('Dec-Dcm_Connection_Form_URL'),
eventName: BI.Editor.EVENT_CHANGE, },
action() { {
that.store.setLinkUpdate({ type: TextEditor,
...that.model.linkUpdate, watermark: BI.i18nText('Dec-Dcm_Connection_Form_Place_Input'),
url: this.getValue(), width: 300,
}); value: linkSelected.url,
}, listeners: [{
}], eventName: BI.Editor.EVENT_CHANGE,
}, action() {
that.store.setLinkUpdate({
...that.model.linkUpdate,
url: this.getValue(),
});
},
}],
},
],
}, },
{ {
type: FormItem, type: VerticalAdapt,
text: BI.i18nText('Dec-Dcm_Connection_Form_OriginalCharsetName'), items: [
form: { {
type: TextValueCombo, type: Label,
width: 300, cls: 'bi-font-bold',
text: linkSelected.originalCharsetName === '' ? BI.i18nText('Dec-Dcm_Connection_Form_Auto') : linkSelected.originalCharsetName, width: 115,
items: [ textAlign: 'left',
{ text: BI.i18nText('Dec-Dcm_Connection_Form_OriginalCharsetName'),
text: BI.i18nText('Dec-Dcm_Connection_Form_Auto'), },
value: '', {
}, type: TextValueCombo,
...CONNECT_CHARSET, width: 300,
], text: linkSelected.originalCharsetName === '' ? BI.i18nText('Dec-Dcm_Connection_Form_Auto') : linkSelected.originalCharsetName,
listeners: [{ items: [
eventName: BI.TextValueCombo.EVENT_CHANGE, {
action() { text: BI.i18nText('Dec-Dcm_Connection_Form_Auto'),
that.store.setLinkUpdate({ value: '',
...that.model.linkUpdate, },
originalCharsetName: this.getValue()[0], ...CONNECT_CHARSET,
}); ],
}, listeners: [{
}], eventName: BI.TextValueCombo.EVENT_CHANGE,
}, action() {
that.store.setLinkUpdate({
...that.model.linkUpdate,
originalCharsetName: this.getValue()[0],
});
},
}],
},
],
}, },
{ {
type: FormItem, type: VerticalAdapt,
text: BI.i18nText('Dec-Dcm_Connection_Form_UserName'), items: [
form: { {
type: TextEditor, type: Label,
allowBlank: true, cls: 'bi-font-bold',
watermark: BI.i18nText('Dec-Dcm_Connection_Form_Place_Input'), width: 115,
width: 300, textAlign: 'left',
value: linkSelected.user, text: BI.i18nText('Dec-Dcm_Connection_Form_UserName'),
listeners: [{ },
eventName: BI.Editor.EVENT_CHANGE, {
action() { type: TextEditor,
that.store.setLinkUpdate({ allowBlank: true,
...that.model.linkUpdate, watermark: BI.i18nText('Dec-Dcm_Connection_Form_Place_Input'),
user: this.getValue(), width: 300,
}); value: linkSelected.user,
}, listeners: [{
}], eventName: BI.Editor.EVENT_CHANGE,
}, action() {
that.store.setLinkUpdate({
...that.model.linkUpdate,
user: this.getValue(),
});
},
}],
},
],
}, },
{ {
type: FormItem, type: VerticalAdapt,
text: BI.i18nText('Dec-Dcm_Connection_Form_Password'), items: [
form: { {
type: TextEditor, type: Label,
inputType: 'password', cls: 'bi-font-bold',
allowBlank: true, width: 115,
watermark: BI.i18nText('Dec-Dcm_Connection_Form_Place_Input'), textAlign: 'left',
width: 300, text: BI.i18nText('Dec-Dcm_Connection_Form_Password'),
value: linkSelected.password, },
listeners: [{ {
eventName: BI.Editor.EVENT_CHANGE, type: TextEditor,
action() { inputType: 'password',
that.store.setLinkUpdate({ allowBlank: true,
...that.model.linkUpdate, watermark: BI.i18nText('Dec-Dcm_Connection_Form_Place_Input'),
password: this.getValue(), width: 300,
}); value: linkSelected.password,
}, listeners: [{
}], eventName: BI.Editor.EVENT_CHANGE,
}, action() {
that.store.setLinkUpdate({
...that.model.linkUpdate,
password: this.getValue(),
});
},
}],
},
],
}, },
{ {
type: Title, type: Title,
text: BI.i18nText('Dec-Dcm_Connection_Form_Pool_Properties'), text: BI.i18nText('Dec-Dcm_Connection_Form_Pool_Properties'),
}, },
{ {
type: FormItem, type: VerticalAdapt,
text: BI.i18nText('Dec-Dcm_Connection_Form_SQL_Validation_Query'), items: [
height: 100, {
form: { type: Label,
type: TextAreaEditor, cls: 'bi-font-bold',
allowBlank: true, width: 115,
watermark: BI.i18nText('Dec-Dcm_Connection_Form_Place_Input'), textAlign: 'left',
width: 300, text: BI.i18nText('Dec-Dcm_Connection_Form_SQL_Validation_Query'),
height: 100, },
value: linkSelected.validationQuery, {
listeners: [{ type: TextAreaEditor,
eventName: BI.Editor.EVENT_CHANGE, cls: 'bi-border',
action() { allowBlank: true,
that.store.setLinkUpdate({ watermark: BI.i18nText('Dec-Dcm_Connection_Form_Place_Input'),
...that.model.linkUpdate, width: 300,
validationQuery: this.getValue(), height: 100,
}); value: linkSelected.validationQuery,
}, listeners: [{
}], eventName: BI.Editor.EVENT_CHANGE,
}, action() {
that.store.setLinkUpdate({
...that.model.linkUpdate,
validationQuery: this.getValue(),
});
},
}],
},
],
}, },
{ {
type: FormItem, type: VerticalAdapt,
text: BI.i18nText('Dec-Dcm_Connection_Form_Connection-Check'), items: [
form: { {
type: MultiSelectItem, type: Label,
text: BI.i18nText('Dec-Dcm_Yes'), cls: 'bi-font-bold',
selected: linkSelected.testOnBorrow, width: 115,
width: 60, textAlign: 'left',
listeners: [{ text: BI.i18nText('Dec-Dcm_Connection_Form_Connection-Check'),
eventName: BI.Editor.EVENT_CHANGE, },
action() { {
that.store.setLinkUpdate({ type: MultiSelectItem,
...that.model.linkUpdate, text: BI.i18nText('Dec-Dcm_Yes'),
testOnBorrow: this.isSelected(), selected: linkSelected.testOnBorrow,
}); width: 60,
}, listeners: [{
}], eventName: BI.Editor.EVENT_CHANGE,
}, action() {
that.store.setLinkUpdate({
...that.model.linkUpdate,
testOnBorrow: this.isSelected(),
});
},
}],
},
],
}, },
{ {
type: FormItem, type: VerticalAdapt,
text: BI.i18nText('Dec-Dcm_Connection_Form_Connection_Max_Number'), items: [
form: { {
type: TextEditor, type: Label,
allowBlank: true, cls: 'bi-font-bold',
watermark: BI.i18nText('Dec-Dcm_Connection_Form_Place_Input'), width: 115,
width: 60, textAlign: 'left',
value: linkSelected.maxActive, text: BI.i18nText('Dec-Dcm_Connection_Form_Connection_Max_Number'),
errorText: BI.i18nText('Dec-Dcm_Connection_Form_Place_Input-Number'), },
validationChecker: connectNameChecker, {
listeners: [{ type: TextEditor,
eventName: BI.Editor.EVENT_CHANGE, allowBlank: true,
action() { watermark: BI.i18nText('Dec-Dcm_Connection_Form_Place_Input'),
that.store.setLinkUpdate({ width: 60,
...that.model.linkUpdate, value: linkSelected.maxActive,
maxActive: this.getValue(), errorText: BI.i18nText('Dec-Dcm_Connection_Form_Place_Input-Number'),
}); validationChecker: connectNameChecker,
}, listeners: [{
}], eventName: BI.Editor.EVENT_CHANGE,
}, action() {
that.store.setLinkUpdate({
...that.model.linkUpdate,
maxActive: this.getValue(),
});
},
}],
},
],
}, },
{ {
type: FormItem, type: VerticalAdapt,
text: BI.i18nText('Dec-Dcm_Test_Connection'), items: [
form: { {
type: Button, type: Button,
text: BI.i18nText('Dec-Dcm_Test_Connection'), width: 80,
level: 'ignore', text: BI.i18nText('Dec-Dcm_Test_Connection'),
}, level: 'ignore',
},
],
}, },
], ],
}; };

259
src/app/connection/right/right_show/right_show_jndi.ts
Unescape View File

@ -1,5 +1,4 @@
import {Vertical, TextButton, Label} from '@ui'; import {Vertical, TextButton, Label, VerticalAdapt} from '@ui';
import FormItem from '@shared/components/form_item';
import {OTHER_ATTRIBUTES} from '@private/constants'; import {OTHER_ATTRIBUTES} from '@private/constants';
import {AttributeType} from '../right.typing'; import {AttributeType} from '../right.typing';
import ModelName from './right_show.model'; import ModelName from './right_show.model';
@ -11,9 +10,7 @@ const Widget = BI.inherit(BI.Widget, {
}, },
watch: { watch: {
isCollapse(isCollapse) { isCollapse(isCollapse) {
const height = isCollapse ? 550 : 200;
const text = isCollapse ? BI.i18nText('Dec-Dcm_Connection_Form_JNDI_Collapse-Attributes') : BI.i18nText('Dec-Dcm_Connection_Form_JNDI_Other_Attributes'); const text = isCollapse ? BI.i18nText('Dec-Dcm_Connection_Form_JNDI_Collapse-Attributes') : BI.i18nText('Dec-Dcm_Connection_Form_JNDI_Other_Attributes');
this.jndiFormRef.setHeight(height);
this.collapseRef.setText(text); this.collapseRef.setText(text);
this.otherAttributesRef.setVisible(isCollapse); this.otherAttributesRef.setVisible(isCollapse);
}, },
@ -26,119 +23,181 @@ const Widget = BI.inherit(BI.Widget, {
vgap: 10, vgap: 10,
items: [ items: [
{ {
type: FormItem, type: VerticalAdapt,
text: BI.i18nText('Dec-Dcm_Connection_JNDI_Form_ConnectionName'), items: [
form: { {
type: Label, type: Label,
text: connectionName, cls: 'bi-font-bold',
}, width: 115,
textAlign: 'left',
text: BI.i18nText('Dec-Dcm_Connection_JNDI_Form_ConnectionName'),
},
{
type: Label,
text: connectionName,
},
],
}, },
{ {
type: FormItem, type: VerticalAdapt,
text: BI.i18nText('Dec-Dcm_Connection_Form_JNDI_Context'), items: [
height: 200, {
ref: _ref => { type: Label,
this.jndiFormRef = _ref; cls: 'bi-font-bold',
}, width: 115,
form: { textAlign: 'left',
type: Vertical, text: BI.i18nText('Dec-Dcm_Connection_Form_JNDI_Context'),
vgap: 10, },
items: [ {
{ type: Vertical,
type: FormItem, vgap: 10,
text: 'INTIAL_CONTEXT_FACTORY', items: [
width: 180, {
form: { type: VerticalAdapt,
type: Label, items: [
text: factory, {
type: Label,
cls: 'bi-font-bold',
width: 180,
textAlign: 'left',
text: 'INTIAL_CONTEXT_FACTORY',
},
{
type: Label,
text: factory,
},
],
}, },
}, {
{ type: VerticalAdapt,
type: FormItem, items: [
text: 'PROVIDER_URL', {
width: 180, type: Label,
form: { cls: 'bi-font-bold',
type: Label, width: 180,
text: url, textAlign: 'left',
text: 'PROVIDER_URL',
},
{
type: Label,
text: url,
},
],
}, },
}, {
{ type: VerticalAdapt,
type: FormItem, items: [
text: 'SECURITY_PRINCIPAL', {
width: 180, type: Label,
form: { cls: 'bi-font-bold',
type: Label, width: 180,
text: principal, textAlign: 'left',
text: 'SECURITY_PRINCIPAL',
},
{
type: Label,
value: principal,
},
],
}, },
}, {
{ type: VerticalAdapt,
type: FormItem, items: [
text: 'SECURITY_CREDENTIALS', {
width: 180, type: Label,
form: { cls: 'bi-font-bold',
type: Label, width: 180,
text: credentials, textAlign: 'left',
text: 'SECURITY_CREDENTIALS',
},
{
type: Label,
value: credentials,
},
],
},
{
type: VerticalAdapt,
items: [
{
type: TextButton,
text: BI.i18nText('Dec-Dcm_Connection_Form_JNDI_Other_Attributes'),
width: 480,
textAlign: 'right',
ref: _ref => {
this.collapseRef = _ref;
},
handler: () => {
this.store.setIsCollapse(!this.model.isCollapse);
},
},
],
}, },
}, {
{ type: Vertical,
type: FormItem, invisible: true,
width: 180,
form: {
type: TextButton,
text: BI.i18nText('Dec-Dcm_Connection_Form_JNDI_Other_Attributes'),
width: 300,
textAlign: 'right',
value: true,
ref: _ref => { ref: _ref => {
this.collapseRef = _ref; this.otherAttributesRef = _ref;
}, },
handler: () => { items: this._getOtherItems(),
this.store.setIsCollapse(!this.model.isCollapse);
},
},
},
{
type: Vertical,
invisible: true,
ref: _ref => {
this.otherAttributesRef = _ref;
}, },
items: BI.map(OTHER_ATTRIBUTES, (index: number, item: AttributeType) => { ],
return { },
type: FormItem, ],
text: item.text,
width: 180,
form: {
type: Label,
text: this.options[item.name],
},
};
}),
},
],
},
}, },
{ {
type: FormItem, type: Label,
text: '', cls: 'bi-error',
height: 25, lgap: 10,
form: { textAlign: 'left',
type: Label, text: BI.i18nText('Dec-Dcm_Connection_Form_JNDI_Notice'),
cls: 'bi-error',
text: BI.i18nText('Dec-Dcm_Connection_Form_JNDI_Notice'),
},
}, },
{ {
type: FormItem, type: VerticalAdapt,
text: BI.i18nText('Dec-Dcm_Connection_Form_OriginalCharsetName'), items: [
form: { {
type: Label, type: Label,
text: originalCharsetName ? originalCharsetName : BI.i18nText('Dec-Dcm_Connection_Form_Auto'), cls: 'bi-font-bold',
}, width: 115,
textAlign: 'left',
text: BI.i18nText('Dec-Dcm_Connection_Form_JNDI_Advanced'),
},
{
type: Label,
cls: 'bi-font-bold',
width: 180,
textAlign: 'left',
text: BI.i18nText('Dec-Dcm_Connection_Form_OriginalCharsetName'),
},
{
type: Label,
text: originalCharsetName ? originalCharsetName : BI.i18nText('Dec-Dcm_Connection_Form_Auto'),
},
],
}, },
], ],
}; };
}, },
_getOtherItems() {
return BI.map(OTHER_ATTRIBUTES, (index: number, item: AttributeType) => {
return {
type: VerticalAdapt,
items: [
{
type: Label,
cls: 'bi-font-bold',
width: 180,
textAlign: 'left',
text: item.text,
},
{
type: Label,
value: this.options[item.name],
},
],
};
});
},
}); });
BI.shortcut(className, Widget); BI.shortcut(className, Widget);
export default className; export default className;

6
src/app/connection/right/right_title/right_title.ts
Unescape View File

@ -1,9 +1,12 @@
import {WidgetType, Left, Label, Button, LeftRightVerticalAdapt} from '@ui/index'; import {WidgetType, Label, Button, LeftRightVerticalAdapt} from '@ui/index';
import RightTitleModel from '../../link_set.model'; import RightTitleModel from '../../link_set.model';
import {LinkType} from '@ui/type'; import {LinkType} from '@ui/type';
import {OTHER_CONNECT} from '@private/constants'; import {OTHER_CONNECT} from '@private/constants';
const className = 'dec.dcm.component.right.title'; const className = 'dec.dcm.component.right.title';
const Widget: WidgetType = { const Widget: WidgetType = {
props: {
baseCls: 'bi-border-bottom',
},
_store() { _store() {
return BI.Models.getModel(RightTitleModel); return BI.Models.getModel(RightTitleModel);
}, },
@ -17,7 +20,6 @@ const Widget: WidgetType = {
return { return {
type: LeftRightVerticalAdapt, type: LeftRightVerticalAdapt,
height: 40, height: 40,
cls: 'bi-border-bottom',
items: { items: {
left: [ left: [
{ {

1
src/app/status/left/left_item.ts
Unescape View File

@ -6,6 +6,7 @@ const Widget: WidgetType = {
title: '', title: '',
id: '', id: '',
creator: '', creator: '',
baseCls: 'bi-list-item-active',
}, },
_store() { _store() {
return BI.Models.getModel(Model); return BI.Models.getModel(Model);

4
src/app/status/link_status.ts
Unescape View File

@ -6,6 +6,9 @@ import {TAB_LINK_POOL} from '@private/constants';
const className = 'dec.dcm.linkstatus'; const className = 'dec.dcm.linkstatus';
const Widget: WidgetType = { const Widget: WidgetType = {
props: {
baseCls: 'bi-card',
},
_store() { _store() {
return BI.Models.getModel(linkStatusModel); return BI.Models.getModel(linkStatusModel);
}, },
@ -17,7 +20,6 @@ const Widget: WidgetType = {
render() { render() {
return { return {
type: Htape, type: Htape,
cls: 'bi-card',
items: [{ items: [{
el: { el: {
type: Vtape, type: Vtape,

6
src/app/status/right/right.ts
Unescape View File

@ -6,9 +6,12 @@ import {InfoType} from './right.typings';
import {LinkType} from '@ui/type'; import {LinkType} from '@ui/type';
import pluginListConstant from '../../app.constant'; import pluginListConstant from '../../app.constant';
const className = 'dec.dcm.component.linkStatus.right'; const className = 'dcm-link-form';
const Widget: WidgetType = { const Widget: WidgetType = {
props: {
baseCls: 'dec-webui-dcm-title bi-card bi-border-bottom',
},
_store() { _store() {
return BI.Models.getModel(Model); return BI.Models.getModel(Model);
}, },
@ -30,7 +33,6 @@ const Widget: WidgetType = {
render() { render() {
return { return {
type: Vertical, type: Vertical,
cls: 'dcm-link-form',
items: [ items: [
{ {
type: VerticalAdapt, type: VerticalAdapt,

2
src/app/title/item/title_item.ts
Unescape View File

@ -4,6 +4,7 @@ import {getSelectStyle} from './title_item.service';
const className = 'dec.dcm.title.item'; const className = 'dec.dcm.title.item';
const Widget = BI.inherit(BI.BasicButton, { const Widget = BI.inherit(BI.BasicButton, {
props: { props: {
baseCls: 'bi-font-bold',
text: '', text: '',
}, },
_store() { _store() {
@ -20,7 +21,6 @@ const Widget = BI.inherit(BI.BasicButton, {
return { return {
type: Label, type: Label,
cls: 'bi-font-bold',
height: 40, height: 40,
hgap: 15, hgap: 15,
text, text,

31
src/shared/components/form_item.ts
Unescape View File

@ -1,31 +0,0 @@
import {WidgetType, Htape, Label} from '@ui/index';
const className = 'dec.dcm.shared.component.form.item';
const Widget: WidgetType = {
props: {
height: 24,
},
render() {
const {text, form, hint, width = 115} = this.options;
return {
type: Htape,
items: [{
el: {
type: Label,
cls: 'bi-font-bold',
textAlign: 'left',
text,
},
width,
}, form, hint ? {
type: Label,
cls: 'bi-water-mark',
lgap: 5,
textAlign: 'left',
text: hint,
} : null],
};
},
};
BI.shortcut(className, BI.inherit(BI.Widget, Widget));
export default className;

4
src/shared/components/title.ts
Unescape View File

@ -1,12 +1,14 @@
import {WidgetType, Label} from '@ui/index'; import {WidgetType, Label} from '@ui/index';
const className = 'dec.dcm.shared.component.title'; const className = 'dec.dcm.shared.component.title';
const Widget: WidgetType = { const Widget: WidgetType = {
props: {
baseCls: 'bi-tips bi-border-bottom',
},
render() { render() {
const {text} = this.options; const {text} = this.options;
return { return {
type: Label, type: Label,
cls: 'bi-water-mark bi-border-bottom',
height: 24, height: 24,
bgap: 10, bgap: 10,
textAlign: 'left', textAlign: 'left',

Write Preview
Loading…
Cancel
Save