@lingxiteam/theme-utils 0.5.3 → 0.5.4

package/dist/h5config/StaticTabs.js

@@ -0,0 +1,180 @@
+export var StaticTabs = {
+  type: 'StaticTabs',
+  hasPrefixClass: true,
+  variable: {
+    // TODO: 代码中写死
+    // headBgColor: {
+    //   type: 'color',
+    //   label: '头部背景颜色',
+    //   groupsName: '背景颜色',
+    // },
+    selectBgColor: {
+      type: 'color',
+      label: '选中项填充颜色',
+      groupsName: '背景'
+    },
+    backgroundColor: {
+      type: 'color',
+      label: '默认项填充颜色',
+      groupsName: '背景',
+      followTheme: '@brand-primary'
+    },
+    bodyBgColor: {
+      type: 'color',
+      label: '内容区域填充颜色',
+      groupsName: '背景'
+    },
+    selectTextColor: {
+      type: 'color',
+      label: '文本颜色',
+      groupsName: '选中项',
+      followTheme: '@brand-primary'
+    },
+    selectFontWeight: {
+      type: 'select',
+      label: '文本字重',
+      groupsName: '选中项',
+      options: [{
+        title: '100',
+        value: '100'
+      }, {
+        title: '200',
+        value: '200'
+      }, {
+        title: '300',
+        value: '300'
+      }, {
+        title: '400',
+        value: '400'
+      }, {
+        title: '500',
+        value: '500'
+      }, {
+        title: '600',
+        value: '600'
+      }, {
+        title: '700',
+        value: '700'
+      }]
+    },
+    // paddingValue: {
+    //   type: 'marginInput',
+    //   label: '选项内边距',
+    //   groupsName: '选项',
+    // },
+    textColor: {
+      type: 'color',
+      label: '文本颜色',
+      groupsName: '默认项'
+    },
+    fontSize: {
+      type: 'px',
+      label: '文本尺寸',
+      groupsName: '默认项'
+    },
+    fontWeight: {
+      type: 'select',
+      label: '文本字重',
+      groupsName: '默认项',
+      options: [{
+        title: '100',
+        value: '100'
+      }, {
+        title: '200',
+        value: '200'
+      }, {
+        title: '300',
+        value: '300'
+      }, {
+        title: '400',
+        value: '400'
+      }, {
+        title: '500',
+        value: '500'
+      }, {
+        title: '600',
+        value: '600'
+      }, {
+        title: '700',
+        value: '700'
+      }]
+    },
+    selectBorderRadius: {
+      type: 'px',
+      label: '边框圆角',
+      groupsName: '默认项'
+    }
+    // lineColor: {
+    //   type: 'color',
+    //   label: '头部下分割线颜色',
+    //   groupsName: '边框',
+    // },
+  },
+
+  groupsName: '高级',
+  icon: 'icon-ico-comp-app-Tabs',
+  title: '静态标签页',
+  defaultValue: [{
+    selectTextColor: '#108ee9',
+    textColor: '#FFF',
+    selectBgColor: '#FFF',
+    backgroundColor: '#108ee9',
+    selectFontWeight: '400',
+    fontWeight: '400',
+    fontSize: '15px',
+    selectBorderRadius: '12px',
+    bodyBgColor: 'rgba(0,0,0,0)'
+    // lineColor: '#108ee9',
+  }],
+
+  followThemes: {
+    '@brand-primary': ['backgroundColor', 'selectTextColor']
+  },
+  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",
+  components: [{
+    id: 'StaticTabs_828878',
+    label: '静态标签页',
+    compName: 'StaticTabs',
+    type: 'StaticTabs',
+    compType: 0,
+    compLib: 'antd-mobile',
+    props: {
+      name: '静态标签页',
+      tabDirection: 'horizontal',
+      initialPage: 0,
+      animated: true,
+      tabs: [{
+        title: '标签1',
+        id: '1',
+        isShow: '$true$'
+      }, {
+        title: '标签2',
+        id: '2',
+        isShow: '$true$'
+      }],
+      underlineType: 'default',
+      stickyTop: 45,
+      swipeable: false,
+      useOnPan: false,
+      usePaged: false,
+      prerenderingSiblingsNumber: 1,
+      tabBarPosition: 'top'
+    },
+    style: {
+      underlineType: 'default'
+    },
+    isContainer: true,
+    isBusiObjContainer: false,
+    cmdgroup: ['basic'],
+    platform: 'h5',
+    engineApi: ['sandBoxSafeRun'],
+    setEvents: [],
+    description: '',
+    image: '',
+    groupsName: '高级',
+    icon: 'StaticTabs',
+    isLabelDropBoxChild: false,
+    components: [],
+    path: ['454426', 'View_454426_1']
+  }]
+};

