@kp-ui/lowcode 1.0.31 → 1.0.33

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

@@ -1,7 +1,211 @@
-import _sfc_main from "./dynamic-drawer.vue2.js";
+import i18n from "../../utils/i18n.js";
+import { defineAsyncComponent, resolveComponent, createBlock, openBlock, withCtx, createVNode, createElementVNode, createCommentVNode, createTextVNode, toDisplayString } from "vue";
 /* empty css                    */
 import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
-const DynamicDrawer = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-af07fb62"]]);
+const _sfc_main = {
+  name: "dynamic-drawer",
+  mixins: [i18n],
+  components: {
+    VFormRender: defineAsyncComponent(() => import("../../../render.js"))
+  },
+  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-2927e7a0"]]);
 export {
   DynamicDrawer as default
 };

package/src/components/http-editor/index.vue.js

@@ -448,7 +448,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 8, ["modelValue", "event-header"])
   ], 64);
 }
-const HttpEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-64609521"]]);
+const HttpEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-f0ab404c"]]);
 export {
   HttpEditor as default
 };

package/src/components/http-editor/index.vue2.js

@@ -3,7 +3,7 @@ import CodeEditor from "../code-editor/index.vue.js";
 import { isArray } from "lodash-es";
 import { getHttp } from "../../utils/request/http.js";
 import CodeModalEditor from "../code-editor/code-modal-editor.vue.js";
-import { getLocat, replaceVars } from "../../utils/util.js";
+import { getLocat, replaceVars } from "@kp-ui/tool";
 const _sfc_main = {
   name: "http-editor",
   inheritAttrs: false,

package/src/hooks/useFilePreview.js

@@ -1,6 +1,6 @@
 import { useFilesystemApi } from "../api/useFilesystemApi/filesystem/index.js";
 import { ref } from "vue";
-import { getUserInfo } from "../utils/request/useGetUseInfo.js";
+import { getUserInfo } from "@kp-ui/tool";
 import queryString from "query-string";
 const getDoMain = () => {
   return window.location.origin;

package/src/utils/i18n.js

@@ -66,23 +66,10 @@ 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,
-  useI18n
+  translate
 };

package/src/utils/request/fmtHttpParams.js

@@ -1,4 +1,4 @@
-import { getLocat, replaceVars } from "../util.js";
+import { getLocat, replaceVars } from "@kp-ui/tool";
 import { getHttp } from "./http.js";
 async function fmtHttpParams(req, params = {}) {
   const request = getHttp();

package/src/utils/request/http.js

@@ -1,4 +1,4 @@
-import { getUserInfo } from "./useGetUseInfo.js";
+import { getUserInfo } from "@kp-ui/tool";
 import axios from "axios";
 import { message } from "ant-design-vue";
 import { handleErrorStatus } from "./handleAxiosError.js";

package/src/utils/sfc-generator.js

@@ -1,4 +1,5 @@
 import "clipboard";
+import "@kp-ui/tool";
 import "lodash-es";
 import "../components/form-designer/widget-panel/widgetsConfig.js";
 import "./i18n.js";

package/src/utils/util.js

@@ -1,4 +1,5 @@
 import Clipboard from "clipboard";
+import { getLocat } from "@kp-ui/tool";
 import { cloneDeep } from "lodash-es";
 import "../components/form-designer/widget-panel/widgetsConfig.js";
 function isNull(value) {
@@ -451,24 +452,6 @@ function getDSByName(formConfig, dsName) {
   }
   return resultDS;
 }
-function replaceVars(str, vars) {
-  return str.replace(/\$\{([^}]+)\}/g, (match, varName) => vars[varName] || null);
-}
-function getLocat(url) {
-  url = url || window.location.search;
-  const theRequest = {};
-  if (url.indexOf("?") !== -1) {
-    const str = url.substr(1);
-    const strs = str.split("&");
-    for (let i = 0; i < strs.length; i++) {
-      theRequest[strs[i].split("=")[0]] = decodeURI(strs[i].split("=")[1]);
-    }
-  }
-  return theRequest;
-}
-const getUuidKey = () => {
-  return "k" + Math.random().toString(36).slice(2, 8);
-};
 export {
   addWindowResizeHandler,
   assembleAxiosConfig,
@@ -483,15 +466,12 @@ export {
   getDSByName,
   getDefaultFormConfig,
   getFieldWidgetByName,
-  getLocat,
   getQueryParam,
-  getUuidKey,
   insertCustomCssToHead,
   insertGlobalFunctionsToHtml,
   isEmptyStr,
   isNull,
   overwriteObj,
-  replaceVars,
   runDataSourceRequest,
   translateOptionItems,
   traverseAllWidgets,