@lingxiteam/theme-utils 0.1.3

package/README.md

@@ -0,0 +1,83 @@
+# theme-utils
+
+antd@4 theme class utils, css utils
+
+```js
+pnpm i theme-utils
+
+import {} from 'theme-utils';
+```
+
+新建场景描述：
+
+1、通过编辑页面 form 得到，theme 的对象 如 { backgroundColor:'red',fontSize:'12px'} 2、根据模版 '.cc{ background-color: backgroundColor; font-size: fontSize;}' 解析 css 3、得到最终 css '.cc{ background-color:red; font-size:12px;bor:123}' 4、将最终 css 提交到服务端
+
+编辑场景描述：
+
+1、从服务端取得 css 2、根据模版将 css 中的对象取出 { backgroundColor:'red',fontSize:'12px'} 3、将对象赋值到编辑页面 form 4、重复新建场景
+
+预览场景描述：
+
+1、每次编辑都会实时的生成 css 2、通过 normalizeCSS(css,'#previewId') 将 css 作用到指定 id dom 下 ' #previewId { .cc{ background-color:red; font-size:12px; }}' 3、通过 insertRules('12312', css, document.getElementById('previewId')); 将 style 挂载到预览 dom 上 4、挂载的样式仅会对预览生效
+
+使用场景描述：
+
+1、通过 insertLink('12312', 'http://xxx.css',true); 在页面上加载所有的生成的 css，将会对所有的场景生效。
+
+## stringifyCss
+
+根据指定模版，将对象的值解析道模版中，生成最终的 css 字符串
+
+```js
+const tpl = '.cc{ background-color: backgroundColor; font-size: fontSize;}';
+const a = { backgroundColor: 'red', fontSize: '12px' };
+const c = stringifyCss(tpl, a);
+console.log(c); // .cc{ background-color:red; font-size:12px;}
+```
+
+## parseCss
+
+根据指定模版，将值从 css 字符串中解析成对象
+
+```js
+const tpl = '.cc{ background-color: backgroundColor; font-size: fontSize;}';
+const a = '.cc{ background-color:red; font-size:12px;}';
+const c = parseCss(tpl, a);
+console.log(c); // { backgroundColor:'red',fontSize:'12px'}
+```
+
+## normalizeCSS
+
+编译 css 且支持给 css 提供指定的选择器，如
+
+```js
+const a = '.a{ .b{ font-size:12px; } }';
+
+const css = normalizeCSS(a);
+
+console.log(css);
+
+// output: '.a .b{font-size:12px;}'
+
+const css1 = normalizeCSS(a, '.cc');
+console.log(css1);
+// output: '.cc .a .b{font-size:12px;}'
+```
+
+## insertRules
+
+将 css 挂载到页面上 `insertRules(id: string, rules: string,selector = document.head,);` 指定 id，会覆盖生产的 style 标签
+
+```js
+insertRules('12312', css);
+```
+
+## insertLink
+
+挂载指定的 css link `insertLink(id: string, href: string, insertBefore = false)`
+
+可选择指定挂在在 body.firstElementChild 还是 head 中
+
+```js
+insertLink('12312', 'http://xxx.css', true);
+```

package/dist/config/Button.d.ts

