tianheng-ui 0.0.56 → 0.0.57

package/packages/{formMaking/componentsConfig.js → FormMaking/custom/config.js}

@@ -21,7 +21,14 @@ export const basicComponents = [
       prefixIcon: "", //头部图标
       suffixIcon: "", //尾部图标
       prepend: "", //前置插槽
-      append: "" //后置插槽
+      append: "", //后置插槽
+      hidden: false,
+      hideLabel: false
+    },
+    events: {
+      onChange: "",
+      onFocus: "",
+      onBlur: ""
     }
   },
   {
@@ -33,38 +40,60 @@ export const basicComponents = [
       labelWidth: 100,
       isLabelWidth: false,
       defaultValue: "",
+      dataType: "string",
       pattern: "",
       placeholder: "",
       maxlength: -1,
       rows: 2,
-      required: false, //必填
-      disabled: false, //禁用
-      readonly: false, //只读
-      clearable: false, //清除
       showWordLimit: false,
-      prefixIcon: "",
-      suffixIcon: "",
-      minRows: 2, //最小行数
-      maxRows: 5 //最大行数
+      minRows: 2,
+      maxRows: 5,
+      required: false,
+      disabled: false,
+      readonly: false,
+      clearable: false,
+      hidden: false,
+      hideLabel: false
+    },
+    events: {
+      onChange: "",
+      onFocus: "",
+      onBlur: ""
     }
   },
   {
-    name: "计数器",
-    type: "number",
-    icon: "icon-number",
+    name: "单元格",
+    type: "cell",
+    icon: "icon-ic",
     options: {
-      width: "40%",
+      width: "100%",
+      height: "40px",
       labelWidth: 100,
       isLabelWidth: false,
-      required: false,
-      defaultValue: 0,
-      min: 1,
-      max: 2,
-      step: 1,
-      disabled: false,
-      controlsPosition: false,
-      step: 1, //递增递减步数
-      precision: 1 //精度
+      title: "标题",
+      value: "内容",
+      label: "副标题",
+      defaultValue: "",
+      customClass: "",
+      textAlign: "right",
+      hidden: false,
+      hideLabel: false
+    }
+  },
+  {
+    name: "文字",
+    type: "text",
+    icon: "icon-wenzishezhi-",
+    options: {
+      width: "100%",
+      height: "",
+      labelWidth: 100,
+      isLabelWidth: false,
+      defaultValue: "",
+      customClass: "",
+      textAlign: "left",
+      hidden: false,
+      hideLabel: false
     }
   },
   {
@@ -103,6 +132,9 @@ export const basicComponents = [
       disabled: false,
       border: false, //边框
       buttonType: false //替换成按钮
+    },
+    events: {
+      onChange: ""
     }
   },
   {
@@ -139,7 +171,12 @@ export const basicComponents = [
       border: false, //边框
       buttonType: false, //替换成按钮
       min: 0,
-      max: 0
+      max: 0,
+      hidden: false,
+      hideLabel: false
+    },
+    events: {
+      onChange: ""
     }
   },
   {
@@ -147,36 +184,29 @@ export const basicComponents = [
     type: "time",
     icon: "icon-time",
     options: {
-      width: "",
+      width: "100%",
       labelWidth: 100,
       isLabelWidth: false,
-      defaultValue: "21:19:56",
-      readonly: false,
-      disabled: false,
-      editable: true,
-      clearable: true,
+      defaultValue: "00:00:00",
       placeholder: "",
       startPlaceholder: "",
       endPlaceholder: "",
       isRange: false,
       arrowControl: true,
       format: "HH:mm:ss",
+      pickerOptions: { selectableRange: ["00:00:00", "23:59:59"] },
+      readonly: false,
+      disabled: false,
+      editable: true,
+      clearable: true,
       required: false,
-      timeType: true, //任意时间范围，时间点
-      selectRange: false, //时间点情况下的时间范围
-      selectStartTime: "", //时间点情况下的开始的时间
-      selectEndTime: "", //时间点情况下的结束的时间
-      stretTimePickerOptions: {
-        start: "08:30",
-        step: "00:15",
-        end: "18:30"
-      },
-      endTimePickerOptions: {
-        start: "08:30",
-        step: "00:15",
-        end: "18:30",
-        minTime: "08:30"
-      }
+      hidden: false,
+      hideLabel: false
+    },
+    events: {
+      onChange: "",
+      onFocus: "",
+      onBlur: ""
     }
   },
   {
@@ -184,7 +214,7 @@ export const basicComponents = [
     type: "date",
     icon: "icon-date",
     options: {
-      width: "",
+      width: "100%",
       labelWidth: 100,
       isLabelWidth: false,
       defaultValue: "",
@@ -199,35 +229,11 @@ export const basicComponents = [
       format: "yyyy-MM-dd",
       timestamp: false,
       required: false
-    }
-  },
-  {
-    name: "评分",
-    type: "rate",
-    icon: "icon-pingfen1",
-    options: {
-      labelWidth: 100,
-      isLabelWidth: false,
-      defaultValue: null,
-      max: 5,
-      disabled: false,
-      allowHalf: false,
-      required: false,
-      showText: false,
-      auxiliaryValue: ["极差", "失望", "一般", "满意", "惊喜"] //辅助文字
-    }
-  },
-  {
-    name: "颜色选择器",
-    type: "color",
-    icon: "icon-color",
-    options: {
-      labelWidth: 100,
-      isLabelWidth: false,
-      defaultValue: "",
-      disabled: false,
-      showAlpha: false,
-      required: false
+    },
+    events: {
+      onChange: "",
+      onFocus: "",
+      onBlur: ""
     }
   },
   {
@@ -235,7 +241,7 @@ export const basicComponents = [
     type: "select",
     icon: "icon-select",
     options: {
-      width: "",
+      width: "100%",
       labelWidth: 100,
       isLabelWidth: false,
       defaultValue: "",
@@ -265,7 +271,43 @@ export const basicComponents = [
         value: "value",
         label: "label"
       },
-      remoteFunc: ""
+      remoteFunc: "",
+      hidden: false,
+      hideLabel: false
+    },
+    events: {
+      onChange: "",
+      onFocus: "",
+      onBlur: ""
+    }
+  },
+  {
+    name: "颜色选择器",
+    type: "color",
+    icon: "icon-color",
+    options: {
+      labelWidth: 100,
+      isLabelWidth: false,
+      defaultValue: "",
+      predefine: [
+        "#1989FA",
+        "#67C23A",
+        "#FF976A",
+        "#EE0A24",
+        "#000000",
+        "#333333",
+        "#666666",
+        "#999999",
+        "#FFFFFF"
+      ],
+      disabled: false,
+      showAlpha: false,
+      required: false,
+      hidden: false,
+      hideLabel: false
+    },
+    events: {
+      onChange: ""
     }
   },
   {
@@ -273,15 +315,79 @@ export const basicComponents = [
     type: "switch",
     icon: "icon-switch",
     options: {
+      width: 70,
       labelWidth: 100,
       isLabelWidth: false,
       defaultValue: false,
-      required: false,
-      disabled: false,
       switchInactiveText: "",
       switchActiveText: "",
-      switchInactiveColor: "",
-      switchActiveColor: ""
+      switchInactiveColor: "#C0CCDA",
+      switchActiveColor: "#409EFF",
+      required: false,
+      disabled: false,
+      hidden: false,
+      hideLabel: false
+    },
+    events: {
+      onChange: ""
+    }
+  },
+  {
+    name: "按钮",
+    type: "button",
+    icon: "icon-ic",
+    options: {
+      customClass: "",
+      defaultValue: "Button",
+      width: "",
+      height: "",
+      labelWidth: 100,
+      isLabelWidth: false,
+      dataBind: false,
+      buttonSize: "small",
+      buttonType: "",
+      buttonPlain: false,
+      buttonRound: false,
+      buttonCircle: false,
+      buttonIcon: "",
+      textAlign: "center",
+      remoteFunc: "",
+      remoteOption: "",
+      tableColumn: false,
+      disabled: false,
+      loading: false,
+      hidden: false,
+      hideLabel: false
+    },
+    events: {
+      onClick: ""
+    },
+    rules: []
+  },
+  {
+    name: "计数器",
+    type: "number",
+    icon: "icon-number",
+    options: {
+      width: "",
+      labelWidth: 100,
+      isLabelWidth: false,
+      required: false,
+      defaultValue: 0,
+      min: 1,
+      max: 2,
+      step: 1,
+      disabled: false,
+      controlsPosition: false,
+      step: 1, //递增递减步数
+      precision: 1, //精度
+      hidden: false,
+      hideLabel: false
+    },
+    events: {
+      onChange: "",
+      onFocus: "",
+      onBlur: ""
     }
   },
   {
@@ -289,8 +395,8 @@ export const basicComponents = [
     type: "slider",
     icon: "icon-slider",
     options: {
-      width: "",
-      height: "",
+      width: "100%",
+      height: "40px",
       labelWidth: 100,
       isLabelWidth: false,
       defaultValue: 0,
@@ -304,63 +410,81 @@ export const basicComponents = [
       vertical: false,
       showTooltip: true,
       formatTooltip: 1, //格式化
-      showStops: false //间断点
+      showStops: false, //间断点
+      hidden: false,
+      hideLabel: false
+    },
+    events: {
+      onChange: ""
     }
   },
   {
-    name: "文字",
-    type: "text",
-    icon: "icon-wenzishezhi-",
+    name: "评分",
+    type: "rate",
+    icon: "icon-pingfen1",
     options: {
       labelWidth: 100,
       isLabelWidth: false,
-      hideLabel: true,
-      defaultValue: "文字内容",
-      customClass: ""
-    }
-  },
-  {
-    type: "button",
-    icon: "icon-button",
-    options: {
-      customClass: "",
+      defaultValue: 0,
+      max: 5,
       disabled: false,
-      labelWidth: 100,
-      isLabelWidth: false,
-      hideLabel: true,
+      allowHalf: false,
+      required: false,
+      showText: false,
       hidden: false,
-      dataBind: false,
-      buttonSize: "small",
-      buttonType: "",
-      buttonPlain: false,
-      buttonRound: false,
-      buttonCircle: false,
-      buttonName: "Button",
-      width: "",
-      remoteFunc: "",
-      remoteOption: "",
-      tableColumn: false
+      hideLabel: false,
+      auxiliaryValue: ["极差", "失望", "一般", "满意", "惊喜"] //辅助文字
     },
     events: {
-      onClick: ""
-    },
-    name: "按钮",
-    rules: []
-  }
-];
-
-export const advanceComponents = [
+      onChange: ""
+    }
+  },
   {
-    name: "自定义区域",
-    type: "blank",
-    icon: "icon-zidingyishuju",
+    name: "填充物",
+    type: "filler",
+    icon: "icon-ic",
     options: {
-      defaultType: "String"
+      defaultValue: "",
+      width: "100%",
+      height: "20px"
+    }
+  },
+  {
+    name: "图片",
+    type: "image",
+    icon: "icon-ic",
+    options: {
+      defaultValue:
+        "https://cube.elemecdn.com/6/94/4d3ea53c084bad6931a56d5158a48jpeg.jpeg",
+      defaultValueArr: [
+        {
+          url:
+            "https://fuss10.elemecdn.com/a/3f/3302e58f9a181d2509f3dc0fa68b0jpeg.jpeg"
+        },
+        {
+          url:
+            "https://fuss10.elemecdn.com/1/34/19aa98b1fcb2781c4fba33d850549jpeg.jpeg"
+        },
+        {
+          url:
+            "https://fuss10.elemecdn.com/0/6f/e35ff375812e6b0020b6b4e8f9583jpeg.jpeg"
+        }
+      ],
+      remote: false,
+      width: "",
+      height: "200px",
+      fit: "fill",
+      borderRadius: "",
+      displayStyle: "inline-block",
+      errorSrc: "",
+      isLoding: false,
+      hidden: false,
+      hideLabel: false
     }
   },
   {
     name: "文件",
-    type: "imgupload",
+    type: "upload",
     icon: "icon-tupian",
     options: {
       width: "",
@@ -376,7 +500,6 @@ export const advanceComponents = [
       domain: "https://tcdn.form.making.link/",
       disabled: false,
       length: 8,
-      multiple: false,
       autoUpload: false,
       isQiniu: false,
       //isDelete: false,
@@ -397,13 +520,15 @@ export const advanceComponents = [
     type: "editor",
     icon: "icon-fuwenbenkuang",
     options: {
-      width: "",
+      width: "100%",
       height: "",
       labelWidth: 100,
       isLabelWidth: false,
       defaultValue: "",
       disabled: false,
-      required: false
+      required: false,
+      hidden: false,
+      hideLabel: false
     }
   },
   {
@@ -434,40 +559,118 @@ export const advanceComponents = [
         expandTrigger: "hover",
         checkStrictly: false //选择任意一级选项
       },
-      remoteFunc: ""
+      remoteFunc: "",
+      hidden: false,
+      hideLabel: false
+    },
+    events: {
+      onChange: ""
     }
-  },
+  }
+];
+
+export const advanceComponents = [
   {
     name: "子表单",
     type: "table",
     icon: "icon-table",
     options: {
-      defaultValue: [],
+      height: "",
+      defaultValue: "",
       customClass: "",
       labelWidth: 100,
       isLabelWidth: false,
-      hideLabel: false,
-      hidden: false,
       dataBind: true,
+      validatorCheck: false,
+      validator: "",
+      paging: false,
+      pageSize: 5,
+      remoteFunc: "",
+      remoteOption: "",
+      tableColumn: false,
+      hidden: false,
+      hideLabel: false,
       disabled: false,
       required: false,
+      isAdd: true,
+      isDelete: true,
+      isSerial: true, // 显示序号
+      border: false, // 显示边框
+      stripe: false, // 是否为斑马纹
+      showHeader: true, // 是否显示表头
+      highlightCurrentRow: false // 是否高亮当前行
+    },
+    list: []
+  },
+  {
+    name: "子表单H5",
+    type: "table_h5",
+    icon: "icon-table",
+    options: {
+      defaultValue: "",
+      customClass: "",
+      labelWidth: 100,
+      isLabelWidth: false,
+      dataBind: true,
       validatorCheck: false,
       validator: "",
       paging: false,
       pageSize: 5,
+      remoteFunc: "",
+      remoteOption: "",
+      tableColumn: false,
+      hidden: false,
+      hideLabel: false,
+      disabled: false,
+      required: false,
       isAdd: true,
+      addButtonText: "新增",
       isDelete: true,
-      isSerial: true,
+      deleteButtonText: "删除",
+      deleteIndex: 0 //  可删除的最小索引
+    },
+    list: []
+  },
+  {
+    name: "标签页",
+    type: "tabs",
+    icon: "icon-tabs",
+    tabs: [
+      {
+        label: "选项1",
+        value: "tab1",
+        list: []
+      },
+      {
+        label: "选项2",
+        value: "tab2",
+        list: []
+      }
+    ],
+    options: {
+      defaultValue: "tab1",
+      type: "",
+      tabPosition: "top",
+      customClass: "",
+      hidden: false,
+      labelWidth: 100,
+      isLabelWidth: false,
+      hideLabel: true,
+      remote: false,
       remoteFunc: "",
       remoteOption: "",
       tableColumn: false
     },
-    events: {
-      onChange: "",
-      onRowAdd: "",
-      onRowRemove: ""
-    },
-    list: []
+    rules: []
+  },
+  {
+    name: "自定义区域",
+    type: "blank",
+    icon: "icon-zidingyishuju",
+    options: {
+      defaultType: "String",
+      required: false
+    }
   }
 ];
 
@@ -490,49 +693,38 @@ export const layoutComponents = [
       gutter: 0,
       justify: "start",
       align: "top",
-      // labelWidth: 100,
-      // isLabelWidth: false,
       hideLabel: true
     }
   },
   {
-    type: "tabs",
-    icon: "icon-tabs",
-    tabs: [
+    name: "浮动布局",
+    type: "alliance",
+    icon: "icon-grid-",
+    columns: [
       {
-        label: "选项1",
-        value: "tab_1",
+        span: 12,
         list: []
       },
       {
-        label: "选项2",
-        value: "tab_2",
+        span: 12,
         list: []
       }
     ],
     options: {
-      defaultValue: "tab_1",
-      type: "",
-      tabPosition: "top",
-      customClass: "",
-      hidden: false,
-      labelWidth: 100,
-      isLabelWidth: false,
-      hideLabel: true,
-      remote: false,
-      remoteFunc: "",
-      remoteOption: "",
-      tableColumn: false
-    },
-    name: "标签页",
-    rules: []
+      gutter: 0,
+      justify: "start",
+      align: "top",
+      hideLabel: true
+    }
   },
+
   {
     name: "分割线",
     type: "divider",
     icon: "icon-fengexian",
     options: {
-      height: 50,
+      width: "100%",
+      defaultValue: "",
       hidden: false,
       labelWidth: 100,
       isLabelWidth: false,
@@ -545,3 +737,27 @@ export const layoutComponents = [
     rules: []
   }
 ];
+
+export const baseConfig = {
+  ui: "element",
+  title: "",
+  width: "",
+  labelWidth: 100,
+  labelPosition: "right",
+  labelSuffix: ":",
+  size: "small",
+  disabled: false,
+  hideLabel: false,
+  eventScript: [
+    {
+      key: "mounted",
+      name: "mounted",
+      func: ""
+    },
+    {
+      key: "refresh",
+      name: "refresh",
+      func: ""
+    }
+  ]
+};