@lingxiteam/theme-utils 0.5.3 → 0.5.5

package/dist/config/Table.js

@@ -0,0 +1,560 @@
+export var Table = {
+  type: 'Table',
+  hasPrefixClass: true,
+  variable: {
+    headBgColor: {
+      type: 'color',
+      label: '表头填充颜色',
+      groupsName: '背景'
+    },
+    bodyBgColor: {
+      type: 'color',
+      label: '内容填充颜色',
+      groupsName: '背景'
+    },
+    zebraBgColor: {
+      type: 'color',
+      label: '斑马纹填充颜色',
+      groupsName: '背景'
+    },
+    textColor: {
+      type: 'color',
+      label: '标题颜色',
+      groupsName: '标题',
+      desc: '继承自容器，此处不可编辑',
+      canEdit: false,
+      extendsKey: 'Container'
+    },
+    fontSize: {
+      type: 'px',
+      label: '标题尺寸',
+      groupsName: '标题',
+      desc: '继承自容器，此处不可编辑',
+      canEdit: false,
+      extendsKey: 'Container'
+    },
+    lineHeight: {
+      type: 'px',
+      label: '标题行高',
+      groupsName: '标题',
+      desc: '继承自容器，此处不可编辑',
+      canEdit: false,
+      extendsKey: 'Container'
+    },
+    fontWeight: {
+      type: 'select',
+      label: '标题字重',
+      groupsName: '标题',
+      desc: '继承自容器，此处不可编辑',
+      canEdit: false,
+      extendsKey: 'Container',
+      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'
+      }]
+    },
+    // 基础表格
+    tbFontSize: {
+      type: 'px',
+      label: '文本尺寸',
+      groupsName: '文字',
+      followTheme: '@font-size-base'
+    },
+    // headLineSize: {
+    //   type: 'px',
+    //   label: '下分割线尺寸',
+    //   groupsName: '表头',
+    // },
+    // headLineColor: {
+    //   type: 'color',
+    //   label: '下分割线颜色',
+    //   groupsName: '表头',
+    // },
+    headTextColor: {
+      type: 'color',
+      label: '文本颜色',
+      followTheme: '@text-color',
+      groupsName: '表头行'
+    },
+    headFontWeight: {
+      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'
+      }]
+    },
+    headTextAlign: {
+      type: 'select',
+      label: '对齐方式',
+      groupsName: '表头行',
+      options: [{
+        title: '左',
+        value: 'left'
+      }, {
+        title: '中',
+        value: 'center'
+      }, {
+        title: '右',
+        value: 'right'
+      }]
+    },
+    bodyTextColor: {
+      type: 'color',
+      label: '文本颜色',
+      groupsName: '内容行',
+      followTheme: '@text-color'
+    },
+    bodyFontWeight: {
+      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'
+      }]
+    },
+    bodyTextAlign: {
+      type: 'select',
+      label: '对齐方式',
+      groupsName: '内容行',
+      options: [{
+        title: '左',
+        value: 'left'
+      }, {
+        title: '中',
+        value: 'center'
+      }, {
+        title: '右',
+        value: 'right'
+      }]
+    },
+    headPadding: {
+      type: 'marginInput',
+      label: '表头内边距',
+      groupsName: '布局'
+    },
+    bodyPadding: {
+      type: 'marginInput',
+      label: '内容内边距',
+      groupsName: '布局'
+    },
+    tbBorderRadius: {
+      type: 'px',
+      label: '圆角',
+      groupsName: '边框',
+      followTheme: '@border-radius-base'
+    },
+    tbBorderColor: {
+      type: 'color',
+      label: '分割线颜色',
+      groupsName: '边框',
+      followTheme: '@border-color-base',
+      desc: '边框线类型为表格时，四周边框以及竖分割线将同步生效'
+    },
+    selectPaginationColor: {
+      type: 'color',
+      label: '分页选中填充颜色',
+      groupsName: '其他',
+      followTheme: '@primary-color'
+    },
+    selectPaginationRadius: {
+      type: 'px',
+      label: '分页边框圆角',
+      groupsName: '其他',
+      followTheme: '@border-radius-base'
+    },
+    selectPaginationBorder: {
+      type: 'color',
+      label: '分页边框颜色',
+      groupsName: '其他',
+      followTheme: '@primary-color'
+    }
+  },
+  groupsName: '数据展示',
+  icon: 'icon-ico-comp-table',
+  title: '表格',
+  defaultValue: [{
+    selectPaginationColor: '#47e',
+    selectPaginationRadius: '2px',
+    selectPaginationBorder: '#47e',
+    tbFontSize: '14px',
+    tbBorderColor: '#f0f0f0',
+    tbBorderRadius: '2px',
+    headBgColor: '#F5F8FA',
+    headPadding: '10px 8px 10px 8px',
+    // headLineSize: '1px',
+    // headLineColor: '#f0f0f0',
+    headFontWeight: '400',
+    headTextColor: '#1c242e',
+    headTextAlign: 'left',
+    bodyBgColor: '#fff',
+    bodyPadding: '10px 8px 10px 8px',
+    bodyFontWeight: '400',
+    bodyTextColor: '#1c242e',
+    bodyTextAlign: 'left',
+    zebraBgColor: '#fbfbfb'
+  }],
+  followThemes: {
+    '@primary-color': ['selectPaginationColor', 'selectPaginationBorder'],
+    '@font-size-base': ['tbFontSize'],
+    '@text-color': [],
+    '@border-radius-base': [],
+    '@border-color-base': []
+  },
+  tpl: ".ued-table-wrap {\n    .ued-control-line-number{\n      line-height: tbFontSize !important;\n      max-height: tbFontSize !important;\n    }\n   .pcfactory-table{\n      font-size: tbFontSize;\n    }\n    .pcfactory-table-tbody{\n      background: bodyBgColor;\n    }\n   .ued-table .pcfactory-table table {\n      border-radius: tbBorderRadius;\n      border-color: tbBorderColor;\n    }\n  .ued-table .pcfactory-table-thead > tr:first-child > th:first-child{\n      border-top-left-radius: tbBorderRadius;\n  }\n  .ued-table .pcfactory-table-thead > tr:first-child > th:last-child{\n      border-top-right-radius: tbBorderRadius;\n  }\n  .ued-table .pcfactory-table table .pcfactory-table-thead th {\n    background: headBgColor;\n    padding: headPadding;\n    color: headTextColor;\n    font-weight: headFontWeight;\n  }\n  .ued-table .pcfactory-table table .pcfactory-table-thead th:not(.pcfactory-table-selection-column) {\n    text-align: headTextAlign;\n  }\n  .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-body>table>tbody>tr>td{\n    border-color: tbBorderColor;\n  }\n   .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-body>table>tfoot>tr>td{\n    border-color: tbBorderColor;\n  }\n   .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-body>table>tfoot>tr>th{\n    border-color: tbBorderColor;\n  }\n    .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-content>table>tbody>tr>td{\n      border-color: tbBorderColor;\n    }\n     .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-content>table>tfoot>tr>td{\n      border-color: tbBorderColor;\n    }\n     .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-content>table>tfoot>tr>th{\n      border-color: tbBorderColor;\n    }\n     .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-content>table>thead>tr>th{\n      border-color: tbBorderColor;\n    }\n     .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-header>table>tbody>tr>td{\n      border-color: tbBorderColor;\n    }\n     .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-header>table>tfoot>tr>td{\n      border-color: tbBorderColor;\n    }\n     .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-header>table>tfoot>tr>th{\n      border-color: tbBorderColor;\n    }\n     .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-header>table>thead>tr>th{\n      border-color: tbBorderColor;\n    }\n     .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-summary>table>tbody>tr>td{\n      border-color: tbBorderColor;\n    }\n     .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-summary>table>tfoot>tr>td{\n      border-color: tbBorderColor;\n    }\n     .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-summary>table>tfoot>tr>th{\n      border-color: tbBorderColor;\n    }\n     .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-summary>table>thead>tr>th{\n    border-color: tbBorderColor;\n  }\n  .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-content>table>thead>tr>th{\n    border-color: tbBorderColor;\n  }\n  .ued-table-filters .ued-table .pcfactory-table-thead>tr>th{\n    border-color: tbBorderColor;\n  }\n  .ued-table .pcfactory-table-thead>tr>th{\n    border-color: tbBorderColor;\n  }\n  .ued-table-filters .ued-table .pcfactory-table-tbody>tr>td{\n    border-color: tbBorderColor;\n    padding: bodyPadding;\n    color: bodyTextColor;\n    font-weight: bodyFontWeight;\n  }\n  .ued-table-filters .ued-table .pcfactory-table-tbody>tr>td:not(.pcfactory-table-selection-column){\n    text-align: bodyTextAlign;\n  }\n  .ued-table .pcfactory-table-tbody>tr>td{\n    border-color: tbBorderColor;\n    padding: bodyPadding;\n    color: bodyTextColor;\n    font-weight: bodyFontWeight;\n  }\n  .ued-table .pcfactory-table-tbody>tr>td:not(.pcfactory-table-selection-column){\n    text-align: bodyTextAlign;\n  }\n  .ued-table-filters .ued-table .pcfactory-table-bordered{\n    border-color: tbBorderColor;\n  }\n   .ued-table .pcfactory-table-bordered{\n    border-color: tbBorderColor;\n    border-radius: tbBorderRadius;\n  }\n  .ued-table-filters .ued-table-page .pcfactory-pagination-item-active{\n    background: selectPaginationColor;\n  }\n  .ued-table-page .pcfactory-pagination-item-active{\n    background: selectPaginationColor;\n    border-style: solid;\n    border-width: 1px;\n  }\n  .ued-table-page .pcfactory-pagination-item{\n    border-radius: selectPaginationRadius;\n    border-color: selectPaginationBorder;\n  }\n  .ued-table-page .pcfactory-pagination-item-link{\n    border-radius: selectPaginationRadius;\n    border-color: selectPaginationBorder;\n  }\n  .ued-table-page .pcfactory-pagination-options .pcfactory-select .pcfactory-select-selector{\n    border-radius: selectPaginationRadius;\n    border-color: selectPaginationBorder;\n  }\n  .ued-table-page .pcfactory-pagination-options .pcfactory-pagination-options-quick-jumper input{\n    border-radius: selectPaginationRadius;\n    border-color: selectPaginationBorder;\n  }\n  .ued-table-filters .ued-table-zebra-stripe .pcfactory-table-row:nth-child(2n){\n    background: zebraBgColor;\n  }\n  .ued-table-zebra-stripe .pcfactory-table-row:nth-child(2n){\n    background: zebraBgColor;\n  }\n}",
+  components: [{
+    id: 'Table_2740384',
+    label: '表格',
+    compName: 'Table',
+    type: 'Table',
+    compType: 3,
+    compLib: 'comm',
+    props: {
+      name: '表格',
+      isFlexColumn: false,
+      extendNum: 3,
+      adjustModel: 'auto',
+      pageSize: 5,
+      current: 1,
+      tableTitle: '分割线表格',
+      headBtnNum: 3,
+      showCustom: {
+        iconPosition: 'left',
+        customTitle: '自定义列',
+        customStyle: 'default',
+        hasCustom: false
+      },
+      columns: [{
+        title: '商品名称',
+        dataIndex: 'name',
+        key: 'column1',
+        className: '',
+        id: '119445'
+      }, {
+        title: '编码',
+        dataIndex: 'code',
+        key: 'column2',
+        className: 'divider',
+        id: '241842'
+      }, {
+        title: '状态',
+        dataIndex: 'statusText',
+        key: 'column3',
+        className: 'divider',
+        id: '299707'
+      }, {
+        title: '销售金额(元)',
+        dataIndex: 'sales',
+        key: 'column4',
+        className: 'divider',
+        id: '7973874'
+      }],
+      page: true,
+      rowKeyType: 'specified',
+      editMode: 'single',
+      bordered: false,
+      size: 'default',
+      fixedAction: false,
+      rowSelection: 'checkbox',
+      showHead: true,
+      showTotal: true,
+      showSizeChanger: true,
+      showQuickJumper: true,
+      pageSizeOptions: '[5,10,20]',
+      customNum: 3,
+      rowKey: 'id',
+      rowActions: [],
+      extend: [],
+      dataSource: "$[{\t'id': 1,\t'name': '王女士-月嫂服务订单',\t'code': '24475411512',\t'statusText': '服务成功',\t'status': 'success',\t'sales': '18779.70'}, {\t'id': 2,\t'name': '李女士-开荒保洁套餐',\t'code': '4443503045',\t'statusText': '服务延期',\t'status': 'warning',\t'sales': '1452.79'}, {\t'id': 3,\t'name': '陈先生-油烟机清洗服务',\t'code': '4443503045',\t'statusText': '服务终止',\t'status': 'fail',\t'sales': '142.86'}, {\t'id': 4,\t'name': '陈先生-窗户保洁服务',\t'code': '4443503045',\t'statusText': '待服务',\t'status': 'normal',\t'sales': '560.00'}, {\t'id': 5,\t'name': '秦女士-月嫂服务订单',\t'code': '4443503045',\t'statusText': '服务终止',\t'status': 'fail',\t'sales': '16779.70'}, {\t'id': 6,\t'name': '王先生-油烟机安装服务',\t'code': '4443503045',\t'statusText': '订单取消',\t'status': 'waiting',\t'sales': ''}, ]$",
+      basicStatus: 1,
+      headExtends: []
+    },
+    style: {
+      margin: '0px 0px 0px 0px'
+    },
+    isContainer: false,
+    isBusiObjContainer: true,
+    cmdgroup: ['basic'],
+    platform: 'pc',
+    icon: 'Table',
+    description: '',
+    image: '',
+    groupsName: '数据展示',
+    setEvents: [],
+    isLabelDropBoxChild: false,
+    functors: {
+      dataSource: {
+        title: "$[{\t'id': 1,\t'name': '王女士-月嫂服务订单',\t'code': '24475411512',\t'statusText': '服务成功',\t'status': 'success',\t'sales': '18779.70'}, {\t'id': 2,\t'name': '李女士-开荒保洁套餐',\t'code': '4443503045',\t'statusText': '服务延期',\t'status': 'warning',\t'sales': '1452.79'}, {\t'id': 3,\t'name': '陈先生-油烟机清洗服务',\t'code': '4443503045',\t'statusText': '服务终止',\t'status': 'fail',\t'sales': '142.86'}, {\t'id': 4,\t'name': '陈先生-窗户保洁服务',\t'code': '4443503045',\t'statusText': '待服务',\t'status': 'normal',\t'sales': '560.00'}, {\t'id': 5,\t'name': '秦女士-月嫂服务订单',\t'code': '4443503045',\t'statusText': '服务终止',\t'status': 'fail',\t'sales': '16779.70'}, {\t'id': 6,\t'name': '王先生-油烟机安装服务',\t'code': '4443503045',\t'statusText': '订单取消',\t'status': 'waiting',\t'sales': ''}, ]$",
+        value: "$[{  'id': 1,  'name': '王女士-月嫂服务订单',  'code': '24475411512',  'statusText': '服务成功',  'status': 'success',  'sales': '18779.70'}, {  'id': 2,  'name': '李女士-开荒保洁套餐',  'code': '4443503045',  'statusText': '服务延期',  'status': 'warning',  'sales': '1452.79'}, {  'id': 3,  'name': '陈先生-油烟机清洗服务',  'code': '4443503045',  'statusText': '服务终止',  'status': 'fail',  'sales': '142.86'}, {  'id': 4,  'name': '陈先生-窗户保洁服务',  'code': '4443503045',  'statusText': '待服务',  'status': 'normal',  'sales': '560.00'}, {  'id': 5,  'name': '秦女士-月嫂服务订单',  'code': '4443503045',  'statusText': '服务终止',  'status': 'fail',  'sales': '16779.70'}, {  'id': 6,  'name': '王先生-油烟机安装服务',  'code': '4443503045',  'statusText': '订单取消',  'status': 'waiting',  'sales': ''}];$",
+        dependOtherIds: []
+      }
+    },
+    components: [],
+    path: ['3602564', 'View_3602564_1', 'Card_88389153']
+  }, {
+    id: 'Table_2740384',
+    label: '表格',
+    compName: 'Table',
+    type: 'Table',
+    compType: 3,
+    compLib: 'comm',
+    props: {
+      name: '表格',
+      isFlexColumn: false,
+      extendNum: 3,
+      adjustModel: 'auto',
+      pageSize: 5,
+      current: 1,
+      tableTitle: '斑马纹表格',
+      headBtnNum: 3,
+      showCustom: {
+        iconPosition: 'left',
+        customTitle: '自定义列',
+        customStyle: 'default',
+        hasCustom: false
+      },
+      columns: [{
+        title: '商品名称',
+        dataIndex: 'name',
+        key: 'column1',
+        className: '',
+        id: '119445'
+      }, {
+        title: '编码',
+        dataIndex: 'code',
+        key: 'column2',
+        className: 'divider',
+        id: '241842'
+      }, {
+        title: '状态',
+        dataIndex: 'statusText',
+        key: 'column3',
+        className: 'divider',
+        id: '299707'
+      }, {
+        title: '销售金额(元)',
+        dataIndex: 'sales',
+        key: 'column4',
+        className: 'divider',
+        id: '7973874'
+      }],
+      page: true,
+      rowKeyType: 'specified',
+      editMode: 'single',
+      bordered: 'zebra',
+      size: 'default',
+      fixedAction: false,
+      rowSelection: 'checkbox',
+      showHead: true,
+      showTotal: true,
+      showSizeChanger: true,
+      showQuickJumper: true,
+      pageSizeOptions: '[5,10,20]',
+      customNum: 3,
+      rowKey: 'id',
+      rowActions: [],
+      extend: [],
+      dataSource: "$[{\t'id': 1,\t'name': '王女士-月嫂服务订单',\t'code': '24475411512',\t'statusText': '服务成功',\t'status': 'success',\t'sales': '18779.70'}, {\t'id': 2,\t'name': '李女士-开荒保洁套餐',\t'code': '4443503045',\t'statusText': '服务延期',\t'status': 'warning',\t'sales': '1452.79'}, {\t'id': 3,\t'name': '陈先生-油烟机清洗服务',\t'code': '4443503045',\t'statusText': '服务终止',\t'status': 'fail',\t'sales': '142.86'}, {\t'id': 4,\t'name': '陈先生-窗户保洁服务',\t'code': '4443503045',\t'statusText': '待服务',\t'status': 'normal',\t'sales': '560.00'}, {\t'id': 5,\t'name': '秦女士-月嫂服务订单',\t'code': '4443503045',\t'statusText': '服务终止',\t'status': 'fail',\t'sales': '16779.70'}, {\t'id': 6,\t'name': '王先生-油烟机安装服务',\t'code': '4443503045',\t'statusText': '订单取消',\t'status': 'waiting',\t'sales': ''}, ]$",
+      basicStatus: 1,
+      headExtends: []
+    },
+    style: {
+      margin: '0px 0px 0px 0px'
+    },
+    isContainer: false,
+    isBusiObjContainer: true,
+    cmdgroup: ['basic'],
+    platform: 'pc',
+    icon: 'Table',
+    description: '',
+    image: '',
+    groupsName: '数据展示',
+    setEvents: [],
+    isLabelDropBoxChild: false,
+    functors: {
+      dataSource: {
+        title: "$[{\t'id': 1,\t'name': '王女士-月嫂服务订单',\t'code': '24475411512',\t'statusText': '服务成功',\t'status': 'success',\t'sales': '18779.70'}, {\t'id': 2,\t'name': '李女士-开荒保洁套餐',\t'code': '4443503045',\t'statusText': '服务延期',\t'status': 'warning',\t'sales': '1452.79'}, {\t'id': 3,\t'name': '陈先生-油烟机清洗服务',\t'code': '4443503045',\t'statusText': '服务终止',\t'status': 'fail',\t'sales': '142.86'}, {\t'id': 4,\t'name': '陈先生-窗户保洁服务',\t'code': '4443503045',\t'statusText': '待服务',\t'status': 'normal',\t'sales': '560.00'}, {\t'id': 5,\t'name': '秦女士-月嫂服务订单',\t'code': '4443503045',\t'statusText': '服务终止',\t'status': 'fail',\t'sales': '16779.70'}, {\t'id': 6,\t'name': '王先生-油烟机安装服务',\t'code': '4443503045',\t'statusText': '订单取消',\t'status': 'waiting',\t'sales': ''}, ]$",
+        value: "$[{  'id': 1,  'name': '王女士-月嫂服务订单',  'code': '24475411512',  'statusText': '服务成功',  'status': 'success',  'sales': '18779.70'}, {  'id': 2,  'name': '李女士-开荒保洁套餐',  'code': '4443503045',  'statusText': '服务延期',  'status': 'warning',  'sales': '1452.79'}, {  'id': 3,  'name': '陈先生-油烟机清洗服务',  'code': '4443503045',  'statusText': '服务终止',  'status': 'fail',  'sales': '142.86'}, {  'id': 4,  'name': '陈先生-窗户保洁服务',  'code': '4443503045',  'statusText': '待服务',  'status': 'normal',  'sales': '560.00'}, {  'id': 5,  'name': '秦女士-月嫂服务订单',  'code': '4443503045',  'statusText': '服务终止',  'status': 'fail',  'sales': '16779.70'}, {  'id': 6,  'name': '王先生-油烟机安装服务',  'code': '4443503045',  'statusText': '订单取消',  'status': 'waiting',  'sales': ''}];$",
+        dependOtherIds: []
+      }
+    },
+    components: [],
+    path: ['3602564', 'View_3602564_1', 'Card_88389153']
+  }, {
+    id: 'Table_2740384',
+    label: '表格',
+    compName: 'Table',
+    type: 'Table',
+    compType: 3,
+    compLib: 'comm',
+    props: {
+      name: '表格',
+      isFlexColumn: false,
+      extendNum: 3,
+      adjustModel: 'auto',
+      pageSize: 5,
+      current: 1,
+      tableTitle: '边框线表格',
+      headBtnNum: 3,
+      showCustom: {
+        iconPosition: 'left',
+        customTitle: '自定义列',
+        customStyle: 'default',
+        hasCustom: false
+      },
+      columns: [{
+        title: '商品名称',
+        dataIndex: 'name',
+        key: 'column1',
+        className: '',
+        id: '119445'
+      }, {
+        title: '编码',
+        dataIndex: 'code',
+        key: 'column2',
+        className: 'divider',
+        id: '241842'
+      }, {
+        title: '状态',
+        dataIndex: 'statusText',
+        key: 'column3',
+        className: 'divider',
+        id: '299707'
+      }, {
+        title: '销售金额(元)',
+        dataIndex: 'sales',
+        key: 'column4',
+        className: 'divider',
+        id: '7973874'
+      }],
+      page: true,
+      rowKeyType: 'specified',
+      editMode: 'single',
+      bordered: 'border',
+      size: 'default',
+      fixedAction: false,
+      rowSelection: 'checkbox',
+      showHead: true,
+      showTotal: true,
+      showSizeChanger: true,
+      showQuickJumper: true,
+      pageSizeOptions: '[5,10,20]',
+      customNum: 3,
+      rowKey: 'id',
+      rowActions: [],
+      extend: [],
+      dataSource: "$[{\t'id': 1,\t'name': '王女士-月嫂服务订单',\t'code': '24475411512',\t'statusText': '服务成功',\t'status': 'success',\t'sales': '18779.70'}, {\t'id': 2,\t'name': '李女士-开荒保洁套餐',\t'code': '4443503045',\t'statusText': '服务延期',\t'status': 'warning',\t'sales': '1452.79'}, {\t'id': 3,\t'name': '陈先生-油烟机清洗服务',\t'code': '4443503045',\t'statusText': '服务终止',\t'status': 'fail',\t'sales': '142.86'}, {\t'id': 4,\t'name': '陈先生-窗户保洁服务',\t'code': '4443503045',\t'statusText': '待服务',\t'status': 'normal',\t'sales': '560.00'}, {\t'id': 5,\t'name': '秦女士-月嫂服务订单',\t'code': '4443503045',\t'statusText': '服务终止',\t'status': 'fail',\t'sales': '16779.70'}, {\t'id': 6,\t'name': '王先生-油烟机安装服务',\t'code': '4443503045',\t'statusText': '订单取消',\t'status': 'waiting',\t'sales': ''}, ]$",
+      basicStatus: 1,
+      headExtends: []
+    },
+    style: {},
+    isContainer: false,
+    isBusiObjContainer: true,
+    cmdgroup: ['basic'],
+    platform: 'pc',
+    icon: 'Table',
+    description: '',
+    image: '',
+    groupsName: '数据展示',
+    setEvents: [],
+    isLabelDropBoxChild: false,
+    functors: {
+      dataSource: {
+        title: "$[{\t'id': 1,\t'name': '王女士-月嫂服务订单',\t'code': '24475411512',\t'statusText': '服务成功',\t'status': 'success',\t'sales': '18779.70'}, {\t'id': 2,\t'name': '李女士-开荒保洁套餐',\t'code': '4443503045',\t'statusText': '服务延期',\t'status': 'warning',\t'sales': '1452.79'}, {\t'id': 3,\t'name': '陈先生-油烟机清洗服务',\t'code': '4443503045',\t'statusText': '服务终止',\t'status': 'fail',\t'sales': '142.86'}, {\t'id': 4,\t'name': '陈先生-窗户保洁服务',\t'code': '4443503045',\t'statusText': '待服务',\t'status': 'normal',\t'sales': '560.00'}, {\t'id': 5,\t'name': '秦女士-月嫂服务订单',\t'code': '4443503045',\t'statusText': '服务终止',\t'status': 'fail',\t'sales': '16779.70'}, {\t'id': 6,\t'name': '王先生-油烟机安装服务',\t'code': '4443503045',\t'statusText': '订单取消',\t'status': 'waiting',\t'sales': ''}, ]$",
+        value: "$[{  'id': 1,  'name': '王女士-月嫂服务订单',  'code': '24475411512',  'statusText': '服务成功',  'status': 'success',  'sales': '18779.70'}, {  'id': 2,  'name': '李女士-开荒保洁套餐',  'code': '4443503045',  'statusText': '服务延期',  'status': 'warning',  'sales': '1452.79'}, {  'id': 3,  'name': '陈先生-油烟机清洗服务',  'code': '4443503045',  'statusText': '服务终止',  'status': 'fail',  'sales': '142.86'}, {  'id': 4,  'name': '陈先生-窗户保洁服务',  'code': '4443503045',  'statusText': '待服务',  'status': 'normal',  'sales': '560.00'}, {  'id': 5,  'name': '秦女士-月嫂服务订单',  'code': '4443503045',  'statusText': '服务终止',  'status': 'fail',  'sales': '16779.70'}, {  'id': 6,  'name': '王先生-油烟机安装服务',  'code': '4443503045',  'statusText': '订单取消',  'status': 'waiting',  'sales': ''}];$",
+        dependOtherIds: []
+      }
+    },
+    components: [],
+    path: ['3602564', 'View_3602564_1', 'Card_88389153']
+  }, {
+    id: 'View_519882',
+    label: '普通容器',
+    compName: 'View',
+    type: 'View',
+    compType: 0,
+    compLib: 'custom',
+    props: {
+      name: '普通容器1',
+      basicStatus: 1
+    },
+    style: {
+      textAlign: 'left',
+      display: 'block',
+      flexDirection: 'column',
+      padding: '0px 0px 0px 0px',
+      width: '100%',
+      backgroundColor: '#FFFFFF',
+      height: '150px'
+    },
+    isContainer: true,
+    isBusiObjContainer: false,
+    cmdgroup: ['basic'],
+    platform: 'pc',
+    icon: 'View',
+    description: '',
+    image: '',
+    groupsName: '布局',
+    engineApi: ['service.downloadFileByFileCode'],
+    setEvents: [],
+    isLabelDropBoxChild: false,
+    components: [],
+    path: ['998509']
+  }]
+};