@lingxiteam/theme-utils 0.1.15 → 0.2.0

package/dist/h5config/StaticTabs.js

@@ -1,6 +1,5 @@
 export var StaticTabs = {
   type: 'StaticTabs',
-  hasPrefixClass: true,
   variable: {
     // TODO: 代码中写死
     // headBgColor: {
@@ -59,6 +58,11 @@ export var StaticTabs = {
       label: '选项文本颜色',
       groupsName: '选项'
     },
+    lineHeight: {
+      type: 'px',
+      label: '选项文本行高',
+      groupsName: '选项'
+    },
     fontSize: {
       type: 'px',
       label: '选项文本尺寸',
@@ -85,11 +89,16 @@ export var StaticTabs = {
         value: '500'
       }]
     },
-    // lineColor: {
-    //   type: 'color',
-    //   label: '头部下分割线颜色',
-    //   groupsName: '边框',
-    // },
+    borderColor: {
+      type: 'color',
+      label: '边框颜色',
+      groupsName: '选项'
+    },
+    lineColor: {
+      type: 'color',
+      label: '头部下分割线颜色',
+      groupsName: '边框'
+    },
     bodyBgColor: {
       type: 'color',
       label: '内容区域背景颜色',
@@ -101,18 +110,20 @@ export var StaticTabs = {
   title: '静态标签页',
   defaultValue: [{
     selectTextColor: '#108ee9',
-    textColor: '#FFF',
+    textColor: '#108ee9',
     selectBgColor: '#FFF',
-    backgroundColor: '#108ee9',
+    backgroundColor: '#FFF',
     selectFontWeight: '400',
     fontWeight: '400',
     fontSize: '15px',
+    lineHeight: '100%',
     selectBorderRadius: '12px',
-    bodyBgColor: 'rgba(0,0,0,0)'
-    // lineColor: '#108ee9',
+    // paddingValue:'8px 0 8px 0',
+    bodyBgColor: 'rgba(0,0,0,0)',
+    borderColor: 'rgba(0,0,0,0)',
+    lineColor: '#108ee9'
   }],
-
-  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",
+  tpl: "\n  .am-tabs-default-bar-top .am-tabs-default-bar-tab{\nfont-weight: fontWeight;\nborder-top-left-radius: selectBorderRadius;\n  border-top-right-radius: selectBorderRadius;\n    color: textColor;\nfont-size: fontSize;\nborder: 1px solid borderColor;\nbackground-color: backgroundColor;\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: selectBgColor;\n  }\n  .am-tabs-default-bar-content .am-tabs-default-bar-tab-active::before{\n    left: 0;\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 {\n    background-color: selectBgColor;\n   color: selectTextColor;\nfont-weight: selectFontWeight;\n  }\n  .am-tabs-pane-wrap{\n    background-color: bodyBgColor;\n  }\n  .am-tabs-default-bar-animated .am-tabs-default-bar-underline{\n    border-color: lineColor;\n  }",
   components: [{
     id: 'StaticTabs_828878',
     label: '静态标签页',

package/dist/h5config/Table.d.ts

@@ -1,6 +1,5 @@
-export declare const Table: {
+export declare const DynamicTable: {
     type: string;
-    hasPrefixClass: boolean;
     variable: {
         textColor: {
             type: string;

package/dist/h5config/Table.js

@@ -1,6 +1,5 @@
-export var Table = {
-  type: 'Table',
-  hasPrefixClass: true,
+export var DynamicTable = {
+  type: 'DynamicTable',
   variable: {
     textColor: {
       type: 'color',
@@ -118,7 +117,7 @@ export var Table = {
     // fHeadBgColor: '#FAFAFA',
   }],
 
-  tpl: ".appDynamicTable {\n    .table-header{\n      font-weight: fontWeight;\n      font-size: fontSize;\n      color: textColor;\n    }\n    .ag-header-row{\n      font-size: headFontSize;\n    }\n    .table-body{\n      --dynamic-table-header-bg-color: headBgColor;\n      --ag-odd-row-background-color: bodyBgColor;\n      --dynamic-table-header-color: headTextColor;\n    }\n    .ag-root-wrapper{\n      border-radius: borderRadius;\n    }\n    .ag-theme-segmentation {\n      --ag-background-color: bodyBgColor;\n      --ag-borders-critical: borderColor;\n      --ag-row-border-color: borderColor;\n      --ag-header-border-color: borderColor;\n  }\n  .ag-theme-zebra {\n    --ag-background-color: bodyBgColor;\n    --ag-odd-row-background-color: zebraBgColor;\n    --ag-borders: none;\n    --ag-row-border-color: none;\n}\n  .ag-theme-border {\n    --ag-background-color: bodyBgColor;\n    --ag-border-color: borderColor;\n    --ag-cell-horizontal-border: solid borderColor;\n}\n  }\n",
+  tpl: "\n  .appDynamicTable {\n    .table-header{\n      font-weight: fontWeight;\n      font-size: fontSize;\n      color: textColor;\n    }\n    .ag-header-row{\n      font-size: headFontSize;\n    }\n    .table-body{\n      --dynamic-table-header-bg-color: headBgColor;\n      --ag-odd-row-background-color: bodyBgColor;\n      --dynamic-table-header-color: headTextColor;\n    }\n    .ag-root-wrapper{\n      border-radius: borderRadius;\n    }\n    .ag-theme-segmentation {\n      --ag-background-color: bodyBgColor;\n      --ag-borders-critical: borderColor;\n      --ag-row-border-color: borderColor;\n      --ag-header-border-color: borderColor;\n  }\n  .ag-theme-zebra {\n    --ag-background-color: bodyBgColor;\n    --ag-odd-row-background-color: zebraBgColor;\n    --ag-borders: none;\n    --ag-row-border-color: none;\n}\n  .ag-theme-border {\n    --ag-background-color: bodyBgColor;\n    --ag-border-color: borderColor;\n    --ag-cell-horizontal-border: solid borderColor;\n}\n  }\n",
   //   tpl: `
   //   .appDynamicTable {
   //     .table-body{

package/dist/lx-mobile.d.ts

@@ -1,5 +1,4 @@
 export declare const MOBILE_ASSETS_CSS_TPL: any;
-export declare const mobileExtend: any;
 export declare const MOBILE_ASSETS_COMPONENT_LIST: unknown[];
 export declare function getMobileItemByType(type: string): any;
 export declare function px2rem(obj: any): any;
@@ -8,4 +7,3 @@ export declare function parseValueRem(values: any): any;
 export declare function stringifyMobileCssByTypePreview(type: string, values: any): string;
 export declare function stringifyMobileCssByType(type: string, values: any): string;
 export declare function parseMobileCssByType(type: string, css: string): any;
-export declare function prefixMobileCSS(type: string, values: any, prefix: string): string;

package/dist/lx-mobile.js

@@ -4,10 +4,10 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-import { stringifyCss, parseCss, prefixAnyCSS } from "./css";
+import { stringifyCss, parseCss } from "./css";
 import { objToListByGroupsName } from "./utils";
 import { Button } from "./h5config/Button";
-import { Table } from "./h5config/Table";
+import { DynamicTable } from "./h5config/Table";
 import { FilterItems } from "./h5config/FilterItems";
 import { NoticeBarPlus } from "./h5config/NoticeBarPlus";
 import { StaticTabs } from "./h5config/StaticTabs";
@@ -39,7 +39,7 @@ export var MOBILE_ASSETS_CSS_TPL = {
   // TODO: 分割线 style 写死，最后修改方案
   // Divider,
   Card: Card,
-  Table: Table,
+  DynamicTable: DynamicTable,
   FilterItems: FilterItems,
   NoticeBarPlus: NoticeBarPlus,
   StaticTabs: StaticTabs,
@@ -64,7 +64,7 @@ export var MOBILE_ASSETS_CSS_TPL = {
   DformFile: DformFile,
   Accordion: Accordion
 };
-export var mobileExtend = {
+var extend = {
   DformInput: 'DForm',
   DformTextArea: 'DForm',
   DformInputNumber: 'DForm',
@@ -131,8 +131,8 @@ export function parseValueRem(values) {
 
 // 临时解决方案，将只对它有影响的值，生成继承的样式
 export function stringifyMobileCssByTypePreview(type, values) {
-  if (mobileExtend[type]) {
-    var cfg = getMobileItemByType(mobileExtend[type]);
+  if (extend[type]) {
+    var cfg = getMobileItemByType(extend[type]);
     var _item = getMobileItemByType(type);
     return stringifyCss(cfg.tpl, px2rem(_objectSpread(_objectSpread({}, cfg.defaultValue[0]), values))) + stringifyCss(_item.tpl, px2rem(values));
   }
@@ -146,14 +146,4 @@ export function stringifyMobileCssByType(type, values) {
 export function parseMobileCssByType(type, css) {
   var item = getMobileItemByType(type);
   return parseValueRem(parseCss(item.tpl, css));
-}
-export function prefixMobileCSS(type, values, prefix) {
-  if (mobileExtend[type]) {
-    var _cfg$itemCustomTpl;
-    var cfg = getMobileItemByType(mobileExtend[type]);
-    var _item2 = getMobileItemByType(type);
-    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);
-  }
-  var item = getMobileItemByType(type);
-  return prefixAnyCSS(stringifyCss(item.tpl, px2rem(values)), prefix, item === null || item === void 0 ? void 0 : item.hasPrefixClass);
 }

package/dist/lx.d.ts

@@ -1,8 +1,6 @@
 export declare const ASSETS_CSS_TPL: any;
-export declare const pcExtend: any;
 export declare const ASSETS_COMPONENT_LIST: unknown[];
 export declare function getItemByType(type: string): any;
 export declare function stringifyCssByType(type: string, values: any): string;
 export declare function stringifyCssByTypePreview(type: string, values: any): string;
 export declare function parseCssByType(type: string, css: string): any;
-export declare function prefixCSS(type: string, values: any, prefix: string): string;

package/dist/lx.js

@@ -4,7 +4,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-import { stringifyCss, parseCss, prefixAnyCSS } from "./css";
+import { stringifyCss, parseCss } from "./css";
 import { objToListByGroupsName } from "./utils";
 import { Button } from "./config/Button";
 // 文本放在不同的组件下，会有不同的效果，暂不支持配置
@@ -64,7 +64,7 @@ export var ASSETS_CSS_TPL = {
   Tree: Tree,
   Description: Description
 };
-export var pcExtend = {
+var extend = {
   Input: 'Form',
   TextArea: 'Form',
   InputNumber: 'Form',
@@ -97,8 +97,8 @@ export function stringifyCssByType(type, values) {
 
 // 临时解决方案，将只对它有影响的值，生成继承的样式
 export function stringifyCssByTypePreview(type, values) {
-  if (pcExtend[type]) {
-    var cfg = getItemByType(pcExtend[type]);
+  if (extend[type]) {
+    var cfg = getItemByType(extend[type]);
     var _item = getItemByType(type);
     return stringifyCss(cfg.tpl, _objectSpread(_objectSpread({}, cfg.defaultValue[0]), values)) + stringifyCss(_item.tpl, values);
   }
@@ -108,14 +108,4 @@ export function stringifyCssByTypePreview(type, values) {
 export function parseCssByType(type, css) {
   var item = getItemByType(type);
   return parseCss(item.tpl, css);
-}
-export function prefixCSS(type, values, prefix) {
-  if (pcExtend[type]) {
-    var _cfg$itemCustomTpl;
-    var cfg = getItemByType(pcExtend[type]);
-    var _item2 = getItemByType(type);
-    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);
-  }
-  var item = getItemByType(type);
-  return prefixAnyCSS(stringifyCss(item.tpl, values), prefix, item === null || item === void 0 ? void 0 : item.hasPrefixClass);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lingxiteam/theme-utils",
-  "version": "0.1.15",
+  "version": "0.2.0",
   "description": "",
   "keywords": [],
   "license": "MIT",