@@ -0,0 +1,101 @@
+export declare const Button: {
+    type: string;
+    variable: {
+        textColor: {
+            type: string;
+            label: string;
+            groupsName: string;
+        };
+        lineHeight: {
+            type: string;
+            label: string;
+            groupsName: string;
+        };
+        fontSize: {
+            type: string;
+            label: string;
+            groupsName: string;
+        };
+        backgroundColor: {
+            type: string;
+            label: string;
+            groupsName: string;
+        };
+        borderColor: {
+            type: string;
+            label: string;
+            groupsName: string;
+        };
+        borderRadius: {
+            type: string;
+            label: string;
+            groupsName: string;
+        };
+        paddingValue: {
+            type: string;
+            label: string;
+            groupsName: string;
+        };
+        marginValue: {
+            type: string;
+            label: string;
+            groupsName: string;
+        };
+    };
+    groupsName: string;
+    icon: string;
+    title: string;
+    defaultValue: {
+        textColor: string;
+        lineHeight: string;
+        fontSize: string;
+        backgroundColor: string;
+        borderColor: string;
+        borderRadius: string;
+        paddingValue: string;
+        marginValue: string;
+    }[];
+    tpl: string;
+    components: {
+        id: string;
+        label: string;
+        compName: string;
+        type: string;
+        compType: number;
+        compLib: string;
+        props: {
+            name: string;
+            basicStatus: number;
+            classification: string;
+            autoProcessFlow: boolean;
+            flowProcessResult: string;
+            iconPosition: string;
+            ghost: boolean;
+            block: boolean;
+            size: string;
+            disabled: boolean;
+            type: string;
+            btnIcon: string;
+            hasIcon: boolean;
+            shape: string;
+            loading: boolean;
+            btnText: string;
+        };
+        style: {
+            textAlign: string;
+        };
+        isContainer: boolean;
+        isBusiObjContainer: boolean;
+        cmdgroup: string[];
+        platform: string;
+        icon: string;
+        description: string;
+        image: string;
+        groupsName: string;
+        isInlineBlock: boolean;
+        setEvents: never[];
+        isLabelDropBoxChild: boolean;
+        components: never[];
+        path: string[];
+    }[];
+};

package/dist/config/Button.js

