@kp-ui/lowcode 1.0.32 → 1.0.34

package/src/components/form-designer/form-widget/container-widget/vf-collapse-widget.vue.js

@@ -1,128 +1,158 @@
-import { defineAsyncComponent } from "vue";
-import ContainerWrapper from "./container-wrapper.vue.js";
-import emitter from "../../../../utils/emitter.js";
-import i18n from "../../../../utils/i18n.js";
-import comps from "../field-widget/index.js";
-import containerMixin from "./containerMixin.js";
-import refMixinDesign from "../../refMixinDesign.js";
-import TpfCollapseTitle from "../../../TpfCollapse/TpfCollapseTitle.vue.js";
-import SvgIcon from "../../../svg-icon/index.vue.js";
-import gridWidget from "./grid-widget.vue2.js";
-import draggableComponent from "../../../../lib/vuedraggable/src/vuedraggable.js";
-const _sfc_main = {
-  name: "VfCollapseWidget",
-  mixins: [i18n, containerMixin, refMixinDesign, emitter],
-  inject: ["refList"],
-  components: {
-    Draggable: draggableComponent,
-    ContainerWrapper,
-    TpfCollapseTitle,
-    SvgIcon,
-    gridWidget,
-    VFormRender: defineAsyncComponent(() => import("../../../../../render.js")),
-    ...comps
-  },
-  data() {
-    return {};
-  },
-  props: {
-    widget: Object,
-    parentWidget: Object,
-    parentList: Array,
-    indexOfParentList: Number,
-    designer: Object,
-    subFormRowIndex: {
-      /* 子表单组件行索引，从0开始计数 */
-      type: Number,
-      default: -1
-    },
-    subFormColIndex: {
-      /* 子表单组件列索引，从0开始计数 */
-      type: Number,
-      default: -1
-    },
-    subFormRowId: {
-      /* 子表单组件行Id，唯一id且不可变 */
-      type: String,
-      default: ""
-    },
-    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
-    }
-  },
-  created() {
-    this.initRefList();
-  },
-  mounted() {
-    this.loadFormCode(this.widget.options.formCode);
-  },
-  beforeUnmount() {
-  },
-  computed: {
-    rightSlotCss() {
-      return this.widget.options.rightSlotCss || "";
-    },
-    selected() {
-      return this.widget.id === this.designer.selectedId;
-    }
-  },
-  watch: {
-    "widget.options.formCode"(val) {
-      this.loadFormCode(val);
-    }
-  },
-  methods: {
-    selectWidget(widget) {
-      this.designer.setSelected(widget);
-    },
-    toggleCollapse() {
-      this.widget.options.isCollapse = !this.widget.options.isCollapse;
-    },
-    async loadFormCode(formCode) {
-      if (formCode) {
-        const res = await this.$http.get(`/api/tmgc2-query/dataQuery/detail/FormDefinitionManagement`, {
-          params: {
-            code: formCode
-          }
-        }).then((res2) => res2.data.object.frontendDefinition || "{}");
-        this.$refs.dFormRef.setFormJson(JSON.parse(res));
-      }
-    },
-    getFormRef() {
-      return this.$refs.dFormRef;
-    }
-  }
-};
+import _sfc_main from "./vf-collapse-widget.vue2.js";
+import { resolveComponent, createBlock, openBlock, withCtx, createElementBlock, withModifiers, normalizeClass, createElementVNode, createVNode, createCommentVNode, mergeProps, resolveDynamicComponent, Transition, withDirectives, normalizeStyle, vShow } from "vue";
+/* empty css                        */
+/* empty css                        */
+import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const _hoisted_1 = { class: "tpf-collapse" };
+const _hoisted_2 = { class: "tpf-collapse-header" };
+const _hoisted_3 = { class: "form-widget-list" };
+const _hoisted_4 = { class: "form-widget-list" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_TpfCollapseTitle = resolveComponent("TpfCollapseTitle");
+  const _component_SvgIcon = resolveComponent("SvgIcon");
+  const _component_a_space = resolveComponent("a-space");
+  const _component_draggable = resolveComponent("draggable");
+  const _component_VFormRender = resolveComponent("VFormRender");
+  const _component_container_wrapper = resolveComponent("container-wrapper");
+  return openBlock(), createBlock(_component_container_wrapper, {
+    designer: $props.designer,
+    widget: $props.widget,
+    "parent-widget": $props.parentWidget,
+    "parent-list": $props.parentList,
+    "index-of-parent-list": $props.indexOfParentList
+  }, {
+    default: withCtx(() => [
+      (openBlock(), createElementBlock("div", {
+        key: $props.widget.id,
+        class: normalizeClass(["collapse-container data-table-container", { selected: $options.selected }]),
+        onClick: _cache[2] || (_cache[2] = withModifiers(($event) => $options.selectWidget($props.widget), ["stop"]))
+      }, [
+        createElementVNode("div", _hoisted_1, [
+          createElementVNode("div", _hoisted_2, [
+            createVNode(_component_a_space, { size: 5 }, {
+              default: withCtx(() => [
+                createVNode(_component_TpfCollapseTitle, {
+                  title: $props.widget.options.title
+                }, null, 8, ["title"]),
+                createVNode(_component_SvgIcon, {
+                  "icon-class": $props.widget.options.isCollapse ? $props.widget.options.collapseIcon : $props.widget.options.unCollapseIcon,
+                  size: "24px",
+                  shadow: "",
+                  cursor: "",
+                  onClick: $options.toggleCollapse
+                }, null, 8, ["icon-class", "onClick"])
+              ]),
+              _: 1
+            }),
+            $props.widget.options.isCollapse ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: normalizeClass(["header-right", $options.rightSlotCss])
+            }, [
+              createVNode(_component_draggable, mergeProps({
+                list: $props.widget.headerRightSlotList,
+                "item-key": "id"
+              }, { group: "dragGroup", ghostClass: "ghost", animation: 200 }, {
+                handle: ".drag-handler",
+                tag: "transition-group",
+                "component-data": { name: "fade" },
+                onAdd: _cache[0] || (_cache[0] = (evt) => _ctx.onContainerDragAdd(evt, $props.widget.headerRightSlotList)),
+                onUpdate: _ctx.onContainerDragUpdate,
+                move: _ctx.checkContainerMove
+              }), {
+                item: withCtx(({ element: subWidget, index: swIdx }) => [
+                  createElementVNode("div", _hoisted_3, [
+                    "container" === subWidget.category ? (openBlock(), createBlock(resolveDynamicComponent(subWidget.type + "-widget"), {
+                      widget: subWidget,
+                      designer: $props.designer,
+                      key: subWidget.id,
+                      "parent-list": $props.widget.headerRightSlotList,
+                      "index-of-parent-list": swIdx,
+                      "parent-widget": $props.widget
+                    }, null, 8, ["widget", "designer", "parent-list", "index-of-parent-list", "parent-widget"])) : (openBlock(), createBlock(resolveDynamicComponent(subWidget.type + "-widget"), {
+                      field: subWidget,
+                      designer: $props.designer,
+                      key: subWidget.id,
+                      "parent-list": $props.widget.headerRightSlotList,
+                      "index-of-parent-list": swIdx,
+                      "parent-widget": $props.widget,
+                      "design-state": true
+                    }, null, 8, ["field", "designer", "parent-list", "index-of-parent-list", "parent-widget"]))
+                  ])
+                ]),
+                _: 1
+              }, 16, ["list", "onUpdate", "move"])
+            ], 2)) : createCommentVNode("", true)
+          ]),
+          createVNode(Transition, {
+            mode: "out-in",
+            appear: "",
+            "enter-active-class": "animate__animated animate__fadeIn animate__faster",
+            "leave-active-class": "animate__animated animate__fadeOut animate__faster"
+          }, {
+            default: withCtx(() => [
+              withDirectives(createElementVNode("div", {
+                class: normalizeClass(["tpf-collapse-content"]),
+                style: normalizeStyle({
+                  height: $props.widget.options.height || "unset",
+                  ...JSON.parse($props.widget.options.bodyStyle || "{}")
+                })
+              }, [
+                $props.widget.options.formCode ? (openBlock(), createBlock(_component_VFormRender, {
+                  key: 0,
+                  ref: "dFormRef",
+                  "form-json": $props.formJson,
+                  "form-data": $props.formData,
+                  "global-dsv": $props.globalDsv,
+                  "parent-form": $props.parentFormRef,
+                  "disabled-mode": $props.options.disabledMode,
+                  "dynamic-creation": true
+                }, null, 8, ["form-json", "form-data", "global-dsv", "parent-form", "disabled-mode"])) : createCommentVNode("", true),
+                createVNode(_component_draggable, mergeProps({
+                  list: $props.widget.defaultSlotsList,
+                  "item-key": "id"
+                }, { group: "dragGroup", ghostClass: "ghost", animation: 200 }, {
+                  handle: ".drag-handler",
+                  tag: "transition-group",
+                  "component-data": { name: "fade" },
+                  onAdd: _cache[1] || (_cache[1] = (evt) => _ctx.onContainerDragAdd(evt, $props.widget.defaultSlotsList)),
+                  onUpdate: _ctx.onContainerDragUpdate,
+                  move: _ctx.checkContainerMove
+                }), {
+                  item: withCtx(({ element: subWidget, index: swIdx }) => [
+                    createElementVNode("div", _hoisted_4, [
+                      "container" === subWidget.category ? (openBlock(), createBlock(resolveDynamicComponent(subWidget.type + "-widget"), {
+                        widget: subWidget,
+                        designer: $props.designer,
+                        key: subWidget.id,
+                        "parent-list": $props.widget.defaultSlotsList,
+                        "index-of-parent-list": swIdx,
+                        "parent-widget": $props.widget
+                      }, null, 8, ["widget", "designer", "parent-list", "index-of-parent-list", "parent-widget"])) : (openBlock(), createBlock(resolveDynamicComponent(subWidget.type + "-widget"), {
+                        field: subWidget,
+                        designer: $props.designer,
+                        key: subWidget.id,
+                        "parent-list": $props.widget.defaultSlotsList,
+                        "index-of-parent-list": swIdx,
+                        "parent-widget": $props.widget,
+                        "design-state": true
+                      }, null, 8, ["field", "designer", "parent-list", "index-of-parent-list", "parent-widget"]))
+                    ])
+                  ]),
+                  _: 1
+                }, 16, ["list", "onUpdate", "move"])
+              ], 4), [
+                [vShow, $props.widget.options.isCollapse]
+              ])
+            ]),
+            _: 1
+          })
+        ])
+      ], 2))
+    ]),
+    _: 1
+  }, 8, ["designer", "widget", "parent-widget", "parent-list", "index-of-parent-list"]);
+}
+const vfCollapseWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-4278dc9a"]]);
 export {
-  _sfc_main as default
+  vfCollapseWidget as default
 };

