@kp-ui/lowcode 1.0.31 → 1.0.33

package/src/components/form-designer/form-widget/container-widget/data-table-widget.vue2.js

@@ -0,0 +1,236 @@
+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 useDataTableMixin from "../../../../mixins/useDataTableMixin.js";
+const _sfc_main = {
+  name: "DataTableWidget",
+  componentName: "DataTableWidget",
+  mixins: [i18n, containerMixin, refMixinDesign, emitter, useDataTableMixin],
+  inject: ["refList"],
+  components: {
+    ContainerWrapper,
+    ...comps
+  },
+  data() {
+    return {
+      // selectAllFlag: false
+    };
+  },
+  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: ""
+    }
+  },
+  created() {
+    this.initRefList();
+  },
+  mounted() {
+    this.loadDataTableDataSource();
+    log;
+  },
+  beforeUnmount() {
+  },
+  computed: {
+    // paginationLayout() {
+    //   return !!this.widget.options.smallPagination
+    //     ? 'prev, pager, next'
+    //     : 'total, sizes, prev, pager, next, jumper';
+    // },
+    selected() {
+      return this.widget.id === this.designer.selectedId;
+    }
+    // customClass() {
+    //   return this.widget.options.customClass || '';
+    // },
+    // widgetSize() {
+    //   return this.widget.options.tableSize || 'default';
+    // },
+    // buttonsColumnFixed() {
+    //   if (this.widget.options.buttonsColumnFixed === undefined) {
+    //     return 'right';
+    //   }
+    //   return !this.widget.options.buttonsColumnFixed
+    //     ? false
+    //     : this.widget.options.buttonsColumnFixed;
+    // },
+    // tableHeight() {
+    //   return this.widget.options.tableHeight || undefined;
+    // },
+    // selectionWidth() {
+    //   return !this.widget.options.showSummary
+    //     ? !this.widget.options.treeDataEnabled
+    //       ? 42
+    //       : 70
+    //     : 53;
+    // }
+  },
+  methods: {
+    // getOperationButtonLabel(buttonConfig, rowIndex, row) {
+    //   if (!!this.widget.options.onGetOperationButtonLabel) {
+    //     const customFn = new Function(
+    //       'buttonConfig',
+    //       'rowIndex',
+    //       'row',
+    //       this.widget.options.onGetOperationButtonLabel
+    //     );
+    //     //return customFn.call(this, buttonConfig, rowIndex, row) || buttonConfig.label
+    //     return customFn.call(this, buttonConfig, rowIndex, row);
+    //   } else {
+    //     return buttonConfig.label;
+    //   }
+    // },
+    // handleOperationButtonClick(btnName, rowIndex, row, scope, ob) {
+    //   this.skipSelectionChangeEvent = true;
+    //   try {
+    //     if (ob.onClick) {
+    //       const clcFn = new Function('record', 'index', 'column', 'btn', ob.onClick);
+    //       clcFn.call(this, row, rowIndex, scope.column, ob);
+    //       return;
+    //     }
+    //     if (!!this.widget.options.onOperationButtonClick) {
+    //       const customFn = new Function(
+    //         'buttonName',
+    //         'rowIndex',
+    //         'row',
+    //         this.widget.options.onOperationButtonClick
+    //       );
+    //       customFn.call(this, btnName, rowIndex, row);
+    //     } else {
+    //       this.dispatch('VFormRender', 'operationButtonClick', [this, btnName, rowIndex, row]);
+    //     }
+    //   } finally {
+    //     this.skipSelectionChangeEvent = false;
+    //   }
+    // },
+    // showOperationButton(buttonConfig, rowIndex, row) {
+    //   if (!!this.widget.options.onHideOperationButton) {
+    //     const customFn = new Function(
+    //       'buttonConfig',
+    //       'rowIndex',
+    //       'row',
+    //       this.widget.options.onHideOperationButton
+    //     );
+    //     return !customFn.call(this, buttonConfig, rowIndex, row);
+    //   } else {
+    //     return !buttonConfig.hidden;
+    //   }
+    // },
+    // disableOperationButton(buttonConfig, rowIndex, row) {
+    //   if (!!this.widget.options.onDisableOperationButton) {
+    //     const customFn = new Function(
+    //       'buttonConfig',
+    //       'rowIndex',
+    //       'row',
+    //       this.widget.options.onDisableOperationButton
+    //     );
+    //     return customFn.call(this, buttonConfig, rowIndex, row);
+    //   } else {
+    //     return buttonConfig.disabled;
+    //   }
+    // },
+    // customRenderIndex({ index }) {
+    //   return index + 1;
+    // },
+    // handleTablePageChange(pagination, filters, sorter, { currentDataSource }) {
+    //   const fn = this.widget.options.onTableChange;
+    //   this.widget.options.pagination.current = pagination.current;
+    //   this.widget.options.pagination.pageSize = pagination.pageSize;
+    //   if (fn) {
+    //     const changeFunc = new Function(
+    //       'pagination',
+    //       'filters',
+    //       'sorter',
+    //       'currentDataSource',
+    //       fn
+    //     );
+    //     changeFunc.call(this, pagination, filters, sorter, currentDataSource);
+    //   }
+    // },
+    // handleRowSelection(info) {
+    //   if (!info.hasRowSelection) {
+    //     return undefined;
+    //   }
+    //   return {
+    //     ...omit(info, ['onChange']),
+    //     onChange: (selectedRowKeys, selectedRows) => {
+    //       const rcFunc = new Function('selectedRowKeys', 'selectedRows', info.onChange);
+    //       rcFunc.call(this, selectedRowKeys, selectedRows);
+    //     }
+    //   };
+    // },
+    selectWidget(widget) {
+      this.designer.setSelected(widget);
+    }
+    // getTableColumns() {
+    //   return this.widget.options.tableColumns;
+    // }
+    // setChildrenSelected(children, flag) {
+    //   const childrenKey = this.widget.options.childrenKey;
+    //   children.map(child => {
+    //     this.toggleSelection(child, flag);
+    //     if (child[childrenKey]) {
+    //       this.setChildrenSelected(child[childrenKey], flag);
+    //     }
+    //   });
+    // },
+    // toggleSelection(row, flag) {
+    //   if (row) {
+    //     this.$nextTick(() => {
+    //       this.$refs.dataTable.toggleRowSelection(row, flag);
+    //     });
+    //   }
+    // },
+    // handleRowSelect(selection, row) {
+    //   const childrenKey = this.widget.options.childrenKey;
+    //   if (
+    //     selection.some(el => {
+    //       return row.id === el.id;
+    //     })
+    //   ) {
+    //     if (row[childrenKey]) {
+    //       this.setChildrenSelected(row[childrenKey], true);
+    //     }
+    //   } else {
+    //     if (row[childrenKey]) {
+    //       this.setChildrenSelected(row[childrenKey], false);
+    //     }
+    //   }
+    // },
+    // setSelectedFlag(data, flag) {
+    //   const childrenKey = this.widget.options.childrenKey;
+    //   data.forEach(row => {
+    //     this.$refs.dataTable.toggleRowSelection(row, flag);
+    //     if (row[childrenKey]) {
+    //       this.setSelectedFlag(row[childrenKey], flag);
+    //     }
+    //   });
+    // },
+    // handleAllSelect(selection) {
+    //   this.selectAllFlag = !this.selectAllFlag;
+    //   this.setSelectedFlag(this.widget.options.tableData, this.selectAllFlag);
+    // }
+  }
+};
+export {
+  _sfc_main as default
+};

