@kp-ui/lowcode 1.0.71 → 1.0.72

package/src/components/public/ActionButtonListDialog.vue.js

@@ -2,7 +2,6 @@ import _sfc_main from "./ActionButtonListDialog.vue2.js";
 import { resolveComponent, createElementBlock, openBlock, Fragment, createVNode, createElementVNode, withCtx, createBlock, createCommentVNode, createTextVNode, normalizeClass, toDisplayString } from "vue";
 /* empty css                            */
 import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
-const _hoisted_1 = { class: "add-btn" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_a_input = resolveComponent("a-input");
   const _component_a_select_option = resolveComponent("a-select-option");
@@ -36,39 +35,39 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         }, {
           default: withCtx(() => [
             createVNode(_component_a_select_option, { value: "primary" }, {
-              default: withCtx(() => _cache[0] || (_cache[0] = [
+              default: withCtx(() => [
                 createTextVNode("primary")
-              ])),
+              ]),
               _: 1
             }),
             createVNode(_component_a_select_option, { value: "ghost" }, {
-              default: withCtx(() => _cache[1] || (_cache[1] = [
+              default: withCtx(() => [
                 createTextVNode("ghost")
-              ])),
+              ]),
               _: 1
             }),
             createVNode(_component_a_select_option, { value: "dashed" }, {
-              default: withCtx(() => _cache[2] || (_cache[2] = [
+              default: withCtx(() => [
                 createTextVNode("dashed")
-              ])),
+              ]),
               _: 1
             }),
             createVNode(_component_a_select_option, { value: "text" }, {
-              default: withCtx(() => _cache[3] || (_cache[3] = [
+              default: withCtx(() => [
                 createTextVNode("text")
-              ])),
+              ]),
               _: 1
             }),
             createVNode(_component_a_select_option, { value: "link" }, {
-              default: withCtx(() => _cache[4] || (_cache[4] = [
+              default: withCtx(() => [
                 createTextVNode("link")
-              ])),
+              ]),
               _: 1
             }),
             createVNode(_component_a_select_option, { value: "default" }, {
-              default: withCtx(() => _cache[5] || (_cache[5] = [
+              default: withCtx(() => [
                 createTextVNode("default")
-              ])),
+              ]),
               _: 1
             })
           ]),
@@ -83,21 +82,21 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         }, {
           default: withCtx(() => [
             createVNode(_component_a_select_option, { value: "default" }, {
-              default: withCtx(() => _cache[6] || (_cache[6] = [
+              default: withCtx(() => [
                 createTextVNode("default")
-              ])),
+              ]),
               _: 1
             }),
             createVNode(_component_a_select_option, { value: "small" }, {
-              default: withCtx(() => _cache[7] || (_cache[7] = [
+              default: withCtx(() => [
                 createTextVNode("small")
-              ])),
+              ]),
               _: 1
             }),
             createVNode(_component_a_select_option, { value: "large" }, {
-              default: withCtx(() => _cache[8] || (_cache[8] = [
+              default: withCtx(() => [
                 createTextVNode("large")
-              ])),
+              ]),
               _: 1
             })
           ]),
@@ -144,9 +143,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           onClick: ($event) => _ctx.editClickEvent("onClick", record, recordIndexs),
           size: "small"
         }, {
-          default: withCtx(() => _cache[9] || (_cache[9] = [
+          default: withCtx(() => [
             createTextVNode(" 点击事件 ")
-          ])),
+          ]),
           _: 2
         }, 1032, ["class", "onClick"])) : createCommentVNode("", true),
         column.dataIndex === "action" ? (openBlock(), createBlock(_component_a_button, {
@@ -155,15 +154,15 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           onClick: ($event) => _ctx.deleteOperationButton(index),
           size: "small"
         }, {
-          default: withCtx(() => _cache[10] || (_cache[10] = [
+          default: withCtx(() => [
             createTextVNode(" 删除 ")
-          ])),
+          ]),
           _: 2
         }, 1032, ["onClick"])) : createCommentVNode("", true)
       ]),
       _: 1
     }, 8, ["data-source", "columns", "row-key"]),
