@lingxiteam/theme-utils 0.1.10 → 0.1.12

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.
package/README.md CHANGED
@@ -89,12 +89,14 @@ insertLink('12312', 'http://xxx.css', true);
89
89
  type: '类型',
90
90
  // 所有的 css 有一个父级类名
91
91
  hasPrefixClass: true,
92
+ // 隐藏自定义类名按钮,当前只有pc端容器
93
+ hiddenCustomCss: true,
92
94
  variable: {
93
95
  // 允许配置项
94
- fontSize: {
96
+ fontSize: {
95
97
  // 对应编辑器的类型,px color select marginInput 四种
96
- type: 'px',
97
- label: '尺寸',
98
+ type: 'px',
99
+ label: '尺寸',
98
100
  groupsName: '文字' ,
99
101
  desc: '说明文字',
100
102
  // 继承其他组件属性时要标记不可编辑
@@ -128,5 +130,5 @@ insertLink('12312', 'http://xxx.css', true);
128
130
  如: theme-utils/src/lx-mobile.ts#L63 和 theme-utils/src/lx.ts#L62
129
131
 
130
132
  ```ts
131
- const extend: any = { }
132
- ```
133
+ const extend: any = {};
134
+ ```
@@ -52,7 +52,7 @@ export var Button = {
52
52
  fontSize: '14px',
53
53
  backgroundColor: '#47e',
54
54
  borderColor: '#D8E0EC',
55
- borderRadius: '8px',
55
+ borderRadius: '2px',
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 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 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 }",
108
108
  components: [{
109
109
  id: 'Card_813627',
110
110
  label: '卡片',
@@ -1,5 +1,6 @@
1
1
  export declare const Cascader: {
2
2
  type: string;
3
+ hasPrefixClass: boolean;
3
4
  variable: {
4
5
  labelTextColor: {
5
6
  type: string;
@@ -1,5 +1,6 @@
1
1
  export var Cascader = {
2
2
  type: 'Cascader',
3
+ hasPrefixClass: true,
3
4
  variable: {
4
5
  labelTextColor: {
5
6
  type: 'color',
@@ -82,7 +83,7 @@ export var Cascader = {
82
83
  iconTop: '16px',
83
84
  iconColor: 'rgba(28,36,46,.25)'
84
85
  }],
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 }",
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 }",
86
87
  components: [{
87
88
  id: 'Form_180373',
88
89
  label: '表单',
@@ -1,5 +1,6 @@
1
1
  export declare const Checkbox: {
2
2
  type: string;
3
+ hasPrefixClass: boolean;
3
4
  variable: {
4
5
  labelTextColor: {
5
6
  type: string;
@@ -1,5 +1,6 @@
1
1
  export var Checkbox = {
2
2
  type: 'Checkbox',
3
+ hasPrefixClass: true,
3
4
  variable: {
4
5
  labelTextColor: {
5
6
  type: 'color',
@@ -77,7 +78,7 @@ export var Checkbox = {
77
78
  radioSeBorderColor: '#47e',
78
79
  radioSeBgColor: '#47e'
79
80
  }],
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 }",
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 }",
81
82
  components: [{
82
83
  id: 'Form_180373',
83
84
  label: '表单',
@@ -1,5 +1,6 @@
1
1
  export declare const CheckboxGroup: {
2
2
  type: string;
3
+ hasPrefixClass: boolean;
3
4
  variable: {
4
5
  labelTextColor: {
5
6
  type: string;
@@ -1,5 +1,6 @@
1
1
  export var CheckboxGroup = {
2
2
  type: 'CheckboxGroup',
3
+ hasPrefixClass: true,
3
4
  variable: {
4
5
  labelTextColor: {
5
6
  type: 'color',
@@ -77,7 +78,8 @@ export var CheckboxGroup = {
77
78
  radioSeBorderColor: '#47e',
78
79
  radioSeBgColor: '#47e'
79
80
  }],
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 }",
81
+ // 类名为 undefined
82
+ tpl: ".pcfactory-checkbox-group{\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 }",
81
83
  components: [{
82
84
  id: 'Form_180373',
83
85
  label: '表单',
@@ -1,5 +1,6 @@
1
1
  export declare const DatePicker: {
2
2
  type: string;
3
+ hasPrefixClass: boolean;
3
4
  variable: {
4
5
  labelTextColor: {
5
6
  type: string;
@@ -1,5 +1,6 @@
1
1
  export var DatePicker = {
2
2
  type: 'DatePicker',
3
+ hasPrefixClass: true,
3
4
  variable: {
4
5
  labelTextColor: {
5
6
  type: 'color',
@@ -75,7 +76,7 @@ export var DatePicker = {
75
76
  iconFontSize: '14px',
76
77
  iconColor: '#0085D0'
77
78
  }],
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 }",
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 }",
79
80
  components: [{
80
81
  id: 'Form_180373',
81
82
  label: '表单',
@@ -1,5 +1,6 @@
1
1
  export declare const Description: {
2
2
  type: string;
3
+ hasPrefixClass: boolean;
3
4
  variable: {
4
5
  borderColor: {
5
6
  type: string;
@@ -1,5 +1,6 @@
1
1
  export var Description = {
2
2
  type: 'Description',
3
+ hasPrefixClass: true,
3
4
  variable: {
4
5
  borderColor: {
5
6
  type: 'color',
@@ -1,5 +1,6 @@
1
1
  export declare const Radio: {
2
2
  type: string;
3
+ hasPrefixClass: boolean;
3
4
  variable: {
4
5
  labelTextColor: {
5
6
  type: string;
@@ -1,5 +1,6 @@
1
1
  export var Radio = {
2
2
  type: 'Radio',
3
+ hasPrefixClass: true,
3
4
  variable: {
4
5
  labelTextColor: {
5
6
  type: 'color',
@@ -77,7 +78,7 @@ export var Radio = {
77
78
  radioSeBorderColor: '#47e',
78
79
  radioSeBgColor: '#fff'
79
80
  }],
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 }",
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}",
81
82
  components: [{
82
83
  id: 'Form_180373',
83
84
  label: '表单',
@@ -1,5 +1,6 @@
1
1
  export declare const RangePicker: {
2
2
  type: string;
3
+ hasPrefixClass: boolean;
3
4
  variable: {
4
5
  labelTextColor: {
5
6
  type: string;
@@ -1,5 +1,6 @@
1
1
  export var RangePicker = {
2
2
  type: 'RangePicker',
3
+ hasPrefixClass: true,
3
4
  variable: {
4
5
  labelTextColor: {
5
6
  type: 'color',
@@ -81,7 +82,7 @@ export var RangePicker = {
81
82
  iconColor: '#0085D0',
82
83
  lineColor: '#1c242e'
83
84
  }],
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 }",
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 }",
85
86
  components: [{
86
87
  id: 'Form_180373',
87
88
  label: '表单',
@@ -1,5 +1,6 @@
1
1
  export declare const Select: {
2
2
  type: string;
3
+ hasPrefixClass: boolean;
3
4
  variable: {
4
5
  labelTextColor: {
5
6
  type: string;
@@ -1,5 +1,6 @@
1
1
  export var Select = {
2
2
  type: 'Select',
3
+ hasPrefixClass: true,
3
4
  variable: {
4
5
  labelTextColor: {
5
6
  type: 'color',
@@ -82,7 +83,7 @@ export var Select = {
82
83
  iconTop: '16px',
83
84
  iconColor: 'rgba(28,36,46,.25)'
84
85
  }],
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 }",
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 }",
86
87
  components: [{
87
88
  id: 'Form_180373',
88
89
  label: '表单',
@@ -1,5 +1,6 @@
1
1
  export declare const StdUpload: {
2
2
  type: string;
3
+ hasPrefixClass: boolean;
3
4
  variable: {
4
5
  labelTextColor: {
5
6
  type: string;
@@ -1,5 +1,6 @@
1
1
  export var StdUpload = {
2
2
  type: 'StdUpload',
3
+ hasPrefixClass: true,
3
4
  variable: {
4
5
  labelTextColor: {
5
6
  type: 'color',
@@ -87,7 +88,7 @@ export var StdUpload = {
87
88
  listIconColor: 'rgba(0,0,0,.45)',
88
89
  lisIconSize: '14px'
89
90
  }],
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 }",
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 ",
91
92
  components: [{
92
93
  id: 'Form_180373',
93
94
  label: '表单',
@@ -128,7 +128,7 @@ export var Tabs = {
128
128
  fontWeight: '300',
129
129
  activeFontWeight: '300'
130
130
  }],
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 }",
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 }",
132
132
  components: [{
133
133
  id: 'Tabs_9165146',
134
134
  label: '标签页',
@@ -46,7 +46,7 @@ export var Tag = {
46
46
  closeColor: 'rgba(0,0,0,.45)',
47
47
  closeSize: '10px'
48
48
  }],
49
- tpl: ".ued-tag-wrap .pcfactory-tag{\n background: backgroundColor;\n padding: paddingValue;\n border-radius: borderRadius;\n font-size: fontSize;\n }\n .ued-tag-wrap .pcfactory-tag .pcfactory-tag-close-icon { \n color: closeColor;\n > svg{\n width: closeSize;\n height: closeSize;\n }\n }",
49
+ tpl: ".pcfactory-tag{\n background: backgroundColor;\n padding: paddingValue;\n border-radius: borderRadius;\n font-size: fontSize;\n }\n .pcfactory-tag .pcfactory-tag-close-icon { \n color: closeColor;\n > svg{\n width: closeSize;\n height: closeSize;\n }\n }",
50
50
  components: [{
51
51
  id: 'Tag_6939955',
52
52
  label: '标签',
@@ -1,5 +1,6 @@
1
1
  export declare const TimePicker: {
2
2
  type: string;
3
+ hasPrefixClass: boolean;
3
4
  variable: {
4
5
  labelTextColor: {
5
6
  type: string;
@@ -1,5 +1,6 @@
1
1
  export var TimePicker = {
2
2
  type: 'TimePicker',
3
+ hasPrefixClass: true,
3
4
  variable: {
4
5
  labelTextColor: {
5
6
  type: 'color',
@@ -75,7 +76,7 @@ export var TimePicker = {
75
76
  iconFontSize: '14px',
76
77
  iconColor: '#0085D0'
77
78
  }],
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 }",
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 }",
79
80
  components: [{
80
81
  id: 'Form_180373',
81
82
  label: '表单',
@@ -1,5 +1,6 @@
1
1
  export declare const TreeSelect: {
2
2
  type: string;
3
+ hasPrefixClass: boolean;
3
4
  variable: {
4
5
  labelTextColor: {
5
6
  type: string;
@@ -1,5 +1,6 @@
1
1
  export var TreeSelect = {
2
2
  type: 'TreeSelect',
3
+ hasPrefixClass: true,
3
4
  variable: {
4
5
  labelTextColor: {
5
6
  type: 'color',
@@ -82,7 +83,7 @@ export var TreeSelect = {
82
83
  iconColor: 'rgba(28,36,46,.25)',
83
84
  iconTop: '16px'
84
85
  }],
85
- tpl: ".ued-treeSelect-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-treeSelect-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 }",
86
+ tpl: ".ued-treeSelect-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 }",
86
87
  components: [{
87
88
  id: 'Form_180373',
88
89
  label: '表单',
@@ -108,7 +108,7 @@ export var Accordion = {
108
108
  borderColor: '#DDD',
109
109
  borderRadius: '4px'
110
110
  }],
111
- tpl: "\n .lcdp-accordion {\n .lcdp-accordion-header{\n color: textColor;\n font-weight: fontWeight;\n font-size: fontSize;\n line-height: lineHeight;\n background: backgroundColor;\n }\n .lcdp-accordion-header-default-icon{\n height: tagSize;\n background: titleColor;\n margin-right: tagMargin;\n }\n .adm-list-item-content{\n border-color: lineColor;\n }\n \n .adm-collapse-arrow svg{\n color: arrowColor;\n width: arrowSize;\n height: arrowSize;\n }\n .adm-list-item-content-main{\n background: bodyBgColor;\n }\n .adm-collapse{\n border-radius: borderRadius;\n border-color: borderColor !important;\n }\n }\n ",
111
+ tpl: ".lcdp-accordion {\n .lcdp-accordion-header{\n color: textColor;\n font-weight: fontWeight;\n font-size: fontSize;\n line-height: lineHeight;\n background: backgroundColor;\n }\n .lcdp-accordion-header-default-icon{\n height: tagSize;\n background: titleColor;\n margin-right: tagMargin;\n }\n .adm-list-item-content{\n border-color: lineColor;\n }\n \n .adm-collapse-arrow svg{\n color: arrowColor;\n width: arrowSize;\n height: arrowSize;\n }\n .adm-list-item-content-main{\n background: bodyBgColor;\n }\n .adm-collapse{\n border-radius: borderRadius;\n border-color: borderColor !important;\n }\n }\n ",
112
112
  components: [{
113
113
  id: 'Accordion_960849',
114
114
  label: '折叠面板',
@@ -120,7 +120,7 @@ export var Card = {
120
120
  borderColor: 'rgba(0,0,0,0)',
121
121
  borderRadius: '4px'
122
122
  }],
123
- tpl: "\n .lcdp-h5-card {\n border-radius: borderRadius;\n border: 1PX solid borderColor;\n\n .adm-card-header:not(:last-child){\n border-color: lineColor !important;\n }\n .adm-card-header{\n border-color: lineColor !important;\n background: backgroundColor !important;\n }\n .adm-card-body{\n background: bodyBgColor;\n }\n\n .adm-card-header-title .lcdp-h5-card-title{\n color: textColor;\n font-weight: fontWeight;\n font-size: fontSize;\n line-height: lineHeight;\n }\n\n .lcdp-h5-card-hStyle{\n background: titleColor;\n margin-right: tagMargin;\n position: static;\n width: tagSize;\n }\n .lcdp-h5-card-vStyle{\n height: tagSize;\n background: titleColor;\n margin-right: tagMargin;\n }\n .lcdp-h5-card-icon{\n width: tagSize;\n height: tagSize;\n }\n .lcdp-h5-card-icon svg{\n color: titleColor;\n width: tagSize;\n height: tagSize;\n }\n .lcdp-h5-card-icon{\n margin-right: tagMargin;\n }\n .lcdp-h5-card-extra-icon{\n width: arrowSize;\n height: arrowSize;\n }\n .lcdp-h5-card-extra-icon svg{\n color: arrowColor;\n width: arrowSize;\n height: arrowSize;\n }\n .lcdp-card-footer-draw-box-border{\n border-color: bodyLineColor;\n background: footBgColor;\n }\n }\n \n ",
123
+ tpl: ".lcdp-h5-card {\n border-radius: borderRadius;\n border: 1PX solid borderColor;\n\n .adm-card-header:not(:last-child){\n border-color: lineColor !important;\n }\n .adm-card-header{\n border-color: lineColor !important;\n background: backgroundColor !important;\n }\n .adm-card-body{\n background: bodyBgColor;\n }\n\n .adm-card-header-title .lcdp-h5-card-title{\n color: textColor;\n font-weight: fontWeight;\n font-size: fontSize;\n line-height: lineHeight;\n }\n\n .lcdp-h5-card-hStyle{\n background: titleColor;\n margin-right: tagMargin;\n position: static;\n width: tagSize;\n }\n .lcdp-h5-card-vStyle{\n height: tagSize;\n background: titleColor;\n margin-right: tagMargin;\n }\n .lcdp-h5-card-icon{\n width: tagSize;\n height: tagSize;\n }\n .lcdp-h5-card-icon svg{\n color: titleColor;\n width: tagSize;\n height: tagSize;\n }\n .lcdp-h5-card-icon{\n margin-right: tagMargin;\n }\n .lcdp-h5-card-extra-icon{\n width: arrowSize;\n height: arrowSize;\n }\n .lcdp-h5-card-extra-icon svg{\n color: arrowColor;\n width: arrowSize;\n height: arrowSize;\n }\n .lcdp-card-footer-draw-box-border{\n border-color: bodyLineColor;\n background: footBgColor;\n }\n }\n \n ",
124
124
  components: [{
125
125
  id: 'Card_4143673',
126
126
  label: '卡片',
package/dist/lx-mobile.js CHANGED
@@ -152,7 +152,7 @@ export function prefixMobileCSS(type, values, prefix) {
152
152
  var _cfg$itemCustomTpl;
153
153
  var cfg = getMobileItemByType(extend[type]);
154
154
  var _item2 = getMobileItemByType(type);
155
- return prefixAnyCSS(stringifyCss((_cfg$itemCustomTpl = cfg === null || cfg === void 0 ? void 0 : cfg.itemCustomTpl) !== null && _cfg$itemCustomTpl !== void 0 ? _cfg$itemCustomTpl : cfg === null || cfg === void 0 ? void 0 : cfg.tpl, px2rem(_objectSpread(_objectSpread({}, cfg.defaultValue[0]), values))), prefix, _item2 === null || _item2 === void 0 ? void 0 : _item2.hasPrefixClass) + prefixAnyCSS(stringifyCss(_item2.tpl, px2rem(values)), prefix, _item2 === null || _item2 === void 0 ? void 0 : _item2.hasPrefixClass);
155
+ return prefixAnyCSS(stringifyCss((_cfg$itemCustomTpl = cfg === null || cfg === void 0 ? void 0 : cfg.itemCustomTpl) !== null && _cfg$itemCustomTpl !== void 0 ? _cfg$itemCustomTpl : cfg === null || cfg === void 0 ? void 0 : cfg.tpl, px2rem(_objectSpread(_objectSpread({}, cfg.defaultValue[0]), values))), prefix, cfg === null || cfg === void 0 ? void 0 : cfg.hasPrefixClass) + prefixAnyCSS(stringifyCss(_item2.tpl, px2rem(values)), prefix, _item2 === null || _item2 === void 0 ? void 0 : _item2.hasPrefixClass);
156
156
  }
157
157
  var item = getMobileItemByType(type);
158
158
  return prefixAnyCSS(stringifyCss(item.tpl, px2rem(values)), prefix, item === null || item === void 0 ? void 0 : item.hasPrefixClass);
package/dist/lx.js CHANGED
@@ -114,7 +114,7 @@ export function prefixCSS(type, values, prefix) {
114
114
  var _cfg$itemCustomTpl;
115
115
  var cfg = getItemByType(extend[type]);
116
116
  var _item2 = getItemByType(type);
117
- return prefixAnyCSS(stringifyCss((_cfg$itemCustomTpl = cfg === null || cfg === void 0 ? void 0 : cfg.itemCustomTpl) !== null && _cfg$itemCustomTpl !== void 0 ? _cfg$itemCustomTpl : cfg === null || cfg === void 0 ? void 0 : cfg.tpl, _objectSpread(_objectSpread({}, cfg.defaultValue[0]), values)), prefix, _item2 === null || _item2 === void 0 ? void 0 : _item2.hasPrefixClass) + prefixAnyCSS(stringifyCss(_item2.tpl, values), prefix, _item2 === null || _item2 === void 0 ? void 0 : _item2.hasPrefixClass);
117
+ return prefixAnyCSS(stringifyCss((_cfg$itemCustomTpl = cfg === null || cfg === void 0 ? void 0 : cfg.itemCustomTpl) !== null && _cfg$itemCustomTpl !== void 0 ? _cfg$itemCustomTpl : cfg === null || cfg === void 0 ? void 0 : cfg.tpl, _objectSpread(_objectSpread({}, cfg.defaultValue[0]), values)), prefix, cfg === null || cfg === void 0 ? void 0 : cfg.hasPrefixClass) + prefixAnyCSS(stringifyCss(_item2.tpl, values), prefix, _item2 === null || _item2 === void 0 ? void 0 : _item2.hasPrefixClass);
118
118
  }
119
119
  var item = getItemByType(type);
120
120
  return prefixAnyCSS(stringifyCss(item.tpl, values), prefix, item === null || item === void 0 ? void 0 : item.hasPrefixClass);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lingxiteam/theme-utils",
3
- "version": "0.1.10",
3
+ "version": "0.1.12",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",