@kp-ui/lowcode 1.0.30 → 1.0.31

package/src/components/form-designer/form-widget/container-widget/grid-sub-form-widget.vue.js

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

package/src/components/form-designer/form-widget/container-widget/{grid-widget.vue.js → grid-widget.vue2.js}

@@ -4,7 +4,7 @@ import containerMixin from "./containerMixin.js";
 import ContainerWrapper from "./container-wrapper.vue.js";
 import refMixinDesign from "../../refMixinDesign.js";
 import { resolveComponent, createBlock, openBlock, withCtx, withModifiers, normalizeClass, createElementBlock, Fragment, renderList } from "vue";
-/* empty css                 */
+/* empty css                */
 import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
 const _sfc_main = {
   name: "grid-widget",

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

@@ -1,15 +1,15 @@
 import * as containerWrapper from "./container-wrapper.vue.js";
-import * as dataTableWidget from "./data-table-widget.vue.js";
+import * as dataTableWidget from "./data-table-widget.vue3.js";
 import * as gridColWidget from "./grid-col-widget.vue.js";
 import * as gridSubFormWidget from "./grid-sub-form-widget.vue.js";
-import * as gridWidget from "./grid-widget.vue.js";
+import * as gridWidget from "./grid-widget.vue2.js";
 import * as subFormWidget from "./sub-form-widget.vue.js";
 import * as tabWidget from "./tab-widget.vue.js";
 import * as tableCellWidget from "./table-cell-widget.vue.js";
-import * as tableWidget from "./table-widget.vue.js";
+import * as tableWidget from "./table-widget.vue2.js";
 import * as vfBoxItem from "./vf-box-item.vue.js";
 import * as vfBoxWidget from "./vf-box-widget.vue.js";
-import * as vfCollapseWidget from "./vf-collapse-widget.vue.js";
+import * as vfCollapseWidget from "./vf-collapse-widget.vue4.js";
 import * as vfDialogWidget from "./vf-dialog-widget.vue.js";
 import * as vfDrawerWidget from "./vf-drawer-widget.vue.js";
 const modules = /* @__PURE__ */ Object.assign({ "./container-wrapper.vue": containerWrapper, "./data-table-widget.vue": dataTableWidget, "./grid-col-widget.vue": gridColWidget, "./grid-sub-form-widget.vue": gridSubFormWidget, "./grid-widget.vue": gridWidget, "./sub-form-widget.vue": subFormWidget, "./tab-widget.vue": tabWidget, "./table-cell-widget.vue": tableCellWidget, "./table-widget.vue": tableWidget, "./vf-box-item.vue": vfBoxItem, "./vf-box-widget.vue": vfBoxWidget, "./vf-collapse-widget.vue": vfCollapseWidget, "./vf-dialog-widget.vue": vfDialogWidget, "./vf-drawer-widget.vue": vfDrawerWidget });

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

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

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

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

package/src/components/form-designer/form-widget/container-widget/table-cell-widget.vue.js

@@ -2,6 +2,7 @@ import i18n from "../../../../utils/i18n.js";
 import comps from "../field-widget/index.js";
 import SvgIcon from "../../../svg-icon/index.vue.js";
 import refMixinDesign from "../../refMixinDesign.js";
+import draggableComponent from "../../../../lib/vuedraggable/src/vuedraggable.js";
 import { resolveComponent, createElementBlock, openBlock, withModifiers, normalizeStyle, normalizeClass, createVNode, createCommentVNode, mergeProps, withCtx, createElementVNode, createBlock, resolveDynamicComponent, createTextVNode, toDisplayString } 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,
     ...comps,
     SvgIcon
   },
@@ -442,7 +444,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ])) : createCommentVNode("", true)
   ], 14, _hoisted_1);
 }
-const TableCellWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-fd07d4fd"]]);
+const TableCellWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-31df4ab7"]]);
 export {
   TableCellWidget as default
 };

package/src/components/form-designer/form-widget/container-widget/{table-widget.vue.js → table-widget.vue2.js}

@@ -4,7 +4,7 @@ import ContainerWrapper from "./container-wrapper.vue.js";
 import TableCellWidget from "./table-cell-widget.vue.js";
 import refMixinDesign from "../../refMixinDesign.js";
 import { resolveComponent, createBlock, openBlock, withCtx, createElementBlock, withModifiers, normalizeClass, createElementVNode, Fragment, renderList, createCommentVNode } from "vue";
-/* empty css                  */
+/* empty css                 */
 import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
 const _sfc_main = {
   name: "table-widget",

package/src/components/form-designer/form-widget/container-widget/vf-box-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, createCommentVNode, 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
   },
@@ -175,7 +177,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["designer", "widget", "parent-widget", "parent-list", "index-of-parent-list"]);
 }
-const vfBoxWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-8b832a99"]]);
+const vfBoxWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-35053492"]]);
 export {
   vfBoxWidget as default
 };

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

@@ -1,158 +1,126 @@
-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-2111f569"]]);
+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,
+    ...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 {
-  vfCollapseWidget as default
+  _sfc_main as default
 };

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-8c02505a"]]);
+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
 };