@kp-ui/lowcode 1.0.31 → 1.0.33

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

@@ -1,274 +1,269 @@
-import { defineComponent, getCurrentInstance, ref, computed, onBeforeUnmount, resolveComponent, createBlock, openBlock, withCtx, createVNode, mergeProps, createElementVNode, createCommentVNode, createTextVNode, toDisplayString, nextTick } from "vue";
-import { useI18n } from "../../utils/i18n.js";
+import { defineAsyncComponent, resolveComponent, createBlock, openBlock, withCtx, createVNode, mergeProps, createElementVNode, createCommentVNode, createTextVNode, toDisplayString } from "vue";
+import i18n from "../../utils/i18n.js";
 import zhCN from "ant-design-vue/es/locale/zh_CN";
-import VFormRender from "../../../render.js";
-const _hoisted_1 = /* @__PURE__ */ createElementVNode("div", { class: "footer-left" }, null, -1);
-const _hoisted_2 = { class: "footer-right" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "dynamic-dialog",
+/* empty css                    */
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "dynamic-dialog",
+  mixins: [i18n],
   props: {
-    options: { default: () => ({}) },
-    formJson: {},
-    formData: { default: () => ({}) },
-    vfCtx: { default: () => ({}) },
-    optionData: { default: () => ({}) },
-    globalDsv: { default: () => ({}) },
-    parentFormRef: { default: null },
-    extraData: { default: () => ({}) },
-    wrapperId: { default: null }
+    options: {
+      type: Object,
+      default: () => ({})
+    },
+    formJson: {
+      type: Object
+    },
+    formData: {
+      type: Object,
+      default: () => ({})
+    },
+    vfCtx: {
+      type: Object,
+      default: () => ({})
+    },
+    optionData: {
+      //prop传入的选项数据
+      type: Object,
+      default: () => ({})
+    },
+    globalDsv: {
+      // 全局数据源变量
+      type: Object,
+      default: () => ({})
+    },
+    parentFormRef: {
+      type: Object,
+      default: null
+    },
+    extraData: {
+      type: Object,
+      default: () => ({})
+    },
+    wrapperId: {
+      type: String,
+      default: null
+    }
+  },
+  components: {
+    VFormRender: defineAsyncComponent(() => import("../../../render.js"))
   },
-  setup(__props, { expose: __expose }) {
-    const { i18nt } = useI18n();
-    const ctx = getCurrentInstance();
-    const isLoading = ref(false);
-    const props = __props;
-    const dialogVisible = ref(false);
-    const dFormRef = ref(null);
-    const elLocaleMap = {
-      "zh-CN": { ...zhCN },
-      "en-US": {}
+  data() {
+    return {
+      isLoading: true,
+      dialogVisible: false,
+      elLocaleMap: {
+        "zh-CN": { ...zhCN },
+        "en-US": {}
+      }
     };
-    const elLocale = computed(() => {
+  },
+  created() {
+  },
+  computed: {
+    elLocale() {
       const curLocale = localStorage.getItem("v_form_locale") || "zh-CN";
-      return elLocaleMap[curLocale];
-    });
-    const parentForm = computed(() => {
-      var _a;
-      return { ...props.parentFormRef, parentDom: (_a = getCurrentInstance()) == null ? void 0 : _a.proxy, getParentFormRef };
-    });
-    const otherAttrs = computed(() => {
-      if (props.options.cancelButtonHidden && props.options.okButtonHidden) {
+      return this.elLocaleMap[curLocale];
+    },
+    parentForm() {
+      return { ...this.parentFormRef, parentDom: this, getParentFormRef: this.getParentFormRef };
+    },
+    otherAttrs() {
+      if (this.options.cancelButtonHidden && this.options.okButtonHidden) {
         return { footer: null };
       }
       return {};
-    });
-    const cancelBtnLabel = computed(() => {
-      return props.options.cancelButtonLabel || i18nt("designer.hint.cancel");
-    });
-    const okBtnLabel = computed(() => {
-      return props.options.okButtonLabel || i18nt("designer.hint.confirm");
-    });
-    onBeforeUnmount(() => {
-      var _a;
-      (_a = props.parentFormRef) == null ? void 0 : _a.setChildFormRef(null);
-    });
-    const loadFormCode = async () => {
-      var _a;
-      if (props.options.formCode) {
-        const http = ctx.appContext.config.globalProperties.$http;
-        try {
-          const { data } = await http.get(
-            `/api/tmgc2-query/dataQuery/detail/FormDefinitionManagement`,
-            {
-              params: { code: props.options.formCode }
-            }
-          );
-          (_a = dFormRef.value) == null ? void 0 : _a.setFormJson(JSON.parse(data.object.frontendDefinition || "{}"));
-        } finally {
-        }
+    },
+    cancelBtnLabel() {
+      return this.options.cancelButtonLabel || this.i18nt("designer.hint.cancel");
+    },
+    okBtnLabel() {
+      return this.options.okButtonLabel || this.i18nt("designer.hint.confirm");
+    }
+  },
+  mounted() {
+  },
+  beforeUnmount() {
+    this.parentFormRef.setChildFormRef(null);
+  },
+  methods: {
+    async loadFormCode() {
+      if (this.options.formCode) {
+        const res = await this.$http.get(`/api/tmgc2-query/dataQuery/detail/FormDefinitionManagement`, {
+          params: { code: this.options.formCode }
+        }).then((res2) => res2.data.object.frontendDefinition || "{}");
+        this.$refs.dFormRef.setFormJson(JSON.parse(res));
       }
-    };
-    const setTitle = (title) => {
-      props.options.title = title;
-    };
-    const show = () => {
-      dialogVisible.value = true;
-      nextTick(async () => {
-        var _a, _b, _c, _d, _e, _f;
-        if (props.options.readMode) {
-          (_a = dFormRef.value) == null ? void 0 : _a.setReadMode(true);
+    },
+    setTitle(title) {
+      this.options.title = title;
+    },
+    show() {
+      this.dialogVisible = true;
+      this.$nextTick(() => {
+        if (!!this.options.readMode) {
+          this.$refs["dFormRef"].setReadMode(true);
         }
-        (_b = dFormRef.value) == null ? void 0 : _b.setLoading(true);
-        await loadFormCode();
-        (_d = dFormRef.value) == null ? void 0 : _d.setDialogOrDrawerRef((_c = getCurrentInstance()) == null ? void 0 : _c.proxy);
-        (_e = props.parentFormRef) == null ? void 0 : _e.setChildFormRef(dFormRef.value);
-        (_f = dFormRef.value) == null ? void 0 : _f.setLoading(false);
-        handleOpenedEvent();
+        this.loadFormCode();
+        this.$refs["dFormRef"].setDialogOrDrawerRef(this);
+        this.parentFormRef.setChildFormRef(this.$refs["dFormRef"]);
+        this.handleOpenedEvent();
       });
-    };
-    const close = () => {
-      var _a;
-      if (props.options.onDialogBeforeClose) {
-        try {
-          const customFn = new Function("done", props.options.onDialogBeforeClose);
-          const closeResult = customFn.call((_a = getCurrentInstance()) == null ? void 0 : _a.proxy);
-          if (closeResult === false) {
-            return;
-          }
-        } catch (error) {
-          console.error("Error executing onDialogBeforeClose:", error);
+    },
+    close() {
+      if (!!this.options.onDialogBeforeClose) {
+        const customFn = new Function("done", this.options.onDialogBeforeClose);
+        const closeResult = customFn.call(this);
+        if (closeResult === false) {
+          return;
         }
       }
-      dialogVisible.value = false;
-      setTimeout(deleteWrapperNode, 150);
-    };
-    const deleteWrapperNode = () => {
-      const wrapperNode = document.getElementById("vf-dynamic-dialog-wrapper" + props.wrapperId);
-      if (wrapperNode) {
+      this.dialogVisible = false;
+      setTimeout(this.deleteWrapperNode, 150);
+    },
+    deleteWrapperNode() {
+      const wrapperNode = document.getElementById("vf-dynamic-dialog-wrapper" + this.wrapperId);
+      if (!!wrapperNode) {
         document.body.removeChild(wrapperNode);
       }
-    };
-    const handleBeforeClose = () => {
-      var _a;
-      if (props.options.onDialogBeforeClose) {
-        try {
-          const customFn = new Function(props.options.onDialogBeforeClose);
-          return customFn.call((_a = getCurrentInstance()) == null ? void 0 : _a.proxy);
-        } catch (error) {
-          console.error("Error executing onDialogBeforeClose:", error);
-          return true;
-        }
+    },
+    handleBeforeClose() {
+      if (!!this.options.onDialogBeforeClose) {
+        const customFn = new Function(this.options.onDialogBeforeClose);
+        return customFn.call(this);
       }
       return true;
-    };
-    const handleCloseEvent = () => {
-      if (!handleBeforeClose()) return;
-      dialogVisible.value = false;
-      setTimeout(deleteWrapperNode, 150);
-    };
-    const handleOpenedEvent = () => {
-      var _a;
-      if (props.options.onDialogOpened) {
-        try {
-          const customFn = new Function(props.options.onDialogOpened);
-          customFn.call((_a = getCurrentInstance()) == null ? void 0 : _a.proxy);
-        } catch (error) {
-          console.error("Error executing onDialogOpened:", error);
-        }
+    },
+    handleCloseEvent() {
+      if (!this.handleBeforeClose()) return;
+      this.dialogVisible = false;
+      setTimeout(this.deleteWrapperNode, 150);
+    },
+    handleOpenedEvent() {
+      if (!!this.options.onDialogOpened) {
+        const customFn = new Function(this.options.onDialogOpened);
+        customFn.call(this);
       }
-    };
-    const handleCancelClick = () => {
-      var _a;
-      if (!handleBeforeClose()) return;
-      if (props.options.onCancelButtonClick) {
-        try {
-          const customFn = new Function(props.options.onCancelButtonClick);
-          const clickResult = customFn.call((_a = getCurrentInstance()) == null ? void 0 : _a.proxy);
-          if (clickResult === false) {
-            return;
-          }
-        } catch (error) {
-          console.error("Error executing onCancelButtonClick:", error);
+    },
+    handleCancelClick() {
+      if (!this.handleBeforeClose()) return;
+      if (!!this.options.onCancelButtonClick) {
+        const customFn = new Function(this.options.onCancelButtonClick);
+        const clickResult = customFn.call(this);
+        if (clickResult === false) {
+          return;
         }
       }
-      dialogVisible.value = false;
-      setTimeout(deleteWrapperNode, 150);
-    };
-    const handleOkClick = async () => {
-      var _a;
+      this.dialogVisible = false;
+      setTimeout(this.deleteWrapperNode, 150);
+    },
+    async handleOkClick() {
       try {
-        if (props.options.onOkButtonClick) {
-          const customFn = new Function(props.options.onOkButtonClick);
-          const clickResult = await customFn.call((_a = getCurrentInstance()) == null ? void 0 : _a.proxy);
+        if (!!this.options.onOkButtonClick) {
+          const customFn = new Function(this.options.onOkButtonClick);
+          const clickResult = await customFn.call(this);
           if (clickResult === false) {
             return;
           }
         }
-        dialogVisible.value = false;
-        setTimeout(deleteWrapperNode, 150);
+        this.dialogVisible = false;
+        setTimeout(this.deleteWrapperNode, 150);
       } catch (error) {
-        console.error("Error:", error);
+        console.log("error: ", error);
       }
-    };
-    const getParentFormRef = () => {
-      return props.parentFormRef;
-    };
-    const getFormRef = () => {
+    },
+    getParentFormRef() {
+      return this.parentFormRef;
+    },
+    getFormRef() {
       console.log("getFormRef");
-      return dFormRef.value;
-    };
-    const getWidgetRef = (widgetName, showError = false) => {
-      var _a;
-      return (_a = dFormRef.value) == null ? void 0 : _a.getWidgetRef(widgetName, showError);
-    };
-    const getExtraData = () => {
-      return props.extraData;
-    };
-    __expose({
-      setTitle,
-      show,
-      close,
-      getFormRef,
-      getWidgetRef,
-      getExtraData,
-      getParentFormRef
-    });
-    return (_ctx, _cache) => {
-      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: elLocale.value,
-        input: { autocomplete: "off" }
-      }, {
+      return this.$refs["dFormRef"];
+    },
+    getWidgetRef(widgetName, showError = false) {
+      return this.$refs["dFormRef"].getWidgetRef(widgetName, showError);
+    },
+    getExtraData() {
+      return this.extraData;
+    }
+  }
+};
+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: withCtx(() => [
+      createVNode(_component_a_modal, mergeProps({
+        class: "tpf-model design-model",
+        transitionName: !$data.dialogVisible ? "" : "zoom",
+        maskTransitionName: !$data.dialogVisible ? "" : "fade",
+        destroyOnClose: true,
+        title: $props.options.title,
+        bodyStyle: {
+          height: $props.options.height,
+          overflow: "auto",
+          ...JSON.parse(this.options.bodyStyle || "{}")
+        },
+        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: $options.handleCancelClick
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString($options.cancelBtnLabel), 1)
+              ]),
+              _: 1
+            }, 8, ["onClick"])) : createCommentVNode("", true),
+            !$props.options.okButtonHidden ? (openBlock(), createBlock(_component_a_button, {
+              key: 1,
+              type: "primary",
+              onClick: $options.handleOkClick
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString($options.okBtnLabel), 1)
+              ]),
+              _: 1
+            }, 8, ["onClick"])) : createCommentVNode("", true)
+          ])
+        ]),
         default: withCtx(() => [
-          createVNode(_component_a_modal, mergeProps({
-            class: "tpf-model design-model",
-            transitionName: !dialogVisible.value ? "" : "zoom",
-            maskTransitionName: !dialogVisible.value ? "" : "fade",
-            destroyOnClose: true,
-            title: _ctx.options.title,
-            bodyStyle: {
-              height: _ctx.options.height,
-              overflow: "auto",
-              ...JSON.parse(_ctx.options.bodyStyle || "{}")
-            },
-            centered: true,
-            visible: dialogVisible.value,
-            "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => dialogVisible.value = $event),
-            width: _ctx.options.width,
-            mask: _ctx.options.showModal,
-            maskClosable: _ctx.options.closeOnClickModal,
-            keyboard: _ctx.options.closeOnPressEscape,
-            onCancel: handleCloseEvent
-          }, otherAttrs.value), {
-            footer: withCtx(() => [
-              _hoisted_1,
-              createElementVNode("div", _hoisted_2, [
-                !_ctx.options.cancelButtonHidden ? (openBlock(), createBlock(_component_a_button, {
-                  key: 0,
-                  onClick: handleCancelClick
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode(toDisplayString(cancelBtnLabel.value), 1)
-                  ]),
-                  _: 1
-                })) : createCommentVNode("", true),
-                !_ctx.options.okButtonHidden ? (openBlock(), createBlock(_component_a_button, {
-                  key: 1,
-                  type: "primary",
-                  onClick: handleOkClick
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode(toDisplayString(okBtnLabel.value), 1)
-                  ]),
-                  _: 1
-                })) : createCommentVNode("", true)
-              ])
-            ]),
-            default: withCtx(() => [
-              createVNode(VFormRender, {
-                isLoading: isLoading.value,
-                ref_key: "dFormRef",
-                ref: dFormRef,
-                "form-json": _ctx.formJson,
-                "form-data": _ctx.formData,
-                vfCtx: _ctx.vfCtx,
-                "option-data": _ctx.optionData,
-                "global-dsv": _ctx.globalDsv,
-                "parent-form": parentForm.value,
-                "disabled-mode": _ctx.options.disabledMode,
-                "dynamic-creation": true
-              }, null, 8, ["isLoading", "form-json", "form-data", "vfCtx", "option-data", "global-dsv", "parent-form", "disabled-mode"])
-            ]),
-            _: 1
-          }, 16, ["transitionName", "maskTransitionName", "title", "bodyStyle", "visible", "width", "mask", "maskClosable", "keyboard"])
+          createVNode(_component_VFormRender, {
+            isLoading: $data.isLoading,
+            ref: "dFormRef",
+            "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, ["isLoading", "form-json", "form-data", "vfCtx", "option-data", "global-dsv", "parent-form", "disabled-mode"])
         ]),
         _: 1
-      }, 8, ["locale"]);
-    };
-  }
-});
+      }, 16, ["transitionName", "maskTransitionName", "title", "bodyStyle", "visible", "width", "mask", "maskClosable", "keyboard", "onCancel"])
+    ]),
+    _: 1
+  }, 8, ["locale"]);
+}
+const DynamicDialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  _sfc_main as default
+  DynamicDialog as default
 };