@lingxiteam/theme-utils 0.1.13 → 0.1.15
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 +1 -1
- package/dist/config/CheckboxGroup.js +1 -2
- package/dist/config/Form.d.ts +1 -0
- package/dist/config/Form.js +2 -1
- package/dist/h5config/FilterItems.d.ts +1 -0
- package/dist/h5config/FilterItems.js +2 -1
- package/dist/h5config/Grid.js +1 -1
- package/dist/h5config/NoticeBarPlus.js +1 -1
- package/dist/h5config/StaticTabs.d.ts +1 -18
- package/dist/h5config/StaticTabs.js +13 -24
- package/dist/lx-mobile.d.ts +1 -0
- package/dist/lx-mobile.js +5 -5
- package/dist/lx.d.ts +1 -0
- package/dist/lx.js +5 -5
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -78,8 +78,7 @@ export var CheckboxGroup = {
|
|
|
78
78
|
radioSeBorderColor: '#47e',
|
|
79
79
|
radioSeBgColor: '#47e'
|
|
80
80
|
}],
|
|
81
|
-
|
|
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
|
+
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 }",
|
|
83
82
|
components: [{
|
|
84
83
|
id: 'Form_180373',
|
|
85
84
|
label: '表单',
|
package/dist/config/Form.d.ts
CHANGED
package/dist/config/Form.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export var Form = {
|
|
2
2
|
type: 'Form',
|
|
3
|
+
hasPrefixClass: true,
|
|
3
4
|
variable: {
|
|
4
5
|
backgroundColor: {
|
|
5
6
|
type: 'color',
|
|
@@ -86,7 +87,7 @@ export var Form = {
|
|
|
86
87
|
// 下拉单选与下拉复选样式一致
|
|
87
88
|
// 滑动输入条没有边框样式
|
|
88
89
|
// TODO: 树选择器，联级选择器效果待确认
|
|
89
|
-
tpl: "\n .ued-legacy-form-wrap{\n background-color: backgroundColor;\n
|
|
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 ",
|
|
90
91
|
components: [{
|
|
91
92
|
id: 'Form_180373',
|
|
92
93
|
label: '表单',
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export var FilterItems = {
|
|
2
2
|
type: 'FilterItems',
|
|
3
|
+
hasPrefixClass: true,
|
|
3
4
|
variable: {
|
|
4
5
|
backgroundColor: {
|
|
5
6
|
type: 'color',
|
|
@@ -83,7 +84,7 @@ export var FilterItems = {
|
|
|
83
84
|
iconSize: '16px',
|
|
84
85
|
iconCloseColor: 'rgba(0,0,0,0.3)'
|
|
85
86
|
}],
|
|
86
|
-
tpl: "\n .alita-filter-item-content{\n background: backgroundColor;\n font-size: fontSize;\n border-radius: borderRadius;\n border: 1px solid borderColor;\n }\n .alita-filter-item-active-text{\n color: textColor;\n line-height: lineHeight;\n font-weight: fontWeight;\n }\n .alita-filter-item-noraml-icon{\n width: iconSize;\n height: iconSize;\n overflow: hidden;\n }\n .alita-filter-item-icon-up{\n background-image: none;\n width: iconSize;\n height: iconSize;\n position: relative;\n }\n .alita-filter-item-icon-up::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: iconSize;\n height: iconSize;\n background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2016%2016%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Ctitle%3E%E7%BC%96%E7%BB%84%206%3C%2Ftitle%3E%3Cg%20id%3D%22%E9%A1%B5%E9%9D%A2-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20id%3D%22%E5%85%B6%E4%BD%99%E7%BB%84%E4%BB%B6%22%20transform%3D%22translate%28-171.000000%2C%20-3340.000000%29%22%3E%3Cg%20id%3D%22%E5%AF%BC%E8%88%AA%E6%A0%8F%EF%BC%9ANavigationBa%E5%A4%87%E4%BB%BD-2%22%20transform%3D%22translate%2836.000000%2C%201199.000000%29%22%3E%3Cg%20id%3D%22%E7%BC%96%E7%BB%84-5%22%20transform%3D%22translate%2851.000000%2C%202131.000000%29%22%3E%3Cg%20id%3D%22%E7%BC%96%E7%BB%84-6%22%20transform%3D%22translate%2884.000000%2C%2010.000000%29%22%3E%3Crect%20id%3D%22%E7%9F%A9%E5%BD%A2%22%20fill%3D%22%23D8D8D8%22%20opacity%3D%220%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2216%22%20height%3D%2216%22%3E%3C%2Frect%3E%3Cpath%20d%3D%22M13.4723603%2C5.99735754%20L8.67496913%2C11.2434071%20C8.53163306%2C11.4065089%208.32501122%2C11.5%208.10787665%2C11.5%20C7.89072486%2C11.5%207.68408225%2C11.4065218%207.54073483%2C11.2434071%20L2.74334363%2C5.99735754%20C2.50915215%2C5.75000397%202.43677915%2C5.38947121%202.55781612%2C5.07103987%20C2.67885308%2C4.75260854%202.97097257%2C4.53024691%203.31046078%2C4.5%20L12.9013205%2C4.5%20C13.2421162%2C4.52895167%2013.5355186%2C4.74998106%2013.6565803%2C5.06974464%20C13.7789495%2C5.38948354%2013.7065888%2C5.74867172%2013.4723603%2C5.99735754%20Z%22%20id%3D%22%E8%B7%AF%E5%BE%84%22%20fill%3D%22%23BFBFBF%22%20fill-rule%3D%22nonzero%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n background-repeat: round;\n transform: translateX(-100%);\n background-size: 100%;\n filter: drop-shadow(iconSize 0 iconCloseColor);\n }\n .alita-filter-item-icon-down{\n background-image: none;\n width: iconSize;\n height: iconSize;\n position: relative;\n }\n .alita-filter-item-icon-down::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: iconSize;\n height: iconSize;\n background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2016%2016%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Ctitle%3E%E7%BC%96%E7%BB%84%206%3C%2Ftitle%3E%3Cg%20id%3D%22%E9%A1%B5%E9%9D%A2-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20id%3D%22%E5%85%B6%E4%BD%99%E7%BB%84%E4%BB%B6%22%20transform%3D%22translate%28-295.000000%2C%20-3340.000000%29%22%3E%3Cg%20id%3D%22%E5%AF%BC%E8%88%AA%E6%A0%8F%EF%BC%9ANavigationBa%E5%A4%87%E4%BB%BD-2%22%20transform%3D%22translate%2836.000000%2C%201199.000000%29%22%3E%3Cg%20id%3D%22%E7%BC%96%E7%BB%84-5%22%20transform%3D%22translate%28175.000000%2C%202131.000000%29%22%3E%3Cg%20id%3D%22%E7%BC%96%E7%BB%84-6%22%20transform%3D%22translate%2892.000000%2C%2018.000000%29%20scale%281%2C%20-1%29%20translate%28-92.000000%2C%20-18.000000%29%20translate%2884.000000%2C%2010.000000%29%22%3E%3Crect%20id%3D%22%E7%9F%A9%E5%BD%A2%22%20fill%3D%22%231677ff%22%20opacity%3D%220%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2216%22%20height%3D%2216%22%3E%3C%2Frect%3E%3Cpath%20d%3D%22M13.4723603%2C5.99735754%20L8.67496913%2C11.2434071%20C8.53163306%2C11.4065089%208.32501122%2C11.5%208.10787665%2C11.5%20C7.89072486%2C11.5%207.68408225%2C11.4065218%207.54073483%2C11.2434071%20L2.74334363%2C5.99735754%20C2.50915215%2C5.75000397%202.43677915%2C5.38947121%202.55781612%2C5.07103987%20C2.67885308%2C4.75260854%202.97097257%2C4.53024691%203.31046078%2C4.5%20L12.9013205%2C4.5%20C13.2421162%2C4.52895167%2013.5355186%2C4.74998106%2013.6565803%2C5.06974464%20C13.7789495%2C5.38948354%2013.7065888%2C5.74867172%2013.4723603%2C5.99735754%20Z%22%20id%3D%22%E8%B7%AF%E5%BE%84%22%20fill%3D%22%231677ff%22%20fill-rule%3D%22nonzero%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n background-repeat: round;\n background-size: 100%;\n transform: translateX(-100%);\n filter: drop-shadow(iconSize 0 iconColor);\n}\n",
|
|
87
|
+
tpl: ".use-app-filteritems{\n .alita-filter-item-content{\n background: backgroundColor;\n font-size: fontSize;\n border-radius: borderRadius;\n border: 1px solid borderColor;\n }\n .alita-filter-item-active-text{\n color: textColor;\n line-height: lineHeight;\n font-weight: fontWeight;\n }\n .alita-filter-item-noraml-icon{\n width: iconSize;\n height: iconSize;\n overflow: hidden;\n }\n .alita-filter-item-icon-up{\n background-image: none;\n width: iconSize;\n height: iconSize;\n position: relative;\n }\n .alita-filter-item-icon-up::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: iconSize;\n height: iconSize;\n background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2016%2016%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Ctitle%3E%E7%BC%96%E7%BB%84%206%3C%2Ftitle%3E%3Cg%20id%3D%22%E9%A1%B5%E9%9D%A2-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20id%3D%22%E5%85%B6%E4%BD%99%E7%BB%84%E4%BB%B6%22%20transform%3D%22translate%28-171.000000%2C%20-3340.000000%29%22%3E%3Cg%20id%3D%22%E5%AF%BC%E8%88%AA%E6%A0%8F%EF%BC%9ANavigationBa%E5%A4%87%E4%BB%BD-2%22%20transform%3D%22translate%2836.000000%2C%201199.000000%29%22%3E%3Cg%20id%3D%22%E7%BC%96%E7%BB%84-5%22%20transform%3D%22translate%2851.000000%2C%202131.000000%29%22%3E%3Cg%20id%3D%22%E7%BC%96%E7%BB%84-6%22%20transform%3D%22translate%2884.000000%2C%2010.000000%29%22%3E%3Crect%20id%3D%22%E7%9F%A9%E5%BD%A2%22%20fill%3D%22%23D8D8D8%22%20opacity%3D%220%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2216%22%20height%3D%2216%22%3E%3C%2Frect%3E%3Cpath%20d%3D%22M13.4723603%2C5.99735754%20L8.67496913%2C11.2434071%20C8.53163306%2C11.4065089%208.32501122%2C11.5%208.10787665%2C11.5%20C7.89072486%2C11.5%207.68408225%2C11.4065218%207.54073483%2C11.2434071%20L2.74334363%2C5.99735754%20C2.50915215%2C5.75000397%202.43677915%2C5.38947121%202.55781612%2C5.07103987%20C2.67885308%2C4.75260854%202.97097257%2C4.53024691%203.31046078%2C4.5%20L12.9013205%2C4.5%20C13.2421162%2C4.52895167%2013.5355186%2C4.74998106%2013.6565803%2C5.06974464%20C13.7789495%2C5.38948354%2013.7065888%2C5.74867172%2013.4723603%2C5.99735754%20Z%22%20id%3D%22%E8%B7%AF%E5%BE%84%22%20fill%3D%22%23BFBFBF%22%20fill-rule%3D%22nonzero%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n background-repeat: round;\n transform: translateX(-100%);\n background-size: 100%;\n filter: drop-shadow(iconSize 0 iconCloseColor);\n }\n .alita-filter-item-icon-down{\n background-image: none;\n width: iconSize;\n height: iconSize;\n position: relative;\n }\n .alita-filter-item-icon-down::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: iconSize;\n height: iconSize;\n background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2016%2016%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Ctitle%3E%E7%BC%96%E7%BB%84%206%3C%2Ftitle%3E%3Cg%20id%3D%22%E9%A1%B5%E9%9D%A2-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20id%3D%22%E5%85%B6%E4%BD%99%E7%BB%84%E4%BB%B6%22%20transform%3D%22translate%28-295.000000%2C%20-3340.000000%29%22%3E%3Cg%20id%3D%22%E5%AF%BC%E8%88%AA%E6%A0%8F%EF%BC%9ANavigationBa%E5%A4%87%E4%BB%BD-2%22%20transform%3D%22translate%2836.000000%2C%201199.000000%29%22%3E%3Cg%20id%3D%22%E7%BC%96%E7%BB%84-5%22%20transform%3D%22translate%28175.000000%2C%202131.000000%29%22%3E%3Cg%20id%3D%22%E7%BC%96%E7%BB%84-6%22%20transform%3D%22translate%2892.000000%2C%2018.000000%29%20scale%281%2C%20-1%29%20translate%28-92.000000%2C%20-18.000000%29%20translate%2884.000000%2C%2010.000000%29%22%3E%3Crect%20id%3D%22%E7%9F%A9%E5%BD%A2%22%20fill%3D%22%231677ff%22%20opacity%3D%220%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2216%22%20height%3D%2216%22%3E%3C%2Frect%3E%3Cpath%20d%3D%22M13.4723603%2C5.99735754%20L8.67496913%2C11.2434071%20C8.53163306%2C11.4065089%208.32501122%2C11.5%208.10787665%2C11.5%20C7.89072486%2C11.5%207.68408225%2C11.4065218%207.54073483%2C11.2434071%20L2.74334363%2C5.99735754%20C2.50915215%2C5.75000397%202.43677915%2C5.38947121%202.55781612%2C5.07103987%20C2.67885308%2C4.75260854%202.97097257%2C4.53024691%203.31046078%2C4.5%20L12.9013205%2C4.5%20C13.2421162%2C4.52895167%2013.5355186%2C4.74998106%2013.6565803%2C5.06974464%20C13.7789495%2C5.38948354%2013.7065888%2C5.74867172%2013.4723603%2C5.99735754%20Z%22%20id%3D%22%E8%B7%AF%E5%BE%84%22%20fill%3D%22%231677ff%22%20fill-rule%3D%22nonzero%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n background-repeat: round;\n background-size: 100%;\n transform: translateX(-100%);\n filter: drop-shadow(iconSize 0 iconColor);\n}\n }\n \n",
|
|
87
88
|
components: [{
|
|
88
89
|
id: 'FilterItems_7957386',
|
|
89
90
|
label: '筛选项',
|
package/dist/h5config/Grid.js
CHANGED
|
@@ -77,7 +77,7 @@ export var Grid = {
|
|
|
77
77
|
fontSize: '12px',
|
|
78
78
|
fontWeight: '400'
|
|
79
79
|
}],
|
|
80
|
-
tpl: "
|
|
80
|
+
tpl: ".use-app-grid{\n background-color: backgroundColor;\n border-radius: borderRadius;\n .am-grid {\n border-radius: borderRadius;\n --adm-font-size-4: fontSize;\n --adm-color-text: textColor\n }\n .am-grid.am-grid-line:not(.am-grid-carousel){\n border:1PX solid borderColor;\n border-bottom:none;\n }\n .am-grid.am-grid-line .am-grid-flex:last-child{\n border-color: borderColor;\n border-bottom-right-radius: borderRadius;\n border-bottom-left-radius: borderRadius;\n }\n .am-grid.am-grid-line .am-grid-flex:first-child{\n border-top-left-radius: borderRadius;\n }\n .am-grid.am-grid-line .am-grid-flex .am-grid-flex-item:first-child{\n border: none;\n }\n .am-grid.am-grid-line .am-grid-flex{\n border-color: lineColor;\n }\n .am-grid.am-grid-square .am-grid-item .am-grid-item-inner-content .am-grid-icon{\n width: iconSize;\n }\n .am-grid .am-grid-flex .am-grid-flex-item .am-grid-item-content .am-grid-item-inner-content .am-grid-text{\n line-height: lineHeight;\n font-weight: fontWeight;\n }\n }\n",
|
|
81
81
|
components: [{
|
|
82
82
|
id: 'Grid_842271',
|
|
83
83
|
label: '宫格',
|
|
@@ -73,7 +73,7 @@ export var NoticeBarPlus = {
|
|
|
73
73
|
iconSize: '20px',
|
|
74
74
|
fontWeight: '400'
|
|
75
75
|
}],
|
|
76
|
-
tpl: "\n
|
|
76
|
+
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 ",
|
|
77
77
|
components: [{
|
|
78
78
|
id: 'NoticeBarPlus_0162497',
|
|
79
79
|
label: '公告栏',
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export declare const StaticTabs: {
|
|
2
2
|
type: string;
|
|
3
|
+
hasPrefixClass: boolean;
|
|
3
4
|
variable: {
|
|
4
5
|
selectBgColor: {
|
|
5
6
|
type: string;
|
|
@@ -35,11 +36,6 @@ export declare const StaticTabs: {
|
|
|
35
36
|
label: string;
|
|
36
37
|
groupsName: string;
|
|
37
38
|
};
|
|
38
|
-
lineHeight: {
|
|
39
|
-
type: string;
|
|
40
|
-
label: string;
|
|
41
|
-
groupsName: string;
|
|
42
|
-
};
|
|
43
39
|
fontSize: {
|
|
44
40
|
type: string;
|
|
45
41
|
label: string;
|
|
@@ -54,16 +50,6 @@ export declare const StaticTabs: {
|
|
|
54
50
|
value: string;
|
|
55
51
|
}[];
|
|
56
52
|
};
|
|
57
|
-
borderColor: {
|
|
58
|
-
type: string;
|
|
59
|
-
label: string;
|
|
60
|
-
groupsName: string;
|
|
61
|
-
};
|
|
62
|
-
lineColor: {
|
|
63
|
-
type: string;
|
|
64
|
-
label: string;
|
|
65
|
-
groupsName: string;
|
|
66
|
-
};
|
|
67
53
|
bodyBgColor: {
|
|
68
54
|
type: string;
|
|
69
55
|
label: string;
|
|
@@ -81,11 +67,8 @@ export declare const StaticTabs: {
|
|
|
81
67
|
selectFontWeight: string;
|
|
82
68
|
fontWeight: string;
|
|
83
69
|
fontSize: string;
|
|
84
|
-
lineHeight: string;
|
|
85
70
|
selectBorderRadius: string;
|
|
86
71
|
bodyBgColor: string;
|
|
87
|
-
borderColor: string;
|
|
88
|
-
lineColor: string;
|
|
89
72
|
}[];
|
|
90
73
|
tpl: string;
|
|
91
74
|
components: {
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export var StaticTabs = {
|
|
2
2
|
type: 'StaticTabs',
|
|
3
|
+
hasPrefixClass: true,
|
|
3
4
|
variable: {
|
|
4
5
|
// TODO: 代码中写死
|
|
5
6
|
// headBgColor: {
|
|
@@ -58,11 +59,6 @@ export var StaticTabs = {
|
|
|
58
59
|
label: '选项文本颜色',
|
|
59
60
|
groupsName: '选项'
|
|
60
61
|
},
|
|
61
|
-
lineHeight: {
|
|
62
|
-
type: 'px',
|
|
63
|
-
label: '选项文本行高',
|
|
64
|
-
groupsName: '选项'
|
|
65
|
-
},
|
|
66
62
|
fontSize: {
|
|
67
63
|
type: 'px',
|
|
68
64
|
label: '选项文本尺寸',
|
|
@@ -89,16 +85,11 @@ export var StaticTabs = {
|
|
|
89
85
|
value: '500'
|
|
90
86
|
}]
|
|
91
87
|
},
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
},
|
|
97
|
-
lineColor: {
|
|
98
|
-
type: 'color',
|
|
99
|
-
label: '头部下分割线颜色',
|
|
100
|
-
groupsName: '边框'
|
|
101
|
-
},
|
|
88
|
+
// lineColor: {
|
|
89
|
+
// type: 'color',
|
|
90
|
+
// label: '头部下分割线颜色',
|
|
91
|
+
// groupsName: '边框',
|
|
92
|
+
// },
|
|
102
93
|
bodyBgColor: {
|
|
103
94
|
type: 'color',
|
|
104
95
|
label: '内容区域背景颜色',
|
|
@@ -110,20 +101,18 @@ export var StaticTabs = {
|
|
|
110
101
|
title: '静态标签页',
|
|
111
102
|
defaultValue: [{
|
|
112
103
|
selectTextColor: '#108ee9',
|
|
113
|
-
textColor: '#
|
|
104
|
+
textColor: '#FFF',
|
|
114
105
|
selectBgColor: '#FFF',
|
|
115
|
-
backgroundColor: '#
|
|
106
|
+
backgroundColor: '#108ee9',
|
|
116
107
|
selectFontWeight: '400',
|
|
117
108
|
fontWeight: '400',
|
|
118
109
|
fontSize: '15px',
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
//
|
|
122
|
-
bodyBgColor: 'rgba(0,0,0,0)',
|
|
123
|
-
borderColor: 'rgba(0,0,0,0)',
|
|
124
|
-
lineColor: '#108ee9'
|
|
110
|
+
selectBorderRadius: '12px',
|
|
111
|
+
bodyBgColor: 'rgba(0,0,0,0)'
|
|
112
|
+
// lineColor: '#108ee9',
|
|
125
113
|
}],
|
|
126
|
-
|
|
114
|
+
|
|
115
|
+
tpl: ".use-app-statictabs {\n .am-tabs-default-bar-content .am-tabs-default-bar-tab-active{\n background: selectBgColor;\n color: selectTextColor;\n position: relative;\n border-top-left-radius: selectBorderRadius;\n border-top-right-radius: selectBorderRadius;\n transform: perspective(200px) rotateX(25deg);\n transform-origin: top center;\n font-weight: selectFontWeight;\n }\n .am-tabs-default-bar-bottom .am-tabs-default-bar-content, .am-tabs-default-bar-top .am-tabs-default-bar-content{\n background: backgroundColor;\n }\n .am-tabs-bottom, .am-tabs-top{\n border-radius: selectBorderRadius;\n }\n .am-tabs-default-bar-content .am-tabs-default-bar-tab-active::before, .am-tabs-default-bar-content .am-tabs-default-bar-tab-active::after{\n background: radial-gradient(0.24rem at 0.3rem 0, transparent 0.3rem, selectBgColor 0.23rem);\n }\n .am-tabs-default-bar-tab{\n color: textColor;\n font-weight: fontWeight;\n font-size: fontSize;\n }\n .am-tabs-pane-wrap {\n background-color: bodyBgColor;\n }\n }\n",
|
|
127
116
|
components: [{
|
|
128
117
|
id: 'StaticTabs_828878',
|
|
129
118
|
label: '静态标签页',
|
package/dist/lx-mobile.d.ts
CHANGED
package/dist/lx-mobile.js
CHANGED
|
@@ -64,7 +64,7 @@ export var MOBILE_ASSETS_CSS_TPL = {
|
|
|
64
64
|
DformFile: DformFile,
|
|
65
65
|
Accordion: Accordion
|
|
66
66
|
};
|
|
67
|
-
var
|
|
67
|
+
export var mobileExtend = {
|
|
68
68
|
DformInput: 'DForm',
|
|
69
69
|
DformTextArea: 'DForm',
|
|
70
70
|
DformInputNumber: 'DForm',
|
|
@@ -131,8 +131,8 @@ export function parseValueRem(values) {
|
|
|
131
131
|
|
|
132
132
|
// 临时解决方案，将只对它有影响的值，生成继承的样式
|
|
133
133
|
export function stringifyMobileCssByTypePreview(type, values) {
|
|
134
|
-
if (
|
|
135
|
-
var cfg = getMobileItemByType(
|
|
134
|
+
if (mobileExtend[type]) {
|
|
135
|
+
var cfg = getMobileItemByType(mobileExtend[type]);
|
|
136
136
|
var _item = getMobileItemByType(type);
|
|
137
137
|
return stringifyCss(cfg.tpl, px2rem(_objectSpread(_objectSpread({}, cfg.defaultValue[0]), values))) + stringifyCss(_item.tpl, px2rem(values));
|
|
138
138
|
}
|
|
@@ -148,9 +148,9 @@ export function parseMobileCssByType(type, css) {
|
|
|
148
148
|
return parseValueRem(parseCss(item.tpl, css));
|
|
149
149
|
}
|
|
150
150
|
export function prefixMobileCSS(type, values, prefix) {
|
|
151
|
-
if (
|
|
151
|
+
if (mobileExtend[type]) {
|
|
152
152
|
var _cfg$itemCustomTpl;
|
|
153
|
-
var cfg = getMobileItemByType(
|
|
153
|
+
var cfg = getMobileItemByType(mobileExtend[type]);
|
|
154
154
|
var _item2 = getMobileItemByType(type);
|
|
155
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
|
}
|
package/dist/lx.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
export declare const ASSETS_CSS_TPL: any;
|
|
2
|
+
export declare const pcExtend: any;
|
|
2
3
|
export declare const ASSETS_COMPONENT_LIST: unknown[];
|
|
3
4
|
export declare function getItemByType(type: string): any;
|
|
4
5
|
export declare function stringifyCssByType(type: string, values: any): string;
|
package/dist/lx.js
CHANGED
|
@@ -64,7 +64,7 @@ export var ASSETS_CSS_TPL = {
|
|
|
64
64
|
Tree: Tree,
|
|
65
65
|
Description: Description
|
|
66
66
|
};
|
|
67
|
-
var
|
|
67
|
+
export var pcExtend = {
|
|
68
68
|
Input: 'Form',
|
|
69
69
|
TextArea: 'Form',
|
|
70
70
|
InputNumber: 'Form',
|
|
@@ -97,8 +97,8 @@ export function stringifyCssByType(type, values) {
|
|
|
97
97
|
|
|
98
98
|
// 临时解决方案，将只对它有影响的值，生成继承的样式
|
|
99
99
|
export function stringifyCssByTypePreview(type, values) {
|
|
100
|
-
if (
|
|
101
|
-
var cfg = getItemByType(
|
|
100
|
+
if (pcExtend[type]) {
|
|
101
|
+
var cfg = getItemByType(pcExtend[type]);
|
|
102
102
|
var _item = getItemByType(type);
|
|
103
103
|
return stringifyCss(cfg.tpl, _objectSpread(_objectSpread({}, cfg.defaultValue[0]), values)) + stringifyCss(_item.tpl, values);
|
|
104
104
|
}
|
|
@@ -110,9 +110,9 @@ export function parseCssByType(type, css) {
|
|
|
110
110
|
return parseCss(item.tpl, css);
|
|
111
111
|
}
|
|
112
112
|
export function prefixCSS(type, values, prefix) {
|
|
113
|
-
if (
|
|
113
|
+
if (pcExtend[type]) {
|
|
114
114
|
var _cfg$itemCustomTpl;
|
|
115
|
-
var cfg = getItemByType(
|
|
115
|
+
var cfg = getItemByType(pcExtend[type]);
|
|
116
116
|
var _item2 = getItemByType(type);
|
|
117
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
|
}
|