@lingxiteam/theme-utils 0.3.4 → 0.3.5

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.
@@ -84,7 +84,7 @@ export var Radio = {
84
84
  '@primary-color': ['radioSeBorderColor'],
85
85
  '@border-color-base': ['radioBorderColor']
86
86
  },
87
- 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:-1px;\n left:-1px;\n border-radius: radioSize;\n width: radioSize;\n height: radioSize;\n }\n .pcfactory-radio-button-wrapper {\n border-top: 1px solid radioBorderColor;\n border-right: 1px solid radioBorderColor;\n border-bottom: 1px solid radioBorderColor;\n background: radioBgColor;\n }\n .pcfactory-radio-button-wrapper:first-child{\n border-left: 1px solid radioBorderColor;\n }\n .pcfactory-radio-button-wrapper-checked:not([class*=' pcfactory-radio-button-wrapper-disabled']).pcfactory-radio-button-wrapper:first-child{\n border-right-color: radioBorderColor;\n border-color: radioBorderColor;\n }\n .pcfactory-radio-button-wrapper-checked:not(.pcfactory-radio-button-wrapper-disabled){\n background: radioSeBorderColor;\n color: radioSeBgColor;\n }\n}",
87
+ tpl: ".pcFactory-from-component{\n .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:-1px;\n left:-1px;\n border-radius: radioSize;\n width: radioSize;\n height: radioSize;\n }\n .pcfactory-radio-button-wrapper {\n border-top: 1px solid radioBorderColor;\n border-right: 1px solid radioBorderColor;\n border-bottom: 1px solid radioBorderColor;\n background: radioBgColor;\n }\n .pcfactory-radio-button-wrapper:first-child{\n border-left: 1px solid radioBorderColor;\n }\n .pcfactory-radio-button-wrapper-checked:not([class*=' pcfactory-radio-button-wrapper-disabled']).pcfactory-radio-button-wrapper:first-child{\n border-right-color: radioBorderColor;\n border-color: radioBorderColor;\n }\n .pcfactory-radio-button-wrapper-checked:not(.pcfactory-radio-button-wrapper-disabled){\n background: radioSeBorderColor;\n color: radioSeBgColor;\n }\n}}",
88
88
  components: [{
89
89
  id: 'Form_180373',
90
90
  label: '表单',
@@ -89,7 +89,7 @@ export var RangePicker = {
89
89
  '@text-color-secondary': ['iconColor', 'lineColor'],
90
90
  '@font-size-base': ['iconFontSize']
91
91
  },
92
- 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 }",
92
+ tpl: ".pcFactory-from-component{\n .pcfactory-picker-range.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 }}",
93
93
  components: [{
94
94
  id: 'Form_180373',
95
95
  label: '表单',
@@ -83,7 +83,7 @@ export var Select = {
83
83
  iconTop: '16px',
84
84
  iconColor: 'rgba(28,36,46,.25)'
85
85
  }],
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
+ tpl: ".pcFactory-from-component{\n .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 }}",
87
87
  components: [{
88
88
  id: 'Form_180373',
89
89
  label: '表单',
@@ -80,7 +80,7 @@ export var StdUpload = {
80
80
  '@font-size-base': ['listFontSize', 'lisIconSize'],
81
81
  '@text-color-secondary': ['listTextColor', 'listIconColor']
82
82
  },
83
- 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 ",
83
+ tpl: ".pcFactory-from-component{\n .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 ",
84
84
  components: [{
85
85
  id: 'Form_180373',
86
86
  label: '表单',
@@ -47,7 +47,7 @@ export var Switch = {
47
47
  followThemes: {
48
48
  '@primary-color': ['openColor']
49
49
  },
50
- tpl: ".pcfactory-switch {\n background-color: closeColor;\n }\n .pcfactory-switch-checked {\n background-color: openColor;\n }",
50
+ tpl: ".pcFactory-from-component{\n .pcfactory-switch {\n background-color: closeColor;\n }\n .pcfactory-switch-checked {\n background-color: openColor;\n }}",
51
51
  components: [{
52
52
  id: 'Form_180373',
53
53
  label: '表单',
@@ -82,7 +82,7 @@ export var TimePicker = {
82
82
  '@text-color-secondary': ['iconColor'],
83
83
  '@font-size-base': ['iconFontSize']
84
84
  },
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 }",
85
+ tpl: ".pcFactory-from-component{\n .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 }}",
86
86
  components: [{
87
87
  id: 'Form_180373',
88
88
  label: '表单',
@@ -83,7 +83,7 @@ export var TreeSelect = {
83
83
  iconColor: 'rgba(28,36,46,.25)',
84
84
  iconTop: '16px'
85
85
  }],
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
+ tpl: ".pcFactory-from-component{\n .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 }}",
87
87
  components: [{
88
88
  id: 'Form_180373',
89
89
  label: '表单',
@@ -61,6 +61,7 @@ export declare const Button: {
61
61
  followThemes: {
62
62
  '@brand-primary': string[];
63
63
  '@border-color-base': string[];
64
+ '@color-text-base': never[];
64
65
  };
65
66
  tpl: string;
66
67
  components: ({
@@ -5,7 +5,7 @@ export var Button = {
5
5
  type: 'color',
6
6
  label: '文本颜色',
7
7
  groupsName: '文字',
8
- followTheme: '@border-color-base'
8
+ followTheme: '@color-text-base'
9
9
  },
10
10
  lineHeight: {
11
11
  type: 'px',
@@ -60,7 +60,8 @@ export var Button = {
60
60
  }],
61
61
  followThemes: {
62
62
  '@brand-primary': ['backgroundColor'],
63
- '@border-color-base': ['borderColor']
63
+ '@border-color-base': ['borderColor'],
64
+ '@color-text-base': []
64
65
  },
65
66
  tpl: "\n .adm-button{\n --border-color: borderColor;\n color: textColor;\n line-height: lineHeight;\n font-size: fontSize;\n border-radius: borderRadius;\n padding: paddingValue;\n margin: marginValue;\n }\n .adm-button.adm-button-large{\n font-size: fontSize;\n padding: paddingValue;\n margin: marginValue;\n }\n .adm-button:not(.adm-button-default){\n color: #fff;\n }\n .adm-button-primary{\n --color: backgroundColor;\n }\n .lcdp-button-type-link{\n color: backgroundColor;\n }\n ",
66
67
  components: [{
@@ -64,6 +64,7 @@ export declare const NoticeBarPlus: {
64
64
  }[];
65
65
  followThemes: {
66
66
  '@color-text-base': never[];
67
+ '@border-color-base': never[];
67
68
  };
68
69
  tpl: string;
69
70
  components: {
@@ -82,7 +82,8 @@ export var NoticeBarPlus = {
82
82
  fontWeight: '400'
83
83
  }],
84
84
  followThemes: {
85
- '@color-text-base': []
85
+ '@color-text-base': [],
86
+ '@border-color-base': []
86
87
  },
87
88
  tpl: ".use-app-noticebarplus{\n .alita-notice-bar{\n --adm-color-background: backgroundColor;\n border-color: borderColor;\n border: 1px solid borderColor;\n border-radius: borderRadius;\n font-size: fontSize;\n // line-height: lineHeight;\n font-weight:fontWeight;\n color: textColor;\n > div {\n > svg {\n color: iconColor;\n width: iconSize;\n height: iconSize;\n }\n }\n }\n }\n ",
88
89
  components: [{
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lingxiteam/theme-utils",
3
- "version": "0.3.4",
3
+ "version": "0.3.5",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",