tianheng-ui 0.1.14 → 0.1.16

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "tianheng-ui",
   "description": "A Vue.js project",
-  "version": "0.1.14",
+  "version": "0.1.16",
   "author": "shu lang <403732931@qq.com>",
   "license": "MIT",
   "private": false,

package/packages/TableMaking/custom/config.js

@@ -6,6 +6,33 @@ export const search = {
 
 // 列表配置
 export const table = {
+  mounted: {
+    api: ""
+  },
+  style: {
+    cell: {
+      customStyle: "",
+      margin: "",
+      padding: "20rpx",
+      "border-bottom": "1px solid #e5e5e5"
+    },
+    title: {
+      customStyle: "",
+      margin: "",
+      padding: "",
+      width: "",
+      "text-align": "",
+      color: "#999"
+    },
+    value: {
+      customStyle: "",
+      margin: "",
+      padding: "",
+      width: "",
+      "text-align": "",
+      color: "#333"
+    }
+  },
   options: [],
   pageInfo: {
     show: true,
@@ -35,72 +62,91 @@ export const table = {
 };
 
 // 按钮配置
+const buttonStyle = {
+  type: "",
+  size: "small",
+  plain: false,
+  round: false,
+  circle: false,
+  disabled: false,
+  icon: ""
+};
+
 export const tools = {
   add: {
     show: true,
+    type: "add",
     name: "新增",
     text: "新增",
     position: "header",
     form: "",
-    api: ""
+    api: "",
+    style: buttonStyle
   },
   edit: {
     show: true,
+    type: "edit",
     name: "编辑",
     text: "编辑",
     position: "row",
     form: "",
-    api: ""
+    api: "",
+    style: buttonStyle
   },
-  detail: {
+  look: {
     show: false,
+    type: "look",
     name: "查看",
     text: "查看",
     position: "row",
     form: "",
-    api: ""
+    api: "",
+    style: buttonStyle
   },
   delete: {
     show: true,
+    type: "delete",
     name: "删除",
     text: "删除",
     position: "row",
     form: "",
-    api: ""
+    api: "",
+    style: buttonStyle
   },
   batchDelete: {
     show: false,
+    type: "batchDelete",
     name: "批量删除",
     text: "批量删除",
     position: "header",
     form: "",
-    api: ""
+    api: "",
+    style: buttonStyle
   },
   export: {
     show: false,
+    type: "export",
     name: "导出",
     text: "导出",
     position: "header",
     form: "",
-    api: ""
+    api: "",
+    style: buttonStyle
   },
   import: {
     show: false,
+    type: "import",
     name: "导入",
     text: "导入",
     position: "header",
     form: "",
-    api: ""
+    api: "",
+    style: buttonStyle
   }
 };
 
 // 接口配置
-export const network = {
-  mounted: {
-    method: "get",
-    api: "/list"
-  }
-};
+export const network = {};
 
 export const tableConfig = {
   search,

package/packages/TableMaking/index.vue

@@ -43,8 +43,36 @@ export default {
       }
     },
     fields: Array,
+
+    /**
+     * 表单配置列表。
+     * 只关联表单id，渲染器通过接口查询表单配置信息
+     * [
+     *  {
+     *    id:'',    表单id
+     *    label:'',   表单名称
+     *  }
+     * ]
+     */
     formOptions: Array,
+
+    /**
+     * 接口配置列表，会包装到 config.network 对象中。
+     * 只关联接口id，渲染器会通过关联接口id在 config.network 中过滤查询对应的接口
+     * [
+     *  {
+     *    id:'',    接口id
+     *    label:'',   接口名称
+     *    url:'',   接口地址
+     *    method:'',  请求方式
+     *    params:{},    请求参数
+     *    header:{},    请求头
+     *  }
+     * ]
+     *
+     */
     apiOptions: Array,
+
     permissions: {
       type: Array,
       default: () => [
@@ -73,10 +101,21 @@ export default {
     },
     data(val) {
       this.config = val;
+      this.handleNetwork();
+    },
+    apiOptions(val) {
+      this.handleNetwork();
     }
   },
   mounted() {},
   methods: {
+    handleNetwork() {
+      const network = {};
+      this.apiOptions.map(item => {
+        network[item.id] = item;
+      });
+      this.config.network = network;
+    },
     handleToolsClick(action, data) {
       switch (action) {
         case "import-json":
@@ -88,7 +127,27 @@ export default {
       }
     },
     getJson() {
-      return this.config;
+      return new Promise((resolve, reject) =>
+        this.$refs.configRef
+          .handleFormValidate()
+          .then(res => {
+            if (res) {
+              const data = deepClone(this.config);
+              resolve(data);
+            } else {
+              reject();
+            }
+          })
+          .catch(err => {
+            if (!this.config.table.mounted.api) {
+              this.$message.warning("请选择列表接口");
+              reject();
+            } else {
+              const data = deepClone(this.config);
+              resolve(data);
+            }
+          })
+      );
     }
   }
 };