package/src/components/form-designer/form-widget/container-widget/vf-collapse-widget.vue2.js

@@ -0,0 +1,128 @@
+import { defineAsyncComponent } from "vue";
+import ContainerWrapper from "./container-wrapper.vue.js";
+import emitter from "../../../../utils/emitter.js";
+import i18n from "../../../../utils/i18n.js";
+import comps from "../field-widget/index.js";
+import containerMixin from "./containerMixin.js";
+import refMixinDesign from "../../refMixinDesign.js";
+import TpfCollapseTitle from "../../../TpfCollapse/TpfCollapseTitle.vue.js";
+import SvgIcon from "../../../svg-icon/index.vue.js";
+import gridWidget from "./grid-widget.vue.js";
+import draggableComponent from "../../../../lib/vuedraggable/src/vuedraggable.js";
+const _sfc_main = {
+  name: "VfCollapseWidget",
+  mixins: [i18n, containerMixin, refMixinDesign, emitter],
+  inject: ["refList"],
+  components: {
+    Draggable: draggableComponent,
+    ContainerWrapper,
+    TpfCollapseTitle,
+    SvgIcon,
+    gridWidget,
+    VFormRender: defineAsyncComponent(() => import("../../../../../render.js")),
+    ...comps
+  },
+  data() {
+    return {};
+  },
+  props: {
+    widget: Object,
+    parentWidget: Object,
+    parentList: Array,
+    indexOfParentList: Number,
+    designer: Object,
+    subFormRowIndex: {
+      /* 子表单组件行索引，从0开始计数 */
+      type: Number,
+      default: -1
+    },
+    subFormColIndex: {
+      /* 子表单组件列索引，从0开始计数 */
+      type: Number,
+      default: -1
+    },
+    subFormRowId: {
+      /* 子表单组件行Id，唯一id且不可变 */
+      type: String,
+      default: ""
+    },
+    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
+    }
+  },
+  created() {
+    this.initRefList();
+  },
+  mounted() {
+    this.loadFormCode(this.widget.options.formCode);
+  },
+  beforeUnmount() {
+  },
+  computed: {
+    rightSlotCss() {
+      return this.widget.options.rightSlotCss || "";
+    },
+    selected() {
+      return this.widget.id === this.designer.selectedId;
+    }
+  },
+  watch: {
+    "widget.options.formCode"(val) {
+      this.loadFormCode(val);
+    }
+  },
+  methods: {
+    selectWidget(widget) {
+      this.designer.setSelected(widget);
+    },
+    toggleCollapse() {
+      this.widget.options.isCollapse = !this.widget.options.isCollapse;
+    },
+    async loadFormCode(formCode) {
+      if (formCode) {
+        const res = await this.$http.get(`/api/tmgc2-query/dataQuery/detail/FormDefinitionManagement`, {
+          params: {
+            code: formCode
+          }
+        }).then((res2) => res2.data.object.frontendDefinition || "{}");
+        this.$refs.dFormRef.setFormJson(JSON.parse(res));
+      }
+    },
+    getFormRef() {
+      return this.$refs.dFormRef;
+    }
+  }
+};
+export {
+  _sfc_main as default
+};