package/dist/h5config/Table.d.ts

@@ -0,0 +1,197 @@
+export declare const DynamicTable: {
+    type: string;
+    hasPrefixClass: boolean;
+    variable: {
+        headBgColor: {
+            type: string;
+            label: string;
+            groupsName: string;
+        };
+        bodyBgColor: {
+            type: string;
+            label: string;
+            groupsName: string;
+        };
+        zebraBgColor: {
+            type: string;
+            label: string;
+            groupsName: string;
+        };
+        textColor: {
+            type: string;
+            label: string;
+            groupsName: string;
+        };
+        fontSize: {
+            type: string;
+            label: string;
+            groupsName: string;
+        };
+        fontWeight: {
+            type: string;
+            label: string;
+            groupsName: string;
+            options: {
+                title: string;
+                value: string;
+            }[];
+        };
+        headTextColor: {
+            type: string;
+            label: string;
+            groupsName: string;
+        };
+        headFontSize: {
+            type: string;
+            label: string;
+            groupsName: string;
+        };
+        contentTextColor: {
+            type: string;
+            label: string;
+            groupsName: string;
+        };
+        contentFontSize: {
+            type: string;
+            label: string;
+            groupsName: string;
+        };
+        borderRadius: {
+            type: string;
+            label: string;
+            groupsName: string;
+        };
+        borderColor: {
+            type: string;
+            label: string;
+            groupsName: string;
+            followTheme: string;
+        };
+    };
+    groupsName: string;
+    icon: string;
+    title: string;
+    defaultValue: {
+        textColor: string;
+        fontSize: string;
+        fontWeight: string;
+        headTextColor: string;
+        headFontSize: string;
+        contentTextColor: string;
+        contentFontSize: string;
+        headBgColor: string;
+        bodyBgColor: string;
+        zebraBgColor: string;
+        borderColor: string;
+        borderRadius: string;
+    }[];
+    followThemes: {
+        '@border-color-base': never[];
+    };
+    tpl: string;
+    components: ({
+        id: string;
+        label: string;
+        compName: string;
+        type: string;
+        compType: number;
+        compLib: string;
+        props: {
+            name: string;
+            pagination: boolean;
+            status: string;
+            rowKeyType: string;
+            bordered: string;
+            pageSize: number;
+            pageNum: number;
+            pagingStyle: string;
+            rowLines: number;
+            columns: {
+                title: string;
+                dataIndex: string;
+                width: number;
+            }[];
+            dataSource: {
+                name: string;
+                sex: string;
+                age: string;
+                jg: string;
+                sf: string;
+                dz: string;
+            }[];
+            dataSourceLoading: boolean;
+            showHead: boolean;
+            tableTitle: string;
+            twoDimension?: undefined;
+        };
+        style: {
+            width: string;
+            height: string;
+            borderRadius: string;
+        };
+        isContainer: boolean;
+        isBusiObjContainer: boolean;
+        cmdgroup: string[];
+        platform: string;
+        setEvents: never[];
+        icon: string;
+        description: string;
+        groupsName: string;
+        engineApi: never[];
+        isLabelDropBoxChild: boolean;
+        components: never[];
+        path: string[];
+    } | {
+        id: string;
+        label: string;
+        compName: string;
+        type: string;
+        compType: number;
+        compLib: string;
+        props: {
+            name: string;
+            pagination: boolean;
+            status: string;
+            rowKeyType: string;
+            bordered: string;
+            pageSize: number;
+            pageNum: number;
+            pagingStyle: string;
+            rowLines: number;
+            columns: {
+                title: string;
+                dataIndex: string;
+                width: number;
+            }[];
+            dataSource: {
+                name: string;
+                sex: string;
+                age: string;
+                jg: string;
+                sf: string;
+                dz: string;
+            }[];
+            dataSourceLoading: boolean;
+            twoDimension: boolean;
+            showHead: boolean;
+            tableTitle: string;
+        };
+        style: {
+            width: string;
+            height: string;
+            borderRadius: string;
+        };
+        isContainer: boolean;
+        isBusiObjContainer: boolean;
+        cmdgroup: string[];
+        platform: string;
+        setEvents: never[];
+        icon: string;
+        description: string;
+        groupsName: string;
+        engineApi: never[];
+        isLabelDropBoxChild: boolean;
+        components: never[];
+        path: string[];
+    })[];
+};