@kp-ui/lowcode 1.0.30 → 1.0.32

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

@@ -0,0 +1,158 @@
+import _sfc_main from "./vf-collapse-widget.vue.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 {
+  vfCollapseWidget as default
+};

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

@@ -2,6 +2,7 @@ import i18n from "../../../../utils/i18n.js";
 import refMixinDesign from "../../refMixinDesign.js";
 import comps from "../field-widget/index.js";
 import ContainerWrapper from "./container-wrapper.vue.js";
+import draggableComponent from "../../../../lib/vuedraggable/src/vuedraggable.js";
 import { resolveComponent, createBlock, openBlock, withCtx, createElementBlock, withModifiers, normalizeClass, createVNode, mergeProps, createElementVNode, resolveDynamicComponent } from "vue";
 /* empty css                      */
 import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
@@ -11,6 +12,7 @@ const _sfc_main = {
   mixins: [i18n, refMixinDesign],
   inject: ["refList"],
   components: {
+    Draggable: draggableComponent,
     ContainerWrapper,
     ...comps
   },
@@ -146,7 +148,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["designer", "widget", "parent-widget", "parent-list", "index-of-parent-list"]);
 }
-const vfDialogWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-38e82f5f"]]);
+const vfDialogWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-cdc2f453"]]);
 export {
   vfDialogWidget as default
 };

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

@@ -2,6 +2,7 @@ import i18n from "../../../../utils/i18n.js";
 import refMixinDesign from "../../refMixinDesign.js";
 import comps from "../field-widget/index.js";
 import ContainerWrapper from "./container-wrapper.vue.js";
+import draggableComponent from "../../../../lib/vuedraggable/src/vuedraggable.js";
 import { resolveComponent, createBlock, openBlock, withCtx, createElementBlock, withModifiers, normalizeClass, createVNode, mergeProps, createElementVNode, resolveDynamicComponent } from "vue";
 /* empty css                      */
 import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
@@ -11,6 +12,7 @@ const _sfc_main = {
   mixins: [i18n, refMixinDesign],
   inject: ["refList"],
   components: {
+    Draggable: draggableComponent,
     ContainerWrapper,
     ...comps
   },
@@ -146,7 +148,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["designer", "widget", "parent-widget", "parent-list", "index-of-parent-list"]);
 }
-const vfDrawerWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-20e0629d"]]);
+const vfDrawerWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-3c06805c"]]);
 export {
   vfDrawerWidget as default
 };

package/src/components/form-designer/form-widget/field-widget/attachment-render-widget.vue.js

@@ -2,11 +2,9 @@ import FormItemWrapper from "./form-item-wrapper.vue.js";
 import emitter from "../../../../utils/emitter.js";
 import i18n from "../../../../utils/i18n.js";
 import fieldMixin from "./fieldMixin.js";
-import { useCustomRender } from "../../../CustomRender/index.js";
 import { resolveComponent, createBlock, createCommentVNode, openBlock, withCtx, createElementVNode, createElementBlock, resolveDynamicComponent } from "vue";
 /* empty css                              */
 import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
