@kp-ui/lowcode-pc 1.0.0-alpha.3 → 1.0.0-alpha.5

package/src/hooks/useLowcode.js

@@ -0,0 +1,113 @@
+import VFormRender from "../components/render/index.vue.js";
+import { basicFieldsEnums } from "../components/desginer/widget-panel/basicFieldsEnums.js";
+import { getUuidKey } from "@kp-ui/tool";
+import { useDataQueryApi, useComRef, useRouteBackTab, routerReloadStatus } from "tmgc2-share";
+import { ref } from "vue";
+const useLowcode = (params) => {
+  let { formCode, entityCode, type = "add" } = params;
+  const isLoading = ref(false);
+  const useDataQuery = useDataQueryApi();
+  const vfdRef = useComRef(VFormRender);
+  const formConfig = ref();
+  const { routeBackTab } = useRouteBackTab();
+  const insertBtn = (list = []) => {
+    const btnId = getUuidKey();
+    const btnInfo = {
+      label: "提交",
+      name: btnId,
+      onCreated: `
+            const hidden = this.getFormRef().vfCtx?.type==='view';
+            this.setHidden(hidden)
+            `,
+      onClick: `(async()=>{
+                await this.getFormRef().onFormUpdate()
+                this.$message.success('保存成功')
+                const onCancel = this.getFormRef().vfCtx?.onCancel
+                if( typeof onCancel === 'function' ){
+                    onCancel()
+                }
+                })()`
+    };
+    list.push(basicFieldsEnums.button(btnInfo));
+    return list;
+  };
+  const getInitRenderJSON = (list = []) => {
+    const res = list.reduce((t, v) => {
+      const fn = basicFieldsEnums[v.componentType];
+      if (fn) {
+        const json = fn({
+          name: v.entityPropertyCode,
+          label: v.entityPropertyName,
+          ...v.options
+        });
+        t = [...t, json];
+      }
+      return t;
+    }, []);
+    return res.length ? insertBtn(res) : res;
+  };
+  const getComponentJson = async (list = [], _formCode) => {
+    var _a, _b;
+    let json = { widgetList: [], formConfig: {} };
+    formCode = _formCode || formCode;
+    if (formCode && type) {
+      (_a = vfdRef.value) == null ? void 0 : _a.setLoading(true);
+      try {
+        const res = await useDataQuery.dataQueryDetail({ code: formCode }, "FormDefinitionManagement").then((res2) => res2.data.object || {});
+        json = JSON.parse(res.frontendDefinition || "{}");
+      } finally {
+        (_b = vfdRef.value) == null ? void 0 : _b.setLoading(false);
+      }
+    } else {
+      json.widgetList = getInitRenderJSON(list);
+    }
+    isLoading.value = false;
+    console.log("json: ", json);
+    formConfig.value = json.formConfig;
+    vfdRef.value.setFormJson(json);
+    return json;
+  };
+  const getFieldList = async () => {
+    isLoading.value = true;
+    if (!entityCode) {
+      getComponentJson([]);
+      return [];
+    }
+    const p = {
+      pageCode: "EntityPropertyFormItem",
+      conditions: [{ fieldCode: "entityCode", type: "EQ", value: entityCode }],
+      requiredFields: ["entityPropertyCode", "entityPropertyName", "valueType"],
+      page: 1,
+      pageSize: null,
+      sorts: []
+    };
+    const list = await useDataQuery.execute(p).then((res) => res.data.object.list);
+    getComponentJson(list);
+    return list;
+  };
+  const fieldListApi = async () => {
+    const list = await getFieldList();
+    return list.map((item) => ({
+      showName: item.entityPropertyName,
+      fieldCode: item.entityPropertyCode
+    }));
+  };
+  const goBack = (reloadStatus = routerReloadStatus.view, cb) => {
+    routeBackTab(reloadStatus, cb);
+  };
+  return {
+    isLoading,
+    goBack,
+    formConfig,
+    getInitRenderJSON,
+    vfdRef,
+    getComponentJson,
+    getFieldList,
+    fieldListApi
+  };
+};
+export {
+  VFormRender,
+  useLowcode
+};
+//# sourceMappingURL=useLowcode.js.map

