tianheng-ui 0.0.78 → 0.0.81

package/packages/TableMaking/util/index.js

@@ -0,0 +1,448 @@
+const toolsConfig = {
+  add: {
+    act: "add",
+    name: "",
+    type: "primary",
+    icon: "el-icon-plus",
+    disabled: false,
+    loading: false
+  },
+  edit: {
+    act: "edit",
+    name: "",
+    type: "text",
+    icon: "el-icon-edit",
+    disabled: false,
+    loading: false
+  },
+  detail: {
+    act: "detail",
+    name: "",
+    type: "text",
+    icon: "el-icon-view",
+    disabled: false,
+    loading: false
+  },
+  delete: {
+    act: "delete",
+    name: "",
+    type: "text",
+    icon: "el-icon-delete",
+    style: "color:#ff4949;",
+    disabled: false,
+    loading: false
+  },
+  batchDelete: {
+    act: "batchDelete",
+    name: "",
+    type: "danger",
+    icon: "el-icon-delete",
+    disabled: false,
+    loading: false
+  },
+  export: {
+    act: "export",
+    name: "",
+    type: "primary",
+    icon: "el-icon-download",
+    disabled: false,
+    loading: false
+  },
+  import: {
+    act: "import",
+    name: "",
+    type: "primary",
+    icon: "el-icon-upload2",
+    disabled: false,
+    loading: false
+  }
+};
+
+export const toolsItemConfig = (key, data) => {
+  const config = toolsConfig[key] || {};
+  config.name = data.name;
+  return JSON.parse(JSON.stringify(config));
+};
+
+const formConfig = {
+  "1": {
+    list: [
+      {
+        name: "平台名称",
+        type: "input",
+        icon: "icon-input",
+        options: {
+          width: "100%",
+          labelWidth: 100,
+          isLabelWidth: false,
+          defaultValue: "",
+          dataType: "string",
+          pattern: "",
+          placeholder: "",
+          maxlength: -1,
+          required: true,
+          disabled: false,
+          readonly: false,
+          clearable: false,
+          showWordLimit: false,
+          showPassword: false,
+          prefixIcon: "",
+          suffixIcon: "",
+          prepend: "",
+          append: "",
+          hidden: false,
+          hideLabel: false
+        },
+        events: {
+          onChange: "",
+          onFocus: "",
+          onBlur: ""
+        },
+        rules: [
+          {
+            type: "string",
+            message: "平台名称格式不正确"
+          },
+          {
+            required: true,
+            message: "平台名称必须填写"
+          }
+        ],
+        key: "1669859814000_5209",
+        model: "name"
+      },
+      {
+        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"
+            }
+          ],
+          remote: true,
+          filterable: false,
+          remoteOptions: [],
+          props: {
+            value: "id",
+            label: "name"
+          },
+          remoteFunc: "getUserList",
+          hidden: false,
+          hideLabel: false
+        },
+        events: {
+          onChange: "",
+          onFocus: "",
+          onBlur: ""
+        },
+        key: "1669859824000_68681",
+        model: "projectTypeId",
+        rules: []
+      },
+      {
+        name: "访问地址",
+        type: "input",
+        icon: "icon-input",
+        options: {
+          width: "100%",
+          labelWidth: 100,
+          isLabelWidth: false,
+          defaultValue: "",
+          dataType: "url",
+          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: [
+          {
+            type: "url",
+            message: "访问地址格式不正确"
+          }
+        ],
+        key: "1669859816000_814",
+        model: "targetUrl"
+      }
+    ],
+    config: {
+      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: ""
+        }
+      ]
+    }
+  }
+};
+
+export const formItemConfig = key => {
+  const config = formConfig[key] || {};
+  return JSON.parse(JSON.stringify(config));
+};
+
+const tableConfig = {
+  "1": {
+    search: {
+      show: true,
+      options: [
+        {
+          type: "input",
+          label: "姓名",
+          prop: "name",
+          defaultValue: "",
+          align: "left",
+          width: 0
+        }
+        // {
+        //   type: "select",
+        //   label: "性别",
+        //   prop: "gender",
+        //   align: "left",
+        //   width: 0,
+        //   staticData: [
+        //     { label: "男", value: "1" },
+        //     { label: "女", value: "0" }
+        //   ]
+        // }
+      ]
+    },
+    table: {
+      options: [
+        {
+          label: "平台名称",
+          type: "input",
+          prop: "name",
+          align: "left"
+        },
+        {
+          label: "平台分类",
+          type: "select",
+          prop: "projectTypeName",
+          align: "left",
+          width: 0
+        },
+        {
+          label: "访问地址",
+          type: "input",
+          prop: "targetUrl",
+          align: "left",
+          width: 0
+        },
+        {
+          label: "编辑人",
+          type: "input",
+          prop: "user",
+          sortable: true,
+          align: "left",
+          width: 0
+        },
+        {
+          label: "编辑时间",
+          type: "input",
+          prop: "updateTime",
+          align: "left",
+          width: 0
+        }
+      ],
+      pageInfo: {
+        show: true,
+        options: {
+          pageCount: 0, // 总页数
+          pageSize: 20, // 每页展示的条数
+          currentPage: 1, // 当前页码
+          total: 0, // 总条数
+          sizes: [10, 20, 30, 50, 100]
+        }
+      },
+      sort: { type: "1", key: "createTime" },
+      loading: { show: false, text: "加载中", image: "" },
+      empty: { show: true, text: "暂无数据", image: "" },
+      sequence: true
+    },
+    tools: {
+      add: { show: true, name: "新增", position: 1, form: { id: "1" } },
+      edit: { show: true, name: "编辑", position: 2, form: { id: "1" } },
+      detail: { show: false, name: "查看", position: 2, form: { id: "1" } },
+      delete: { show: true, name: "删除", position: 2 },
+      batchDelete: { show: true, name: "批量删除", position: 1 },
+      export: { show: true, name: "导出", position: 1 },
+      import: { show: true, name: "导入", position: 1 }
+    },
+    network: {
+      mounted: {
+        name: "获取列表",
+        api: "tenant/project/list",
+        method: "post"
+      },
+      add: {
+        name: "新增",
+        api: "tenant/project/add",
+        method: "post"
+      },
+      edit: {
+        name: "编辑",
+        api: "tenant/project/edit",
+        method: "post"
+      },
+      delete: {
+        name: "删除",
+        api: "tenant/project/delete",
+        method: "post"
+      },
+      key_123456: {
+        name: "获取列表",
+        url: "https://"
+      }
+    }
+  },
+  "2": {
+    search: {
+      show: false,
+      options: []
+    },
+    table: {
+      options: [
+        {
+          label: "平台名称",
+          type: "input",
+          prop: "name",
+          align: "left"
+        },
+        {
+          label: "平台分类",
+          type: "select",
+          prop: "projectTypeName",
+          align: "left",
+          width: 0
+        },
+        {
+          label: "访问地址",
+          type: "input",
+          prop: "targetUrl",
+          align: "left",
+          width: 0
+        },
+        {
+          label: "编辑人",
+          type: "input",
+          prop: "user",
+          sortable: true,
+          align: "left",
+          width: 0
+        },
+        {
+          label: "编辑时间",
+          type: "input",
+          prop: "updateTime",
+          align: "left",
+          width: 0
+        }
+      ],
+      pageInfo: {
+        show: true,
+        options: {
+          pageCount: 0, // 总页数
+          pageSize: 20, // 每页展示的条数
+          currentPage: 1, // 当前页码
+          total: 0, // 总条数
+          sizes: [10, 20, 30, 50, 100]
+        }
+      },
+      sort: { type: "1", key: "createTime" },
+      loading: { show: false, text: "加载中", image: "" },
+      empty: { show: true, text: "暂无数据", image: "" },
+      sequence: true
+    },
+    tools: {
+      add: { show: true, name: "新增", position: 1, form: { id: "1" } },
+      edit: { show: true, name: "编辑", position: 2, form: { id: "1" } },
+      detail: { show: false, name: "查看", position: 2, form: { id: "1" } },
+      delete: { show: true, name: "删除", position: 2 },
+      batchDelete: { show: false, name: "批量删除", position: 1 },
+      export: { show: false, name: "导出", position: 1 },
+      import: { show: false, name: "导入", position: 1 }
+    },
+    network: {
+      mounted: {
+        name: "获取列表",
+        api: "tenant/project/list",
+        method: "post"
+      },
+      add: {
+        name: "新增",
+        api: "tenant/project/add",
+        method: "post"
+      },
+      edit: {
+        name: "编辑",
+        api: "tenant/project/edit",
+        method: "post"
+      },
+      delete: {
+        name: "删除",
+        api: "tenant/project/delete",
+        method: "post"
+      },
+      key_123456: {
+        name: "获取列表",
+        url: "https://"
+      }
+    }
+  }
+};
+
+export const tableItemConfig = key => {
+  const config = tableConfig[key] || {};
+  return JSON.parse(JSON.stringify(config));
+};