-    createElementVNode("div", _hoisted_1, [
+    createElementVNode("div", { class: "add-btn" }, [
       createVNode(_component_a_button, {
         type: "primary",
         size: "default",

package/src/components/public/CustomerModal/CustomerModal.vue.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./CustomerModal.vue2.js";
+export {
+  _sfc_main as default
+};

package/src/components/public/CustomerModal/CustomerModal.vue2.js

@@ -0,0 +1,74 @@
+import { defineComponent, getCurrentInstance, useAttrs, ref, computed, onMounted, createBlock, openBlock, unref, mergeProps, withCtx, createVNode, nextTick } from "vue";
+import { useLowcode } from "../../../hooks/useLowcode.js";
+import _sfc_main$1 from "../../form-render/SubmitButtonRender.vue.js";
+import { TpfModal } from "tmgc2-share";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "CustomerModal",
+  props: {
+    type: {},
+    formCode: {}
+  },
+  setup(__props) {
+    const VFormRender = defineAsyncComponent(() => import("../../form-render/index.vue.js"));
+    const instance = getCurrentInstance();
+    const attrs = useAttrs() || {};
+    const visible = ref(false);
+    const props = __props;
+    const vfCtx = computed(() => {
+      var _a, _b;
+      return {
+        _id: ((_b = (_a = attrs == null ? void 0 : attrs.row) == null ? void 0 : _a.record) == null ? void 0 : _b._id) || null,
+        type: props.type,
+        instance,
+        ...attrs
+      };
+    });
+    const {
+      vfdRef,
+      formConfig,
+      getComponentJson
+    } = useLowcode({
+      formCode: props.formCode,
+      type: props.type
+    });
+    const title = computed(() => {
+      if (props.type === "add") return "新增";
+      if (props.type === "edit") return "编辑";
+      if (props.type === "view") return "查看";
+      return "新增";
+    });
+    const show = async () => {
+      visible.value = true;
+      await nextTick();
+      await getComponentJson([]);
+      console.log("attrs", attrs);
+    };
+    onMounted(() => {
+      show();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(TpfModal), mergeProps({
+        visible: visible.value,
+        "onUpdate:visible": _cache[1] || (_cache[1] = ($event) => visible.value = $event)
+      }, _ctx.$attrs, {
+        title: title.value
+      }), {
+        footerRight: withCtx(() => [createVNode(_sfc_main$1, {
+          dialogVisible: visible.value,
+          "onUpdate:dialogVisible": _cache[0] || (_cache[0] = ($event) => visible.value = $event),
+          options: unref(formConfig),
+          ctx: unref(vfdRef)
+        }, null, 8, ["dialogVisible", "options", "ctx"])]),
+        default: withCtx(() => [createVNode(unref(VFormRender), {
+          vfCtx: vfCtx.value,
+          ref_key: "vfdRef",
+          ref: vfdRef
+        }, null, 8, ["vfCtx"])]),
+        _: 1
+      }, 16, ["visible", "title"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/src/components/public/CustomerModal/useCustomerModal.js

@@ -0,0 +1,34 @@
+import { defineAsyncComponent, createApp, createVNode, mergeProps } from "vue";
+import { TpfConfigProvider } from "tmgc2-share";
+const openCustomerModal = (ops, useMountApp) => {
+  console.log("ops: ", ops);
+  const {
+    type,
+    formCode,
+    ...args
+  } = ops;
+  const div = document.createElement("div");
+  document.body.appendChild(div);
+  const Com = defineAsyncComponent(() => import("./CustomerModal.vue.js"));
+  const hide = (modal2) => {
+    modal2.unmount();
+    div.remove();
+  };
+  const onCancel = () => {
+    console.log("cancel");
+    hide(modal);
+  };
+  const modal = createApp(createVNode(TpfConfigProvider, null, {
+    default: () => [createVNode(Com, mergeProps({
+      "type": type,
+      "formCode": formCode
+    }, {
+      onCancel
+    }, args), null)]
+  }));
+  useMountApp(modal);
+  modal.mount(div);
+};
+export {
+  openCustomerModal
+};

package/src/components/public/QuillEditor/index.vue.js

@@ -140,9 +140,8 @@ const _sfc_main = {
     return { editor };
   }
 };
-const _hoisted_1 = { ref: "editor" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("section", _hoisted_1, null, 512);
+  return openBlock(), createElementBlock("section", { ref: "editor" }, null, 512);
 }
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {

package/src/components/public/methoad-item.vue.js

@@ -2,7 +2,6 @@ import { defineComponent, ref, resolveComponent, createElementBlock, openBlock,
 import { useI18n } from "../../utils/i18n.js";
 import CodeEditor from "../code-editor/index.vue.js";
 import { message } from "ant-design-vue";
-const _hoisted_1 = { class: "dialog-footer" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "methoad-item",
   props: {
@@ -80,7 +79,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           width: 800
         }, {
           footer: withCtx(() => [
-            createElementVNode("div", _hoisted_1, [
+            createElementVNode("div", { class: "dialog-footer" }, [
               createVNode(_component_a_button, {
                 onClick: _cache[2] || (_cache[2] = ($event) => showFormEventDialogFlag.value = false)
               }, {

package/src/components/svg-icon/index.vue.js

@@ -41,16 +41,14 @@ const _sfc_main = {
     }
   }
 };
-const _hoisted_1 = ["xlink:href"];
-const _hoisted_2 = { key: 0 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", {
     class: normalizeClass($options.svgClass),
     "aria-hidden": "true",
     style: normalizeStyle($options.getStyle)
   }, [
-    createElementVNode("use", { "xlink:href": $options.iconName }, null, 8, _hoisted_1),
-    !!$props.title ? (openBlock(), createElementBlock("title", _hoisted_2, toDisplayString($props.title), 1)) : createCommentVNode("", true)
+    createElementVNode("use", { "xlink:href": $options.iconName }, null, 8, ["xlink:href"]),
+    !!$props.title ? (openBlock(), createElementBlock("title", { key: 0 }, toDisplayString($props.title), 1)) : createCommentVNode("", true)
   ], 6);
 }
 const SvgIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-dfe46d5e"]]);

package/src/hooks/useLowcode.js

@@ -0,0 +1,105 @@
+import { basicFieldsEnums } from "../components/form-designer/widget-panel/basicFieldsEnums.js";
+import { getUuidKey } from "@kp-ui/tool";
+import { useDataQueryApi, useRouteBackTab, routerReloadStatus } from "tmgc2-share";
+import { ref } from "vue";
+const useLowcode = (params) => {
+  const { formCode, entityCode, type } = params;
+  const useDataQuery = useDataQueryApi();
+  const vfdRef = ref();
+  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 = []) => {
+    var _a, _b;
+    let json = { widgetList: [], formConfig: {} };
+    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);
+    }
+    console.log("json: ", json);
+    formConfig.value = json.formConfig;
+    vfdRef.value.setFormJson(json);
+    return json;
+  };
+  const getFieldList = async () => {
+    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) => {
+    routeBackTab(reloadStatus);
+  };
+  return {
+    goBack,
+    formConfig,
+    getInitRenderJSON,
+    vfdRef,
+    getComponentJson,
+    getFieldList,
+    fieldListApi
+  };
+};
+export {
+  useLowcode
+};