@kp-ui/lowcode 1.0.30 → 1.0.31

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

@@ -1,208 +1,7 @@
-import i18n from "../../utils/i18n.js";
-import { resolveComponent, createBlock, openBlock, withCtx, createVNode, createElementVNode, createCommentVNode, createTextVNode, toDisplayString } from "vue";
+import _sfc_main from "./dynamic-drawer.vue2.js";
 /* empty css                    */
 import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
-const _sfc_main = {
-  name: "dynamic-drawer",
-  mixins: [i18n],
-  props: {
-    options: {
-      type: Object,
-      default: () => ({})
-    },
-    formJson: {
-      type: Object
-    },
-    formData: {
-      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
-    }
-  },
-  data() {
-    return {
-      drawerVisible: false
-    };
-  },
-  computed: {
-    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: {
-    show() {
-      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() {
-      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 wrapperNode = document.getElementById("vf-dynamic-drawer-wrapper" + this.wrapperId);
-      if (!!wrapperNode) {
-        document.body.removeChild(wrapperNode);
-      }
-    },
-    handleBeforeClose(done) {
-      if (!!this.options.onDrawerBeforeClose) {
-        const customFn = new Function(this.options.onDrawerBeforeClose);
-        const closeResult = customFn.call(this);
-        return closeResult === false ? closeResult : done();
-      }
-      return done();
-    },
-    handleCloseEvent() {
-      this.drawerVisible = false;
-      setTimeout(this.deleteWrapperNode, 150);
-    },
-    handleOpenedEvent() {
-      if (!!this.options.onDrawerOpened) {
-        const customFn = new Function(this.options.onDrawerOpened);
-        customFn.call(this);
-      }
-    },
-    handleCancelClick() {
-      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() {
-      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"];
-    },
-    getWidgetRef(widgetName, showError = false) {
-      return this.$refs["dFormRef"].getWidgetRef(widgetName, showError);
-    },
-    getExtraData() {
-      return this.extraData;
-    }
-  }
-};
-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: $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: $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: withCtx(() => [
-      createElementVNode("div", _hoisted_1, [
-        !$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_VFormRender, {
-        ref: "dFormRef",
-        "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 DynamicDrawer = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-de083670"]]);
+const DynamicDrawer = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-af07fb62"]]);
 export {
   DynamicDrawer as default
 };

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

@@ -0,0 +1,247 @@
+import { defineComponent, getCurrentInstance, ref, computed, onBeforeUnmount, resolveComponent, createBlock, openBlock, withCtx, createVNode, createElementVNode, createCommentVNode, createTextVNode, toDisplayString, nextTick } from "vue";
+import { useI18n } from "../../utils/i18n.js";
+import VFormRender from "../../../render.js";
+const _hoisted_1 = { style: { "float": "right" } };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "dynamic-drawer",
+  props: {
+    options: { default: () => ({}) },
+    formJson: {},
+    formData: { default: () => ({}) },
+    vfCtx: { default: () => ({}) },
+    optionData: { default: () => ({}) },
+    globalDsv: { default: () => ({}) },
+    parentFormRef: { default: null },
+    extraData: { default: () => ({}) },
+    wrapperId: { default: null }
+  },
+  setup(__props, { expose: __expose }) {
+    const { i18nt } = useI18n();
+    const ctx = getCurrentInstance();
+    const isLoading = ref(false);
+    const props = __props;
+    const drawerVisible = ref(false);
+    const dFormRef = ref(null);
+    const drawerRef = ref(null);
+    const parentForm = computed(() => {
+      var _a;
+      return { ...props.parentFormRef, parentDom: (_a = getCurrentInstance()) == null ? void 0 : _a.proxy, getParentFormRef };
+    });
+    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 {
+        }
+      }
+    };
+    const setTitle = (title) => {
+      props.options.title = title;
+    };
+    const show = () => {
+      drawerVisible.value = true;
+      nextTick(async () => {
+        var _a, _b, _c, _d, _e, _f;
+        if (props.options.readMode) {
+          (_a = dFormRef.value) == null ? void 0 : _a.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();
+      });
+    };
+    const close = () => {
+      var _a, _b;
+      if (props.options.onDrawerBeforeClose) {
+        try {
+          const customFn = new Function(props.options.onDrawerBeforeClose);
+          const closeResult = customFn.call((_a = getCurrentInstance()) == null ? void 0 : _a.proxy);
+          if (closeResult === false) {
+            return;
+          }
+        } catch (error) {
+          console.error("Error executing onDrawerBeforeClose:", error);
+        }
+      }
+      drawerVisible.value = false;
+      (_b = drawerRef.value) == null ? void 0 : _b.handleClose();
+      setTimeout(deleteWrapperNode, 150);
+    };
+    const deleteWrapperNode = () => {
+      const wrapperNode = document.getElementById("vf-dynamic-drawer-wrapper" + props.wrapperId);
+      if (wrapperNode) {
+        document.body.removeChild(wrapperNode);
+      }
+    };
+    const handleBeforeClose = (done) => {
+      var _a;
+      if (props.options.onDrawerBeforeClose) {
+        try {
+          const customFn = new Function(props.options.onDrawerBeforeClose);
+          const closeResult = customFn.call((_a = getCurrentInstance()) == null ? void 0 : _a.proxy);
+          return closeResult === false ? closeResult : done();
+        } catch (error) {
+          console.error("Error executing onDrawerBeforeClose:", error);
+          return done();
+        }
+      }
+      return done();
+    };
+    const handleCloseEvent = () => {
+      drawerVisible.value = false;
+      setTimeout(deleteWrapperNode, 150);
+    };
+    const handleOpenedEvent = () => {
+      var _a;
+      if (props.options.onDrawerOpened) {
+        try {
+          const customFn = new Function(props.options.onDrawerOpened);
+          customFn.call((_a = getCurrentInstance()) == null ? void 0 : _a.proxy);
+        } catch (error) {
+          console.error("Error executing onDrawerOpened:", error);
+        }
+      }
+    };
+    const handleCancelClick = () => {
+      var _a;
+      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);
+        }
+      }
+      drawerVisible.value = false;
+      setTimeout(deleteWrapperNode, 150);
+    };
+    const handleOkClick = () => {
+      var _a;
+      if (props.options.onOkButtonClick) {
+        try {
+          const customFn = new Function(props.options.onOkButtonClick);
+          const clickResult = customFn.call((_a = getCurrentInstance()) == null ? void 0 : _a.proxy);
+          if (clickResult === false) {
+            return;
+          }
+        } catch (error) {
+          console.error("Error executing onOkButtonClick:", error);
+        }
+      }
+      drawerVisible.value = false;
+      setTimeout(deleteWrapperNode, 150);
+    };
+    const getParentFormRef = () => {
+      return props.parentFormRef;
+    };
+    const 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_drawer = resolveComponent("a-drawer");
+      return openBlock(), createBlock(_component_a_drawer, {
+        ref_key: "drawerRef",
+        ref: drawerRef,
+        title: _ctx.options.title,
+        visible: drawerVisible.value,
+        "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => drawerVisible.value = $event),
+        "custom-class": "dynamic-drawer",
+        "append-to-body": "",
+        "destroy-on-close": "",
+        size: _ctx.options.size,
+        modal: _ctx.options.showModal,
+        direction: _ctx.options.direction,
+        "show-close": _ctx.options.showClose,
+        "close-on-click-modal": _ctx.options.closeOnClickModal,
+        "close-on-press-escape": _ctx.options.closeOnPressEscape,
+        "before-close": handleBeforeClose,
+        onClose: handleCloseEvent,
+        onOpened: handleOpenedEvent
+      }, {
+        footer: withCtx(() => [
+          createElementVNode("div", _hoisted_1, [
+            !_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
+      }, 8, ["title", "visible", "size", "modal", "direction", "show-close", "close-on-click-modal", "close-on-press-escape"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/src/lang/zh-CN.js

@@ -1,6 +1,3 @@
-import "clipboard";
-import "lodash-es";
-import "../components/form-designer/widget-panel/widgetsConfig.js";
 const zhLocale = {
   application: {
     "zh-CN": "简体中文",
@@ -62,8 +59,9 @@ const zhLocale = {
       "rich-editor": "富文本",
       cascader: "级联选择",
       treeSelect: "树形选择",
+      "diy-compontent": "自定义组件",
+      toolbar: "工具栏",
       slot: "插槽",
-      "attachment-render": "附件渲染器",
       custom: "Custom Component"
     },
     hint: {
@@ -440,7 +438,8 @@ const zhLocale = {
       dsRequestBooleanTypeError: "布尔类型值错误",
       dsValidationError: "数据源设置存在错误，请修改",
       dsDuplicatedNameError: "数据源名称重复，请修改！",
-      slotCompontent: "组件名"
+      slotCompontent: "插槽名",
+      diyCompontent: "组件名"
     }
   },
   复制: "复制"

package/src/mixins/useDataTableMixin.js

@@ -1,7 +1,7 @@
 import { omit, isArray, isEmpty } from "lodash-es";
 import { fmtHttpParams } from "../utils/request/fmtHttpParams.js";
 import { TpfConfirm } from "../hooks/TpfConfirm.js";
-import { useCustomRender } from "../components/CustomRender/index.js";
+import { useCustomRender } from "../components/CustomRender/useCustomRender.js";
 const { customRender } = useCustomRender();
 const useDataTableMixin = {
   data() {

package/src/utils/config.js

@@ -1,6 +1,4 @@
 const VARIANT_FORM_VERSION = "3.1.6";
-const ACE_BASE_PATH = "https://ks3-cn-beijing.ksyun.com/vform2021/ace-mini";
 export {
-  ACE_BASE_PATH,
   VARIANT_FORM_VERSION
 };

package/src/utils/i18n.js

@@ -66,10 +66,23 @@ const i18n$1 = {
     }
   }
 };
+function useI18n() {
+  const i18nt = (key) => {
+    return i18n.$st(key);
+  };
+  const i18n2t = (key1, key2) => {
+    return i18n.$st2(key1, key2);
+  };
+  return {
+    i18nt,
+    i18n2t
+  };
+}
 export {
   addENExtensionLang,
   addZHExtensionLang,
   changeLocale,
   i18n$1 as default,
-  translate
+  translate,
+  useI18n
 };