@lingxiteam/theme-utils 0.1.15 → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (58) hide show
  1. package/README.md +5 -11
  2. package/dist/config/Button.js +1 -1
  3. package/dist/config/Card.js +1 -1
  4. package/dist/config/Cascader.d.ts +0 -1
  5. package/dist/config/Cascader.js +1 -2
  6. package/dist/config/Checkbox.d.ts +0 -1
  7. package/dist/config/Checkbox.js +1 -2
  8. package/dist/config/CheckboxGroup.d.ts +0 -1
  9. package/dist/config/CheckboxGroup.js +1 -2
  10. package/dist/config/Container.d.ts +0 -1
  11. package/dist/config/Container.js +1 -2
  12. package/dist/config/DatePicker.d.ts +0 -1
  13. package/dist/config/DatePicker.js +1 -2
  14. package/dist/config/Description.d.ts +0 -1
  15. package/dist/config/Description.js +0 -1
  16. package/dist/config/Form.d.ts +0 -1
  17. package/dist/config/Form.js +1 -2
  18. package/dist/config/Radio.d.ts +0 -1
  19. package/dist/config/Radio.js +1 -2
  20. package/dist/config/RangePicker.d.ts +0 -1
  21. package/dist/config/RangePicker.js +1 -2
  22. package/dist/config/Select.d.ts +0 -1
  23. package/dist/config/Select.js +1 -2
  24. package/dist/config/StdUpload.d.ts +0 -1
  25. package/dist/config/StdUpload.js +1 -2
  26. package/dist/config/Tabs.js +1 -1
  27. package/dist/config/Tag.d.ts +53 -0
  28. package/dist/config/Tag.js +232 -1
  29. package/dist/config/TimePicker.d.ts +0 -1
  30. package/dist/config/TimePicker.js +1 -2
  31. package/dist/config/TreeSelect.d.ts +0 -1
  32. package/dist/config/TreeSelect.js +1 -2
  33. package/dist/css.d.ts +1 -1
  34. package/dist/css.js +1 -2
  35. package/dist/h5config/Accordion.d.ts +0 -1
  36. package/dist/h5config/Accordion.js +1 -2
  37. package/dist/h5config/Card.d.ts +0 -1
  38. package/dist/h5config/Card.js +1 -2
  39. package/dist/h5config/DForm.d.ts +0 -2
  40. package/dist/h5config/DForm.js +1 -3
  41. package/dist/h5config/DformFile.d.ts +0 -1
  42. package/dist/h5config/DformFile.js +1 -2
  43. package/dist/h5config/DformSwitch.d.ts +0 -1
  44. package/dist/h5config/DformSwitch.js +1 -2
  45. package/dist/h5config/FilterItems.d.ts +0 -1
  46. package/dist/h5config/FilterItems.js +1 -2
  47. package/dist/h5config/Grid.js +1 -1
  48. package/dist/h5config/NoticeBarPlus.js +1 -1
  49. package/dist/h5config/SearchView.js +1 -1
  50. package/dist/h5config/StaticTabs.d.ts +18 -1
  51. package/dist/h5config/StaticTabs.js +23 -12
  52. package/dist/h5config/Table.d.ts +1 -2
  53. package/dist/h5config/Table.js +3 -4
  54. package/dist/lx-mobile.d.ts +0 -2
  55. package/dist/lx-mobile.js +6 -16
  56. package/dist/lx.d.ts +0 -2
  57. package/dist/lx.js +4 -14
  58. package/package.json +1 -1
package/README.md CHANGED
@@ -87,16 +87,12 @@ insertLink('12312', 'http://xxx.css', true);
87
87
  ```ts
88
88
  {
89
89
  type: '类型',
90
- // 所有的 css 有一个父级类名,理论上每一个都需要这个配置,是为了兼容第一版本的数据,因为组件太多,要全部重写一遍需要工作量,所以只修改了异常的组件
91
- hasPrefixClass: true,
92
- // 隐藏自定义类名按钮,当前只有pc端容器
93
- hiddenCustomCss: true,
94
90
  variable: {
95
91
  // 允许配置项
96
- fontSize: {
92
+ fontSize: {
97
93
  // 对应编辑器的类型,px color select marginInput 四种
98
- type: 'px',
99
- label: '尺寸',
94
+ type: 'px',
95
+ label: '尺寸',
100
96
  groupsName: '文字' ,
101
97
  desc: '说明文字',
102
98
  // 继承其他组件属性时要标记不可编辑
@@ -116,8 +112,6 @@ insertLink('12312', 'http://xxx.css', true);
116
112
  ],
117
113
  // 根据上面的配置项和下面的模版解析得到最终挂在的 css
118
114
  tpl: '.hh { font-size: fontSize}',
119
- // 如果它被别人继承,并且自己需要自定义样式,如父级自定义样式为 .aa.list{ .item { } } 子级的自定义样式为 .aa.item { }
120
- itemCustomTpl: '',
121
115
  // 预览用数据,编辑器中推拽出来的 dsl ,可直接复制,View 下的 components,维护时如预览页面有变更,可直接替换这个数据,无需详细比对
122
116
  components: [],
123
117
  };
@@ -130,5 +124,5 @@ insertLink('12312', 'http://xxx.css', true);
130
124
  如: theme-utils/src/lx-mobile.ts#L63 和 theme-utils/src/lx.ts#L62
131
125
 
132
126
  ```ts
133
- const extend: any = {};
134
- ```
127
+ const extend: any = { }
128
+ ```
@@ -52,7 +52,7 @@ export var Button = {
52
52
  fontSize: '14px',
53
53
  backgroundColor: '#47e',
54
54
  borderColor: '#D8E0EC',
55
- borderRadius: '2px',
55
+ borderRadius: '8px',
56
56
  paddingValue: '4px 24px 4px 24px',
57
57
  marginValue: '0px'
58
58
  }],