package/src/components/form-designer/form-widget/container-widget/{grid-widget.vue2.js → grid-widget.vue.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.vue3.js";
+import * as dataTableWidget from "./data-table-widget.vue.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.vue2.js";
+import * as gridWidget from "./grid-widget.vue.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.vue2.js";
+import * as tableWidget from "./table-widget.vue.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.vue4.js";
+import * as vfCollapseWidget from "./vf-collapse-widget.vue.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/{table-widget.vue2.js → table-widget.vue.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-item.vue.js

@@ -1,11 +1,11 @@
 import ContainerItemWrapper from "../../../form-render/container-item/container-item-wrapper.vue.js";
 import emitter from "../../../../utils/emitter.js";
+import { defineAsyncComponent, resolveComponent, withDirectives, createBlock, openBlock, withCtx, createElementBlock, normalizeClass, createCommentVNode, Fragment, renderList, resolveDynamicComponent, createSlots, renderSlot, normalizeProps, guardReactiveProps, vShow } from "vue";
 import i18n from "../../../../utils/i18n.js";
 import comps from "../field-widget/index.js";
 import refMixin from "../../../form-render/refMixin.js";
 import containerItemMixin from "../../../form-render/container-item/containerItemMixin.js";
 import SvgIcon from "../../../svg-icon/index.vue.js";
-import { resolveComponent, withDirectives, createBlock, openBlock, withCtx, createElementBlock, normalizeClass, createCommentVNode, Fragment, renderList, resolveDynamicComponent, createSlots, renderSlot, normalizeProps, guardReactiveProps, vShow } from "vue";
 /* empty css                 */
 import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
 const _sfc_main = {
@@ -16,7 +16,8 @@ const _sfc_main = {
   components: {
     ContainerItemWrapper,
     SvgIcon,
-    ...comps
+    ...comps,
+    VFormRender: defineAsyncComponent(() => import("../../../../../render.js"))
   },
   props: {
     widget: Object,
@@ -181,7 +182,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     [vShow, !$props.widget.options.hidden]
   ]);
 }
-const vfBoxItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-0daceeb9"]]);
+const vfBoxItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-b302cb7e"]]);
 export {
   vfBoxItem as default
 };

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

@@ -1,9 +1,9 @@
+import { defineAsyncComponent, resolveComponent, createBlock, openBlock, withCtx, createElementBlock, withModifiers, normalizeClass, createCommentVNode, createVNode, mergeProps, createElementVNode, resolveDynamicComponent } from "vue";
 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";
 const _sfc_main = {
@@ -14,7 +14,8 @@ const _sfc_main = {
   components: {
     Draggable: draggableComponent,
     ContainerWrapper,
-    ...comps
+    ...comps,
+    VFormRender: defineAsyncComponent(() => import("../../../../../render.js"))
   },
   props: {
     widget: Object,
@@ -177,7 +178,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-35053492"]]);
+const vfBoxWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-6e190b21"]]);
 export {
   vfBoxWidget as default
 };

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

@@ -1,126 +1,158 @@
-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;
-    }
-  }
-};
+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
 };