@kp-ui/lowcode 1.0.25 → 1.0.27

package/src/components/form-render/dynamic-dialog.vue.js

@@ -1,11 +1,11 @@
-import F from "../../utils/i18n.js";
-import k from "ant-design-vue/es/locale/zh_CN";
-import { resolveComponent as s, createBlock as a, openBlock as r, withCtx as i, createVNode as c, mergeProps as y, createElementVNode as h, createCommentVNode as f, createTextVNode as m, toDisplayString as u } from "vue";
+import i18n from "../../utils/i18n.js";
+import zhCN from "ant-design-vue/es/locale/zh_CN";
+import { resolveComponent, createBlock, openBlock, withCtx, createVNode, mergeProps, createElementVNode, createCommentVNode, createTextVNode, toDisplayString } from "vue";
 /* empty css                    */
-import R from "../../../_virtual/_plugin-vue_export-helper.js";
-const _ = {
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
   name: "dynamic-dialog",
-  mixins: [F],
+  mixins: [i18n],
   props: {
     options: {
       type: Object,
@@ -47,9 +47,9 @@ const _ = {
   },
   data() {
     return {
-      dialogVisible: !1,
+      dialogVisible: false,
       elLocaleMap: {
-        "zh-CN": { ...k },
+        "zh-CN": { ...zhCN },
         "en-US": {}
       }
     };
@@ -58,14 +58,17 @@ const _ = {
   },
   computed: {
     elLocale() {
-      const e = localStorage.getItem("v_form_locale") || "zh-CN";
-      return this.elLocaleMap[e];
+      const curLocale = localStorage.getItem("v_form_locale") || "zh-CN";
+      return this.elLocaleMap[curLocale];
     },
     parentForm() {
       return { ...this.parentFormRef, parentDom: this, getParentFormRef: this.getParentFormRef };
     },
     otherAttrs() {
-      return this.options.cancelButtonHidden && this.options.okButtonHidden ? { footer: null } : {};
+      if (this.options.cancelButtonHidden && this.options.okButtonHidden) {
+        return { footer: null };
+      }
+      return {};
     },
     cancelBtnLabel() {
       return this.options.cancelButtonLabel || this.i18nt("designer.hint.cancel");
@@ -82,124 +85,171 @@ const _ = {
   methods: {
     async loadFormCode() {
       if (this.options.formCode) {
-        const e = await this.$http.get("/api/tmgc2-query/dataQuery/detail/FormDefinitionManagement", {
+        const res = await this.$http.get(`/api/tmgc2-query/dataQuery/detail/FormDefinitionManagement`, {
           params: { code: this.options.formCode }
-        }).then((o) => o.data.object.frontendDefinition || "{}");
-        this.$refs.dFormRef.setFormJson(JSON.parse(e));
+        }).then((res2) => res2.data.object.frontendDefinition || "{}");
+        this.$refs.dFormRef.setFormJson(JSON.parse(res));
       }
     },
-    setTitle(e) {
-      this.options.title = e;
+    setTitle(title) {
+      this.options.title = title;
     },
     show() {
-      this.dialogVisible = !0, this.$nextTick(() => {
-        this.options.readMode && this.$refs.dFormRef.setReadMode(!0), this.loadFormCode(), this.$refs.dFormRef.setDialogOrDrawerRef(this), this.parentFormRef.setChildFormRef(this.$refs.dFormRef), this.handleOpenedEvent();
+      this.dialogVisible = true;
+      this.$nextTick(() => {
+        if (!!this.options.readMode) {
+          this.$refs["dFormRef"].setReadMode(true);
+        }
+        this.loadFormCode();
+        this.$refs["dFormRef"].setDialogOrDrawerRef(this);
+        this.parentFormRef.setChildFormRef(this.$refs["dFormRef"]);
+        this.handleOpenedEvent();
       });
     },
     close() {
-      this.options.onDialogBeforeClose && new Function("done", this.options.onDialogBeforeClose).call(this) === !1 || (this.dialogVisible = !1, setTimeout(this.deleteWrapperNode, 150));
+      if (!!this.options.onDialogBeforeClose) {
+        const customFn = new Function("done", this.options.onDialogBeforeClose);
+        const closeResult = customFn.call(this);
+        if (closeResult === false) {
+          return;
+        }
+      }
+      this.dialogVisible = false;
+      setTimeout(this.deleteWrapperNode, 150);
     },
     deleteWrapperNode() {
-      const e = document.getElementById("vf-dynamic-dialog-wrapper" + this.wrapperId);
-      e && document.body.removeChild(e);
+      const wrapperNode = document.getElementById("vf-dynamic-dialog-wrapper" + this.wrapperId);
+      if (!!wrapperNode) {
+        document.body.removeChild(wrapperNode);
+      }
     },
     handleBeforeClose() {
-      return this.options.onDialogBeforeClose ? new Function(this.options.onDialogBeforeClose).call(this) : !0;
+      if (!!this.options.onDialogBeforeClose) {
+        const customFn = new Function(this.options.onDialogBeforeClose);
+        return customFn.call(this);
+      }
+      return true;
     },
     handleCloseEvent() {
-      this.handleBeforeClose() && (this.dialogVisible = !1, setTimeout(this.deleteWrapperNode, 150));
+      if (!this.handleBeforeClose()) return;
+      this.dialogVisible = false;
+      setTimeout(this.deleteWrapperNode, 150);
     },
     handleOpenedEvent() {
-      this.options.onDialogOpened && new Function(this.options.onDialogOpened).call(this);
+      if (!!this.options.onDialogOpened) {
+        const customFn = new Function(this.options.onDialogOpened);
+        customFn.call(this);
+      }
     },
     handleCancelClick() {
-      this.handleBeforeClose() && (this.options.onCancelButtonClick && new Function(this.options.onCancelButtonClick).call(this) === !1 || (this.dialogVisible = !1, setTimeout(this.deleteWrapperNode, 150)));
+      if (!this.handleBeforeClose()) return;
+      if (!!this.options.onCancelButtonClick) {
+        const customFn = new Function(this.options.onCancelButtonClick);
+        const clickResult = customFn.call(this);
+        if (clickResult === false) {
+          return;
+        }
+      }
+      this.dialogVisible = false;
+      setTimeout(this.deleteWrapperNode, 150);
     },
     async handleOkClick() {
       try {
-        if (this.options.onOkButtonClick && await new Function(this.options.onOkButtonClick).call(this) === !1)
-          return;
-        this.dialogVisible = !1, setTimeout(this.deleteWrapperNode, 150);
-      } catch (e) {
-        console.log("error: ", e);
+        if (!!this.options.onOkButtonClick) {
+          const customFn = new Function(this.options.onOkButtonClick);
+          const clickResult = await customFn.call(this);
+          if (clickResult === false) {
+            return;
+          }
+        }
+        this.dialogVisible = false;
+        setTimeout(this.deleteWrapperNode, 150);
+      } catch (error) {
+        console.log("error: ", error);
       }
     },
     getParentFormRef() {
       return this.parentFormRef;
     },
     getFormRef() {
-      return console.log("getFormRef"), this.$refs.dFormRef;
+      console.log("getFormRef");
+      return this.$refs["dFormRef"];
     },
-    getWidgetRef(e, o = !1) {
-      return this.$refs.dFormRef.getWidgetRef(e, o);
+    getWidgetRef(widgetName, showError = false) {
+      return this.$refs["dFormRef"].getWidgetRef(widgetName, showError);
     },
     getExtraData() {
       return this.extraData;
     }
   }
-}, v = /* @__PURE__ */ h("div", { class: "footer-left" }, null, -1), B = { class: "footer-right" };
-function D(e, o, t, O, l, n) {
-  const p = s("VFormRender"), d = s("a-button"), g = s("a-modal"), C = s("a-config-provider");
-  return r(), a(C, {
-    locale: n.elLocale,
+};
+const _hoisted_1 = /* @__PURE__ */ createElementVNode("div", { class: "footer-left" }, null, -1);
+const _hoisted_2 = { class: "footer-right" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_VFormRender = resolveComponent("VFormRender");
+  const _component_a_button = resolveComponent("a-button");
+  const _component_a_modal = resolveComponent("a-modal");
+  const _component_a_config_provider = resolveComponent("a-config-provider");
+  return openBlock(), createBlock(_component_a_config_provider, {
+    locale: $options.elLocale,
     input: { autocomplete: "off" }
   }, {
-    default: i(() => [
-      c(g, y({
+    default: withCtx(() => [
+      createVNode(_component_a_modal, mergeProps({
         class: "tpf-model design-model",
-        transitionName: l.dialogVisible ? "zoom" : "",
-        maskTransitionName: l.dialogVisible ? "fade" : "",
-        destroyOnClose: !0,
-        title: t.options.title,
+        transitionName: !$data.dialogVisible ? "" : "zoom",
+        maskTransitionName: !$data.dialogVisible ? "" : "fade",
+        destroyOnClose: true,
+        title: $props.options.title,
         bodyStyle: {
-          height: t.options.height,
+          height: $props.options.height,
           overflow: "auto",
           ...JSON.parse(this.options.bodyStyle || "{}")
         },
-        centered: !0,
-        visible: l.dialogVisible,
-        "onUpdate:visible": o[0] || (o[0] = (b) => l.dialogVisible = b),
-        width: t.options.width,
-        mask: t.options.showModal,
-        maskClosable: t.options.closeOnClickModal,
-        keyboard: t.options.closeOnPressEscape,
-        onCancel: n.handleCloseEvent
-      }, n.otherAttrs), {
-        footer: i(() => [
-          v,
-          h("div", B, [
-            t.options.cancelButtonHidden ? f("", !0) : (r(), a(d, {
+        centered: true,
+        visible: $data.dialogVisible,
+        "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => $data.dialogVisible = $event),
+        width: $props.options.width,
+        mask: $props.options.showModal,
+        maskClosable: $props.options.closeOnClickModal,
+        keyboard: $props.options.closeOnPressEscape,
+        onCancel: $options.handleCloseEvent
+      }, $options.otherAttrs), {
+        footer: withCtx(() => [
+          _hoisted_1,
+          createElementVNode("div", _hoisted_2, [
+            !$props.options.cancelButtonHidden ? (openBlock(), createBlock(_component_a_button, {
               key: 0,
-              onClick: n.handleCancelClick
+              onClick: $options.handleCancelClick
             }, {
-              default: i(() => [
-                m(u(n.cancelBtnLabel), 1)
+              default: withCtx(() => [
+                createTextVNode(toDisplayString($options.cancelBtnLabel), 1)
               ]),
               _: 1
-            }, 8, ["onClick"])),
-            t.options.okButtonHidden ? f("", !0) : (r(), a(d, {
+            }, 8, ["onClick"])) : createCommentVNode("", true),
+            !$props.options.okButtonHidden ? (openBlock(), createBlock(_component_a_button, {
               key: 1,
               type: "primary",
-              onClick: n.handleOkClick
+              onClick: $options.handleOkClick
             }, {
-              default: i(() => [
-                m(u(n.okBtnLabel), 1)
+              default: withCtx(() => [
+                createTextVNode(toDisplayString($options.okBtnLabel), 1)
               ]),
               _: 1
-            }, 8, ["onClick"]))
+            }, 8, ["onClick"])) : createCommentVNode("", true)
           ])
         ]),
-        default: i(() => [
-          c(p, {
+        default: withCtx(() => [
+          createVNode(_component_VFormRender, {
             ref: "dFormRef",
-            "form-json": t.formJson,
-            "form-data": t.formData,
-            vfCtx: t.vfCtx,
-            "option-data": t.optionData,
-            "global-dsv": t.globalDsv,
-            "parent-form": n.parentForm,
-            "disabled-mode": t.options.disabledMode,
-            "dynamic-creation": !0
+            "form-json": $props.formJson,
+            "form-data": $props.formData,
+            vfCtx: $props.vfCtx,
+            "option-data": $props.optionData,
+            "global-dsv": $props.globalDsv,
+            "parent-form": $options.parentForm,
+            "disabled-mode": $props.options.disabledMode,
+            "dynamic-creation": true
           }, null, 8, ["form-json", "form-data", "vfCtx", "option-data", "global-dsv", "parent-form", "disabled-mode"])
         ]),
         _: 1
@@ -208,7 +258,7 @@ function D(e, o, t, O, l, n) {
     _: 1
   }, 8, ["locale"]);
 }
-const L = /* @__PURE__ */ R(_, [["render", D]]);
+const DynamicDialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  L as default
+  DynamicDialog as default
 };

package/src/components/form-render/dynamic-drawer.vue.js

@@ -1,10 +1,10 @@
-import b from "../../utils/i18n.js";
-import { resolveComponent as i, createBlock as r, openBlock as l, withCtx as s, createVNode as w, createElementVNode as C, createCommentVNode as d, createTextVNode as f, toDisplayString as m } from "vue";
+import i18n from "../../utils/i18n.js";
+import { resolveComponent, createBlock, openBlock, withCtx, createVNode, createElementVNode, createCommentVNode, createTextVNode, toDisplayString } from "vue";
 /* empty css                    */
-import k from "../../../_virtual/_plugin-vue_export-helper.js";
-const F = {
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
   name: "dynamic-drawer",
-  mixins: [b],
+  mixins: [i18n],
   props: {
     options: {
       type: Object,
@@ -42,7 +42,7 @@ const F = {
   },
   data() {
     return {
-      drawerVisible: !1
+      drawerVisible: false
     };
   },
   computed: {
@@ -60,109 +60,149 @@ const F = {
   },
   methods: {
     show() {
-      this.drawerVisible = !0, this.$nextTick(() => {
-        this.options.readMode && this.$refs.dFormRef.setReadMode(!0), this.$refs.dFormRef.setDialogOrDrawerRef(this), this.parentFormRef.setChildFormRef(this.$refs.dFormRef);
+      this.drawerVisible = true;
+      this.$nextTick(() => {
+        if (!!this.options.readMode) {
+          this.$refs["dFormRef"].setReadMode(true);
+        }
+        this.$refs["dFormRef"].setDialogOrDrawerRef(this);
+        this.parentFormRef.setChildFormRef(this.$refs["dFormRef"]);
       });
     },
     close() {
-      this.options.onDrawerBeforeClose && new Function(this.options.onDrawerBeforeClose).call(this) === !1 || (this.drawerVisible = !1, this.$refs.drawerRef.handleClose(), setTimeout(this.deleteWrapperNode, 150));
+      if (!!this.options.onDrawerBeforeClose) {
+        const customFn = new Function(this.options.onDrawerBeforeClose);
+        const closeResult = customFn.call(this);
+        if (closeResult === false) {
+          return;
+        }
+      }
+      this.drawerVisible = false;
+      this.$refs["drawerRef"].handleClose();
+      setTimeout(this.deleteWrapperNode, 150);
     },
     deleteWrapperNode() {
-      const t = document.getElementById("vf-dynamic-drawer-wrapper" + this.wrapperId);
-      t && document.body.removeChild(t);
+      const wrapperNode = document.getElementById("vf-dynamic-drawer-wrapper" + this.wrapperId);
+      if (!!wrapperNode) {
+        document.body.removeChild(wrapperNode);
+      }
     },
-    handleBeforeClose(t) {
-      if (this.options.onDrawerBeforeClose) {
-        const e = new Function(this.options.onDrawerBeforeClose).call(this);
-        return e === !1 ? e : t();
+    handleBeforeClose(done) {
+      if (!!this.options.onDrawerBeforeClose) {
+        const customFn = new Function(this.options.onDrawerBeforeClose);
+        const closeResult = customFn.call(this);
+        return closeResult === false ? closeResult : done();
       }
-      return t();
+      return done();
     },
     handleCloseEvent() {
-      this.drawerVisible = !1, setTimeout(this.deleteWrapperNode, 150);
+      this.drawerVisible = false;
+      setTimeout(this.deleteWrapperNode, 150);
     },
     handleOpenedEvent() {
-      this.options.onDrawerOpened && new Function(this.options.onDrawerOpened).call(this);
+      if (!!this.options.onDrawerOpened) {
+        const customFn = new Function(this.options.onDrawerOpened);
+        customFn.call(this);
+      }
     },
     handleCancelClick() {
-      this.options.onCancelButtonClick && new Function(this.options.onCancelButtonClick).call(this) === !1 || (this.drawerVisible = !1, setTimeout(this.deleteWrapperNode, 150));
+      if (!!this.options.onCancelButtonClick) {
+        const customFn = new Function(this.options.onCancelButtonClick);
+        const clickResult = customFn.call(this);
+        if (clickResult === false) {
+          return;
+        }
+      }
+      this.drawerVisible = false;
+      setTimeout(this.deleteWrapperNode, 150);
     },
     handleOkClick() {
-      this.options.onOkButtonClick && new Function(this.options.onOkButtonClick).call(this) === !1 || (this.drawerVisible = !1, setTimeout(this.deleteWrapperNode, 150));
+      if (!!this.options.onOkButtonClick) {
+        const customFn = new Function(this.options.onOkButtonClick);
+        const clickResult = customFn.call(this);
+        if (clickResult === false) {
+          return;
+        }
+      }
+      this.drawerVisible = false;
+      setTimeout(this.deleteWrapperNode, 150);
     },
     getParentFormRef() {
       return this.parentFormRef;
     },
     getFormRef() {
-      return this.$refs.dFormRef;
+      return this.$refs["dFormRef"];
     },
-    getWidgetRef(t, o = !1) {
-      return this.$refs.dFormRef.getWidgetRef(t, o);
+    getWidgetRef(widgetName, showError = false) {
+      return this.$refs["dFormRef"].getWidgetRef(widgetName, showError);
     },
     getExtraData() {
       return this.extraData;
     }
   }
-}, R = { style: { float: "right" } };
-function y(t, o, e, B, a, n) {
-  const u = i("VFormRender"), c = i("a-button"), h = i("a-drawer");
-  return l(), r(h, {
+};
+const _hoisted_1 = { style: { "float": "right" } };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_VFormRender = resolveComponent("VFormRender");
+  const _component_a_button = resolveComponent("a-button");
+  const _component_a_drawer = resolveComponent("a-drawer");
+  return openBlock(), createBlock(_component_a_drawer, {
     ref: "drawerRef",
-    title: e.options.title,
-    visible: a.drawerVisible,
-    "onUpdate:visible": o[0] || (o[0] = (p) => a.drawerVisible = p),
+    title: $props.options.title,
+    visible: $data.drawerVisible,
+    "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => $data.drawerVisible = $event),
     "custom-class": "dynamic-drawer",
     "append-to-body": "",
     "destroy-on-close": "",
-    size: e.options.size,
-    modal: e.options.showModal,
-    direction: e.options.direction,
-    "show-close": e.options.showClose,
-    "close-on-click-modal": e.options.closeOnClickModal,
-    "close-on-press-escape": e.options.closeOnPressEscape,
-    "before-close": n.handleBeforeClose,
-    onClose: n.handleCloseEvent,
-    onOpened: n.handleOpenedEvent
+    size: $props.options.size,
+    modal: $props.options.showModal,
+    direction: $props.options.direction,
+    "show-close": $props.options.showClose,
+    "close-on-click-modal": $props.options.closeOnClickModal,
+    "close-on-press-escape": $props.options.closeOnPressEscape,
+    "before-close": $options.handleBeforeClose,
+    onClose: $options.handleCloseEvent,
+    onOpened: $options.handleOpenedEvent
   }, {
-    footer: s(() => [
-      C("div", R, [
-        e.options.cancelButtonHidden ? d("", !0) : (l(), r(c, {
+    footer: withCtx(() => [
+      createElementVNode("div", _hoisted_1, [
+        !$props.options.cancelButtonHidden ? (openBlock(), createBlock(_component_a_button, {
           key: 0,
-          onClick: n.handleCancelClick
+          onClick: $options.handleCancelClick
         }, {
-          default: s(() => [
-            f(m(n.cancelBtnLabel), 1)
+          default: withCtx(() => [
+            createTextVNode(toDisplayString($options.cancelBtnLabel), 1)
           ]),
           _: 1
-        }, 8, ["onClick"])),
-        e.options.okButtonHidden ? d("", !0) : (l(), r(c, {
+        }, 8, ["onClick"])) : createCommentVNode("", true),
+        !$props.options.okButtonHidden ? (openBlock(), createBlock(_component_a_button, {
           key: 1,
           type: "primary",
-          onClick: n.handleOkClick
+          onClick: $options.handleOkClick
         }, {
-          default: s(() => [
-            f(m(n.okBtnLabel), 1)
+          default: withCtx(() => [
+            createTextVNode(toDisplayString($options.okBtnLabel), 1)
           ]),
           _: 1
-        }, 8, ["onClick"]))
+        }, 8, ["onClick"])) : createCommentVNode("", true)
       ])
     ]),
-    default: s(() => [
-      w(u, {
+    default: withCtx(() => [
+      createVNode(_component_VFormRender, {
         ref: "dFormRef",
-        "form-json": e.formJson,
-        "form-data": e.formData,
-        "option-data": e.optionData,
-        "global-dsv": e.globalDsv,
-        "parent-form": e.parentFormRef,
-        "disabled-mode": e.options.disabledMode,
-        "dynamic-creation": !0
+        "form-json": $props.formJson,
+        "form-data": $props.formData,
+        "option-data": $props.optionData,
+        "global-dsv": $props.globalDsv,
+        "parent-form": $props.parentFormRef,
+        "disabled-mode": $props.options.disabledMode,
+        "dynamic-creation": true
       }, null, 8, ["form-json", "form-data", "option-data", "global-dsv", "parent-form", "disabled-mode"])
     ]),
     _: 1
   }, 8, ["title", "visible", "size", "modal", "direction", "show-close", "close-on-click-modal", "close-on-press-escape", "before-close", "onClose", "onOpened"]);
 }
-const v = /* @__PURE__ */ k(F, [["render", y], ["__scopeId", "data-v-de083670"]]);
+const DynamicDrawer = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-de083670"]]);
 export {
-  v as default
+  DynamicDrawer as default
 };

package/src/components/form-render/refMixin.js

@@ -1,20 +1,34 @@
-const s = {
+const refMixin = {
   methods: {
     initRefList() {
-      this.subFormRowIndex === -1 || this.subFormRowIndex === void 0 ? this.refList !== null && this.widget.options.name && (this.refList[this.widget.options.name] = this) : this.refList !== null && this.widget.options.name && (this.refList[this.widget.options.name + "@row" + this.subFormRowId] = this);
+      if (this.subFormRowIndex === -1 || this.subFormRowIndex === void 0) {
+        if (this.refList !== null && !!this.widget.options.name) {
+          this.refList[this.widget.options.name] = this;
+        }
+      } else {
+        if (this.refList !== null && !!this.widget.options.name) {
+          this.refList[this.widget.options.name + "@row" + this.subFormRowId] = this;
+        }
+      }
     },
-    getWidgetRef(t, e) {
-      const i = this.refList[t];
-      return !i && e && this.$message.error(this.i18nt("render.hint.refNotFound") + t), i;
+    getWidgetRef(widgetName, showError) {
+      const foundRef = this.refList[widgetName];
+      if (!foundRef && !!showError) {
+        this.$message.error(this.i18nt("render.hint.refNotFound") + widgetName);
+      }
+      return foundRef;
     },
     getFormRef() {
-      return this.refList.v_form_ref;
+      return this.refList["v_form_ref"];
     },
-    getComponentByContainer(t) {
-      return t.type === "grid" ? "vf-grid-item" : t.type + "-item";
+    getComponentByContainer(con) {
+      if (con.type === "grid") {
+        return "vf-grid-item";
+      }
+      return con.type + "-item";
     }
   }
 };
 export {
-  s as default
+  refMixin as default
 };