@@ -104,7 +104,7 @@ export var Card = {
104
104
  bodyColor: '#fff',
105
105
  lineColor: '#f0f0f0'
106
106
  }],
107
- tpl: "\n .pcfactory-card{\n border-radius: borderRadius;\n }\n .ued-card.pcfactory-card-bordered .pcfactory-card-head {\n background-color: backgroundColor;\n border-color: lineColor;\n border-top-left-radius: borderRadius;\n border-top-right-radius: borderRadius;\n }\n .ued-card.pcfactory-card-bordered {\n border-color: borderColor;\n }\n .ued-card.pcfactory-card-bordered {\n border-color: borderColor;\n }\n .ued-card .ued-card-title-icon-auto>i {\n color: titleColor;\n margin-right: tagMargin;\n }\n .ued-card .ued-card-title-icon-auto span{\n color: titleColor;\n margin-right: tagMargin;\n }\n .ued-card .ued-card-title::before {\n color: titleColor;\n background: titleColor;\n margin-right: tagMargin;\n }\n .ued-card .ued-card-title-icon-auto>i svg{\n width: tagSize;\n height: tagSize;\n }\n .ued-card .ued-card-title-icon-auto span svg{\n width: tagSize;\n height: tagSize;\n }\n .ued-card .pcfactory-card-body{\n background-color: bodyColor;\n border-bottom-right-radius: borderRadius;\n border-bottom-left-radius: borderRadius;\n }",
107
+ tpl: "\n .pcfactory-card{\n border-radius: borderRadius;\n }\n .ued-card.pcfactory-card-bordered .pcfactory-card-head {\n background-color: backgroundColor;\n border-color: lineColor;\n border-top-left-radius: borderRadius;\n border-top-right-radius: borderRadius;\n }\n .ued-card.pcfactory-card-bordered {\n border-color: borderColor;\n }\n .ued-card.pcfactory-card-bordered {\n border-color: borderColor;\n }\n .ued-card .ued-card-title-icon-auto>i {\n color: titleColor;\n margin-right: tagMargin;\n }\n .ued-card .ued-card-title-icon-auto span{\n color: titleColor;\n margin-right: tagMargin;\n }\n .ued-card .ued-card-title::before {\n color: titleColor;\n margin-right: tagMargin;\n }\n .ued-card .ued-card-title-icon-auto>i svg{\n width: tagSize;\n height: tagSize;\n }\n .ued-card .ued-card-title-icon-auto span svg{\n width: tagSize;\n height: tagSize;\n }\n .ued-card .pcfactory-card-body{\n background-color: bodyColor;\n border-bottom-right-radius: borderRadius;\n border-bottom-left-radius: borderRadius;\n }",
108
108
  components: [{
109
109
  id: 'Card_813627',
110
110
  label: '卡片',
@@ -1,6 +1,5 @@
1
1
  export declare const Cascader: {
2
2
  type: string;
3
- hasPrefixClass: boolean;
4
3
  variable: {
5
4
  labelTextColor: {
6
5
  type: string;
@@ -1,6 +1,5 @@
1
1
  export var Cascader = {
2
2
  type: 'Cascader',
3
- hasPrefixClass: true,
4
3
  variable: {
5
4
  labelTextColor: {
6
5
  type: 'color',
@@ -83,7 +82,7 @@ export var Cascader = {
83
82
  iconTop: '16px',
84
83
  iconColor: 'rgba(28,36,46,.25)'
85
84
  }],
86
- tpl: ".ued-cascader-wrap {\n .pcfactory-select-arrow{\n color: iconColor;\n width: iconFontSize;\n height: iconFontSize;\n top: iconTop;\n .anticon>svg{\n width: iconFontSize;\n height: iconFontSize;\n }\n }\n .pcfactory-select-clear{\n color: iconColor;\n width: iconFontSize;\n height: iconFontSize;\n top: iconTop;\n .anticon>svg{\n width: iconFontSize;\n height: iconFontSize;\n }\n }\n\n }",
85
+ tpl: ".ued-cascader-wrap .pcfactory-select-arrow{\n color: iconColor;\n width: iconFontSize;\n height: iconFontSize;\n top: iconTop;\n .anticon>svg{\n width: iconFontSize;\n height: iconFontSize;\n }\n }\n .ued-cascader-wrap .pcfactory-select-clear{\n color: iconColor;\n width: iconFontSize;\n height: iconFontSize;\n top: iconTop;\n .anticon>svg{\n width: iconFontSize;\n height: iconFontSize;\n }\n }",
87
86
  components: [{
88
87
  id: 'Form_180373',
89
88
  label: '表单',
@@ -1,6 +1,5 @@
1
1
  export declare const Checkbox: {
2
2
  type: string;
3
- hasPrefixClass: boolean;
4
3
  variable: {
5
4
  labelTextColor: {
6
5
  type: string;
@@ -1,6 +1,5 @@
1
1
  export var Checkbox = {
2
2
  type: 'Checkbox',
3
- hasPrefixClass: true,
4
3
  variable: {
5
4
  labelTextColor: {
6
5
  type: 'color',
@@ -78,7 +77,7 @@ export var Checkbox = {
78
77
  radioSeBorderColor: '#47e',
79
78
  radioSeBgColor: '#47e'
80
79
  }],
81
- tpl: ".ued-checkbox-wrap{\n .pcfactory-checkbox-inner{\n width: radioSize;\n height: radioSize;\n border-color: radioBorderColor;\n background: radioBgColor;\n }\n .pcfactory-checkbox-checked .pcfactory-checkbox-inner{\n border-color: radioSeBorderColor;\n background: radioSeBgColor;\n }\n .pcfactory-checkbox-input:focus+.pcfactory-checkbox-inner{\n border-color: radioSeBorderColor;\n }\n .pcfactory-checkbox-wrapper:hover .pcfactory-checkbox{\n border-color: radioSeBorderColor;\n}\n.pcfactory-checkbox:hover .pcfactory-checkbox-inner {\n border-color: radioSeBorderColor;\n }\n .pcfactory-form-item input[type=checkbox], .pcfactory-form-item input[type=radio]{\n width: radioSize;\n height: radioSize;\n }\n .pcfactory-checkbox-indeterminate .pcfactory-checkbox-inner:after{\n background: radioSeBgColor;\n width: calc(0.47* radioSize);\n height: calc(0.47* radioSize);\n }\n .pcfactory-checkbox-checked .pcfactory-checkbox-inner:after{\n width: calc(0.35* radioSize);\n height: calc(0.57* radioSize);\n }\n }",
80
+ tpl: ".pcfactory-checkbox-inner{\n width: radioSize;\n height: radioSize;\n border-color: radioBorderColor;\n background: radioBgColor;\n }\n .pcfactory-checkbox-checked .pcfactory-checkbox-inner{\n border-color: radioSeBorderColor;\n background: radioSeBgColor;\n }\n .pcfactory-checkbox-input:focus+.pcfactory-checkbox-inner{\n border-color: radioSeBorderColor;\n }\n .pcfactory-checkbox-wrapper:hover .pcfactory-checkbox{\n border-color: radioSeBorderColor;\n}\n.pcfactory-checkbox:hover .pcfactory-checkbox-inner {\n border-color: radioSeBorderColor;\n }\n .pcfactory-form-item input[type=checkbox], .pcfactory-form-item input[type=radio]{\n width: radioSize;\n height: radioSize;\n }\n .pcfactory-checkbox-indeterminate .pcfactory-checkbox-inner:after{\n background: radioSeBgColor;\n width: calc(0.47* radioSize);\n height: calc(0.47* radioSize);\n }\n .pcfactory-checkbox-checked .pcfactory-checkbox-inner:after{\n width: calc(0.35* radioSize);\n height: calc(0.57* radioSize);\n }",
82
81
  components: [{
83
82
  id: 'Form_180373',
84
83
  label: '表单',
@@ -1,6 +1,5 @@
1
1
  export declare const CheckboxGroup: {
2
2
  type: string;
3
- hasPrefixClass: boolean;
4
3
  variable: {
5
4
  labelTextColor: {
6
5
  type: string;
@@ -1,6 +1,5 @@
1
1
  export var CheckboxGroup = {
2
2
  type: 'CheckboxGroup',
3
- hasPrefixClass: true,
4
3
  variable: {
5
4
  labelTextColor: {
6
5
  type: 'color',
@@ -78,7 +77,7 @@ export var CheckboxGroup = {
78
77
  radioSeBorderColor: '#47e',
79
78
  radioSeBgColor: '#47e'
80
79
  }],
81
- tpl: ".ued-checkboxgroup-wrap {\n .pcfactory-checkbox-inner{\n width: radioSize;\n height: radioSize;\n border-color: radioBorderColor;\n background: radioBgColor;\n }\n .pcfactory-checkbox-checked .pcfactory-checkbox-inner{\n border-color: radioSeBorderColor;\n background: radioSeBgColor;\n }\n .pcfactory-checkbox-input:focus+.pcfactory-checkbox-inner{\n border-color: radioSeBorderColor;\n }\n .pcfactory-checkbox-wrapper:hover .pcfactory-checkbox{\n border-color: radioSeBorderColor;\n}\n .pcfactory-checkbox:hover .pcfactory-checkbox-inner {\n border-color: radioSeBorderColor;\n }\n .pcfactory-form-item input[type=checkbox]{\n width: radioSize;\n height: radioSize;\n }\n .pcfactory-form-item input[type=radio]{\n width: radioSize;\n height: radioSize;\n }\n .pcfactory-checkbox-indeterminate .pcfactory-checkbox-inner:after{\n background: radioSeBgColor;\n width: calc(0.47* radioSize);\n height: calc(0.47* radioSize);\n }\n .pcfactory-checkbox-checked .pcfactory-checkbox-inner:after{\n width: calc(0.35* radioSize);\n height: calc(0.57* radioSize);\n }\n }",
80
+ tpl: ".pcfactory-checkbox-inner{\n width: radioSize;\n height: radioSize;\n border-color: radioBorderColor;\n background: radioBgColor;\n }\n .pcfactory-checkbox-checked .pcfactory-checkbox-inner{\n border-color: radioSeBorderColor;\n background: radioSeBgColor;\n }\n .pcfactory-checkbox-input:focus+.pcfactory-checkbox-inner{\n border-color: radioSeBorderColor;\n }\n .pcfactory-checkbox-wrapper:hover .pcfactory-checkbox{\n border-color: radioSeBorderColor;\n}\n .pcfactory-checkbox:hover .pcfactory-checkbox-inner {\n border-color: radioSeBorderColor;\n }\n .pcfactory-form-item input[type=checkbox]{\n width: radioSize;\n height: radioSize;\n }\n .pcfactory-form-item input[type=radio]{\n width: radioSize;\n height: radioSize;\n }\n .pcfactory-checkbox-indeterminate .pcfactory-checkbox-inner:after{\n background: radioSeBgColor;\n width: calc(0.47* radioSize);\n height: calc(0.47* radioSize);\n }\n .pcfactory-checkbox-checked .pcfactory-checkbox-inner:after{\n width: calc(0.35* radioSize);\n height: calc(0.57* radioSize);\n }",
82
81
  components: [{
83
82
  id: 'Form_180373',
84
83
  label: '表单',
@@ -1,6 +1,5 @@
1
1
  export declare const Container: {
2
2
  type: string;
3
- hiddenCustomCss: boolean;
4
3
  variable: {
5
4
  textColor: {
6
5
  type: string;
@@ -1,6 +1,5 @@
1
1
  export var Container = {
2
2
  type: 'Container',
3
- hiddenCustomCss: true,
4
3
  variable: {
5
4
  textColor: {
6
5
  type: 'color',
@@ -71,7 +70,7 @@ export var Container = {
71
70
  }],
72
71
 
73
72
  // TODO:布局容器、普通容器
74
- tpl: "\n .ued-card .ued-card-title {\n color: textColor;\n line-height: lineHeight;\n font-size: fontSize;\n font-weight: fontWeight;\n }\n .ued-collapse-wrap .pcfactory-collapse.pcfactory-collapse-icon-position-right > .pcfactory-collapse-item > .pcfactory-collapse-header .ued-collapse-panel-header {\n color: textColor;\n line-height: lineHeight;\n font-size: fontSize;\n font-weight: fontWeight;\n }\n .ued-table-filters .table-head-default{\n color: textColor;\n line-height: lineHeight;\n font-size: fontSize;\n font-weight: fontWeight;\n padding: 12px 0 0 20px;\n }\n .ued-table-filters .table-head-middle{\n color: textColor;\n line-height: lineHeight;\n font-size: fontSize;\n font-weight: fontWeight;\n padding: 12px 0 0 20px;\n }\n .ued-table-wrap .table-head-default{\n color: textColor;\n line-height: lineHeight;\n font-size: fontSize;\n font-weight: fontWeight;\n padding: 12px 0 0 20px;\n }\n .ued-table-wrap .table-head-middle .title{\n color: textColor;\n line-height: lineHeight;\n font-size: fontSize;\n font-weight: fontWeight;\n padding: 12px 0 0 20px;\n }\n .ued-table-wrap .table-head .title{\n color: textColor;\n line-height: lineHeight;\n font-size: fontSize;\n font-weight: fontWeight;\n }",
73
+ tpl: "\n .ued-card .ued-card-title {\n color: textColor;\n line-height: lineHeight;\n font-size: fontSize;\n font-weight: fontWeight;\n }\n .ued-collapse-wrap .pcfactory-collapse.pcfactory-collapse-icon-position-right > .pcfactory-collapse-item > .pcfactory-collapse-header .ued-collapse-panel-header {\n color: textColor;\n line-height: lineHeight;\n font-size: fontSize;\n font-weight: fontWeight;\n }\n .ued-table-filters .table-head-default{\n color: textColor;\n line-height: lineHeight;\n font-size: fontSize;\n font-weight: fontWeight;\n padding: 12px 0 0 0;\n }\n .ued-table-filters .table-head-middle{\n color: textColor;\n line-height: lineHeight;\n font-size: fontSize;\n font-weight: fontWeight;\n padding: 12px 0 0 0;\n }\n .ued-table-wrap .table-head-default{\n color: textColor;\n line-height: lineHeight;\n font-size: fontSize;\n font-weight: fontWeight;\n padding: 12px 0 0 0;\n }\n .ued-table-wrap .table-head-middle .title{\n color: textColor;\n line-height: lineHeight;\n font-size: fontSize;\n font-weight: fontWeight;\n padding: 12px 0 0 0;\n }\n .ued-table-wrap .table-head .title{\n color: textColor;\n line-height: lineHeight;\n font-size: fontSize;\n font-weight: fontWeight;\n }",
75
74
  components: [{
76
75
  id: 'Card_872926',
77
76
  label: '卡片',
@@ -1,6 +1,5 @@
1
1
  export declare const DatePicker: {
2
2
  type: string;
3
- hasPrefixClass: boolean;
4
3
  variable: {
5
4
  labelTextColor: {
6
5
  type: string;
@@ -1,6 +1,5 @@
1
1
  export var DatePicker = {
2
2
  type: 'DatePicker',
3
- hasPrefixClass: true,
4
3
  variable: {
5
4
  labelTextColor: {
6
5
  type: 'color',
@@ -76,7 +75,7 @@ export var DatePicker = {
76
75
  iconFontSize: '14px',
77
76
  iconColor: '#0085D0'
78
77
  }],
79
- tpl: ".ued-datePicker-wrap {\n .pcfactory-picker-suffix{\n color: iconColor;\n width: iconFontSize;\n height: iconFontSize;\n .anticon>svg{\n width: iconFontSize;\n height: iconFontSize;\n }\n }\n .pcfactory-picker-clear{\n color: iconColor;\n width: iconFontSize;\n height: iconFontSize;\n .anticon>svg{\n width: iconFontSize;\n height: iconFontSize;\n }\n }\n }",
78
+ tpl: ".ued-datePicker-wrap .pcfactory-picker-suffix{\n color: iconColor;\n width: iconFontSize;\n height: iconFontSize;\n .anticon>svg{\n width: iconFontSize;\n height: iconFontSize;\n }\n }\n .ued-datePicker-wrap .pcfactory-picker-clear{\n color: iconColor;\n width: iconFontSize;\n height: iconFontSize;\n .anticon>svg{\n width: iconFontSize;\n height: iconFontSize;\n }\n }",
80
79
  components: [{
81
80
  id: 'Form_180373',
82
81
  label: '表单',
@@ -1,6 +1,5 @@
1
1
  export declare const Description: {
2
2
  type: string;
3
- hasPrefixClass: boolean;
4
3
  variable: {
5
4
  borderColor: {
6
5
  type: string;
@@ -1,6 +1,5 @@
1
1
  export var Description = {
2
2
  type: 'Description',
3
- hasPrefixClass: true,
4
3
  variable: {
5
4
  borderColor: {
6
5
  type: 'color',
@@ -1,6 +1,5 @@
1
1
  export declare const Form: {
2
2
  type: string;
3
- hasPrefixClass: boolean;
4
3
  variable: {
5
4
  backgroundColor: {
6
5
  type: string;
@@ -1,6 +1,5 @@
1
1
  export var Form = {
2
2
  type: 'Form',
3
- hasPrefixClass: true,
4
3
  variable: {
5
4
  backgroundColor: {
6
5
  type: 'color',
@@ -87,7 +86,7 @@ export var Form = {
87
86
  // 下拉单选与下拉复选样式一致
88
87
  // 滑动输入条没有边框样式
89
88
  // TODO: 树选择器,联级选择器效果待确认
90
- tpl: "\n .ued-legacy-form-wrap{\n background-color: backgroundColor;\n &.pcfactory-form-vertical .pcfactory-form-item-label>label{\n color: labelTextColor;\n line-height: labelLineHeight;\n font-size: labelFontSize;\n }\n .pcfactory-input-affix-wrapper {\n border-color: itemBorderColor;\n border-radius: itemBorderRadius;\n }\n .pcfactory-input{\n border-color: itemBorderColor;\n border-radius: itemBorderRadius;\n color: textColor;\n font-size: fontSize;\n }\n .ued-inputNumber-wrap.pcfactory-input-number{\n border-color: itemBorderColor;\n border-radius: itemBorderRadius;\n color: textColor;\n font-size: fontSize;\n }\n .verificationCodePC-inputContent{\n border-color: itemBorderColor;\n border-radius: itemBorderRadius;\n height: auto;\n min-height: 32px;\n }\n .pcfactory-radio-wrapper{\n color: textColor;\n font-size: fontSize;\n }\n .pcfactory-checkbox-wrapper{\n color: textColor;\n font-size: fontSize;\n }\n .ued-select-wrap .pcfactory-select{\n color: textColor;\n font-size: fontSize;\n }\n .pcfactory-select-multiple .ued-select-checked-tag{\n color: textColor;\n font-size: fontSize;\n min-height: 24px;\n height: auto;\n padding: 4px 8px 4px 8px;\n }\n .pcfactory-select-single:not(.pcfactory-select-customize-input) .pcfactory-select-selector::after{\n line-height: fontSize;\n }\n span.pcfactory-radio+*{\n color: textColor;\n font-size: fontSize;\n }\n .pcfactory-select-selector{\n height: auto;\n border-color: itemBorderColor;\n border-radius: itemBorderRadius;\n }\n .ued-select-wrap .pcfactory-select-selection-item{\n color: textColor;\n font-size: fontSize;\n }\n .pcfactory-checkbox+span{\n color: textColor;\n font-size: fontSize;\n }\n .ued-stdupload-wrap .pcfactory-upload.pcfactory-upload-select.pcfactory-upload-select-text button{\n height: auto;\n }\n .ued-cascader-wrap .pcfactory-select-selection-item{\n color: textColor;\n font-size: fontSize;\n }\n .ued-treeSelect-wrap .pcfactory-select-selection-item{\n color: textColor;\n font-size: fontSize;\n }\n .pcfactory-picker-input > input{\n color: textColor;\n font-size: fontSize;\n }\n .pcfactory-picker{\n border-color: itemBorderColor;\n border-radius: itemBorderRadius;\n }\n .ued-stdupload-wrap .pcfactory-upload.pcfactory-upload-select.pcfactory-upload-select-text button>span{\n color: textColor;\n font-size: fontSize;\n }\n .ued-stdupload-wrap .pcfactory-upload.pcfactory-upload-select.pcfactory-upload-select-text button{\n border-color: itemBorderColor;\n border-radius: itemBorderRadius;\n }\n .pcfactory-select:not(.pcfactory-select-customize-input) .pcfactory-select-selector{\n border-color: itemBorderColor;\n border-radius: itemBorderRadius;\n height: auto;\n min-height: 32px;\n }\n .pcfactory-select-single .pcfactory-select-selector .pcfactory-select-selection-item, .pcfactory-select-single .pcfactory-select-selector .pcfactory-select-selection-placeholder{\n line-height: 2;\n font-size: fontSize;\n }\n .pcfactory-select-multiple .pcfactory-select-selection-placeholder{\n font-size: fontSize;\n }\n .ued-rateContainer .pcfactory-rate{\n font-size: fontSize;\n }\n .ued-rateContainer-rateText{\n color: textColor;\n font-size: fontSize;\n }\n }\n \n ",
89
+ tpl: "\n .ued-legacy-form-wrap{\n background-color: backgroundColor;\n }\n .ued-legacy-form-wrap.pcfactory-form-vertical .pcfactory-form-item-label>label{\n color: labelTextColor;\n line-height: labelLineHeight;\n font-size: labelFontSize;\n }\n .pcfactory-input-affix-wrapper {\n border-color: itemBorderColor;\n border-radius: itemBorderRadius;\n }\n .pcfactory-input{\n border-color: itemBorderColor;\n border-radius: itemBorderRadius;\n color: textColor;\n font-size: fontSize;\n }\n .ued-inputNumber-wrap.pcfactory-input-number{\n border-color: itemBorderColor;\n border-radius: itemBorderRadius;\n color: textColor;\n font-size: fontSize;\n }\n .verificationCodePC-inputContent{\n border-color: itemBorderColor;\n border-radius: itemBorderRadius;\n height: auto;\n min-height: 32px;\n }\n .pcfactory-radio-wrapper{\n color: textColor;\n font-size: fontSize;\n }\n .pcfactory-checkbox-wrapper{\n color: textColor;\n font-size: fontSize;\n }\n .ued-select-wrap .pcfactory-select{\n color: textColor;\n font-size: fontSize;\n }\n .pcfactory-select-multiple .ued-select-checked-tag{\n color: textColor;\n font-size: fontSize;\n min-height: 24px;\n height: auto;\n padding: 4px 8px 4px 8px;\n }\n .pcfactory-select-single:not(.pcfactory-select-customize-input) .pcfactory-select-selector::after{\n line-height: fontSize;\n }\n span.pcfactory-radio+*{\n color: textColor;\n font-size: fontSize;\n }\n .pcfactory-select-selector{\n height: auto;\n border-color: itemBorderColor;\n border-radius: itemBorderRadius;\n }\n .ued-select-wrap .pcfactory-select-selection-item{\n color: textColor;\n font-size: fontSize;\n }\n .pcfactory-checkbox+span{\n color: textColor;\n font-size: fontSize;\n }\n .ued-stdupload-wrap .pcfactory-upload.pcfactory-upload-select.pcfactory-upload-select-text button{\n height: auto;\n }\n .ued-cascader-wrap .pcfactory-select-selection-item{\n color: textColor;\n font-size: fontSize;\n }\n .ued-treeSelect-wrap .pcfactory-select-selection-item{\n color: textColor;\n font-size: fontSize;\n }\n .pcfactory-picker-input > input{\n color: textColor;\n font-size: fontSize;\n }\n .pcfactory-picker{\n border-color: itemBorderColor;\n border-radius: itemBorderRadius;\n }\n .ued-stdupload-wrap .pcfactory-upload.pcfactory-upload-select.pcfactory-upload-select-text button>span{\n color: textColor;\n font-size: fontSize;\n }\n .ued-stdupload-wrap .pcfactory-upload.pcfactory-upload-select.pcfactory-upload-select-text button{\n border-color: itemBorderColor;\n border-radius: itemBorderRadius;\n }\n .pcfactory-select:not(.pcfactory-select-customize-input) .pcfactory-select-selector{\n border-color: itemBorderColor;\n border-radius: itemBorderRadius;\n height: auto;\n min-height: 32px;\n }\n .pcfactory-select-single .pcfactory-select-selector .pcfactory-select-selection-item, .pcfactory-select-single .pcfactory-select-selector .pcfactory-select-selection-placeholder{\n line-height: 2;\n font-size: fontSize;\n }\n .pcfactory-select-multiple .pcfactory-select-selection-placeholder{\n font-size: fontSize;\n }\n .ued-rateContainer .pcfactory-rate{\n font-size: fontSize;\n }\n .ued-rateContainer-rateText{\n color: textColor;\n font-size: fontSize;\n }\n ",
91
90
  components: [{
92
91
  id: 'Form_180373',
93
92
  label: '表单',
@@ -1,6 +1,5 @@
1
1
  export declare const Radio: {
2
2
  type: string;
3
- hasPrefixClass: boolean;
4
3
  variable: {
5
4
  labelTextColor: {
6
5
  type: string;
@@ -1,6 +1,5 @@
1
1
  export var Radio = {
2
2
  type: 'Radio',
3
- hasPrefixClass: true,
4
3
  variable: {
5
4
  labelTextColor: {
6
5
  type: 'color',
@@ -78,7 +77,7 @@ export var Radio = {
78
77
  radioSeBorderColor: '#47e',
79
78
  radioSeBgColor: '#fff'
80
79
  }],
81
- tpl: ".ued-radio-wrap {\n .pcfactory-radio-inner{\n width: radioSize;\n height: radioSize;\n border-color: radioBorderColor;\n background: radioBgColor;\n }\n .pcfactory-radio-checked .pcfactory-radio-inner{\n border-color: radioSeBorderColor;\n background: radioSeBgColor;\n }\n .pcfactory-radio-input:focus+.pcfactory-radio-inner{\n border-color: radioSeBorderColor;\n }\n .pcfactory-radio-wrapper:hover .pcfactory-radio{\n border-color: radioSeBorderColor;\n}\n .pcfactory-radio:hover .pcfactory-radio-inner {\n border-color: radioSeBorderColor;\n }\n .pcfactory-form-item input[type=checkbox]{\n width: radioSize;\n height: radioSize;\n }\n .pcfactory-form-item input[type=radio]{\n width: radioSize;\n height: radioSize;\n }\n .pcfactory-radio-checked .pcfactory-radio-inner:after{\n background: radioSeBorderColor;\n margin-left:0px;\n margin-top:0px;\n top:-1%;\n left:-3%;\n border-radius: radioSize;\n width: radioSize;\n height: radioSize;\n }\n}",
80
+ tpl: ".pcfactory-radio-inner{\n width: radioSize;\n height: radioSize;\n border-color: radioBorderColor;\n background: radioBgColor;\n }\n .pcfactory-radio-checked .pcfactory-radio-inner{\n border-color: radioSeBorderColor;\n background: radioSeBgColor;\n }\n .pcfactory-radio-input:focus+.pcfactory-radio-inner{\n border-color: radioSeBorderColor;\n }\n .pcfactory-radio-wrapper:hover .pcfactory-radio{\n border-color: radioSeBorderColor;\n}\n .pcfactory-radio:hover .pcfactory-radio-inner {\n border-color: radioSeBorderColor;\n }\n .pcfactory-form-item input[type=checkbox]{\n width: radioSize;\n height: radioSize;\n }\n .pcfactory-form-item input[type=radio]{\n width: radioSize;\n height: radioSize;\n }\n .pcfactory-radio-checked .pcfactory-radio-inner:after{\n background: radioSeBorderColor;\n margin-left:0px;\n margin-top:0px;\n top:-1%;\n left:-3%;\n border-radius: radioSize;\n width: radioSize;\n height: radioSize;\n }",
82
81
  components: [{
83
82
  id: 'Form_180373',
84
83
  label: '表单',
@@ -1,6 +1,5 @@
1
1
  export declare const RangePicker: {
2
2
  type: string;
3
- hasPrefixClass: boolean;
4
3
  variable: {
5
4
  labelTextColor: {
6
5
  type: string;
@@ -1,6 +1,5 @@
1
1
  export var RangePicker = {
2
2
  type: 'RangePicker',
3
- hasPrefixClass: true,
4
3
  variable: {
5
4
  labelTextColor: {
6
5
  type: 'color',
@@ -82,7 +81,7 @@ export var RangePicker = {
82
81
  iconColor: '#0085D0',
83
82
  lineColor: '#1c242e'
84
83
  }],
85
- tpl: ".ued-datePicker-wrap {\n .pcfactory-picker-suffix{\n color: iconColor;\n width: iconFontSize;\n height: iconFontSize;\n .anticon>svg{\n width: iconFontSize;\n height: iconFontSize;\n }\n }\n .pcfactory-picker-clear{\n color: iconColor;\n width: iconFontSize;\n height: iconFontSize;\n .anticon>svg{\n width: iconFontSize;\n height: iconFontSize;\n }\n }\n .pcfactory-picker-range-separator{\n color: lineColor;\n }\n }",
84
+ tpl: ".ued-datePicker-wrap .pcfactory-picker-suffix{\n color: iconColor;\n width: iconFontSize;\n height: iconFontSize;\n .anticon>svg{\n width: iconFontSize;\n height: iconFontSize;\n }\n }\n .ued-datePicker-wrap .pcfactory-picker-clear{\n color: iconColor;\n width: iconFontSize;\n height: iconFontSize;\n .anticon>svg{\n width: iconFontSize;\n height: iconFontSize;\n }\n }\n .ued-datePicker-wrap .pcfactory-picker-range-separator{\n color: lineColor;\n }",
86
85
  components: [{
87
86
  id: 'Form_180373',
88
87
  label: '表单',
@@ -1,6 +1,5 @@
1
1
  export declare const Select: {
2
2
  type: string;
3
- hasPrefixClass: boolean;
4
3
  variable: {
5
4
  labelTextColor: {
6
5
  type: string;
@@ -1,6 +1,5 @@
1
1
  export var Select = {
2
2
  type: 'Select',
3
- hasPrefixClass: true,
4
3
  variable: {
5
4
  labelTextColor: {
6
5
  type: 'color',
@@ -83,7 +82,7 @@ export var Select = {
83
82
  iconTop: '16px',
84
83
  iconColor: 'rgba(28,36,46,.25)'
85
84
  }],
86
- tpl: ".ued-select-wrap {\n .pcfactory-select-arrow{\n color: iconColor;\n width: iconFontSize;\n height: iconFontSize;\n top: iconTop;\n .anticon>svg{\n width: iconFontSize;\n height: iconFontSize;\n }\n }\n .pcfactory-select-clear{\n color: iconColor;\n width: iconFontSize;\n height: iconFontSize;\n top: iconTop;\n .anticon>svg{\n width: iconFontSize;\n height: iconFontSize;\n }\n }\n }",
85
+ tpl: ".ued-select-wrap .pcfactory-select-arrow{\n color: iconColor;\n width: iconFontSize;\n height: iconFontSize;\n top: iconTop;\n .anticon>svg{\n width: iconFontSize;\n height: iconFontSize;\n }\n }\n .ued-select-wrap .pcfactory-select-clear{\n color: iconColor;\n width: iconFontSize;\n height: iconFontSize;\n top: iconTop;\n .anticon>svg{\n width: iconFontSize;\n height: iconFontSize;\n }\n }",
87
86
  components: [{
88
87
  id: 'Form_180373',
89
88
  label: '表单',
@@ -1,6 +1,5 @@
1
1
  export declare const StdUpload: {
2
2
  type: string;
3
- hasPrefixClass: boolean;
4
3
  variable: {
5
4
  labelTextColor: {
6
5
  type: string;
@@ -1,6 +1,5 @@
1
1
  export var StdUpload = {
2
2
  type: 'StdUpload',
3
- hasPrefixClass: true,
4
3
  variable: {
5
4
  labelTextColor: {
6
5
  type: 'color',
@@ -88,7 +87,7 @@ export var StdUpload = {
88
87
  listIconColor: 'rgba(0,0,0,.45)',
89
88
  lisIconSize: '14px'
90
89
  }],
91
- tpl: ".ued-stdupload-wrap {\n \n .ued-stdUpload-item-info a {\n color: listTextColor;\n font-size: listFontSize;\n }\n .ued-stdUpload-item-info:hover a{\n color: listTextColor;\n font-size: listFontSize;\n }\n .ued-stdUpload-item-icon .anticon-loading .anticon{\n color: listIconColor;\n > svg{\n width: lisIconSize;\n height: lisIconSize;\n }\n }\n .ued-stdUpload-item-icon .anticon{\n color: listIconColor;\n > svg{\n width: lisIconSize;\n height: lisIconSize;\n }\n }\n .ued-stdUpload-item-error .ued-stdUpload-item-icon .anticon-loading .anticon{\n color: #ff7474;\n }\n .ued-stdUpload-item-error .ued-stdUpload-item-icon .anticon{\n color: #ff7474;\n }\n }\n ",
90
+ tpl: "\n .ued-stdupload-wrap .pcfactory-upload-list-item-info .anticon-loading .anticon{\n color: listIconColor;\n > svg{\n width: lisIconSize;\n height: lisIconSize;\n }\n }\n .pcfactory-upload-list-item-info .pcfactory-upload-text-icon .anticon{\n color: listIconColor;\n > svg{\n width: lisIconSize;\n height: lisIconSize;\n }\n }\n .ued-stdupload-wrap .pcfactory-upload-list-item-error{\n color: #ff7474;\n }\n .pcfactory-upload-list-item-error .pcfactory-upload-list-item-name{\n color: #ff7474;\n }\n .pcfactory-upload-list-item-error .pcfactory-upload-text-icon>.anticon{\n color: #ff7474;\n }\n .ued-stdupload-wrap .pcfactory-upload-list-item-info a{\n color: listTextColor;\n font-size: listFontSize;\n }\n .ued-stdupload-wrap .pcfactory-upload-list-item-info:hover a{\n color: listTextColor;\n font-size: listFontSize;\n }\n .ued-stdupload-wrap .pcfactory-upload-list-item-card-actions .anticon{\n color: listIconColor;\n > svg{\n width: lisIconSize;\n height: lisIconSize;\n }\n }",
92
91
  components: [{
93
92
  id: 'Form_180373',
94
93
  label: '表单',
@@ -128,7 +128,7 @@ export var Tabs = {
128
128
  fontWeight: '300',
129
129
  activeFontWeight: '300'
130
130
  }],
131
- tpl: ".pcfactory-tabs .pcfactory-tabs > .pcfactory-tabs-nav .pcfactory-tabs-nav-wrap{\n background-color: headBgColor;\n }\n .pcfactory-tabs .pcfactory-tabs-nav .pcfactory-tabs-tab-active{\n background-color: activeBgColor;\n border-top-left-radius: activeRadius;\n border-top-right-radius: activeRadius;\n }\n .pcfactory-tabs .pcfactory-tabs-ink-bar{\n background-color: activeFColor;\n }\n .pcfactory-tabs{\n background-color: bodyColor;\n border-radius: borderRadius;\n }\n .pcfactory-tabs .pcfactory-tabs-nav .pcfactory-tabs-tab{\n padding: paddingValue;\n margin: marginValue;\n }\n .pcfactory-tabs .pcfactory-tabs-nav .pcfactory-tabs-tab .pcfactory-tabs-tab-btn{\n color: textColor;\n line-height: lineHeight;\n font-size: fontSize;\n font-weight: fontWeight;\n }\n .pcfactory-tabs .pcfactory-tabs-nav .pcfactory-tabs-tab-active .pcfactory-tabs-tab-btn{\n color: activeTextColor;\n font-weight: activeFontWeight;\n }",
131
+ tpl: ".ued-tabs-wrap .pcfactory-tabs > .pcfactory-tabs-nav .pcfactory-tabs-nav-wrap{\n background-color: headBgColor;\n }\n .ued-tabs-wrap .pcfactory-tabs-nav .pcfactory-tabs-tab-active{\n background-color: activeBgColor;\n border-top-left-radius: activeRadius;\n border-top-right-radius: activeRadius;\n\n }\n .ued-tabs-wrap .pcfactory-tabs-ink-bar{\n background-color: activeFColor;\n }\n .ued-tabs-wrap .pcfactory-tabs{\n background-color: bodyColor;\n border-radius: borderRadius;\n }\n .ued-tabs-wrap .pcfactory-tabs-nav .pcfactory-tabs-tab{\n padding: paddingValue;\n margin: marginValue;\n }\n .ued-tabs-wrap .pcfactory-tabs-nav .pcfactory-tabs-tab .pcfactory-tabs-tab-btn{\n color: textColor;\n line-height: lineHeight;\n font-size: fontSize;\n font-weight: fontWeight;\n }\n .ued-tabs-wrap .pcfactory-tabs-nav .pcfactory-tabs-tab-active .pcfactory-tabs-tab-btn{\n color: activeTextColor;\n font-weight: activeFontWeight;\n }",
132
132
  components: [{
133
133
  id: 'Tabs_9165146',
134
134
  label: '标签页',
@@ -64,6 +64,13 @@ export declare const Tag: {
64
64
  };
65
65
  style: {
66
66
  minHeight: string;
67
+ textAlign?: undefined;
68
+ display?: undefined;
69
+ flexDirection?: undefined;
70
+ padding?: undefined;
71
+ width?: undefined;
72
+ backgroundColor?: undefined;
73
+ height?: undefined;
67
74
  };
68
75
  isContainer: boolean;
69
76
  isBusiObjContainer: boolean;
@@ -77,6 +84,44 @@ export declare const Tag: {
77
84
  isLabelDropBoxChild: boolean;
78
85
  components: never[];
79
86
  path: string[];
87
+ engineApi?: undefined;
88
+ } | {
89
+ id: string;
90
+ label: string;
91
+ compName: string;
92
+ type: string;
93
+ compType: number;
94
+ compLib: string;
95
+ props: {
96
+ name: string;
97
+ basicStatus: number;
98
+ title?: undefined;
99
+ closable?: undefined;
100
+ tagType?: undefined;
101
+ };
102
+ style: {
103
+ textAlign: string;
104
+ display: string;
105
+ flexDirection: string;
106
+ padding: string;
107
+ width: string;
108
+ backgroundColor: string;
109
+ height: string;
110
+ minHeight?: undefined;
111
+ };
112
+ isContainer: boolean;
113
+ isBusiObjContainer: boolean;
114
+ cmdgroup: string[];
115
+ platform: string;
116
+ icon: string;
117
+ description: string;
118
+ image: string;
119
+ groupsName: string;
120
+ engineApi: string[];
121
+ setEvents: never[];
122
+ isLabelDropBoxChild: boolean;
123
+ components: never[];
124
+ path: string[];
80
125
  } | {
81
126
  id: string;
82
127
  label: string;
@@ -97,6 +142,13 @@ export declare const Tag: {
97
142
  };
98
143
  style: {
99
144
  minHeight: string;
145
+ textAlign?: undefined;
146
+ display?: undefined;
147
+ flexDirection?: undefined;
148
+ padding?: undefined;
149
+ width?: undefined;
150
+ backgroundColor?: undefined;
151
+ height?: undefined;
100
152
  };
101
153
  isContainer: boolean;
102
154
  isBusiObjContainer: boolean;
@@ -110,5 +162,6 @@ export declare const Tag: {
110
162
  isLabelDropBoxChild: boolean;
111
163
  components: never[];
112
164
  path: string[];
165
+ engineApi?: undefined;
113
166
  })[];
114
167
  };