-useCustomRender();
 const _sfc_main = {
   name: "attachment-render-widget",
   componentName: "FieldWidget",
@@ -109,7 +107,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 attachmentRenderWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-1cefed8b"]]);
+const attachmentRenderWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-cab28d0a"]]);
 export {
   attachmentRenderWidget as default
 };

package/src/components/form-designer/form-widget/field-widget/diy-compontent-widget.vue.js

@@ -0,0 +1,103 @@
+import StaticContentWrapper from "./static-content-wrapper.vue.js";
+import emitter from "../../../../utils/emitter.js";
+import i18n from "../../../../utils/i18n.js";
+import fieldMixin from "./fieldMixin.js";
+import { useCustomRender } from "../../../CustomRender/useCustomRender.js";
+import { resolveComponent, createBlock, openBlock, withCtx, createElementVNode, normalizeClass, createElementBlock, toDisplayString, resolveDynamicComponent, normalizeProps, guardReactiveProps } from "vue";
+/* empty css                           */
+import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const { renderComponent } = useCustomRender();
+const _sfc_main = {
+  name: "diy-compontent-widget",
+  componentName: "FieldWidget",
+  //必须固定为FieldWidget，用于接收父级组件的broadcast事件
+  mixins: [emitter, fieldMixin, i18n],
+  props: {
+    field: Object,
+    parentWidget: Object,
+    parentList: Array,
+    indexOfParentList: Number,
+    designer: Object,
+    designState: {
+      type: Boolean,
+      default: false
+    },
+    subFormRowIndex: {
+      /* 子表单组件行索引，从0开始计数 */
+      type: Number,
+      default: -1
+    },
+    subFormColIndex: {
+      /* 子表单组件列索引，从0开始计数 */
+      type: Number,
+      default: -1
+    },
+    subFormRowId: {
+      /* 子表单组件行Id，唯一id且不可变 */
+      type: String,
+      default: ""
+    }
+  },
+  data() {
+    return {
+      fieldModel: null
+    };
+  },
+  components: {
+    StaticContentWrapper
+  },
+  computed: {},
+  beforeCreate() {
+  },
+  created() {
+    this.registerToRefList();
+    this.initEventHandler();
+    this.handleOnCreated();
+  },
+  mounted() {
+    this.handleOnMounted();
+  },
+  beforeUnmount() {
+    this.unregisterFromRefList();
+  },
+  methods: {
+    renderComponent
+  }
+};
+const _hoisted_1 = {
+  key: 0,
+  class: "slot-title"
+};
+const _hoisted_2 = { key: 1 };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_static_content_wrapper = resolveComponent("static-content-wrapper");
+  return openBlock(), createBlock(_component_static_content_wrapper, {
+    designer: $props.designer,
+    field: $props.field,
+    "design-state": $props.designState,
+    "parent-widget": $props.parentWidget,
+    "parent-list": $props.parentList,
+    "index-of-parent-list": $props.indexOfParentList,
+    "sub-form-row-index": $props.subFormRowIndex,
+    "sub-form-col-index": $props.subFormColIndex,
+    "sub-form-row-id": $props.subFormRowId
+  }, {
+    default: withCtx(() => [
+      createElementVNode("div", {
+        class: normalizeClass([!!$props.designState ? "slot-wrapper-design" : "slot-wrapper-render"])
+      }, [
+        !!$props.designState ? (openBlock(), createElementBlock("div", _hoisted_1, toDisplayString(_ctx.i18nt("designer.widgetLabel.diy-compontent")) + " " + toDisplayString($props.field.options.diyCompontent), 1)) : (openBlock(), createElementBlock("div", _hoisted_2, [
+          (openBlock(), createBlock(resolveDynamicComponent($options.renderComponent($props.field.options.diyCompontent)), normalizeProps(guardReactiveProps({
+            data: $data.fieldModel,
+            ...$props.field.options.props
+          })), null, 16))
+        ]))
+      ], 2)
+    ]),
+    _: 1
+  }, 8, ["designer", "field", "design-state", "parent-widget", "parent-list", "index-of-parent-list", "sub-form-row-index", "sub-form-col-index", "sub-form-row-id"]);
+}
+const diyCompontentWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-e35ce93b"]]);
+export {
+  diyCompontentWidget as default
+};

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-4b4d49bf"]]);
+const fileUploadWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-a39df179"]]);
 export {
   fileUploadWidget as default
 };

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

