@hzab/list-render 0.0.10 → 0.0.12

package/example/pages/index/test.schema.json

@@ -0,0 +1,413 @@
+{
+  "form": {
+    "labelCol": 6,
+    "wrapperCol": 12
+  },
+  "schema": {
+    "type": "object",
+    "properties": {
+      "parentId": {
+        "type": "string",
+        "title": "上级菜单",
+        "x-decorator": "FormItem",
+        "x-component": "TreeSelect",
+        "x-validator": [],
+        "x-component-props": {
+          "virtual": true,
+          "allowClear": true,
+          "showSearch": true
+        },
+        "x-decorator-props": {},
+        "x-reactions": {
+          "dependencies": [
+            {
+              "property": "value",
+              "type": "any"
+            }
+          ],
+          "fulfill": {
+            "run": "fetchMenuTree($self);"
+          }
+        },
+        "name": "parentId",
+        "x-designable-id": "i012z5nbd5z",
+        "x-index": 0,
+        "inTable": false
+      },
+      "menuType": {
+        "type": "string | number",
+        "title": "菜单类型",
+        "x-decorator": "FormItem",
+        "x-component": "Radio.Group",
+        "enum": [
+          {
+            "children": [],
+            "label": "目录",
+            "value": "M"
+          },
+          {
+            "children": [],
+            "label": "菜单",
+            "value": "C"
+          },
+          {
+            "children": [],
+            "label": "按钮",
+            "value": "F"
+          }
+        ],
+        "x-validator": [],
+        "x-component-props": {},
+        "x-decorator-props": {},
+        "name": "menuType",
+        "default": "M",
+        "x-designable-id": "5gkoosg4b2k",
+        "x-index": 1,
+        "inTable": false
+      },
+      "menuName": {
+        "type": "string",
+        "title": "菜单名称",
+        "x-decorator": "FormItem",
+        "x-component": "Input",
+        "x-validator": [],
+        "x-component-props": {},
+        "x-decorator-props": {},
+        "name": "menuName",
+        "required": true,
+        "x-designable-id": "erhrbrarqx1",
+        "x-index": 2
+      },
+      "icon": {
+        "title": "菜单图标",
+        "x-decorator": "FormItem",
+        "x-component": "IconSelect",
+        "x-validator": [],
+        "x-component-props": {},
+        "x-decorator-props": {},
+        "name": "icon",
+        "x-designable-id": "60d4sdrm3qs",
+        "x-index": 3,
+        "x-reactions": {
+          "dependencies": [
+            {
+              "property": "value",
+              "type": "string | number",
+              "source": "menuType",
+              "name": "menuType"
+            }
+          ],
+          "fulfill": {
+            "state": {
+              "visible": "{{$deps.menuType === \"M\" || $deps.menuType === \"C\"}}"
+            }
+          }
+        }
+      },
+      "perms": {
+        "type": "string",
+        "title": "权限字符",
+        "x-decorator": "FormItem",
+        "x-component": "Input",
+        "x-validator": [],
+        "x-component-props": {},
+        "x-decorator-props": {},
+        "name": "perms",
+        "required": true,
+        "x-designable-id": "xzy6veht5hc",
+        "x-index": 4,
+        "x-reactions": {
+          "dependencies": [
+            {
+              "property": "value",
+              "type": "string | number",
+              "source": "menuType",
+              "name": "menuType"
+            }
+          ],
+          "fulfill": {
+            "state": {
+              "visible": "{{$deps.menuType === \"C\" || $deps.menuType === \"F\"}}"
+            }
+          }
+        }
+      },
+      "orderNum": {
+        "type": "number",
+        "title": "显示顺序",
+        "x-decorator": "FormItem",
+        "x-component": "NumberPicker",
+        "x-validator": [],
+        "x-component-props": {
+          "min": 0
+        },
+        "x-decorator-props": {},
+        "name": "orderNum",
+        "required": true,
+        "x-designable-id": "i80818uuteh",
+        "x-index": 5,
+        "default": 0
+      },
+      "path": {
+        "type": "string",
+        "title": "路由地址",
+        "x-decorator": "FormItem",
+        "x-component": "Input",
+        "x-validator": [],
+        "x-component-props": {},
+        "x-decorator-props": {},
+        "name": "path",
+        "x-designable-id": "o0v8c0vfqjk",
+        "x-index": 6,
+        "required": true,
+        "x-reactions": {
+          "dependencies": [
+            {
+              "property": "value",
+              "type": "string | number",
+              "source": "menuType",
+              "name": "menuType"
+            }
+          ],
+          "fulfill": {
+            "state": {
+              "visible": "{{$deps.menuType === \"M\" || $deps.menuType === \"C\"}}"
+            }
+          }
+        },
+        "inTable": false
+      },
+      "component": {
+        "type": "string",
+        "title": "组件路径",
+        "x-decorator": "FormItem",
+        "x-component": "Input",
+        "x-validator": [],
+        "x-component-props": {},
+        "x-decorator-props": {},
+        "name": "component",
+        "x-designable-id": "zehls3l7dll",
+        "x-index": 7,
+        "x-reactions": {
+          "dependencies": [
+            {
+              "property": "value",
+              "type": "string | number",
+              "source": "menuType",
+              "name": "menuType"
+            }
+          ],
+          "fulfill": {
+            "state": {
+              "visible": "{{$deps.menuType === \"C\"}}"
+            }
+          }
+        }
+      },
+      "uri": {
+        "type": "string",
+        "title": "接口地址",
+        "x-decorator": "FormItem",
+        "x-component": "Input",
+        "x-validator": [],
+        "x-component-props": {},
+        "x-decorator-props": {},
+        "name": "uri",
+        "x-designable-id": "ulom9944kd8",
+        "x-index": 8,
+        "x-reactions": {
+          "dependencies": [
+            {
+              "property": "value",
+              "type": "string | number",
+              "source": "menuType",
+              "name": "menuType"
+            }
+          ],
+          "fulfill": {
+            "state": {
+              "visible": "{{$deps.menuType === \"C\" || $deps.menuType === \"F\"}}"
+            }
+          }
+        }
+      },
+      "methodType": {
+        "title": "接口类型",
+        "x-decorator": "FormItem",
+        "x-component": "Select",
+        "x-validator": [],
+        "x-component-props": {},
+        "x-decorator-props": {},
+        "name": "methodType",
+        "enum": [
+          {
+            "children": [],
+            "label": "GET",
+            "value": "GET"
+          },
+          {
+            "children": [],
+            "label": "POST",
+            "value": "POST"
+          },
+          {
+            "children": [],
+            "label": "PUT",
+            "value": "PUT"
+          },
+          {
+            "children": [],
+            "label": "DELETE",
+            "value": "DELETE"
+          }
+        ],
+        "x-designable-id": "xmz4afzft5x",
+        "x-index": 9,
+        "x-reactions": {
+          "dependencies": [
+            {
+              "property": "value",
+              "type": "string | number",
+              "source": "menuType",
+              "name": "menuType"
+            }
+          ],
+          "fulfill": {
+            "state": {
+              "visible": "{{$deps.menuType === \"F\"}}"
+            }
+          }
+        }
+      },
+      "isApp": {
+        "type": "string | number",
+        "title": "Radio Group",
+        "x-decorator": "FormItem",
+        "x-component": "Radio.Group",
+        "enum": [
+          {
+            "children": [],
+            "label": "PC",
+            "value": 2
+          },
+          {
+            "children": [],
+            "label": "APP",
+            "value": 1
+          }
+        ],
+        "x-validator": [],
+        "x-component-props": {},
+        "x-decorator-props": {},
+        "name": "isApp",
+        "default": 2,
+        "x-designable-id": "qhc88vi0ktu",
+        "x-index": 10
+      },
+      "visible": {
+        "type": "string | number",
+        "title": "显示状态",
+        "x-decorator": "FormItem",
+        "x-component": "Radio.Group",
+        "enum": [
+          {
+            "children": [],
+            "label": "显示",
+            "value": "0"
+          },
+          {
+            "children": [],
+            "label": "隐藏",
+            "value": "1"
+          }
+        ],
+        "x-validator": [],
+        "x-component-props": {},
+        "x-decorator-props": {},
+        "name": "visible",
+        "default": "0",
+        "x-designable-id": "flai9y0hhzq",
+        "x-index": 11,
+        "x-reactions": {
+          "dependencies": [
+            {
+              "property": "value",
+              "type": "string | number",
+              "source": "menuType",
+              "name": "menuType"
+            }
+          ],
+          "fulfill": {
+            "state": {
+              "visible": "{{$deps.menuType === \"M\" || $deps.menuType === \"C\"}}"
+            }
+          }
+        },
+        "inTable": false
+      },
+      "status": {
+        "type": "string | number",
+        "title": "菜单状态",
+        "x-decorator": "FormItem",
+        "x-component": "Radio.Group",
+        "enum": [
+          {
+            "children": [],
+            "label": "正常",
+            "value": "0"
+          },
+          {
+            "children": [],
+            "label": "停用",
+            "value": "1"
+          }
+        ],
+        "x-validator": [],
+        "x-component-props": {},
+        "x-decorator-props": {},
+        "name": "status",
+        "default": "0",
+        "x-designable-id": "nbs8lv4pcoe",
+        "x-index": 12,
+        "x-reactions": {
+          "dependencies": [
+            {
+              "property": "value",
+              "type": "string | number",
+              "source": "menuType",
+              "name": "menuType"
+            }
+          ]
+        }
+      },
+      "text": {
+        "type": "string",
+        "title": "Text",
+        "x-decorator": "FormItem",
+        "x-component": "Text",
+        "x-validator": [],
+        "x-component-props": {},
+        "x-decorator-props": {},
+        "name": "text",
+        "x-designable-id": "33hm1r4yfe912",
+        "x-index": 13
+      },
+      "createTime": {
+        "type": "string",
+        "title": "创建时间",
+        "x-decorator": "FormItem",
+        "x-component": "DatePicker",
+        "x-validator": [],
+        "x-component-props": {
+          "showNow": true
+        },
+        "x-decorator-props": {},
+        "name": "createTime",
+        "x-display": "none",
+        "x-designable-id": "33hm1r4yfe9",
+        "x-index": 14
+      }
+    },
+    "x-designable-id": "ol2kvilayx8"
+  }
+}

