tianheng-ui 0.1.0 → 0.1.2

package/packages/FormMaking/custom/config.js

@@ -0,0 +1,762 @@
+export const basicComponents = [
+  {
+    name: "单行文本",
+    type: "input",
+    icon: "icon-input",
+    options: {
+      width: "100%",
+      labelWidth: 100,
+      isLabelWidth: false,
+      defaultValue: "",
+      dataType: "string",
+      pattern: "",
+      placeholder: "",
+      maxlength: -1, //字符长度
+      required: false, //必填
+      disabled: false, //禁用
+      readonly: false, //只读
+      clearable: false, //清除
+      showWordLimit: false, //字数统计
+      showPassword: false, //切换密码
+      prefixIcon: "", //头部图标
+      suffixIcon: "", //尾部图标
+      prepend: "", //前置插槽
+      append: "", //后置插槽
+      hidden: false,
+      hideLabel: false
+    },
+    events: {
+      onChange: "",
+      onFocus: "",
+      onBlur: ""
+    },
+    rules: []
+  },
+  {
+    name: "多行文本",
+    type: "textarea",
+    icon: "icon-diy-com-textarea",
+    options: {
+      width: "100%",
+      labelWidth: 100,
+      isLabelWidth: false,
+      defaultValue: "",
+      dataType: "string",
+      pattern: "",
+      placeholder: "",
+      maxlength: -1,
+      rows: 2,
+      showWordLimit: false,
+      minRows: 2,
+      maxRows: 5,
+      required: false,
+      disabled: false,
+      readonly: false,
+      clearable: false,
+      hidden: false,
+      hideLabel: false
+    },
+    events: {
+      onChange: "",
+      onFocus: "",
+      onBlur: ""
+    }
+  },
+  {
+    name: "单元格",
+    type: "cell",
+    icon: "icon-ic",
+    options: {
+      width: "100%",
+      height: "40px",
+      labelWidth: 100,
+      isLabelWidth: false,
+      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
+    }
+  },
+  {
+    name: "单选框组",
+    type: "radio",
+    icon: "icon-radio-active",
+    options: {
+      width: "",
+      labelWidth: 100,
+      isLabelWidth: false,
+      inline: false,
+      defaultValue: "",
+      showLabel: false,
+      options: [
+        {
+          value: "Option 1",
+          label: "Option 1"
+        },
+        {
+          value: "Option 2",
+          label: "Option 2"
+        },
+        {
+          value: "Option 3",
+          label: "Option 3"
+        }
+      ],
+      required: false,
+      props: {
+        value: "id",
+        label: "name",
+        children: "children"
+      },
+      remote: false,
+      remoteFunc: {},
+      remoteOptions: [],
+      disabled: false,
+      border: false, //边框
+      buttonType: false //替换成按钮
+    },
+    events: {
+      onChange: ""
+    }
+  },
+  {
+    name: "多选框组",
+    type: "checkbox",
+    icon: "icon-check-box",
+    options: {
+      width: "",
+      labelWidth: 100,
+      isLabelWidth: false,
+      inline: false,
+      defaultValue: [],
+      showLabel: false,
+      options: [
+        {
+          value: "Option 1"
+        },
+        {
+          value: "Option 2"
+        },
+        {
+          value: "Option 3"
+        }
+      ],
+      required: false,
+      props: {
+        value: "id",
+        label: "name",
+        children: "children"
+      },
+      remote: false,
+      remoteFunc: {},
+      remoteOptions: [],
+      disabled: false,
+      border: false, //边框
+      buttonType: false, //替换成按钮
+      min: 0,
+      max: 0,
+      hidden: false,
+      hideLabel: false
+    },
+    events: {
+      onChange: ""
+    }
+  },
+  {
+    name: "时间选择器",
+    type: "time",
+    icon: "icon-time",
+    options: {
+      width: "100%",
+      labelWidth: 100,
+      isLabelWidth: false,
+      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,
+      hidden: false,
+      hideLabel: false
+    },
+    events: {
+      onChange: "",
+      onFocus: "",
+      onBlur: ""
+    }
+  },
+  {
+    name: "日期选择器",
+    type: "date",
+    icon: "icon-date",
+    options: {
+      width: "100%",
+      labelWidth: 100,
+      isLabelWidth: false,
+      defaultValue: "",
+      readonly: false,
+      disabled: false,
+      editable: true,
+      clearable: true,
+      placeholder: "",
+      startPlaceholder: "",
+      endPlaceholder: "",
+      type: "date",
+      format: "yyyy-MM-dd",
+      timestamp: false,
+      required: false
+    },
+    events: {
+      onChange: "",
+      onFocus: "",
+      onBlur: ""
+    }
+  },
+  {
+    name: "下拉选择框",
+    type: "select",
+    icon: "icon-select",
+    options: {
+      width: "100%",
+      labelWidth: 100,
+      isLabelWidth: false,
+      defaultValue: "",
+      multiple: false,
+      disabled: false,
+      clearable: false,
+      placeholder: "",
+      required: false,
+      showLabel: false,
+      collapseTags: false,
+      allowCreate: false,
+      options: [
+        {
+          value: "Option 1"
+        },
+        {
+          value: "Option 2"
+        },
+        {
+          value: "Option 3"
+        }
+      ],
+      filterable: false,
+      props: {
+        value: "id",
+        label: "name",
+        children: "children"
+      },
+      remote: false,
+      remoteFunc: {},
+      remoteOptions: [],
+      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: ""
+    }
+  },
+  {
+    name: "开关",
+    type: "switch",
+    icon: "icon-switch",
+    options: {
+      width: 70,
+      labelWidth: 100,
+      isLabelWidth: false,
+      defaultValue: false,
+      switchInactiveText: "",
+      switchActiveText: "",
+      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",
+      tableColumn: false,
+      remote: 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: ""
+    }
+  },
+  {
+    name: "滑块",
+    type: "slider",
+    icon: "icon-slider",
+    options: {
+      width: "100%",
+      height: "40px",
+      labelWidth: 100,
+      isLabelWidth: false,
+      defaultValue: 0,
+      disabled: false,
+      required: false,
+      min: 0,
+      max: 100,
+      step: 1,
+      showInput: false,
+      range: false,
+      vertical: false,
+      showTooltip: true,
+      formatTooltip: 1, //格式化
+      showStops: false, //间断点
+      hidden: false,
+      hideLabel: false
+    },
+    events: {
+      onChange: ""
+    }
+  },
+  {
+    name: "评分",
+    type: "rate",
+    icon: "icon-pingfen1",
+    options: {
+      labelWidth: 100,
+      isLabelWidth: false,
+      defaultValue: 0,
+      max: 5,
+      disabled: false,
+      allowHalf: false,
+      required: false,
+      showText: false,
+      hidden: false,
+      hideLabel: false,
+      auxiliaryValue: ["极差", "失望", "一般", "满意", "惊喜"] //辅助文字
+    },
+    events: {
+      onChange: ""
+    }
+  },
+  {
+    name: "图片",
+    type: "image",
+    icon: "icon-ic",
+    options: {
+      defaultValue: [
+        {
+          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"
+        }
+      ],
+      width: "",
+      height: "200px",
+      fit: "fill",
+      borderRadius: "",
+      displayStyle: "inline-block",
+      errorSrc: "",
+      isLoding: false,
+      hidden: false,
+      hideLabel: false,
+      isLazy: true
+    }
+  },
+  {
+    name: "文件",
+    type: "upload",
+    icon: "icon-tupian",
+    options: {
+      width: "",
+      labelWidth: 100,
+      isLabelWidth: false,
+      defaultValue: [],
+      size: {
+        width: 100,
+        height: 100
+      },
+      tokenFunc: "funcGetToken",
+      token: "",
+      domain: "https://tcdn.form.making.link/",
+      disabled: false,
+      length: 8,
+      autoUpload: false,
+      isQiniu: false,
+      //isDelete: false,
+      min: 0,
+      //isEdit: false,
+      remote: false,
+      remoteFunc: {},
+      action: "https://jsonplaceholder.typicode.com/posts/",
+      disabled: false,
+      required: false,
+      multiple: false,
+      elUploadTip: "",
+      listType: "default", //展示方式
+      drag: false //拖拽上传
+    }
+  },
+  {
+    name: "编辑器",
+    type: "editor",
+    icon: "icon-fuwenbenkuang",
+    options: {
+      width: "100%",
+      height: "",
+      labelWidth: 100,
+      isLabelWidth: false,
+      defaultValue: "",
+      disabled: false,
+      required: false,
+      hidden: false,
+      hideLabel: false
+    }
+  },
+  {
+    name: "级联选择器",
+    type: "cascader",
+    icon: "icon-jilianxuanze",
+    options: {
+      width: "",
+      labelWidth: 100,
+      isLabelWidth: false,
+      defaultValue: [],
+      placeholder: "",
+      disabled: false,
+      clearable: false,
+      required: false,
+      showAllLevels: false, //只显示最后一级
+      collapseTags: false,
+      filterable: false, //搜索
+      prepend: "",
+      append: "",
+      props: {
+        value: "id",
+        label: "name",
+        children: "children",
+        multiple: false,
+        expandTrigger: "hover",
+        checkStrictly: false //选择任意一级选项
+      },
+      remote: true,
+      remoteFunc: {},
+      remoteOptions: [],
+      hidden: false,
+      hideLabel: false
+    },
+    events: {
+      onChange: ""
+    }
+  }
+];
+
+export const advanceComponents = [
+  {
+    name: "子表单",
+    type: "table",
+    icon: "icon-table",
+    options: {
+      height: "",
+      defaultValue: "",
+      customClass: "",
+      labelWidth: 100,
+      isLabelWidth: false,
+      dataBind: true,
+      validatorCheck: false,
+      validator: "",
+      paging: false,
+      pageSize: 5,
+      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,
+      tableColumn: false,
+      hidden: false,
+      hideLabel: false,
+      disabled: false,
+      required: false,
+      isAdd: true,
+      addButtonText: "新增",
+      isDelete: 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
+    },
+    rules: []
+  },
+  {
+    name: "自定义区域",
+    type: "blank",
+    icon: "icon-zidingyishuju",
+    options: {
+      defaultType: "String",
+      required: false
+    }
+  }
+];
+
+export const layoutComponents = [
+  {
+    name: "栅格布局",
+    type: "grid",
+    icon: "icon-grid-",
+    columns: [
+      {
+        span: 12,
+        list: []
+      },
+      {
+        span: 12,
+        list: []
+      }
+    ],
+    options: {
+      gutter: 0,
+      justify: "start",
+      align: "top",
+      hideLabel: true
+    }
+  },
+  {
+    name: "浮动布局",
+    type: "alliance",
+    icon: "icon-grid-",
+    columns: [
+      {
+        span: 12,
+        list: []
+      },
+      {
+        span: 12,
+        list: []
+      }
+    ],
+    options: {
+      gutter: 0,
+      justify: "start",
+      align: "top",
+      hideLabel: true
+    }
+  },
+  {
+    name: "填充物",
+    type: "filler",
+    icon: "icon-ic",
+    options: {
+      defaultValue: "",
+      width: "100%",
+      height: "20px",
+      labelWidth: 100,
+      isLabelWidth: false,
+      hideLabel: true,
+      hidden: false,
+    }
+  },
+  {
+    name: "分割线",
+    type: "divider",
+    icon: "icon-fengexian",
+    options: {
+      width: "100%",
+      defaultValue: "",
+      hidden: false,
+      labelWidth: 100,
+      isLabelWidth: false,
+      hideLabel: true,
+      contentPosition: "left",
+      tableColumn: false
+    },
+    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: ""
+    }
+  ]
+};