@@ -44,6 +44,7 @@ const _sfc_main = {
   },
   data() {
     return {
+      urlList: {},
       previewTitle: "",
       previewVisible: false,
       previewImage: "",
@@ -105,10 +106,10 @@ const _sfc_main = {
       }
     },
     iconRender({
-      file
+      file: file2
     }) {
       try {
-        const fieldTypes = file.fileName.slice(file.fileName.lastIndexOf("."));
+        const fieldTypes = file2.fileName.slice(file2.fileName.lastIndexOf("."));
         if ([".xls", ".xlsx"].includes(fieldTypes.toLowerCase())) {
           return createVNode(SvgIcon, {
             "icon-class": "excel"
@@ -134,12 +135,23 @@ const _sfc_main = {
     handleCancel() {
       this.previewVisible = false;
     },
-    async handlePreview(file) {
+    async getFileUrl(fileCode) {
+      if (this.fileList[fileCode]) {
+        return this.fileList[fileCode];
+      } else {
+        const fileUrlObj = await filesystemApi.getPreviewFileUrl({
+          fileCode: file.fileCode
+        });
+        fileUrlObj.data.value;
+      }
+    },
+    async handlePreview(file2) {
       var _a, _b;
-      if ([".png", ".jpg", ".jpeg", ".gif"].includes(file.fileType)) {
-        this.previewImage = file.url;
+      if ([".png", ".jpg", ".jpeg", ".gif"].includes(file2.fileType)) {
+        const url = await this.getFileUrl(file2.fileCode);
+        this.previewImage = url;
         this.previewVisible = true;
-        this.previewTitle = file.fileName;
+        this.previewTitle = file2.fileName;
       } else {
         const localUserInfo = getUserInfo();
         const employeeId = (_a = localUserInfo == null ? void 0 : localUserInfo.loginInfo) == null ? void 0 : _a.employeeId;
@@ -152,15 +164,15 @@ const _sfc_main = {
           tenantId,
           tokenId,
           employeeId,
-          fileCode: file.fileCode
+          fileCode: file2.fileCode
         };
         window.open(`${doMain}/view-file/preview?${queryString.stringify(obj)}`);
       }
     },
-    handleOnBeforeUpload(file) {
+    handleOnBeforeUpload(file2) {
       if (!!this.field.options.onBeforeUpload) {
         const bfFunc = new Function("file", this.field.options.onBeforeUpload);
-        const result = bfFunc.call(this, file);
+        const result = bfFunc.call(this, file2);
         if (typeof result === "boolean") {
           return result;
         } else {
@@ -169,8 +181,8 @@ const _sfc_main = {
       }
       return true;
     },
-    removeFile(file) {
-      const findInx = this.fileList.findIndex((item) => item.uid === file.uid);
+    removeFile(file2) {
+      const findInx = this.fileList.findIndex((item) => item.uid === file2.uid);
       this.fileList.splice(findInx, 1);
       this.handleChangeEvent(this.fileList);
     },
@@ -207,10 +219,6 @@ const _sfc_main = {
           fileName: name,
           fileCode
         } = res.data.object;
-        const fileUrlObj = await filesystemApi.getPreviewFileUrl({
-          fileCode
-        });
-        const url = fileUrlObj.data.value;
         if (limit > 1) {
           const findIndex = this.fileList.findIndex((item) => item.name === name);
           if (findIndex > -1) {
@@ -219,15 +227,13 @@ const _sfc_main = {
           if (this.fileList.length < limit) {
             this.fileList.push({
               ...res.data.object,
-              name,
-              url
+              name
             });
           }
         } else {
           this.fileList = [{
             ...res.data.object,
-            name,
-            url
+            name
           }];
         }
       } finally {

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

@@ -8,6 +8,7 @@ import * as colorWidget from "./color-widget.vue.js";
 import * as dateRangeWidget from "./date-range-widget.vue.js";
 import * as dateWidget from "./date-widget.vue.js";
 import * as dividerWidget from "./divider-widget.vue.js";
+import * as diyCompontentWidget from "./diy-compontent-widget.vue.js";
 import * as dropdownWidget from "./dropdown-widget.vue.js";
 import * as fileUploadWidget from "./file-upload-widget.vue.js";
 import * as formItemWrapper from "./form-item-wrapper.vue.js";
@@ -29,7 +30,8 @@ import * as timeRangeWidget from "./time-range-widget.vue.js";
 import * as timeWidget from "./time-widget.vue.js";
 import * as treeSelectWidget from "./treeSelect-widget.vue.js";
 const comps = {};
-const modules = /* @__PURE__ */ Object.assign({ "./attachment-render-widget.vue": attachmentRenderWidget, "./bpmn-editor-widget.vue": bpmnEditorWidget, "./button-widget.vue": buttonWidget, "./cascader-widget.vue": cascaderWidget, "./checkbox-widget.vue": checkboxWidget, "./code-editor-widget.vue": codeEditorWidget, "./color-widget.vue": colorWidget, "./date-range-widget.vue": dateRangeWidget, "./date-widget.vue": dateWidget, "./divider-widget.vue": dividerWidget, "./dropdown-widget.vue": dropdownWidget, "./file-upload-widget.vue": fileUploadWidget, "./form-item-wrapper.vue": formItemWrapper, "./html-text-widget.vue": htmlTextWidget, "./input-widget.vue": inputWidget, "./number-widget.vue": numberWidget, "./picture-upload-widget.vue": pictureUploadWidget, "./radio-widget.vue": radioWidget, "./rate-widget.vue": rateWidget, "./rich-editor-widget.vue": richEditorWidget, "./select-widget.vue": selectWidget, "./slider-widget.vue": sliderWidget, "./slot-widget.vue": slotWidget, "./static-content-wrapper.vue": staticContentWrapper, "./static-text-widget.vue": staticTextWidget, "./switch-widget.vue": switchWidget, "./textarea-widget.vue": textareaWidget, "./time-range-widget.vue": timeRangeWidget, "./time-widget.vue": timeWidget, "./treeSelect-widget.vue": treeSelectWidget });
+const modules = /* @__PURE__ */ Object.assign({ "./attachment-render-widget.vue": attachmentRenderWidget, "./bpmn-editor-widget.vue": bpmnEditorWidget, "./button-widget.vue": buttonWidget, "./cascader-widget.vue": cascaderWidget, "./checkbox-widget.vue": checkboxWidget, "./code-editor-widget.vue": codeEditorWidget, "./color-widget.vue": colorWidget, "./date-range-widget.vue": dateRangeWidget, "./date-widget.vue": dateWidget, "./divider-widget.vue": dividerWidget, "./diy-compontent-widget.vue": diyCompontentWidget, "./dropdown-widget.vue": dropdownWidget, "./file-upload-widget.vue": fileUploadWidget, "./form-item-wrapper.vue": formItemWrapper, "./html-text-widget.vue": htmlTextWidget, "./input-widget.vue": inputWidget, "./number-widget.vue": numberWidget, "./picture-upload-widget.vue": pictureUploadWidget, "./radio-widget.vue": radioWidget, "./rate-widget.vue": rateWidget, "./rich-editor-widget.vue": richEditorWidget, "./select-widget.vue": selectWidget, "./slider-widget.vue": sliderWidget, "./slot-widget.vue": slotWidget, "./static-content-wrapper.vue": staticContentWrapper, "./static-text-widget.vue": staticTextWidget, "./switch-widget.vue": switchWidget, "./textarea-widget.vue": textareaWidget, "./time-range-widget.vue": timeRangeWidget, "./time-widget.vue": timeWidget, "./treeSelect-widget.vue": treeSelectWidget });
+console.log(modules);
 for (const path in modules) {
   const cname = modules[path].default.name;
   comps[cname] = modules[path].default;

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

@@ -2,8 +2,8 @@ import StaticContentWrapper from "./static-content-wrapper.vue.js";
 import emitter from "../../../../utils/emitter.js";
 import i18n from "../../../../utils/i18n.js";
 import fieldMixin from "./fieldMixin.js";
-import { useCustomRender } from "../../../CustomRender/index.js";
-import { resolveComponent, createBlock, openBlock, withCtx, createElementVNode, normalizeClass, createElementBlock, toDisplayString, resolveDynamicComponent } from "vue";
+import { useCustomRender } from "../../../CustomRender/useCustomRender.js";
+import { resolveComponent, createBlock, openBlock, withCtx, createElementVNode, normalizeClass, createElementBlock, toDisplayString, renderSlot } from "vue";
 /* empty css                 */
 import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
 const { renderComponent } = useCustomRender();
@@ -88,15 +88,15 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       createElementVNode("div", {
         class: normalizeClass([!!$props.designState ? "slot-wrapper-design" : "slot-wrapper-render"])
       }, [
-        !!$props.designState ? (openBlock(), createElementBlock("div", _hoisted_1, toDisplayString($props.field.options.label), 1)) : (openBlock(), createElementBlock("div", _hoisted_2, [
-          (openBlock(), createBlock(resolveDynamicComponent($options.renderComponent($props.field.options.slotCompontent, { data: $data.attachmentList }))))
+        !!$props.designState ? (openBlock(), createElementBlock("div", _hoisted_1, toDisplayString(_ctx.i18nt("designer.widgetLabel.slot")), 1)) : (openBlock(), createElementBlock("div", _hoisted_2, [
+          renderSlot(_ctx.$slots, "field.options.name", {}, void 0, true)
         ]))
       ], 2)
     ]),
-    _: 1
+    _: 3
   }, 8, ["designer", "field", "design-state", "parent-widget", "parent-list", "index-of-parent-list", "sub-form-row-index", "sub-form-col-index", "sub-form-row-id"]);
 }
-const slotWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-1f999c26"]]);
+const slotWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-adc67853"]]);
 export {
   slotWidget as default
 };

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

@@ -3,29 +3,31 @@ 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.vue2.js";
+import "./container-widget/vf-collapse-widget.vue.js";
 /* empty css                                         */
 /* empty css                                         */
 import "./container-widget/vf-dialog-widget.vue.js";
 import "./container-widget/vf-drawer-widget.vue.js";
 import comps from "./field-widget/index.js";
+import draggableComponent from "../../../lib/vuedraggable/src/vuedraggable.js";
 /* empty css           */
 const _sfc_main = {
   name: "VFormWidget",
   componentName: "VFormWidget",
   mixins: [i18n],
   components: {
+    Draggable: draggableComponent,
     ...comps
   },
   props: {
@@ -231,7 +233,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["component-size"]);
 }
-const VFormWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-e8409324"]]);
+const VFormWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-14e86726"]]);
 export {
   VFormWidget as default
 };

package/src/components/form-designer/setting-panel/option-items-setting.vue.js

@@ -1,5 +1,6 @@
 import CodeEditor from "../../code-editor/index.vue.js";
 import i18n from "../../../utils/i18n.js";
+import draggableComponent from "../../../lib/vuedraggable/src/vuedraggable.js";
 import { resolveComponent, createElementBlock, openBlock, createBlock, createCommentVNode, createVNode, withCtx, mergeProps, createElementVNode, createTextVNode, toDisplayString, pushScopeId, popScopeId } from "vue";
 /* empty css                          */
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
@@ -7,7 +8,8 @@ const _sfc_main = {
   name: "OptionItemsSetting",
   mixins: [i18n],
   components: {
-    CodeEditor
+    CodeEditor,
+    Draggable: draggableComponent
   },
   props: {
     designer: Object,
@@ -116,7 +118,7 @@ const _sfc_main = {
     }
   }
 };
-const _withScopeId = (n) => (pushScopeId("data-v-ae832d59"), n = n(), popScopeId(), n);
+const _withScopeId = (n) => (pushScopeId("data-v-92868329"), n = n(), popScopeId(), n);
 const _hoisted_1 = { class: "option-items-pane" };
 const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("i", { class: "iconfont icon-drag drag-option" }, null, -1));
 const _hoisted_3 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("i", { class: "iconfont icon-drag drag-option" }, null, -1));
@@ -410,7 +412,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["title", "visible"])
   ]);
 }
-const OptionItemsSetting = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-ae832d59"]]);
+const OptionItemsSetting = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-92868329"]]);
 export {
   OptionItemsSetting as default
 };

package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-showButtonsColumn-editor.vue.js

@@ -2,13 +2,14 @@ import i18n from "../../../../../utils/i18n.js";
 import { generateId } from "../../../../../utils/util.js";
 import CodeModalEditor from "../../../../code-editor/code-modal-editor.vue.js";
 import { TpfConfirm } from "../../../../../hooks/TpfConfirm.js";
+import draggableComponent from "../../../../../lib/vuedraggable/src/vuedraggable.js";
 import { resolveComponent, createElementBlock, openBlock, Fragment, createVNode, withCtx, createBlock, createCommentVNode, createTextVNode, toDisplayString, mergeProps, normalizeClass, createElementVNode, pushScopeId, popScopeId } from "vue";
 /* empty css                                         */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 const _sfc_main = {
   name: "showButtonsColumn-editor",
   mixins: [i18n],
-  components: { CodeModalEditor },
+  components: { CodeModalEditor, Draggable: draggableComponent },
   props: {
     designer: Object,
     selectedWidget: Object,
@@ -70,7 +71,7 @@ const _sfc_main = {
     }
   }
 };
-const _withScopeId = (n) => (pushScopeId("data-v-dd00e485"), n = n(), popScopeId(), n);
+const _withScopeId = (n) => (pushScopeId("data-v-c63d3314"), n = n(), popScopeId(), n);
 const _hoisted_1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("i", { class: "iconfont icon-drag drag-handler" }, null, -1));
 const _hoisted_2 = { class: "dialog-footer" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
@@ -538,7 +539,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 8, ["modelValue", "event-header"])
   ], 64);
 }
-const dataTableShowButtonsColumnEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-dd00e485"]]);
+const dataTableShowButtonsColumnEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-c63d3314"]]);
 export {
   dataTableShowButtonsColumnEditor as default
 };

package/src/components/form-designer/setting-panel/property-editor/container-grid/gutter-editor.vue.js

@@ -1,11 +1,12 @@
 import i18n from "../../../../../utils/i18n.js";
 import SvgIcon from "../../../../svg-icon/index.vue.js";
+import draggableComponent from "../../../../../lib/vuedraggable/src/vuedraggable.js";
 import { resolveComponent, createElementBlock, openBlock, createVNode, withCtx, createTextVNode, toDisplayString, createElementVNode, mergeProps } from "vue";
 /* empty css                   */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 const _sfc_main = {
   name: "gutter-editor",
-  components: { SvgIcon },
+  components: { SvgIcon, Draggable: draggableComponent },
   mixins: [i18n],
   props: {
     designer: Object,
@@ -134,7 +135,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     })
   ]);
 }
-const gutterEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-35700e4d"]]);
+const gutterEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-9200a044"]]);
 export {
   gutterEditor as default
 };