package/example/router.ts

@@ -0,0 +1,3 @@
+const Routes: any = [{ path: "/", component: "pages/index" }];
+
+export { Routes };

package/example/typings.d.ts

@@ -0,0 +1,16 @@
+declare module "*.svg";
+declare module "*.png";
+declare module "*.jpg";
+declare module "*.jpeg";
+declare module "*.gif";
+declare module "*.bmp";
+declare module "*.tiff";
+declare module "*.js";
+declare module "@";
+declare module "@/*";
+declare module "@config";
+declare module "@hzab/list-render";
+
+interface Window {
+  $_navigate?: Function;
+}

package/lib/data-model.js

@@ -1 +1 @@
-import _ from"lodash";import axios from"axios";class DataModel{constructor(t){const{ctx:e,query:s,createApi:i,createMap:a,getApi:r,getMap:o,getListApi:h,getListMap:n,getListFunc:p,updateApi:l,updateMap:c,deleteApi:d,multipleDeleteApi:g,axios:u,axiosConf:m}=t;this.ctx=e||{},this.query=s||{},this.axios=u||axios,this.axiosConf=m||{},this.createApi=i,this.createMap=a,this.getApi=r,this.getMap=o,this.getListApi=h,this.getListMap=n,this.getListFunc=p,this.updateApi=l,this.updateMap=c,this.deleteApi=d,this.multipleDeleteApi=g}getApiUrl(t,e,s=this.ctx){if(!t)throw new Error("Error getApiUrl api 不能为空",t,e,s);let i=t;const a=_.merge({},e,s);return _.each(a,((t,e)=>{_.isString(t)&&_.isNumber(t)&&!_.isBoolean(t)||(i=i.replace(`:${e}`,t))})),i}get(t={},e={}){let s=_.merge({},this.query,t);return s=_.pickBy(s,(t=>!_.isNil(t)&&""!==t)),new Promise(((t,i)=>{const a=this.getApiUrl(this.getApi,s,e);this.axios.get(a,{...this.axiosConf,params:s}).then((e=>{this.handleRes(e,(e=>{this.getMap&&(e=this.getMap(e)),t(e)}),i)})).catch((t=>this.errorHandler(t,i)))}))}async getList(t,e){let s=_.merge({},this.query,t);s=_.pickBy(s,(t=>!_.isNil(t)&&""!==t));let i=null;if(this.getListFunc)i=await this.getListFunc(s);else{const a=new Promise(((i,a)=>{const r=this.getApiUrl(this.getListApi,t,e);this.axios.get(r,{...this.axiosConf,params:s}).then((t=>{this.handleRes(t,(t=>{this.getListMap&&(t.list=t.list.map((t=>this.getListMap(t)))),i(t)}),a)})).catch((t=>this.errorHandler(t,a)))}));i=await a}return i}create(t,e){return new Promise(((s,i)=>{const a=this.getApiUrl(this.createApi,t,e),r={...this.axiosConf};t instanceof FormData&&(r.headers={"Content-Type":"multipart/form-data"}),this.axios.post(a,t,r).then((t=>{this.handleRes(t,s,i)})).catch((t=>this.errorHandler(t,i)))}))}update(t,e){return new Promise(((s,i)=>{const a=this.getApiUrl(this.updateApi,t,e),r={...this.axiosConf};t instanceof FormData&&(r.headers={"Content-Type":"multipart/form-data"}),this.axios.put(a,t,r).then((t=>{this.handleRes(t,s,i)})).catch((t=>this.errorHandler(t,i)))}))}delete(t,e){return new Promise(((s,i)=>{const a=this.getApiUrl(this.deleteApi,t,e);this.axios.delete(a,{...this.axiosConf,...t}).then((t=>{this.handleRes(t,s,i)})).catch((t=>this.errorHandler(t,i)))}))}multipleDelete(t,e){return new Promise(((s,i)=>{const a=this.getApiUrl(this.multipleDeleteApi,t,e);this.axios.delete(a,{...this.axiosConf,...t}).then((t=>{this.handleRes(t,s,i)})).catch((t=>this.errorHandler(t,i)))}))}handleRes(t,e,s){if("object"!=typeof t)return void s(new Error("response not object"));let i=t;i.data&&i.data.data&&"number"==typeof i.data?.code&&(i=i.data);const{code:a,message:r,data:o,msg:h}=i;if(200===a){let t=o??{};_.isObject(t)&&void 0===t.message&&(t._message=r||h),e(t)}else{const e=new Error(r||h);e.code=a,e.response=t,e._message=r||h,s(e)}}errorHandler(t,e){const s=t.response||t;if(s){const t=s.data&&(s.data.message||s.data.msg)||s.msg,i=new Error(t||s.statusText||"未知错误");return i.code=s.status,i.response=s,t&&(i._message=t),e(i)}return e(t)}}export{axios};export default DataModel;
+import _ from"lodash";import axios from"axios";const _$Temp={};class DataModel{constructor(t){const{ctx:e,query:s,createApi:i,createMap:a,getApi:r,getMap:o,getListApi:n,getListMap:h,getListFunc:p,updateApi:l,updateMap:c,deleteApi:d,multipleDeleteApi:g,axios:u,axiosConf:m}=t;this.ctx=e||{},this.query=s||{},this.axios=u||_$Temp.axios||axios,this.axiosConf=m||{},this.createApi=i,this.createMap=a,this.getApi=r,this.getMap=o,this.getListApi=n,this.getListMap=h,this.getListFunc=p,this.updateApi=l,this.updateMap=c,this.deleteApi=d,this.multipleDeleteApi=g}getApiUrl(t,e,s=this.ctx){if(!t)throw new Error("Error api 不能为空",t,e,s);let i=t;const a=_.merge({},e,s);return _.each(a,((t,e)=>{_.isString(t)&&_.isNumber(t)&&!_.isBoolean(t)||(i=i.replace(`:${e}`,t))})),i}get(t={},e={}){let s=_.merge({},this.query,t);return s=_.pickBy(s,(t=>!_.isNil(t)&&""!==t)),new Promise(((t,i)=>{const a=this.getApiUrl(this.getApi,s,e);this.axios.get(a,{...this.axiosConf,params:s}).then((e=>{this.handleRes(e,(e=>{this.getMap&&(e=this.getMap(e)),t(e)}),i)})).catch((t=>this.errorHandler(t,i)))}))}async getList(t,e){let s=_.merge({},this.query,t);s=_.pickBy(s,(t=>!_.isNil(t)&&""!==t));let i=null;if(this.getListFunc)i=await this.getListFunc(s);else{const a=new Promise(((i,a)=>{const r=this.getApiUrl(this.getListApi,t,e);this.axios.get(r,{...this.axiosConf,params:s}).then((t=>{this.handleRes(t,(t=>{this.getListMap&&(t.list=t.list.map((t=>this.getListMap(t)))),i(t)}),a)})).catch((t=>this.errorHandler(t,a)))}));i=await a}return i}create(t,e){return new Promise(((s,i)=>{const a=this.getApiUrl(this.createApi,t,e),r={...this.axiosConf};t instanceof FormData&&(r.headers={"Content-Type":"multipart/form-data"}),this.axios.post(a,t,r).then((t=>{this.handleRes(t,s,i)})).catch((t=>this.errorHandler(t,i)))}))}update(t,e){return new Promise(((s,i)=>{const a=this.getApiUrl(this.updateApi,t,e),r={...this.axiosConf};t instanceof FormData&&(r.headers={"Content-Type":"multipart/form-data"}),this.axios.put(a,t,r).then((t=>{this.handleRes(t,s,i)})).catch((t=>this.errorHandler(t,i)))}))}delete(t,e){return new Promise(((s,i)=>{const a=this.getApiUrl(this.deleteApi,t,e);this.axios.delete(a,{...this.axiosConf,...t}).then((t=>{this.handleRes(t,s,i)})).catch((t=>this.errorHandler(t,i)))}))}multipleDelete(t,e){return new Promise(((s,i)=>{const a=this.getApiUrl(this.multipleDeleteApi,t,e);this.axios.delete(a,{...this.axiosConf,...t}).then((t=>{this.handleRes(t,s,i)})).catch((t=>this.errorHandler(t,i)))}))}handleRes(t,e,s){if("object"!=typeof t)return void s(new Error("response not object"));let i=t;i.data&&i.headers&&i.request&&"number"==typeof i.data?.code&&(i=i.data);const{code:a,message:r,data:o,msg:n}=i;if(200===a){let t=o??{};_.isObject(t)&&void 0===t.message&&(t._message=r||n),e(t)}else{const e=new Error(r||n);e.code=a,e.response=t,e._message=r||n,s(e)}}errorHandler(t,e){const s=t.response||t;if(s){const t=s.data&&(s.data.message||s.data.msg)||s.msg,i=new Error(t||s.statusText||"未知错误");return i.code=s.status,i.response=s,t&&(i._message=t),e(i)}return e(t)}}function setDefaultAxios(t){t&&(_$Temp.axios=t)}export{axios,DataModel,setDefaultAxios};export default DataModel;