@lingxiteam/theme-utils 0.5.3 → 0.5.5

package/dist/config/TimePicker.js

@@ -0,0 +1,180 @@
+export var TimePicker = {
+  type: 'TimePicker',
+  hasPrefixClass: true,
+  variable: {
+    labelTextColor: {
+      type: 'color',
+      label: '标题颜色',
+      groupsName: '标题',
+      desc: '继承自表单，此处不可编辑',
+      canEdit: false,
+      extendsKey: 'Form'
+    },
+    labelFontSize: {
+      type: 'px',
+      label: '标题尺寸',
+      groupsName: '标题',
+      desc: '继承自表单，此处不可编辑',
+      canEdit: false,
+      extendsKey: 'Form'
+    },
+    labelLineHeight: {
+      type: 'px',
+      label: '标题行高',
+      groupsName: '标题',
+      desc: '继承自表单，此处不可编辑',
+      canEdit: false,
+      extendsKey: 'Form'
+    },
+    textColor: {
+      type: 'color',
+      label: '文本颜色',
+      groupsName: '文字',
+      desc: '继承自表单，此处不可编辑',
+      canEdit: false,
+      extendsKey: 'Form'
+    },
+    fontSize: {
+      type: 'px',
+      label: '文本尺寸',
+      groupsName: '文字',
+      desc: '继承自表单，此处不可编辑',
+      canEdit: false,
+      extendsKey: 'Form'
+    },
+    itemBorderRadius: {
+      type: 'px',
+      label: '圆角',
+      groupsName: '边框',
+      desc: '继承自表单，此处不可编辑',
+      canEdit: false,
+      extendsKey: 'Form'
+    },
+    itemBorderColor: {
+      type: 'color',
+      label: '颜色',
+      groupsName: '边框',
+      desc: '继承自表单，此处不可编辑',
+      canEdit: false,
+      extendsKey: 'Form'
+    },
+    itemHoverBorderColor: {
+      type: 'color',
+      label: '组件激活边框颜色',
+      groupsName: '边框',
+      hidden: true,
+      desc: '继承自表单，此处不可编辑',
+      canEdit: false,
+      extendsKey: 'Form'
+    },
+    iconColor: {
+      type: 'color',
+      label: '后缀图标颜色',
+      groupsName: '其他',
+      followTheme: '@text-color-secondary'
+    },
+    iconFontSize: {
+      type: 'px',
+      label: '后缀图标尺寸',
+      groupsName: '其他',
+      followTheme: '@font-size-base'
+    }
+  },
+  groupsName: '数据录入',
+  icon: 'icon-ico-comp-timepicker',
+  title: '时间选择',
+  defaultValue: [{
+    iconFontSize: '14px',
+    iconColor: '#9092A3'
+  }],
+  followThemes: {
+    '@text-color-secondary': ['iconColor'],
+    '@font-size-base': ['iconFontSize']
+  },
+  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  }}",
+  components: [{
+    id: 'Form_180373',
+    label: '表单',
+    compName: 'Form',
+    type: 'Form',
+    compType: 0,
+    compLib: 'comm',
+    props: {
+      name: '表单',
+      colSpan: 12,
+      labelCol: 8,
+      wrapperCol: 16,
+      layout: 'vertical',
+      colon: true,
+      labelAlign: 'right',
+      basicStatus: 1,
+      colSpace: 16,
+      rowSpace: 16,
+      formCode: 'Code_Form_180373'
+    },
+    style: {
+      padding: '0px 0px 0px 0px'
+    },
+    isContainer: true,
+    isBusiObjContainer: true,
+    cmdgroup: ['basic'],
+    platform: 'pc',
+    icon: 'Form',
+    description: '',
+    image: '',
+    groupsName: '容器',
+    engineApi: ['service.downloadFileByFileCode', 'getVisible', 'stateListener'],
+    setEvents: [],
+    isLabelDropBoxChild: false,
+    components: [{
+      id: 'TimePicker_274966',
+      label: '时间选择',
+      compName: 'TimePicker',
+      type: 'TimePicker',
+      compType: 2,
+      compLib: 'comm',
+      props: {
+        name: '时间选择',
+        basicStatus: 1,
+        size: 'default',
+        selfSpan: '',
+        labelCol: 8,
+        wrapperCol: 16,
+        titleTip: 'notext',
+        tipSize: 'default',
+        tipWidth: '240px',
+        tipHeight: 'auto',
+        required: false,
+        limitRange: 'no',
+        startTime: '',
+        endTime: '',
+        format: 'YYYY-MM-DD HH:mm:ss',
+        timeMode: 'time',
+        pickerType: 'TimePicker',
+        placeholder: '请选择时间',
+        customTip: '',
+        allowClear: true,
+        formItemIndex: 14,
+        fieldName: 'rdsx'
+      },
+      style: {},
+      isContainer: false,
+      isBusiObjContainer: false,
+      cmdgroup: ['basic'],
+      platform: 'pc',
+      fieldProps: {
+        trigger: 'onChange',
+        valuePropName: 'value'
+      },
+      icon: 'TimePicker',
+      description: '',
+      image: '',
+      groupsName: '数据录入',
+      setEvents: [],
+      isLabelDropBoxChild: false,
+      components: [],
+      path: ['998509', 'Form_180373']
+    }],
+    path: ['998509']
+  }]
+};