package/src/hooks/useLowcode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLowcode.js","sources":["../../../src/hooks/useLowcode.ts"],"sourcesContent":["import VFormRender from '../components/render/index.vue';\nimport { basicFieldsEnums } from '../components/desginer/widget-panel/basicFieldsEnums';\nimport { getUuidKey } from '@kp-ui/tool';\nimport { useComRef, useRouteBackTab, routerReloadStatus, useDataQueryApi } from 'tmgc2-share';\nimport { ref } from 'vue';\ntype ITmgcFormParamsType = {\n    formCode?: string;\n    entityCode?: string;\n    type?: any;\n};\n\nexport { VFormRender };\n\nexport const useLowcode = (params: ITmgcFormParamsType) => {\n    let { formCode, entityCode, type = 'add' } = params;\n    const isLoading = ref(false);\n    const useDataQuery = useDataQueryApi();\n    const vfdRef = useComRef(VFormRender);\n\n    const formConfig = ref();\n    const { routeBackTab } = useRouteBackTab();\n\n    const insertBtn = (list: any[] = []) => {\n        const btnId = getUuidKey();\n        const btnInfo = {\n            label: '提交',\n            name: btnId,\n            onCreated: `\n            const hidden = this.getFormRef().vfCtx?.type==='view';\n            this.setHidden(hidden)\n            `,\n            onClick: `(async()=>{\n                await this.getFormRef().onFormUpdate()\n                this.$message.success('保存成功')\n                const onCancel = this.getFormRef().vfCtx?.onCancel\n                if( typeof onCancel === 'function' ){\n                    onCancel()\n                }\n                })()`\n        };\n\n        list.push(basicFieldsEnums.button(btnInfo));\n        return list;\n    };\n\n    const getInitRenderJSON = (list: any[] = []) => {\n        const res = list.reduce((t, v) => {\n            const fn = basicFieldsEnums[v.componentType];\n            if (fn) {\n                const json = fn({\n                    name: v.entityPropertyCode,\n                    label: v.entityPropertyName,\n                    ...v.options\n                });\n                t = [...t, json];\n            }\n            return t;\n        }, []);\n        return res.length ? insertBtn(res) : res;\n    };\n\n    const getComponentJson = async (list: any[] = [], _formCode?: string) => {\n        let json = { widgetList: [], formConfig: {} } as any;\n        formCode = _formCode || formCode;\n        if (formCode && type) {\n            vfdRef.value?.setLoading(true);\n            try {\n                const res = await useDataQuery\n                    .dataQueryDetail({ code: formCode }, 'FormDefinitionManagement')\n                    .then(res => res.data.object || {});\n                json = JSON.parse(res.frontendDefinition || '{}');\n            } finally {\n                vfdRef.value?.setLoading(false);\n            }\n        } else {\n            json.widgetList = getInitRenderJSON(list);\n        }\n        isLoading.value = false;\n        console.log('json: ', json);\n        formConfig.value = json.formConfig;\n        vfdRef.value!.setFormJson(json);\n        return json;\n    };\n\n    const getFieldList = async () => {\n        isLoading.value = true;\n        if (!entityCode) {\n            getComponentJson([]);\n            return [];\n        }\n\n        const p = {\n            pageCode: 'EntityPropertyFormItem',\n            conditions: [{ fieldCode: 'entityCode', type: 'EQ', value: entityCode }],\n            requiredFields: ['entityPropertyCode', 'entityPropertyName', 'valueType'],\n            page: 1,\n            pageSize: null,\n            sorts: []\n        };\n        const list = await useDataQuery.execute(p).then(res => res.data.object.list);\n        getComponentJson(list);\n        return list;\n    };\n    const fieldListApi = async () => {\n        const list = await getFieldList();\n        return list.map(item => ({\n            showName: item.entityPropertyName,\n            fieldCode: item.entityPropertyCode\n        }));\n    };\n\n    const goBack = (reloadStatus = routerReloadStatus.view, cb?: () => void) => {\n        routeBackTab(reloadStatus, cb);\n    };\n\n    return {\n        isLoading,\n        goBack,\n        formConfig,\n        getInitRenderJSON,\n        vfdRef,\n        getComponentJson,\n        getFieldList,\n        fieldListApi\n    };\n};\n"],"names":["res"],"mappings":"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"}