@@ -0,0 +1,265 @@
+export var Button = {
+  type: 'Button',
+  variable: {
+    textColor: {
+      type: 'color',
+      label: '文本颜色',
+      groupsName: '文字'
+    },
+    lineHeight: {
+      type: 'px',
+      label: '文本行高',
+      groupsName: '文字'
+    },
+    fontSize: {
+      type: 'px',
+      label: '文本尺寸',
+      groupsName: '文字'
+    },
+    backgroundColor: {
+      type: 'color',
+      label: '背景颜色',
+      groupsName: '背景颜色'
+    },
+    borderColor: {
+      type: 'color',
+      label: '边框颜色',
+      groupsName: '边框'
+    },
+    borderRadius: {
+      type: 'px',
+      label: '边框圆角',
+      groupsName: '边框'
+    },
+    paddingValue: {
+      type: 'marginInput',
+      label: '内边距',
+      groupsName: '布局'
+    },
+    marginValue: {
+      type: 'marginInput',
+      label: '外边距',
+      groupsName: '布局'
+    }
+  },
+  groupsName: '通用',
+  icon: 'icon-ico-comp-btn',
+  title: '按钮',
+  defaultValue: [{
+    textColor: '#1c242e',
+    lineHeight: '0px',
+    fontSize: '14px',
+    backgroundColor: '#47e',
+    borderColor: '#D8E0EC',
+    borderRadius: '8px',
+    paddingValue: '4px 24px 4px 24px',
+    marginValue: '0px'
+  }],
+  tpl: "\n.ued-button-wrap.pcfactory-btn {\n      line-height: lineHeight;\n      font-size: fontSize;\n      padding: paddingValue;\n      margin: marginValue;\n    }\n.ued-button-wrap.pcfactory-btn-primary {\n      background-color: backgroundColor;\n      border-color: borderColor;\n      border-radius: borderRadius;\n    }\n.ued-button-wrap.pcfactory-btn-default {\n      color: textColor;\n      border-color: borderColor;\n      border-radius: borderRadius;\n    }\n.ued-button-wrap.pcfactory-btn-dashed {\n      color: textColor;\n      border-color: borderColor;\n      border-radius: borderRadius;\n    }\n.ued-button-wrap.pcfactory-btn.pcfactory-btn-dashed:hover {\n      border-color: backgroundColor;\n      color: backgroundColor;\n    }\n.ued-button-wrap.pcfactory-btn.pcfactory-btn-default:hover {\n      border-color: backgroundColor;\n      color: backgroundColor;\n  }\n.ued-button-wrap.pcfactory-btn-text {\n      color: textColor;\n    }\n.ued-button-wrap.pcfactory-btn-link {\n      color: backgroundColor;\n    }\n  ",
+  components: [{
+    id: 'Button_1229334',
+    label: '按钮',
+    compName: 'Button',
+    type: 'Button',
+    compType: 1,
+    compLib: 'comm',
+    props: {
+      name: '按钮',
+      basicStatus: 1,
+      classification: 'default',
+      autoProcessFlow: false,
+      flowProcessResult: 'common',
+      iconPosition: 'left',
+      ghost: false,
+      block: false,
+      size: 'default',
+      disabled: false,
+      type: 'primary',
+      btnIcon: 'none',
+      hasIcon: false,
+      shape: 'default',
+      loading: false,
+      btnText: '按钮'
+    },
+    style: {
+      textAlign: 'center'
+    },
+    isContainer: false,
+    isBusiObjContainer: false,
+    cmdgroup: ['basic'],
+    platform: 'pc',
+    icon: 'Button',
+    description: '',
+    image: '',
+    groupsName: '通用',
+    isInlineBlock: true,
+    setEvents: [],
+    isLabelDropBoxChild: false,
+    components: [],
+    path: ['761872', 'View_761872_1']
+  }, {
+    id: 'Button_526504',
+    label: '按钮',
+    compName: 'Button',
+    type: 'Button',
+    compType: 1,
+    compLib: 'comm',
+    props: {
+      name: '按钮',
+      basicStatus: 1,
+      classification: 'default',
+      autoProcessFlow: false,
+      flowProcessResult: 'common',
+      iconPosition: 'left',
+      ghost: false,
+      block: false,
+      size: 'default',
+      disabled: false,
+      type: 'default',
+      btnIcon: 'none',
+      hasIcon: false,
+      shape: 'default',
+      loading: false,
+      btnText: '按钮'
+    },
+    style: {
+      textAlign: 'center'
+    },
+    isContainer: false,
+    isBusiObjContainer: false,
+    cmdgroup: ['basic'],
+    platform: 'pc',
+    icon: 'Button',
+    description: '',
+    image: '',
+    groupsName: '通用',
+    isInlineBlock: true,
+    setEvents: [],
+    isLabelDropBoxChild: false,
+    components: [],
+    path: ['761872', 'View_761872_1']
+  }, {
+    id: 'Button_2208062',
+    label: '按钮',
+    compName: 'Button',
+    type: 'Button',
+    compType: 1,
+    compLib: 'comm',
+    props: {
+      name: '按钮',
+      basicStatus: 1,
+      classification: 'default',
+      autoProcessFlow: false,
+      flowProcessResult: 'common',
+      iconPosition: 'left',
+      ghost: false,
+      block: false,
+      size: 'default',
+      disabled: false,
+      type: 'dashed',
+      btnIcon: 'none',
+      hasIcon: false,
+      shape: 'default',
+      loading: false,
+      btnText: '按钮'
+    },
+    style: {
+      textAlign: 'center'
+    },
+    isContainer: false,
+    isBusiObjContainer: false,
+    cmdgroup: ['basic'],
+    platform: 'pc',
+    icon: 'Button',
+    description: '',
+    image: '',
+    groupsName: '通用',
+    isInlineBlock: true,
+    setEvents: [],
+    isLabelDropBoxChild: false,
+    components: [],
+    path: ['761872', 'View_761872_1']
+  }, {
+    id: 'Button_692544',
+    label: '按钮',
+    compName: 'Button',
+    type: 'Button',
+    compType: 1,
+    compLib: 'comm',
+    props: {
+      name: '按钮',
+      basicStatus: 1,
+      classification: 'default',
+      autoProcessFlow: false,
+      flowProcessResult: 'common',
+      iconPosition: 'left',
+      ghost: false,
+      block: false,
+      size: 'default',
+      disabled: false,
+      type: 'text',
+      btnIcon: 'none',
+      hasIcon: false,
+      shape: 'default',
+      loading: false,
+      btnText: '按钮'
+    },
+    style: {
+      textAlign: 'center'
+    },
+    isContainer: false,
+    isBusiObjContainer: false,
+    cmdgroup: ['basic'],
+    platform: 'pc',
+    icon: 'Button',
+    description: '',
+    image: '',
+    groupsName: '通用',
+    isInlineBlock: true,
+    setEvents: [],
+    isLabelDropBoxChild: false,
+    components: [],
+    path: ['761872', 'View_761872_1']
+  }, {
+    id: 'Button_111416',
+    label: '按钮',
+    compName: 'Button',
+    type: 'Button',
+    compType: 1,
+    compLib: 'comm',
+    props: {
+      name: '按钮',
+      basicStatus: 1,
+      classification: 'default',
+      autoProcessFlow: false,
+      flowProcessResult: 'common',
+      iconPosition: 'left',
+      ghost: false,
+      block: false,
+      size: 'default',
+      disabled: false,
+      type: 'link',
+      btnIcon: 'none',
+      hasIcon: false,
+      shape: 'default',
+      loading: false,
+      btnText: '按钮'
+    },
+    style: {
+      textAlign: 'center'
+    },
+    isContainer: false,
+    isBusiObjContainer: false,
+    cmdgroup: ['basic'],
+    platform: 'pc',
+    icon: 'Button',
+    description: '',
+    image: '',
+    groupsName: '通用',
+    isInlineBlock: true,
+    setEvents: [],
+    isLabelDropBoxChild: false,
+    components: [],
+    path: ['761872', 'View_761872_1']
+  }]
+};