package/src/components/form-designer/form-widget/field-widget/fieldMixin.js

@@ -142,7 +142,11 @@ const fieldMixin = {
       if (this.field.type !== "picture-upload" && this.field.type !== "file-upload" || this.designState === true) {
         return;
       }
-      if (!!this.fieldModel) {
+      console.log("fieldModel", this.fieldModel);
+      if (this.fieldModel) {
+        if (typeof this.fieldModel === "string") {
+          this.fieldModel = JSON.parse(this.fieldModel);
+        }
         if (Array.isArray(this.fieldModel)) {
           this.fileList = deepClone(this.fieldModel);
         } else {
@@ -558,6 +562,9 @@ const fieldMixin = {
       return this.$refs["fieldEditor"];
     },
     showFileList(list) {
+      if (typeof list === "string") {
+        list = JSON.parse(list);
+      }
       if (!isArray(list)) return [];
       const res = list.map((item, uid) => ({
         ...item,

package/src/components/form-designer/form-widget/field-widget/file-upload-widget.vue.js

@@ -92,7 +92,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["designer", "field", "rules", "design-state", "parent-widget", "parent-list", "index-of-parent-list", "sub-form-row-index", "sub-form-col-index", "sub-form-row-id"])) : createCommentVNode("", true);
 }
-const fileUploadWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-a39df179"]]);
+const fileUploadWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-7804efd1"]]);
 export {
   fileUploadWidget as default
 };

package/src/components/form-designer/form-widget/field-widget/file-upload-widget.vue2.js

@@ -6,6 +6,7 @@ import fieldMixin from "./fieldMixin.js";
 import SvgIcon from "../../../svg-icon/index.vue.js";
 import { useFilesystemApi } from "../../../../api/useFilesystemApi/filesystem/index.js";
 import { PaperClipOutlined } from "@ant-design/icons-vue";
+import { getUserInfo } from "@kp-ui/tool";
 const filesystemApi = useFilesystemApi();
 const _sfc_main = {
   name: "file-upload-widget",
@@ -97,19 +98,11 @@ const _sfc_main = {
     this.unregisterFromRefList();
   },
   methods: {
-    initFieldModel() {
-      const {
-        fieldModel
-      } = this.field;
-      if (fieldModel) {
-        console.log(fieldModel);
-      }
-    },
     iconRender({
-      file: file2
+      file
     }) {
       try {
-        const fieldTypes = file2.fileName.slice(file2.fileName.lastIndexOf("."));
+        const fieldTypes = file.fileName.slice(file.fileName.lastIndexOf("."));
         if ([".xls", ".xlsx"].includes(fieldTypes.toLowerCase())) {
           return createVNode(SvgIcon, {
             "icon-class": "excel"
@@ -129,9 +122,6 @@ const _sfc_main = {
       }
       return createVNode(PaperClipOutlined, null, null);
     },
-    //   onPreview(file) {
-    //     filesystemApi.downloadFileObject({ fileCode: file.fileCode });
-    //   },
     handleCancel() {
       this.previewVisible = false;
     },
@@ -140,39 +130,39 @@ const _sfc_main = {
         return this.fileList[fileCode];
       } else {
         const fileUrlObj = await filesystemApi.getPreviewFileUrl({
-          fileCode: file.fileCode
+          fileCode
         });
-        fileUrlObj.data.value;
+        const url = fileUrlObj.data.value;
+        this.fileList[fileCode] = url;
+        return url;
       }
     },
-    async handlePreview(file2) {
-      var _a, _b;
-      if ([".png", ".jpg", ".jpeg", ".gif"].includes(file2.fileType)) {
-        const url = await this.getFileUrl(file2.fileCode);
+    async handlePreview(file) {
+      if ([".png", ".jpg", ".jpeg", ".gif"].includes(file.fileType)) {
+        const url = await this.getFileUrl(file.fileCode);
         this.previewImage = url;
         this.previewVisible = true;
-        this.previewTitle = file2.fileName;
+        this.previewTitle = file.fileName;
       } else {
-        const localUserInfo = getUserInfo();
-        const employeeId = (_a = localUserInfo == null ? void 0 : localUserInfo.loginInfo) == null ? void 0 : _a.employeeId;
         const {
           tokenId,
-          tenantId
-        } = (_b = localUserInfo == null ? void 0 : localUserInfo.loginInfo) == null ? void 0 : _b.userToken;
+          tenantId,
+          employeeId
+        } = getUserInfo();
         const doMain = getDoMain();
         const obj = {
           tenantId,
           tokenId,
           employeeId,
-          fileCode: file2.fileCode
+          fileCode: file.fileCode
         };
         window.open(`${doMain}/view-file/preview?${queryString.stringify(obj)}`);
       }
     },
-    handleOnBeforeUpload(file2) {
+    handleOnBeforeUpload(file) {
       if (!!this.field.options.onBeforeUpload) {
         const bfFunc = new Function("file", this.field.options.onBeforeUpload);
-        const result = bfFunc.call(this, file2);
+        const result = bfFunc.call(this, file);
         if (typeof result === "boolean") {
           return result;
         } else {
@@ -181,8 +171,8 @@ const _sfc_main = {
       }
       return true;
     },
-    removeFile(file2) {
-      const findInx = this.fileList.findIndex((item) => item.uid === file2.uid);
+    removeFile(file) {
+      const findInx = this.fileList.findIndex((item) => item.uid === file.uid);
       this.fileList.splice(findInx, 1);
       this.handleChangeEvent(this.fileList);
     },

package/src/components/form-designer/form-widget/index.vue.js

@@ -3,18 +3,18 @@ import { resolveComponent, createBlock, openBlock, withCtx, createElementVNode,
 /* empty css                        */
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
 /* empty css                                        */
-/* empty css                                       */
+/* empty css                                        */
 /* empty css                                        */
 import "./container-widget/grid-col-widget.vue.js";
 import "./container-widget/grid-sub-form-widget.vue.js";
-/* empty css                                 */
+/* empty css                                  */
 import "./container-widget/sub-form-widget.vue.js";
 import "./container-widget/tab-widget.vue.js";
 import "./container-widget/table-cell-widget.vue.js";
-/* empty css                                  */
+/* empty css                                   */
 import "./container-widget/vf-box-item.vue.js";
 import "./container-widget/vf-box-widget.vue.js";
-import "./container-widget/vf-collapse-widget.vue.js";
+import "./container-widget/vf-collapse-widget.vue2.js";
 /* empty css                                         */
 /* empty css                                         */
 import "./container-widget/vf-dialog-widget.vue.js";

package/src/components/form-designer/toolbar-panel/index.vue.js

@@ -1,11 +1,12 @@
 import { defineAsyncComponent, resolveComponent, createElementBlock, openBlock, createElementVNode, createVNode, createBlock, createCommentVNode, withCtx, normalizeStyle, createTextVNode, toDisplayString, Fragment, renderList, renderSlot, normalizeClass } from "vue";
-import { traverseAllWidgets, generateId, copyToClipboard, getQueryParam, addWindowResizeHandler, getLocat } from "../../../utils/util.js";
+import { traverseAllWidgets, generateId, copyToClipboard, getQueryParam, addWindowResizeHandler } from "../../../utils/util.js";
 import i18n from "../../../utils/i18n.js";
 import { generateCode } from "../../../utils/code-generator.js";
 import { saveAs } from "file-saver";
 import axios from "axios";
 import SvgIcon from "../../svg-icon/index.vue.js";
 import { fmtHttpParams } from "../../../utils/request/fmtHttpParams.js";
+import { getLocat } from "@kp-ui/tool";
 import { cloneDeep } from "lodash-es";
 /* empty css           */
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
@@ -1011,7 +1012,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["title", "visible"])) : createCommentVNode("", true)
   ]);
 }
-const ToolbarPanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-066a3314"]]);
+const ToolbarPanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-a50ea2c8"]]);
 export {
   ToolbarPanel as default
 };

package/src/components/form-designer/widget-panel/advanced/attachment-render.js

@@ -1,4 +1,4 @@
-import { getUuidKey } from "../../../../utils/util.js";
+import { getUuidKey } from "@kp-ui/tool";
 const toolbar = (ops = {}) => {
   return {
     key: getUuidKey(),

package/src/components/form-designer/widget-panel/advanced/bpmn-editor.js

@@ -1,4 +1,4 @@
-import { getUuidKey } from "../../../../utils/util.js";
+import { getUuidKey } from "@kp-ui/tool";
 const bpmnEditor = (ops = {}) => {
   return {
     key: getUuidKey(),

package/src/components/form-designer/widget-panel/advanced/cascader.js

@@ -1,4 +1,4 @@
-import { getUuidKey } from "../../../../utils/util.js";
+import { getUuidKey } from "@kp-ui/tool";
 const cascader = (ops = {}) => {
   return {
     key: getUuidKey(),

package/src/components/form-designer/widget-panel/advanced/code-editor.js

@@ -1,4 +1,4 @@
-import { getUuidKey } from "../../../../utils/util.js";
+import { getUuidKey } from "@kp-ui/tool";
 const codeEditor = (ops = {}) => {
   return {
     key: getUuidKey(),

package/src/components/form-designer/widget-panel/advanced/diy-compontent.js

@@ -1,4 +1,4 @@
-import { getUuidKey } from "../../../../utils/util.js";
+import { getUuidKey } from "@kp-ui/tool";
 const diyCompontent = (ops = {}) => {
   return {
     key: getUuidKey(),

package/src/components/form-designer/widget-panel/advanced/slot.js

@@ -1,4 +1,4 @@
-import { getUuidKey } from "../../../../utils/util.js";
+import { getUuidKey } from "@kp-ui/tool";
 const slot = (ops = {}) => {
   return {
     key: getUuidKey(),