package/dist/config/Tree.d.ts

@@ -0,0 +1,151 @@
+export declare const Tree: {
+    type: string;
+    variable: {
+        textColor: {
+            type: string;
+            label: string;
+            groupsName: string;
+            followTheme: string;
+        };
+        fontSize: {
+            type: string;
+            label: string;
+            groupsName: string;
+            followTheme: string;
+        };
+        borderColor: {
+            type: string;
+            label: string;
+            groupsName: string;
+            followTheme: string;
+        };
+        borderRadius: {
+            type: string;
+            label: string;
+            groupsName: string;
+            followTheme: string;
+        };
+        btnWidth: {
+            type: string;
+            label: string;
+            groupsName: string;
+        };
+        treeTextColor: {
+            type: string;
+            label: string;
+            groupsName: string;
+            followTheme: string;
+        };
+        treeFontSize: {
+            type: string;
+            label: string;
+            groupsName: string;
+            followTheme: string;
+        };
+        treeLineColor: {
+            type: string;
+            label: string;
+            groupsName: string;
+        };
+        treeIconColor: {
+            type: string;
+            label: string;
+            groupsName: string;
+            followTheme: string;
+        };
+        treeBgColor: {
+            type: string;
+            label: string;
+            groupsName: string;
+        };
+    };
+    groupsName: string;
+    icon: string;
+    title: string;
+    defaultValue: {
+        borderColor: string;
+        borderRadius: string;
+        textColor: string;
+        fontSize: string;
+        btnWidth: string;
+        treeTextColor: string;
+        treeFontSize: string;
+        treeBgColor: string;
+        treeLineColor: string;
+        treeIconColor: string;
+    }[];
+    followThemes: {
+        '@primary-color': string[];
+        '@font-size-base': string[];
+        '@text-color': string[];
+        '@border-color-base': string[];
+        '@border-radius-base': string[];
+    };
+    tpl: string;
+    components: {
+        id: string;
+        label: string;
+        compName: string;
+        type: string;
+        compType: number;
+        compLib: string;
+        props: {
+            name: string;
+            basicStatus: number;
+            defaultExpandAll: boolean;
+            showLine: boolean;
+            selectable: boolean;
+            isAsync: boolean;
+            treeData: {
+                title: string;
+                key: string;
+                $$isParent: boolean;
+                selectable: boolean;
+                children: {
+                    title: string;
+                    key: string;
+                    selectable: boolean;
+                    value: string;
+                }[];
+                value: string;
+            }[];
+            showLineIcon: boolean;
+            showSearch: boolean;
+            treeNodeIcon: {
+                isUsePrimary: boolean;
+                iconType: string;
+                iconStyle: string;
+                color: string;
+                iconInfo: {
+                    closed: {
+                        isIconFont: boolean;
+                        type: string;
+                    };
+                    expanded: {
+                        isIconFont: boolean;
+                        type: string;
+                    };
+                    leaf: {
+                        isIconFont: boolean;
+                        type: string;
+                    };
+                };
+                extendRules: never[];
+            };
+        };
+        style: {};
+        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[];
+    }[];
+};