package/packages/TableMaking/widgetConfig.vue

@@ -86,7 +86,9 @@
               v-if="tableConfig.table.pageInfo.show"
               label="分页条数"
             >
-              <el-radio-group v-model="tableConfig.table.pageInfo.pageSize">
+              <el-radio-group
+                v-model="tableConfig.table.pageInfo.options.pageSize"
+              >
                 <el-radio-button :label="20">20条</el-radio-button>
                 <el-radio-button :label="50">50条</el-radio-button>
                 <el-radio-button :label="100">100条</el-radio-button>
@@ -221,24 +223,29 @@ export default {
         },
         table: {
           options: [],
-          sort: {
-            type: "1",
-            key: "createTime"
-          },
           pageInfo: {
             show: true,
-            pageSize: 20
+            options: {
+              pageCount: 0, // 总页数
+              pageSize: 20, // 每页展示的条数
+              currentPage: 1, // 当前页码
+              total: 0, // 总条数
+              sizes: [10, 20, 30, 50, 100]
+            }
           },
-          sequence: false //序号
+          sort: { type: "1", key: "createTime" },
+          loading: { show: false, text: "加载中", image: "" },
+          empty: { show: true, text: "暂无数据", image: "" },
+          sequence: true //是否显示序号
         },
         tools: {
-          add: { show: true, name: "新增" },
-          edit: { show: true, name: "编辑" },
-          detail: { show: false, name: "查看" },
-          delete: { show: true, name: "删除" },
-          batchDelete: { show: false, name: "批量删除" },
-          export: { show: false, name: "导出" },
-          import: { show: false, name: "导入" }
+          add: { show: true, name: "新增", position: 1 },
+          edit: { show: true, name: "编辑", position: 2 },
+          detail: { show: true, name: "查看", position: 2 },
+          delete: { show: true, name: "删除", position: 2 },
+          batchDelete: { show: true, name: "批量删除", position: 1 },
+          export: { show: true, name: "导出", position: 1 },
+          import: { show: true, name: "导入", position: 1 }
         }
       },
       sortFieldOptions: [{ label: "创建时间", value: "createTime" }]

package/packages/TableMaking/widgetTable.vue

@@ -118,6 +118,7 @@
     <th-dialog
       v-model="dialog.visible"
       :title="dialog.title"
+      :modal-append-to-body="false"
       @on-affirm="handleDialogAffirm"
     >
       <th-code-editor v-model="codeEditorValue"></th-code-editor>

package/packages/index.js

@@ -42,6 +42,7 @@ import Upload from "./Upload/index.js";
 import FormMaking from "./FormMaking/making.js";
 import FormGenerate from "./FormMaking/generate.js";
 import TableMaking from "./TableMaking/making.js";
+import TableGenerate from "./TableMaking/generate.js";
 import Workflow from "../packages/Workflow/index.js";
 
 const components = [
@@ -67,6 +68,7 @@ const components = [
   FormMaking,
   FormGenerate,
   TableMaking,
+  TableGenerate,
   Workflow
 ];
 
@@ -111,6 +113,7 @@ export default {
   FormMaking,
   FormGenerate,
   TableMaking,
+  TableGenerate,
   Workflow
 };
 
@@ -138,5 +141,6 @@ export {
   FormMaking,
   FormGenerate,
   TableMaking,
+  TableGenerate,
   Workflow
 };