package/dist/config/Card.d.ts

@@ -0,0 +1,137 @@
+export declare const Card: {
+    type: string;
+    variable: {
+        textColor: {
+            type: string;
+            label: string;
+            groupsName: string;
+            canEdit: boolean;
+            extendsKey: string;
+            desc: string;
+        };
+        lineHeight: {
+            type: string;
+            label: string;
+            groupsName: string;
+            canEdit: boolean;
+            extendsKey: string;
+            desc: string;
+        };
+        fontSize: {
+            type: string;
+            label: string;
+            groupsName: string;
+            canEdit: boolean;
+            extendsKey: string;
+            desc: string;
+        };
+        fontWeight: {
+            type: string;
+            label: string;
+            groupsName: string;
+            canEdit: boolean;
+            extendsKey: string;
+            desc: string;
+            options: {
+                title: string;
+                value: string;
+            }[];
+        };
+        backgroundColor: {
+            type: string;
+            label: string;
+            groupsName: string;
+        };
+        titleColor: {
+            type: string;
+            label: string;
+            groupsName: string;
+        };
+        tagSize: {
+            type: string;
+            label: string;
+            groupsName: string;
+        };
+        tagMargin: {
+            type: string;
+            label: string;
+            groupsName: string;
+        };
+        borderColor: {
+            type: string;
+            label: string;
+            groupsName: string;
+        };
+        borderRadius: {
+            type: string;
+            label: string;
+            groupsName: string;
+        };
+        bodyColor: {
+            type: string;
+            label: string;
+            groupsName: string;
+        };
+        lineColor: {
+            type: string;
+            label: string;
+            groupsName: string;
+        };
+    };
+    groupsName: string;
+    icon: string;
+    title: string;
+    defaultValue: {
+        fontSize: string;
+        backgroundColor: string;
+        titleColor: string;
+        tagSize: string;
+        tagMargin: string;
+        borderColor: string;
+        borderRadius: string;
+        bodyColor: string;
+        lineColor: string;
+    }[];
+    tpl: string;
+    components: {
+        id: string;
+        label: string;
+        compName: string;
+        type: string;
+        compType: number;
+        compLib: string;
+        props: {
+            name: string;
+            basicStatus: number;
+            cardIconType: string;
+            extendNum: number;
+            title: string;
+            bordered: boolean;
+            size: string;
+            hasHeader: boolean;
+            hasIcon: boolean;
+            prefixIcon: {
+                prefixIconTheme: string;
+                prefixIconType: string;
+            };
+        };
+        style: {
+            padding: string;
+            overflowY: string;
+            margin: string;
+        };
+        isContainer: boolean;
+        isBusiObjContainer: boolean;
+        cmdgroup: string[];
+        platform: string;
+        icon: string;
+        description: string;
+        image: string;
+        groupsName: string;
+        engineApi: string[];
+        setEvents: never[];
+        isLabelDropBoxChild: boolean;
+        components: never[];
+        path: string[];
+    }[];
+};