@lingxiteam/theme-utils 0.5.3 → 0.5.5

package/dist/h5config/Table.js

@@ -0,0 +1,589 @@
+export var DynamicTable = {
+  type: 'DynamicTable',
+  hasPrefixClass: true,
+  variable: {
+    headBgColor: {
+      type: 'color',
+      label: '表头填充颜色',
+      groupsName: '背景'
+    },
+    bodyBgColor: {
+      type: 'color',
+      label: '内容填充颜色',
+      groupsName: '背景'
+    },
+    zebraBgColor: {
+      type: 'color',
+      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'
+      }]
+    },
+    headTextColor: {
+      type: 'color',
+      label: '文本颜色',
+      groupsName: '表头行'
+    },
+    headFontSize: {
+      type: 'px',
+      label: '文本尺寸',
+      groupsName: '表头行'
+    },
+    contentTextColor: {
+      type: 'color',
+      label: '文本颜色',
+      groupsName: '内容行'
+    },
+    contentFontSize: {
+      type: 'px',
+      label: '文本尺寸',
+      groupsName: '内容行'
+    },
+    borderRadius: {
+      type: 'px',
+      label: '圆角',
+      groupsName: '边框'
+    },
+    borderColor: {
+      type: 'color',
+      label: '颜色',
+      groupsName: '边框',
+      followTheme: '@border-color-base'
+    }
+    // TODO:
+    // fTextColor: {
+    //   type: 'color',
+    //   label: '首列文本颜色',
+    //   groupsName: '二维表格',
+    // },
+    // fFontSize: {
+    //   type: 'px',
+    //   label: '首列文本尺寸',
+    //   groupsName: '二维表格',
+    // },
+    // fFontWeight: {
+    //   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' },
+    //   ],
+    // },
+    // fHeadBgColor: {
+    //   type: 'color',
+    //   label: '首列背景颜色',
+    //   groupsName: '二维表格',
+    // },
+  },
+
+  groupsName: '高级',
+  icon: 'icon-ico-comp-table',
+  title: '表格',
+  defaultValue: [{
+    textColor: '#1C242E',
+    fontSize: '15px',
+    fontWeight: '500',
+    headTextColor: 'rgba(28, 36, 46, 0.55)',
+    headFontSize: '12px',
+    contentTextColor: '#000',
+    contentFontSize: '14px',
+    headBgColor: '#FAFAFA',
+    bodyBgColor: '#FFF',
+    zebraBgColor: '#FAFAFA',
+    borderColor: '#EFEFEF',
+    borderRadius: '2px'
+    // fTextColor: 'rgba(28, 36, 46, 0.55)',
+    // fFontSize: '12px',
+    // fFontWeight: '400',
+    // fHeadBgColor: '#FAFAFA',
+  }],
+
+  followThemes: {
+    '@border-color-base': []
+  },
+  tpl: ".appDynamicTable {\n    border-radius: borderRadius;\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    [class*=ag-theme-] {\n      --ag-foreground-color: contentTextColor;\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-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      --ag-font-size: contentFontSize;\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{
+  //       --dynamic-table-header-bg-color: headBgColor;
+  //       --dynamic-table-header-color: textColor;
+  //       --ag-odd-row-background-color: bodyBgColor;
+  //     }
+  //     .ag-header-row{
+  //       font-weight: fontWeight;
+  //       font-size: fontSize;
+  //     }
+  //     .ag-root-wrapper{
+  //       border-radius: borderRadius;
+  //     }
+  //     .ag-theme-segmentation{
+  //       .ag-row{
+  //         border-bottom-color: borderColor;
+  //       }
+  //     }
+  //     .ag-theme-zebra{
+  //       .ag-row-odd{
+  //         background-color: zebraBgColor
+  //       }
+  //     }
+  //     .ag-theme-border{
+  //       .ag-root-wrapper{
+  //         border-color: borderColor;
+  //       }
+  //       .ag-header{
+  //         border-bottom-color: borderColor;
+  //       }
+  //       .ag-header-cell{
+  //         border-right-color: borderColor;
+  //       }
+  //       .ag-row{
+  //         border-color: borderColor;
+  //       }
+  //       .ag-ltr .ag-cell{
+  //         border-right-color: borderColor;
+  //       }
+  //     }
+  //   }
+  // `,
+  components: [{
+    id: 'DynamicTable_4420557',
+    label: '表格',
+    compName: 'DynamicTable',
+    type: 'DynamicTable',
+    compType: 5,
+    compLib: '@/components',
+    props: {
+      name: '表格',
+      pagination: false,
+      status: '1',
+      rowKeyType: 'auto',
+      bordered: 'segmentation',
+      pageSize: 10,
+      pageNum: 1,
+      pagingStyle: 'basic',
+      rowLines: 5,
+      columns: [{
+        title: '姓名',
+        dataIndex: 'name',
+        width: 60
+      }, {
+        title: '进度',
+        dataIndex: 'sf',
+        width: 100
+      }, {
+        title: '性别',
+        dataIndex: 'sex',
+        width: 60
+      }, {
+        title: '年龄',
+        dataIndex: 'age',
+        width: 50
+      }, {
+        title: '籍贯',
+        dataIndex: 'jg',
+        width: 70
+      }, {
+        title: '地址',
+        dataIndex: 'dz',
+        width: 150
+      }],
+      dataSource: [{
+        name: '张三名字很长很长很长很长',
+        sex: '男',
+        age: '100',
+        jg: '中国',
+        sf: '0',
+        dz: '杭州市古墩路1号'
+      }, {
+        name: '李四',
+        sex: 'F',
+        age: '5',
+        jg: '中国',
+        sf: '50%',
+        dz: '杭州市古墩路12号'
+      }, {
+        name: '王五',
+        sex: 'F',
+        age: '20',
+        jg: '中国',
+        sf: '浙江',
+        dz: '杭州市古墩路31号'
+      }, {
+        name: '王五',
+        sex: 'F',
+        age: '26',
+        jg: '中国',
+        sf: '0.3',
+        dz: '杭州市古墩路111号'
+      }, {
+        name: '王五',
+        sex: 'F',
+        age: '35',
+        jg: '中国',
+        sf: '0.2',
+        dz: '杭州市古墩路12号'
+      }],
+      dataSourceLoading: false,
+      showHead: true,
+      tableTitle: '分割线表格'
+    },
+    style: {
+      // leftTitleColor: '#1C242E',
+      width: '100%',
+      height: '300px',
+      borderRadius: '8px 8px 8px 8px'
+    },
+    isContainer: false,
+    isBusiObjContainer: false,
+    cmdgroup: ['basic'],
+    platform: 'h5',
+    setEvents: [],
+    icon: 'DynamicTable',
+    description: '',
+    groupsName: '高级',
+    engineApi: [],
+    isLabelDropBoxChild: false,
+    components: [],
+    path: ['454426', 'View_454426_1']
+  }, {
+    id: 'DynamicTable_212445',
+    label: '表格',
+    compName: 'DynamicTable',
+    type: 'DynamicTable',
+    compType: 5,
+    compLib: '@/components',
+    props: {
+      name: '表格',
+      pagination: false,
+      status: '1',
+      rowKeyType: 'auto',
+      bordered: 'segmentation',
+      pageSize: 10,
+      pageNum: 1,
+      pagingStyle: 'basic',
+      rowLines: 5,
+      columns: [{
+        title: '姓名',
+        dataIndex: 'name',
+        width: 60
+      }, {
+        title: '进度',
+        dataIndex: 'sf',
+        width: 100
+      }, {
+        title: '性别',
+        dataIndex: 'sex',
+        width: 60
+      }, {
+        title: '年龄',
+        dataIndex: 'age',
+        width: 50
+      }, {
+        title: '籍贯',
+        dataIndex: 'jg',
+        width: 70
+      }, {
+        title: '地址',
+        dataIndex: 'dz',
+        width: 150
+      }],
+      dataSource: [{
+        name: '张三名字很长很长很长很长',
+        sex: '男',
+        age: '100',
+        jg: '中国',
+        sf: '0',
+        dz: '杭州市古墩路1号'
+      }, {
+        name: '李四',
+        sex: 'F',
+        age: '5',
+        jg: '中国',
+        sf: '50%',
+        dz: '杭州市古墩路12号'
+      }, {
+        name: '王五',
+        sex: 'F',
+        age: '20',
+        jg: '中国',
+        sf: '浙江',
+        dz: '杭州市古墩路31号'
+      }, {
+        name: '王五',
+        sex: 'F',
+        age: '26',
+        jg: '中国',
+        sf: '0.3',
+        dz: '杭州市古墩路111号'
+      }, {
+        name: '王五',
+        sex: 'F',
+        age: '35',
+        jg: '中国',
+        sf: '0.2',
+        dz: '杭州市古墩路12号'
+      }],
+      dataSourceLoading: false,
+      twoDimension: true,
+      showHead: true,
+      tableTitle: '二维表格'
+    },
+    style: {
+      // leftTitleColor: '#1C242E',
+      width: '100%',
+      height: '300px',
+      borderRadius: '8px 8px 8px 8px'
+    },
+    isContainer: false,
+    isBusiObjContainer: false,
+    cmdgroup: ['basic'],
+    platform: 'h5',
+    setEvents: [],
+    icon: 'DynamicTable',
+    description: '',
+    groupsName: '高级',
+    engineApi: [],
+    isLabelDropBoxChild: false,
+    components: [],
+    path: ['454426', 'View_454426_1']
+  }, {
+    id: 'DynamicTable_174559',
+    label: '表格',
+    compName: 'DynamicTable',
+    type: 'DynamicTable',
+    compType: 5,
+    compLib: '@/components',
+    props: {
+      name: '表格',
+      pagination: false,
+      status: '1',
+      rowKeyType: 'auto',
+      bordered: 'zebra',
+      pageSize: 10,
+      pageNum: 1,
+      pagingStyle: 'basic',
+      rowLines: 5,
+      columns: [{
+        title: '姓名',
+        dataIndex: 'name',
+        width: 60
+      }, {
+        title: '进度',
+        dataIndex: 'sf',
+        width: 100
+      }, {
+        title: '性别',
+        dataIndex: 'sex',
+        width: 60
+      }, {
+        title: '年龄',
+        dataIndex: 'age',
+        width: 50
+      }, {
+        title: '籍贯',
+        dataIndex: 'jg',
+        width: 70
+      }, {
+        title: '地址',
+        dataIndex: 'dz',
+        width: 150
+      }],
+      dataSource: [{
+        name: '张三名字很长很长很长很长',
+        sex: '男',
+        age: '100',
+        jg: '中国',
+        sf: '0',
+        dz: '杭州市古墩路1号'
+      }, {
+        name: '李四',
+        sex: 'F',
+        age: '5',
+        jg: '中国',
+        sf: '50%',
+        dz: '杭州市古墩路12号'
+      }, {
+        name: '王五',
+        sex: 'F',
+        age: '20',
+        jg: '中国',
+        sf: '浙江',
+        dz: '杭州市古墩路31号'
+      }, {
+        name: '王五',
+        sex: 'F',
+        age: '26',
+        jg: '中国',
+        sf: '0.3',
+        dz: '杭州市古墩路111号'
+      }, {
+        name: '王五',
+        sex: 'F',
+        age: '35',
+        jg: '中国',
+        sf: '0.2',
+        dz: '杭州市古墩路12号'
+      }],
+      dataSourceLoading: false,
+      showHead: true,
+      tableTitle: '斑马纹表格'
+    },
+    style: {
+      // leftTitleColor: '#1C242E',
+      width: '100%',
+      height: '300px',
+      borderRadius: '8px 8px 8px 8px'
+    },
+    isContainer: false,
+    isBusiObjContainer: false,
+    cmdgroup: ['basic'],
+    platform: 'h5',
+    setEvents: [],
+    icon: 'DynamicTable',
+    description: '',
+    groupsName: '高级',
+    engineApi: [],
+    isLabelDropBoxChild: false,
+    components: [],
+    path: ['454426', 'View_454426_1']
+  }, {
+    id: 'DynamicTable_468977',
+    label: '表格',
+    compName: 'DynamicTable',
+    type: 'DynamicTable',
+    compType: 5,
+    compLib: '@/components',
+    props: {
+      name: '表格',
+      pagination: false,
+      status: '1',
+      rowKeyType: 'auto',
+      bordered: 'border',
+      pageSize: 10,
+      pageNum: 1,
+      pagingStyle: 'basic',
+      rowLines: 5,
+      columns: [{
+        title: '姓名',
+        dataIndex: 'name',
+        width: 60
+      }, {
+        title: '进度',
+        dataIndex: 'sf',
+        width: 100
+      }, {
+        title: '性别',
+        dataIndex: 'sex',
+        width: 60
+      }, {
+        title: '年龄',
+        dataIndex: 'age',
+        width: 50
+      }, {
+        title: '籍贯',
+        dataIndex: 'jg',
+        width: 70
+      }, {
+        title: '地址',
+        dataIndex: 'dz',
+        width: 150
+      }],
+      dataSource: [{
+        name: '张三名字很长很长很长很长',
+        sex: '男',
+        age: '100',
+        jg: '中国',
+        sf: '0',
+        dz: '杭州市古墩路1号'
+      }, {
+        name: '李四',
+        sex: 'F',
+        age: '5',
+        jg: '中国',
+        sf: '50%',
+        dz: '杭州市古墩路12号'
+      }, {
+        name: '王五',
+        sex: 'F',
+        age: '20',
+        jg: '中国',
+        sf: '浙江',
+        dz: '杭州市古墩路31号'
+      }, {
+        name: '王五',
+        sex: 'F',
+        age: '26',
+        jg: '中国',
+        sf: '0.3',
+        dz: '杭州市古墩路111号'
+      }, {
+        name: '王五',
+        sex: 'F',
+        age: '35',
+        jg: '中国',
+        sf: '0.2',
+        dz: '杭州市古墩路12号'
+      }],
+      dataSourceLoading: false,
+      showHead: true,
+      tableTitle: '边框线表格'
+    },
+    style: {
+      // leftTitleColor: '#1C242E',
+      width: '100%',
+      height: '300px',
+      borderRadius: '8px 8px 8px 8px'
+    },
+    isContainer: false,
+    isBusiObjContainer: false,
+    cmdgroup: ['basic'],
+    platform: 'h5',
+    setEvents: [],
+    icon: 'DynamicTable',
+    description: '',
+    groupsName: '高级',
+    engineApi: [],
+    isLabelDropBoxChild: false,
+    components: [],
+    path: ['454426', 'View_454426_1']
+  }]
+};

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export * from './css';
+export * from './utils';
+export * from './lx';
+export * from './lx-mobile';

package/dist/index.js

@@ -0,0 +1,4 @@
+export * from "./css";
+export * from "./utils";
+export * from "./lx";
+export * from "./lx-mobile";

package/dist/lx-mobile.d.ts

@@ -0,0 +1,23 @@
+export declare const THEME_KEYS_MOBILE_TITLE: {
+    '@brand-primary': string;
+    '@border-color-base': string;
+    '@font-size-base': string;
+    '@color-text-base': string;
+    '@color-text-placeholder': string;
+    '@font-size-heading': string;
+    '@button-font-size': string;
+    '@fill-base': string;
+    '@brand-primary-tap': string;
+    '@color-link': string;
+};
+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;
+export declare function rem2px(rem: string): string;
+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;