package/dist/config/Tree.js

@@ -0,0 +1,195 @@
+export var Tree = {
+  type: 'Tree',
+  variable: {
+    textColor: {
+      type: 'color',
+      label: '文本颜色',
+      groupsName: '搜索框样式',
+      followTheme: '@text-color'
+    },
+    fontSize: {
+      type: 'px',
+      label: '文本尺寸',
+      groupsName: '搜索框样式',
+      followTheme: '@font-size-base'
+    },
+    borderColor: {
+      type: 'color',
+      label: '边框颜色',
+      groupsName: '搜索框样式',
+      followTheme: '@border-color-base'
+    },
+    borderRadius: {
+      type: 'px',
+      label: '边框圆角',
+      groupsName: '搜索框样式',
+      followTheme: '@border-radius-base'
+    },
+    btnWidth: {
+      type: 'px',
+      label: '按钮宽度',
+      groupsName: '搜索框样式'
+    },
+    // treeLineHeight: { type: 'px', label: '树行高', groupsName: '树样式' },
+    treeTextColor: {
+      type: 'color',
+      label: '文本颜色',
+      groupsName: '树样式',
+      followTheme: '@text-color'
+    },
+    treeFontSize: {
+      type: 'px',
+      label: '文本尺寸',
+      groupsName: '树样式',
+      followTheme: '@font-size-base'
+    },
+    treeLineColor: {
+      type: 'color',
+      label: '连接线颜色',
+      groupsName: '树样式'
+    },
+    treeIconColor: {
+      type: 'color',
+      label: '折叠图标颜色',
+      groupsName: '树样式',
+      followTheme: '@primary-color'
+    },
+    treeBgColor: {
+      type: 'color',
+      label: '选中背景颜色',
+      groupsName: '树样式'
+    }
+  },
+  groupsName: '数据展示',
+  icon: 'icon-ico-comp-tree',
+  title: '树形控件',
+  defaultValue: [{
+    borderColor: '#e5e5e5',
+    borderRadius: '2px',
+    textColor: '#1c242e',
+    fontSize: '14px',
+    // treeLineHeight: '2',
+    btnWidth: '32px',
+    treeTextColor: '#1c242e',
+    treeFontSize: '14px',
+    treeBgColor: 'rgba(68,119,238,.06)',
+    treeLineColor: '#e5e5e5',
+    treeIconColor: '#47e'
+  }],
+  followThemes: {
+    '@primary-color': ['treeIconColor'],
+    '@font-size-base': ['fontSize', 'treeFontSize'],
+    '@text-color': ['textColor', 'treeTextColor'],
+    '@border-color-base': ['borderColor'],
+    '@border-radius-base': ['borderRadius']
+  },
+  tpl: ".ued-tree-wrap .ued-tree-search .pcfactory-input{\n    color: textColor;\n    border-color: borderColor;\n    font-size: fontSize;\n    border-bottom-left-radius: borderRadius;\n    border-top-left-radius: borderRadius;\n  }\n  .ued-tree-wrap .pcfactory-input-search>.pcfactory-input-group>.pcfactory-input-group-addon:last-child .pcfactory-input-search-button{\n    height: calc(1.5715* fontSize + 10px);\n    border-color: borderColor;\n    border-bottom-right-radius: borderRadius;\n    border-top-right-radius: borderRadius;\n  }\n  .ued-tree .ued-tree-tit{\n    color: treeTextColor;\n    font-size: treeFontSize;\n  }\n  .ued-tree.pcfactory-tree .pcfactory-tree-treenode .pcfactory-tree-node-content-wrapper.pcfactory-tree-node-selected{\n    background-color: treeBgColor\n  }\n  .ued-tree.pcfactory-tree .pcfactory-tree-treenode span.pcfactory-tree-switcher{\n    color: treeIconColor;\n  }\n  .ued-tree-wrap .pcfactory-tree-show-line .pcfactory-tree-indent-unit:before{\n    border-color: treeLineColor;\n  }\n  .ued-tree-wrap .pcfactory-tree-switcher-leaf-line:before{\n    border-color: treeLineColor;\n  }\n  .ued-tree-wrap .pcfactory-tree-switcher-leaf-line:after{\n    border-color: treeLineColor;\n\n  }\n  .ued-tree.pcfactory-tree .pcfactory-tree-treenode .pcfactory-tree-node-content-wrapper .pcfactory-tree-iconEle .ued-icon.fill-primary{\n    fill: treeIconColor;\n    color: treeIconColor;\n  }\n  .ued-tree-wrap .pcfactory-input-search>.pcfactory-input-group>.pcfactory-input-group-addon:last-child .pcfactory-input-search-button{\n    width: btnWidth;\n  }\n  .ued-tree-wrap .pcfactory-input-search>.pcfactory-input-group>.pcfactory-input-group-addon:last-child .pcfactory-input-search-button .anticon svg{\n    width: fontSize;\n    height: fontSize;\n  }",
+  components: [{
+    id: 'Tree_371619',
+    label: '树形控件',
+    compName: 'Tree',
+    type: 'Tree',
+    compType: 3,
+    compLib: 'comm',
+    props: {
+      name: '树形控件',
+      basicStatus: 1,
+      defaultExpandAll: true,
+      showLine: true,
+      selectable: true,
+      isAsync: false,
+      treeData: [{
+        title: '分公司1',
+        key: '8801066',
+        $$isParent: true,
+        selectable: true,
+        children: [{
+          title: '设计',
+          key: '562194',
+          selectable: true,
+          value: '562194'
+        }, {
+          title: '开发',
+          key: '609015',
+          selectable: true,
+          value: '609015'
+        }, {
+          title: '测试',
+          key: '9582152',
+          selectable: true,
+          value: '9582152'
+        }, {
+          title: '需求',
+          key: '1922326',
+          selectable: true,
+          value: '1922326'
+        }],
+        value: '8801066'
+      }, {
+        title: '分公司2',
+        key: '4163425',
+        $$isParent: true,
+        selectable: true,
+        value: '4163425',
+        children: [{
+          title: '设计',
+          key: '15085',
+          selectable: true,
+          value: '15085'
+        }, {
+          title: '开发',
+          key: '409378',
+          selectable: true,
+          value: '409378'
+        }, {
+          title: '测试',
+          key: '667171',
+          selectable: true,
+          value: '667171'
+        }, {
+          title: '需求',
+          key: '60022',
+          selectable: true,
+          value: '60022'
+        }]
+      }],
+      showLineIcon: true,
+      showSearch: true,
+      treeNodeIcon: {
+        isUsePrimary: true,
+        iconType: 'outlined',
+        iconStyle: 'organization',
+        color: 'rgba(28, 36, 46, 0.75)',
+        iconInfo: {
+          closed: {
+            isIconFont: true,
+            type: 'lcdp-icon-tuandui-xian'
+          },
+          expanded: {
+            isIconFont: true,
+            type: 'lcdp-icon-tuandui-xian'
+          },
+          leaf: {
+            isIconFont: true,
+            type: 'lcdp-icon-geren-xian'
+          }
+        },
+        extendRules: []
+      }
+    },
+    style: {},
+    isContainer: false,
+    isBusiObjContainer: false,
+    cmdgroup: ['basic'],
+    platform: 'pc',
+    icon: 'Tree',
+    description: '',
+    image: '',
+    groupsName: '数据展示',
+    engineApi: ['sandBoxSafeRun', 'service.commonFetch'],
+    setEvents: [],
+    isLabelDropBoxChild: false,
+    components: [],
+    path: ['3602564', 'View_3602564_1']
+  }]
+};