@kp-ui/lowcode 1.0.105 → 1.0.106

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

@@ -0,0 +1,118 @@
+import y from "./vf-collapse-widget.vue2.js";
+import { resolveComponent as s, createBlock as o, openBlock as d, withCtx as l, createElementBlock as C, withModifiers as _, normalizeClass as c, createVNode as w, withDirectives as k, createElementVNode as r, normalizeStyle as S, mergeProps as p, resolveDynamicComponent as g, vShow as u } from "vue";
+/* empty css                        */
+/* empty css                        */
+import L from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const x = { class: "collapse-right" }, D = { class: "form-widget-list" }, U = { class: "form-widget-list" };
+function A(i, n, e, R, B, f) {
+  const m = s("draggable"), h = s("TpfCollapse"), v = s("container-wrapper");
+  return d(), o(v, {
+    designer: e.designer,
+    widget: e.widget,
+    "parent-widget": e.parentWidget,
+    "parent-list": e.parentList,
+    "index-of-parent-list": e.indexOfParentList
+  }, {
+    default: l(() => [
+      (d(), C("div", {
+        key: e.widget.id,
+        class: c(["collapse-container data-table-container", { selected: f.selected }]),
+        onClick: n[2] || (n[2] = _((t) => f.selectWidget(e.widget), ["stop"]))
+      }, [
+        w(h, {
+          title: e.widget.options.title
+        }, {
+          right: l(() => [
+            r("div", x, [
+              w(m, p({
+                list: e.widget.headerRightSlotList,
+                "item-key": "id"
+              }, { group: "dragGroup", ghostClass: "ghost", animation: 200 }, {
+                handle: ".drag-handler",
+                tag: "transition-group",
+                "component-data": { name: "fade" },
+                onAdd: n[0] || (n[0] = (t) => i.onContainerDragAdd(t, e.widget.headerRightSlotList)),
+                onUpdate: i.onContainerDragUpdate,
+                move: i.checkContainerMove
+              }), {
+                item: l(({ element: t, index: a }) => [
+                  r("div", D, [
+                    t.category === "container" ? (d(), o(g(t.type + "-widget"), {
+                      widget: t,
+                      designer: e.designer,
+                      key: t.id,
+                      "parent-list": e.widget.headerRightSlotList,
+                      "index-of-parent-list": a,
+                      "parent-widget": e.widget
+                    }, null, 8, ["widget", "designer", "parent-list", "index-of-parent-list", "parent-widget"])) : (d(), o(g(t.type + "-widget"), {
+                      field: t,
+                      designer: e.designer,
+                      key: t.id,
+                      "parent-list": e.widget.headerRightSlotList,
+                      "index-of-parent-list": a,
+                      "parent-widget": e.widget,
+                      "design-state": !0
+                    }, null, 8, ["field", "designer", "parent-list", "index-of-parent-list", "parent-widget"]))
+                  ])
+                ]),
+                _: 1
+              }, 16, ["list", "onUpdate", "move"])
+            ])
+          ]),
+          default: l(() => [
+            k(r("div", {
+              class: c(["tpf-collapse-content"]),
+              style: S({
+                height: e.widget.options.height || "unset",
+                ...JSON.parse(e.widget.options.bodyStyle || "{}")
+              })
+            }, [
+              w(m, p({
+                list: e.widget.defaultSlotsList,
+                "item-key": "id"
+              }, { group: "dragGroup", ghostClass: "ghost", animation: 200 }, {
+                handle: ".drag-handler",
+                tag: "transition-group",
+                "component-data": { name: "fade" },
+                onAdd: n[1] || (n[1] = (t) => i.onContainerDragAdd(t, e.widget.defaultSlotsList)),
+                onUpdate: i.onContainerDragUpdate,
+                move: i.checkContainerMove
+              }), {
+                item: l(({ element: t, index: a }) => [
+                  r("div", U, [
+                    t.category === "container" ? (d(), o(g(t.type + "-widget"), {
+                      widget: t,
+                      designer: e.designer,
+                      key: t.id,
+                      "parent-list": e.widget.defaultSlotsList,
+                      "index-of-parent-list": a,
+                      "parent-widget": e.widget
+                    }, null, 8, ["widget", "designer", "parent-list", "index-of-parent-list", "parent-widget"])) : (d(), o(g(t.type + "-widget"), {
+                      field: t,
+                      designer: e.designer,
+                      key: t.id,
+                      "parent-list": e.widget.defaultSlotsList,
+                      "index-of-parent-list": a,
+                      "parent-widget": e.widget,
+                      "design-state": !0
+                    }, null, 8, ["field", "designer", "parent-list", "index-of-parent-list", "parent-widget"]))
+                  ])
+                ]),
+                _: 1
+              }, 16, ["list", "onUpdate", "move"])
+            ], 4), [
+              [u, !e.widget.options.isCollapse]
+            ])
+          ]),
+          _: 1
+        }, 8, ["title"])
+      ], 2))
+    ]),
+    _: 1
+  }, 8, ["designer", "widget", "parent-widget", "parent-list", "index-of-parent-list"]);
+}
+const O = /* @__PURE__ */ L(y, [["render", A], ["__scopeId", "data-v-008e239f"]]);
+export {
+  O as default
+};
+//# sourceMappingURL=vf-collapse-widget.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"vf-collapse-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/vf-collapse-widget.vue"],"sourcesContent":["<template>\n    <container-wrapper\n        :designer=\"designer\"\n        :widget=\"widget\"\n        :parent-widget=\"parentWidget\"\n        :parent-list=\"parentList\"\n        :index-of-parent-list=\"indexOfParentList\"\n    >\n        <div\n            :key=\"widget.id\"\n            class=\"collapse-container data-table-container\"\n            :class=\"{ selected: selected }\"\n            @click.stop=\"selectWidget(widget)\"\n        >\n            <TpfCollapse :title=\"widget.options.title\">\n                <template #right>\n                    <div class=\"collapse-right\">\n                         <draggable\n                            :list=\"widget.headerRightSlotList\"\n                            item-key=\"id\"\n                            v-bind=\"{ group: 'dragGroup', ghostClass: 'ghost', animation: 200 }\"\n                            handle=\".drag-handler\"\n                            tag=\"transition-group\"\n                            :component-data=\"{ name: 'fade' }\"\n                            @add=\"evt => onContainerDragAdd(evt, widget.headerRightSlotList)\"\n                            @update=\"onContainerDragUpdate\"\n                            :move=\"checkContainerMove\"\n                        >\n                            <template #item=\"{ element: subWidget, index: swIdx }\">\n                                <div class=\"form-widget-list\">\n                                    <template v-if=\"'container' === subWidget.category\">\n                                        <component\n                                            :is=\"subWidget.type + '-widget'\"\n                                            :widget=\"subWidget\"\n                                            :designer=\"designer\"\n                                            :key=\"subWidget.id\"\n                                            :parent-list=\"widget.headerRightSlotList\"\n                                            :index-of-parent-list=\"swIdx\"\n                                            :parent-widget=\"widget\"\n                                        />\n                                    </template>\n                                    <template v-else>\n                                        <component\n                                            :is=\"subWidget.type + '-widget'\"\n                                            :field=\"subWidget\"\n                                            :designer=\"designer\"\n                                            :key=\"subWidget.id\"\n                                            :parent-list=\"widget.headerRightSlotList\"\n                                            :index-of-parent-list=\"swIdx\"\n                                            :parent-widget=\"widget\"\n                                            :design-state=\"true\"\n                                        />\n                                    </template>\n                                </div>\n                            </template>\n                        </draggable>\n                    </div>\n                </template>\n                <div\n                    :class=\"['tpf-collapse-content']\"\n                    :style=\"{\n                        height: widget.options.height || 'unset',\n                        ...JSON.parse(widget.options.bodyStyle || '{}')\n                    }\"\n                    v-show=\"!widget.options.isCollapse\"\n                >\n                    <draggable\n                        :list=\"widget.defaultSlotsList\"\n                        item-key=\"id\"\n                        v-bind=\"{ group: 'dragGroup', ghostClass: 'ghost', animation: 200 }\"\n                        handle=\".drag-handler\"\n                        tag=\"transition-group\"\n                        :component-data=\"{ name: 'fade' }\"\n                        @add=\"evt => onContainerDragAdd(evt, widget.defaultSlotsList)\"\n                        @update=\"onContainerDragUpdate\"\n                        :move=\"checkContainerMove\"\n                    >\n                        <template #item=\"{ element: subWidget, index: swIdx }\">\n                            <div class=\"form-widget-list\">\n                                <template v-if=\"'container' === subWidget.category\">\n                                    <component\n                                        :is=\"subWidget.type + '-widget'\"\n                                        :widget=\"subWidget\"\n                                        :designer=\"designer\"\n                                        :key=\"subWidget.id\"\n                                        :parent-list=\"widget.defaultSlotsList\"\n                                        :index-of-parent-list=\"swIdx\"\n                                        :parent-widget=\"widget\"\n                                    />\n                                </template>\n                                <template v-else>\n                                    <component\n                                        :is=\"subWidget.type + '-widget'\"\n                                        :field=\"subWidget\"\n                                        :designer=\"designer\"\n                                        :key=\"subWidget.id\"\n                                        :parent-list=\"widget.defaultSlotsList\"\n                                        :index-of-parent-list=\"swIdx\"\n                                        :parent-widget=\"widget\"\n                                        :design-state=\"true\"\n                                    />\n                                </template>\n                            </div>\n                        </template>\n                    </draggable>\n                </div>\n            </TpfCollapse>\n        </div>\n    </container-wrapper>\n</template>\n\n<script lang=\"jsx\">\n    import { defineAsyncComponent } from 'vue';\n    import ContainerWrapper from '@/components/form-designer/form-widget/container-widget/container-wrapper';\n    import emitter from '@/utils/emitter';\n    import i18n from '@/utils/i18n';\n    import FieldComponents from '@/components/form-designer/form-widget/field-widget/index';\n    import containerMixin from '@/components/form-designer/form-widget/container-widget/containerMixin';\n    import refMixinDesign from '@/components/form-designer/refMixinDesign';\n    import SvgIcon from '@/components/svg-icon/index.vue';\n    import { TpfCollapse } from 'tmgc2-share';\n    import gridWidget from './grid-widget.vue';\n    import Draggable from '@/lib/vuedraggable/src/vuedraggable';\n    export default {\n        name: 'VfCollapseWidget',\n        mixins: [i18n, containerMixin, refMixinDesign, emitter],\n        inject: ['refList'],\n        components: {\n            Draggable,\n            ContainerWrapper,\n            TpfCollapse,\n            SvgIcon,\n            gridWidget,\n            VFormRender: defineAsyncComponent(() => import('@/components/form-render/index.vue')),\n            ...FieldComponents\n        },\n        data() {\n            return {};\n        },\n        props: {\n            widget: Object,\n            parentWidget: Object,\n            parentList: Array,\n            indexOfParentList: Number,\n            designer: Object,\n\n            subFormRowIndex: {\n                /* 子表单组件行索引，从0开始计数 */ type: Number,\n                default: -1\n            },\n            subFormColIndex: {\n                /* 子表单组件列索引，从0开始计数 */ type: Number,\n                default: -1\n            },\n            subFormRowId: {\n                /* 子表单组件行Id，唯一id且不可变 */ type: String,\n                default: ''\n            },\n            options: {\n                type: Object,\n                default: () => ({})\n            },\n            formJson: {\n                type: Object\n            },\n            formData: {\n                type: Object,\n                default: () => ({})\n            },\n            optionData: {\n                //prop传入的选项数据\n                type: Object,\n                default: () => ({})\n            },\n            globalDsv: {\n                // 全局数据源变量\n                type: Object,\n                default: () => ({})\n            },\n            parentFormRef: {\n                type: Object,\n                default: null\n            },\n            extraData: {\n                type: Object,\n                default: () => ({})\n            },\n            wrapperId: {\n                type: String,\n                default: null\n            }\n        },\n        created() {\n            this.initRefList();\n        },\n        mounted() {\n            //\n            this.loadFormCode(this.widget.options.formCode);\n        },\n        beforeUnmount() {\n            //\n        },\n        computed: {\n            rightSlotCss() {\n                return this.widget.options.rightSlotCss || '';\n            },\n            selected() {\n                return this.widget.id === this.designer.selectedId;\n            }\n        },\n        watch: {\n            'widget.options.formCode'(val) {\n                this.loadFormCode(val);\n            }\n        },\n        methods: {\n            selectWidget(widget) {\n                this.designer.setSelected(widget);\n            },\n            toggleCollapse() {\n                this.widget.options.isCollapse = !this.widget.options.isCollapse;\n            },\n            async loadFormCode(formCode) {\n                if (formCode) {\n                    const res = await this.$http\n                        .get(`/api/tmgc2-query/dataQuery/detail/FormDefinitionManagement`, {\n                            params: { code: formCode }\n                        })\n                        .then(res => res.data.object.frontendDefinition || '{}');\n                    this.$refs.dFormRef.setFormJson(JSON.parse(res));\n                }\n            },\n            getFormRef() {\n                return this.$refs.dFormRef;\n            }\n        }\n    };\n</script>\n\n<style lang=\"less\" scoped>\n    .collapse-container {\n        display: flex;\n        margin: 2px;\n        height: 100%;\n        width: 100%;\n        flex: 1 0 0;\n        border: 2px dashed #cccccc;\n        .form-widget-list {\n            min-height: 28px;\n        }\n        :deep(.header-right) {\n            background-color: #fff;\n            margin-right: 10px;\n            min-height: 30px;\n            min-width: 200px;\n            width: fit-content;\n            border: 1px dashed #666;\n            .form-widget-list {\n                min-width: 200px;\n            }\n        }\n    }\n\n    .collapse-container.selected {\n        outline: 2px solid var(--ant-primary-color) !important;\n    }\n\n</style>\n\n<style lang=\"less\" scoped>\n    .tpf-collapse {\n        // width: 100%;\n        // background-color: transparent;\n        // box-sizing: border-box;\n\n        // .tpf-collapse-header {\n        //     padding: 10px 0;\n        //     box-sizing: border-box;\n        //     display: flex;\n        //     height: 50px;\n        //     justify-content: space-between;\n        //     background-color: #f7f8fa;\n        //     .header-right {\n        //         background-color: #fff;\n        //         margin-right: 10px;\n        //         min-height: 30px;\n        //         min-width: 200px;\n        //         width: fit-content;\n        //         border: 1px dashed #666;\n        //     }\n        // }\n\n        .collapse-right{\n            min-width: 200px;\n        }\n        .tpf-collapse-content {\n            overflow: hidden;\n            background-color: #fff;\n            min-height: 200px;\n\n            :deep(.ant-card-bordered) {\n                 border-color: transparent;\n            }\n        }\n    }\n</style>\n"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_createBlock","_component_container_wrapper","$props","_createElementBlock","_normalizeClass","$options","_cache","_withModifiers","$event","_createVNode","_component_TpfCollapse","_createElementVNode","_component_draggable","_mergeProps","evt","_ctx","_withCtx","subWidget","swIdx","_resolveDynamicComponent","_normalizeStyle"],"mappings":"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"}

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

@@ -0,0 +1,129 @@
+import { defineAsyncComponent as r } from "vue";
+import i from "./container-wrapper.vue.js";
+import n from "../../../../utils/emitter.js";
+import s from "../../../../utils/i18n.js";
+import a from "../field-widget/index.js";
+import d from "./containerMixin.js";
+import m from "../../refMixinDesign.js";
+import p from "../../../svg-icon/index.vue.js";
+import { TpfCollapse as f } from "tmgc2-share";
+import l from "./grid-widget.vue.js";
+import g from "../../../../lib/vuedraggable/src/vuedraggable.js";
+const D = {
+  name: "VfCollapseWidget",
+  mixins: [s, d, m, n],
+  inject: ["refList"],
+  components: {
+    Draggable: g,
+    ContainerWrapper: i,
+    TpfCollapse: f,
+    SvgIcon: p,
+    gridWidget: l,
+    VFormRender: r(() => import("../../../form-render/index.vue.js")),
+    ...a
+  },
+  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"(t) {
+      this.loadFormCode(t);
+    }
+  },
+  methods: {
+    selectWidget(t) {
+      this.designer.setSelected(t);
+    },
+    toggleCollapse() {
+      this.widget.options.isCollapse = !this.widget.options.isCollapse;
+    },
+    async loadFormCode(t) {
+      if (t) {
+        const e = await this.$http.get("/api/tmgc2-query/dataQuery/detail/FormDefinitionManagement", {
+          params: {
+            code: t
+          }
+        }).then((o) => o.data.object.frontendDefinition || "{}");
+        this.$refs.dFormRef.setFormJson(JSON.parse(e));
+      }
+    },
+    getFormRef() {
+      return this.$refs.dFormRef;
+    }
+  }
+};
+export {
+  D as default
+};
+//# sourceMappingURL=vf-collapse-widget.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"vf-collapse-widget.vue2.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/vf-collapse-widget.vue"],"sourcesContent":["<template>\n    <container-wrapper\n        :designer=\"designer\"\n        :widget=\"widget\"\n        :parent-widget=\"parentWidget\"\n        :parent-list=\"parentList\"\n        :index-of-parent-list=\"indexOfParentList\"\n    >\n        <div\n            :key=\"widget.id\"\n            class=\"collapse-container data-table-container\"\n            :class=\"{ selected: selected }\"\n            @click.stop=\"selectWidget(widget)\"\n        >\n            <TpfCollapse :title=\"widget.options.title\">\n                <template #right>\n                    <div class=\"collapse-right\">\n                         <draggable\n                            :list=\"widget.headerRightSlotList\"\n                            item-key=\"id\"\n                            v-bind=\"{ group: 'dragGroup', ghostClass: 'ghost', animation: 200 }\"\n                            handle=\".drag-handler\"\n                            tag=\"transition-group\"\n                            :component-data=\"{ name: 'fade' }\"\n                            @add=\"evt => onContainerDragAdd(evt, widget.headerRightSlotList)\"\n                            @update=\"onContainerDragUpdate\"\n                            :move=\"checkContainerMove\"\n                        >\n                            <template #item=\"{ element: subWidget, index: swIdx }\">\n                                <div class=\"form-widget-list\">\n                                    <template v-if=\"'container' === subWidget.category\">\n                                        <component\n                                            :is=\"subWidget.type + '-widget'\"\n                                            :widget=\"subWidget\"\n                                            :designer=\"designer\"\n                                            :key=\"subWidget.id\"\n                                            :parent-list=\"widget.headerRightSlotList\"\n                                            :index-of-parent-list=\"swIdx\"\n                                            :parent-widget=\"widget\"\n                                        />\n                                    </template>\n                                    <template v-else>\n                                        <component\n                                            :is=\"subWidget.type + '-widget'\"\n                                            :field=\"subWidget\"\n                                            :designer=\"designer\"\n                                            :key=\"subWidget.id\"\n                                            :parent-list=\"widget.headerRightSlotList\"\n                                            :index-of-parent-list=\"swIdx\"\n                                            :parent-widget=\"widget\"\n                                            :design-state=\"true\"\n                                        />\n                                    </template>\n                                </div>\n                            </template>\n                        </draggable>\n                    </div>\n                </template>\n                <div\n                    :class=\"['tpf-collapse-content']\"\n                    :style=\"{\n                        height: widget.options.height || 'unset',\n                        ...JSON.parse(widget.options.bodyStyle || '{}')\n                    }\"\n                    v-show=\"!widget.options.isCollapse\"\n                >\n                    <draggable\n                        :list=\"widget.defaultSlotsList\"\n                        item-key=\"id\"\n                        v-bind=\"{ group: 'dragGroup', ghostClass: 'ghost', animation: 200 }\"\n                        handle=\".drag-handler\"\n                        tag=\"transition-group\"\n                        :component-data=\"{ name: 'fade' }\"\n                        @add=\"evt => onContainerDragAdd(evt, widget.defaultSlotsList)\"\n                        @update=\"onContainerDragUpdate\"\n                        :move=\"checkContainerMove\"\n                    >\n                        <template #item=\"{ element: subWidget, index: swIdx }\">\n                            <div class=\"form-widget-list\">\n                                <template v-if=\"'container' === subWidget.category\">\n                                    <component\n                                        :is=\"subWidget.type + '-widget'\"\n                                        :widget=\"subWidget\"\n                                        :designer=\"designer\"\n                                        :key=\"subWidget.id\"\n                                        :parent-list=\"widget.defaultSlotsList\"\n                                        :index-of-parent-list=\"swIdx\"\n                                        :parent-widget=\"widget\"\n                                    />\n                                </template>\n                                <template v-else>\n                                    <component\n                                        :is=\"subWidget.type + '-widget'\"\n                                        :field=\"subWidget\"\n                                        :designer=\"designer\"\n                                        :key=\"subWidget.id\"\n                                        :parent-list=\"widget.defaultSlotsList\"\n                                        :index-of-parent-list=\"swIdx\"\n                                        :parent-widget=\"widget\"\n                                        :design-state=\"true\"\n                                    />\n                                </template>\n                            </div>\n                        </template>\n                    </draggable>\n                </div>\n            </TpfCollapse>\n        </div>\n    </container-wrapper>\n</template>\n\n<script lang=\"jsx\">\n    import { defineAsyncComponent } from 'vue';\n    import ContainerWrapper from '@/components/form-designer/form-widget/container-widget/container-wrapper';\n    import emitter from '@/utils/emitter';\n    import i18n from '@/utils/i18n';\n    import FieldComponents from '@/components/form-designer/form-widget/field-widget/index';\n    import containerMixin from '@/components/form-designer/form-widget/container-widget/containerMixin';\n    import refMixinDesign from '@/components/form-designer/refMixinDesign';\n    import SvgIcon from '@/components/svg-icon/index.vue';\n    import { TpfCollapse } from 'tmgc2-share';\n    import gridWidget from './grid-widget.vue';\n    import Draggable from '@/lib/vuedraggable/src/vuedraggable';\n    export default {\n        name: 'VfCollapseWidget',\n        mixins: [i18n, containerMixin, refMixinDesign, emitter],\n        inject: ['refList'],\n        components: {\n            Draggable,\n            ContainerWrapper,\n            TpfCollapse,\n            SvgIcon,\n            gridWidget,\n            VFormRender: defineAsyncComponent(() => import('@/components/form-render/index.vue')),\n            ...FieldComponents\n        },\n        data() {\n            return {};\n        },\n        props: {\n            widget: Object,\n            parentWidget: Object,\n            parentList: Array,\n            indexOfParentList: Number,\n            designer: Object,\n\n            subFormRowIndex: {\n                /* 子表单组件行索引，从0开始计数 */ type: Number,\n                default: -1\n            },\n            subFormColIndex: {\n                /* 子表单组件列索引，从0开始计数 */ type: Number,\n                default: -1\n            },\n            subFormRowId: {\n                /* 子表单组件行Id，唯一id且不可变 */ type: String,\n                default: ''\n            },\n            options: {\n                type: Object,\n                default: () => ({})\n            },\n            formJson: {\n                type: Object\n            },\n            formData: {\n                type: Object,\n                default: () => ({})\n            },\n            optionData: {\n                //prop传入的选项数据\n                type: Object,\n                default: () => ({})\n            },\n            globalDsv: {\n                // 全局数据源变量\n                type: Object,\n                default: () => ({})\n            },\n            parentFormRef: {\n                type: Object,\n                default: null\n            },\n            extraData: {\n                type: Object,\n                default: () => ({})\n            },\n            wrapperId: {\n                type: String,\n                default: null\n            }\n        },\n        created() {\n            this.initRefList();\n        },\n        mounted() {\n            //\n            this.loadFormCode(this.widget.options.formCode);\n        },\n        beforeUnmount() {\n            //\n        },\n        computed: {\n            rightSlotCss() {\n                return this.widget.options.rightSlotCss || '';\n            },\n            selected() {\n                return this.widget.id === this.designer.selectedId;\n            }\n        },\n        watch: {\n            'widget.options.formCode'(val) {\n                this.loadFormCode(val);\n            }\n        },\n        methods: {\n            selectWidget(widget) {\n                this.designer.setSelected(widget);\n            },\n            toggleCollapse() {\n                this.widget.options.isCollapse = !this.widget.options.isCollapse;\n            },\n            async loadFormCode(formCode) {\n                if (formCode) {\n                    const res = await this.$http\n                        .get(`/api/tmgc2-query/dataQuery/detail/FormDefinitionManagement`, {\n                            params: { code: formCode }\n                        })\n                        .then(res => res.data.object.frontendDefinition || '{}');\n                    this.$refs.dFormRef.setFormJson(JSON.parse(res));\n                }\n            },\n            getFormRef() {\n                return this.$refs.dFormRef;\n            }\n        }\n    };\n</script>\n\n<style lang=\"less\" scoped>\n    .collapse-container {\n        display: flex;\n        margin: 2px;\n        height: 100%;\n        width: 100%;\n        flex: 1 0 0;\n        border: 2px dashed #cccccc;\n        .form-widget-list {\n            min-height: 28px;\n        }\n        :deep(.header-right) {\n            background-color: #fff;\n            margin-right: 10px;\n            min-height: 30px;\n            min-width: 200px;\n            width: fit-content;\n            border: 1px dashed #666;\n            .form-widget-list {\n                min-width: 200px;\n            }\n        }\n    }\n\n    .collapse-container.selected {\n        outline: 2px solid var(--ant-primary-color) !important;\n    }\n\n</style>\n\n<style lang=\"less\" scoped>\n    .tpf-collapse {\n        // width: 100%;\n        // background-color: transparent;\n        // box-sizing: border-box;\n\n        // .tpf-collapse-header {\n        //     padding: 10px 0;\n        //     box-sizing: border-box;\n        //     display: flex;\n        //     height: 50px;\n        //     justify-content: space-between;\n        //     background-color: #f7f8fa;\n        //     .header-right {\n        //         background-color: #fff;\n        //         margin-right: 10px;\n        //         min-height: 30px;\n        //         min-width: 200px;\n        //         width: fit-content;\n        //         border: 1px dashed #666;\n        //     }\n        // }\n\n        .collapse-right{\n            min-width: 200px;\n        }\n        .tpf-collapse-content {\n            overflow: hidden;\n            background-color: #fff;\n            min-height: 200px;\n\n            :deep(.ant-card-bordered) {\n                 border-color: transparent;\n            }\n        }\n    }\n</style>\n"],"names":["_sfc_main","name","mixins","i18n","containerMixin","refMixinDesign","emitter","inject","components","Draggable","ContainerWrapper","TpfCollapse","SvgIcon","gridWidget","VFormRender","defineAsyncComponent","FieldComponents","data","props","widget","Object","parentWidget","parentList","Array","indexOfParentList","Number","designer","subFormRowIndex","type","default","subFormColIndex","subFormRowId","String","options","formJson","formData","optionData","globalDsv","parentFormRef","extraData","wrapperId","created","initRefList","mounted","loadFormCode","formCode","beforeUnmount","computed","rightSlotCss","selected","id","selectedId","watch","val","methods","selectWidget","setSelected","toggleCollapse","isCollapse","res","$http","get","params","code","then","object","frontendDefinition","$refs","dFormRef","setFormJson","JSON","parse","getFormRef"],"mappings":";;;;;;;;;;;AA2HI,MAAAA,IAAe;AAAA,EACXC,MAAM;AAAA,EACNC,QAAQ,CAACC,GAAMC,GAAgBC,GAAgBC,CAAO;AAAA,EACtDC,QAAQ,CAAC,SAAS;AAAA,EAClBC,YAAY;AAAA,eACRC;AAAAA,IACAC,kBAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,SAAAA;AAAAA,IACAC,YAAAA;AAAAA,IACAC,aAAaC,EAAqB,MAAM,OAAO,mCAAoC,CAAC;AAAA,IACpF,GAAGC;AAAAA;EAEPC,OAAO;AACH,WAAO,CAAA;AAAA,EACX;AAAA,EACAC,OAAO;AAAA,IACHC,QAAQC;AAAAA,IACRC,cAAcD;AAAAA,IACdE,YAAYC;AAAAA,IACZC,mBAAmBC;AAAAA,IACnBC,UAAUN;AAAAA,IAEVO,iBAAiB;AAAA;AAAA,MACSC,MAAMH;AAAAA,MAC5BI,SAAS;AAAA;IAEbC,iBAAiB;AAAA;AAAA,MACSF,MAAMH;AAAAA,MAC5BI,SAAS;AAAA;IAEbE,cAAc;AAAA;AAAA,MACcH,MAAMI;AAAAA,MAC9BH,SAAS;AAAA;IAEbI,SAAS;AAAA,MACLL,MAAMR;AAAAA,MACNS,SAASA,OAAO,CAAA;AAAA;IAEpBK,UAAU;AAAA,MACNN,MAAMR;AAAAA;IAEVe,UAAU;AAAA,MACNP,MAAMR;AAAAA,MACNS,SAASA,OAAO,CAAA;AAAA;IAEpBO,YAAY;AAAA;AAAA,MAERR,MAAMR;AAAAA,MACNS,SAASA,OAAO,CAAA;AAAA;IAEpBQ,WAAW;AAAA;AAAA,MAEPT,MAAMR;AAAAA,MACNS,SAASA,OAAO,CAAA;AAAA;IAEpBS,eAAe;AAAA,MACXV,MAAMR;AAAAA,MACNS,SAAS;AAAA;IAEbU,WAAW;AAAA,MACPX,MAAMR;AAAAA,MACNS,SAASA,OAAO,CAAA;AAAA;IAEpBW,WAAW;AAAA,MACPZ,MAAMI;AAAAA,MACNH,SAAS;AAAA,IACb;AAAA;EAEJY,UAAU;AACN,SAAKC,YAAW;AAAA,EACpB;AAAA,EACAC,UAAU;AAEN,SAAKC,aAAa,KAAKzB,OAAOc,QAAQY,QAAQ;AAAA,EAClD;AAAA,EACAC,gBAAgB;AAAA,EACZ;AAAA,EAEJC,UAAU;AAAA,IACNC,eAAe;AACX,aAAO,KAAK7B,OAAOc,QAAQe,gBAAgB;AAAA,IAC/C;AAAA,IACAC,WAAW;AACP,aAAO,KAAK9B,OAAO+B,OAAO,KAAKxB,SAASyB;AAAAA,IAC5C;AAAA;EAEJC,OAAO;AAAA,IACH,0BAA0BC,GAAK;AAC3B,WAAKT,aAAaS,CAAG;AAAA,IACzB;AAAA;EAEJC,SAAS;AAAA,IACLC,aAAapC,GAAQ;AACjB,WAAKO,SAAS8B,YAAYrC,CAAM;AAAA,IACpC;AAAA,IACAsC,iBAAiB;AACb,WAAKtC,OAAOc,QAAQyB,aAAa,CAAC,KAAKvC,OAAOc,QAAQyB;AAAAA,IAC1D;AAAA,IACA,MAAMd,aAAaC,GAAU;AACzB,UAAIA,GAAU;AACV,cAAMc,IAAM,MAAM,KAAKC,MAClBC,IAAI,8DAA8D;AAAA,UAC/DC,QAAQ;AAAA,YAAEC,MAAMlB;AAAAA,UAAS;AAAA,QAC7B,CAAC,EACAmB,KAAKL,CAAAA,MAAOA,EAAI1C,KAAKgD,OAAOC,sBAAsB,IAAI;AAC3D,aAAKC,MAAMC,SAASC,YAAYC,KAAKC,MAAMZ,CAAG,CAAC;AAAA,MACnD;AAAA,IACJ;AAAA,IACAa,aAAa;AACT,aAAO,KAAKL,MAAMC;AAAAA,IACtB;AAAA,EACJ;AACJ;"}

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

@@ -0,0 +1,134 @@
+import f from "../../../../utils/i18n.js";
+import p from "../../refMixinDesign.js";
+import w from "../field-widget/index.js";
+import L from "./container-wrapper.vue.js";
+import x from "../../../../lib/vuedraggable/src/vuedraggable.js";
+import { resolveComponent as g, createBlock as r, openBlock as s, withCtx as o, createElementBlock as v, withModifiers as D, normalizeClass as C, createElementVNode as l, createVNode as _, toDisplayString as u, mergeProps as y, resolveDynamicComponent as c } from "vue";
+/* empty css                      */
+import k from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const W = {
+  name: "vf-dialog-widget",
+  componentName: "VfDialogWidget",
+  mixins: [f, p],
+  inject: ["refList"],
+  components: {
+    Draggable: x,
+    ContainerWrapper: L,
+    ...w
+  },
+  props: {
+    widget: Object,
+    parentWidget: Object,
+    parentList: Array,
+    indexOfParentList: Number,
+    designer: Object
+  },
+  data() {
+    return {
+      //
+    };
+  },
+  computed: {
+    selected() {
+      return this.widget.id === this.designer.selectedId;
+    },
+    customClass() {
+      return this.widget.options.customClass || "";
+    }
+  },
+  created() {
+    this.initRefList();
+  },
+  methods: {
+    onDialogDragEnd(t, n) {
+    },
+    onDialogDragAdd(t, n) {
+      const e = t.newIndex;
+      n[e] && this.designer.setSelected(n[e]), this.designer.emitHistoryChange(), this.designer.emitEvent("field-selected", this.widget);
+    },
+    onDialogDragUpdate() {
+      this.designer.emitHistoryChange();
+    },
+    selectWidget(t) {
+      console.log("id: " + t.id), this.designer.setSelected(t);
+    },
+    checkContainerMove(t) {
+      return this.designer.checkWidgetMove(t);
+    },
+    selectParentWidget() {
+      this.parentWidget ? this.designer.setSelected(this.parentWidget) : this.designer.clearSelected();
+    },
+    moveUpWidget() {
+      this.designer.moveUpWidget(this.parentList, this.indexOfParentList);
+    },
+    moveDownWidget() {
+      this.designer.moveDownWidget(this.parentList, this.indexOfParentList);
+    },
+    removeWidget() {
+      if (this.parentList) {
+        let t = null;
+        this.parentList.length === 1 ? this.parentWidget && (t = this.parentWidget) : this.parentList.length === 1 + this.indexOfParentList ? t = this.parentList[this.indexOfParentList - 1] : t = this.parentList[this.indexOfParentList + 1], this.$nextTick(() => {
+          this.parentList.splice(this.indexOfParentList, 1), this.designer.setSelected(t), this.designer.emitHistoryChange();
+        });
+      }
+    }
+  }
+}, O = { class: "dialog-title" }, P = { class: "vf-dialog-drop-zone" };
+function S(t, n, e, E, U, d) {
+  const m = g("draggable"), h = g("container-wrapper");
+  return s(), r(h, {
+    designer: e.designer,
+    widget: e.widget,
+    "parent-widget": e.parentWidget,
+    "parent-list": e.parentList,
+    "index-of-parent-list": e.indexOfParentList
+  }, {
+    default: o(() => [
+      (s(), v("div", {
+        class: C(["dialog-container", [d.selected ? "selected" : "", d.customClass]]),
+        key: e.widget.id,
+        onClick: n[2] || (n[2] = D((i) => d.selectWidget(e.widget), ["stop"]))
+      }, [
+        l("div", O, u(e.widget.options.title), 1),
+        _(m, y({
+          list: e.widget.widgetList,
+          "item-key": "id"
+        }, { group: "dragGroup", ghostClass: "ghost", animation: 200 }, {
+          handle: ".drag-handler",
+          onEnd: n[0] || (n[0] = (i) => d.onDialogDragEnd(i, e.widget.widgetList)),
+          onAdd: n[1] || (n[1] = (i) => d.onDialogDragAdd(i, e.widget.widgetList)),
+          onUpdate: d.onDialogDragUpdate,
+          move: d.checkContainerMove
+        }), {
+          item: o(({ element: i, index: a }) => [
+            l("div", P, [
+              i.category === "container" ? (s(), r(c(i.type + "-widget"), {
+                widget: i,
+                designer: e.designer,
+                key: i.id,
+                "parent-list": e.widget.widgetList,
+                "index-of-parent-list": a,
+                "parent-widget": e.widget
+              }, null, 8, ["widget", "designer", "parent-list", "index-of-parent-list", "parent-widget"])) : (s(), r(c(i.type + "-widget"), {
+                field: i,
+                designer: e.designer,
+                key: i.id,
+                "parent-list": e.widget.widgetList,
+                "index-of-parent-list": a,
+                "parent-widget": e.widget,
+                "design-state": !0
+              }, null, 8, ["field", "designer", "parent-list", "index-of-parent-list", "parent-widget"]))
+            ])
+          ]),
+          _: 1
+        }, 16, ["list", "onUpdate", "move"])
+      ], 2))
+    ]),
+    _: 1
+  }, 8, ["designer", "widget", "parent-widget", "parent-list", "index-of-parent-list"]);
+}
+const b = /* @__PURE__ */ k(W, [["render", S], ["__scopeId", "data-v-98c054f8"]]);
+export {
+  b as default
+};
+//# sourceMappingURL=vf-dialog-widget.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"vf-dialog-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/vf-dialog-widget.vue"],"sourcesContent":["<template>\n    <container-wrapper\n        :designer=\"designer\"\n        :widget=\"widget\"\n        :parent-widget=\"parentWidget\"\n        :parent-list=\"parentList\"\n        :index-of-parent-list=\"indexOfParentList\"\n    >\n        <div\n            class=\"dialog-container\"\n            :class=\"[selected ? 'selected' : '', customClass]\"\n            :key=\"widget.id\"\n            @click.stop=\"selectWidget(widget)\"\n        >\n            <div class=\"dialog-title\">{{ widget.options.title }}</div>\n            <draggable\n                :list=\"widget.widgetList\"\n                item-key=\"id\"\n                v-bind=\"{ group: 'dragGroup', ghostClass: 'ghost', animation: 200 }\"\n                handle=\".drag-handler\"\n                @end=\"evt => onDialogDragEnd(evt, widget.widgetList)\"\n                @add=\"evt => onDialogDragAdd(evt, widget.widgetList)\"\n                @update=\"onDialogDragUpdate\"\n                :move=\"checkContainerMove\"\n            >\n                <template #item=\"{ element: subWidget, index: swIdx }\">\n                    <div class=\"vf-dialog-drop-zone\">\n                        <template v-if=\"'container' === subWidget.category\">\n                            <component\n                                :is=\"subWidget.type + '-widget'\"\n                                :widget=\"subWidget\"\n                                :designer=\"designer\"\n                                :key=\"subWidget.id\"\n                                :parent-list=\"widget.widgetList\"\n                                :index-of-parent-list=\"swIdx\"\n                                :parent-widget=\"widget\"\n                            />\n                        </template>\n                        <template v-else>\n                            <component\n                                :is=\"subWidget.type + '-widget'\"\n                                :field=\"subWidget\"\n                                :designer=\"designer\"\n                                :key=\"subWidget.id\"\n                                :parent-list=\"widget.widgetList\"\n                                :index-of-parent-list=\"swIdx\"\n                                :parent-widget=\"widget\"\n                                :design-state=\"true\"\n                            />\n                        </template>\n                    </div>\n                </template>\n            </draggable>\n        </div>\n    </container-wrapper>\n</template>\n\n<script>\n    import i18n from '@/utils/i18n';\n    import refMixinDesign from '@/components/form-designer/refMixinDesign';\n    import FieldComponents from '@/components/form-designer/form-widget/field-widget';\n    import ContainerWrapper from '@/components/form-designer/form-widget/container-widget/container-wrapper';\n    import Draggable from '@/lib/vuedraggable/src/vuedraggable';\n\n    export default {\n        name: 'vf-dialog-widget',\n        componentName: 'VfDialogWidget',\n        mixins: [i18n, refMixinDesign],\n        inject: ['refList'],\n        components: {\n            Draggable,\n            ContainerWrapper,\n            ...FieldComponents\n        },\n        props: {\n            widget: Object,\n            parentWidget: Object,\n            parentList: Array,\n            indexOfParentList: Number,\n            designer: Object\n        },\n        data() {\n            return {\n                //\n            };\n        },\n        computed: {\n            selected() {\n                return this.widget.id === this.designer.selectedId;\n            },\n\n            customClass() {\n                return this.widget.options.customClass || '';\n            }\n        },\n        created() {\n            this.initRefList();\n        },\n        methods: {\n            onDialogDragEnd(evt, subList) {\n                //console.log('onDialogDragEnd', evt)\n            },\n\n            onDialogDragAdd(evt, subList) {\n                const newIndex = evt.newIndex;\n                if (!!subList[newIndex]) {\n                    this.designer.setSelected(subList[newIndex]);\n                }\n\n                this.designer.emitHistoryChange();\n                this.designer.emitEvent('field-selected', this.widget);\n            },\n\n            onDialogDragUpdate() {\n                this.designer.emitHistoryChange();\n            },\n\n            selectWidget(widget) {\n                console.log('id: ' + widget.id);\n                this.designer.setSelected(widget);\n            },\n\n            checkContainerMove(evt) {\n                //弹窗、抽屉不能嵌套！！\n                return this.designer.checkWidgetMove(evt);\n            },\n\n            selectParentWidget() {\n                if (this.parentWidget) {\n                    this.designer.setSelected(this.parentWidget);\n                } else {\n                    this.designer.clearSelected();\n                }\n            },\n\n            moveUpWidget() {\n                this.designer.moveUpWidget(this.parentList, this.indexOfParentList);\n            },\n\n            moveDownWidget() {\n                this.designer.moveDownWidget(this.parentList, this.indexOfParentList);\n            },\n\n            removeWidget() {\n                if (!!this.parentList) {\n                    let nextSelected = null;\n                    if (this.parentList.length === 1) {\n                        if (!!this.parentWidget) {\n                            nextSelected = this.parentWidget;\n                        }\n                    } else if (this.parentList.length === 1 + this.indexOfParentList) {\n                        nextSelected = this.parentList[this.indexOfParentList - 1];\n                    } else {\n                        nextSelected = this.parentList[this.indexOfParentList + 1];\n                    }\n\n                    this.$nextTick(() => {\n                        this.parentList.splice(this.indexOfParentList, 1);\n                        //if (!!nextSelected) {\n                        this.designer.setSelected(nextSelected);\n                        //}\n\n                        this.designer.emitHistoryChange();\n                    });\n                }\n            }\n        }\n    };\n</script>\n\n<style lang=\"scss\" scoped>\n    .dialog-container {\n        width: 100%;\n        min-height: 50px;\n        border: 2px dashed #cccccc;\n        position: relative;\n\n        .vf-dialog-drop-zone {\n            min-height: 58px;\n        }\n        .dialog-title{\n            font-size: 14px;\n            color: #666;\n            line-height: 50px;\n            text-align: center;\n        }\n    }\n\n    .dialog-container > div:first-child {\n        min-height: 58px;\n    }\n\n    .dialog-container.selected {\n        outline: 2px solid var(--ant-primary-color) !important;\n    }\n</style>\n"],"names":["_sfc_main","i18n","refMixinDesign","Draggable","ContainerWrapper","FieldComponents","evt","subList","newIndex","widget","nextSelected","_hoisted_1","_hoisted_2","_createBlock","_component_container_wrapper","$props","_createElementBlock","_normalizeClass","$options","_cache","_withModifiers","$event","_createElementVNode","_toDisplayString","_createVNode","_component_draggable","_mergeProps","_withCtx","subWidget","swIdx","_resolveDynamicComponent"],"mappings":"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"}

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

@@ -0,0 +1,133 @@
+import w from "../../../../utils/i18n.js";
+import h from "../../refMixinDesign.js";
+import f from "../field-widget/index.js";
+import p from "./container-wrapper.vue.js";
+import L from "../../../../lib/vuedraggable/src/vuedraggable.js";
+import { resolveComponent as g, createBlock as s, openBlock as d, withCtx as o, createElementBlock as x, withModifiers as v, normalizeClass as D, createVNode as C, mergeProps as u, createElementVNode as _, resolveDynamicComponent as l } from "vue";
+/* empty css                      */
+import k from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const y = {
+  name: "vf-drawer-widget",
+  componentName: "VfDialogWidget",
+  mixins: [w, h],
+  inject: ["refList"],
+  components: {
+    Draggable: L,
+    ContainerWrapper: p,
+    ...f
+  },
+  props: {
+    widget: Object,
+    parentWidget: Object,
+    parentList: Array,
+    indexOfParentList: Number,
+    designer: Object
+  },
+  data() {
+    return {
+      //
+    };
+  },
+  computed: {
+    selected() {
+      return this.widget.id === this.designer.selectedId;
+    },
+    customClass() {
+      return this.widget.options.customClass || "";
+    }
+  },
+  created() {
+    this.initRefList();
+  },
+  methods: {
+    onDrawerDragEnd(t, n) {
+    },
+    onDrawerDragAdd(t, n) {
+      const e = t.newIndex;
+      n[e] && this.designer.setSelected(n[e]), this.designer.emitHistoryChange(), this.designer.emitEvent("field-selected", this.widget);
+    },
+    onDrawerDragUpdate() {
+      this.designer.emitHistoryChange();
+    },
+    selectWidget(t) {
+      console.log("id: " + t.id), this.designer.setSelected(t);
+    },
+    checkContainerMove(t) {
+      return this.designer.checkWidgetMove(t);
+    },
+    selectParentWidget() {
+      this.parentWidget ? this.designer.setSelected(this.parentWidget) : this.designer.clearSelected();
+    },
+    moveUpWidget() {
+      this.designer.moveUpWidget(this.parentList, this.indexOfParentList);
+    },
+    moveDownWidget() {
+      this.designer.moveDownWidget(this.parentList, this.indexOfParentList);
+    },
+    removeWidget() {
+      if (this.parentList) {
+        let t = null;
+        this.parentList.length === 1 ? this.parentWidget && (t = this.parentWidget) : this.parentList.length === 1 + this.indexOfParentList ? t = this.parentList[this.indexOfParentList - 1] : t = this.parentList[this.indexOfParentList + 1], this.$nextTick(() => {
+          this.parentList.splice(this.indexOfParentList, 1), this.designer.setSelected(t), this.designer.emitHistoryChange();
+        });
+      }
+    }
+  }
+}, W = { class: "vf-drawer-drop-zone" };
+function O(t, n, e, P, E, r) {
+  const c = g("draggable"), m = g("container-wrapper");
+  return d(), s(m, {
+    designer: e.designer,
+    widget: e.widget,
+    "parent-widget": e.parentWidget,
+    "parent-list": e.parentList,
+    "index-of-parent-list": e.indexOfParentList
+  }, {
+    default: o(() => [
+      (d(), x("div", {
+        class: D(["drawer-container", [r.selected ? "selected" : "", r.customClass]]),
+        key: e.widget.id,
+        onClick: n[2] || (n[2] = v((i) => r.selectWidget(e.widget), ["stop"]))
+      }, [
+        C(c, u({
+          list: e.widget.widgetList,
+          "item-key": "id"
+        }, { group: "dragGroup", ghostClass: "ghost", animation: 200 }, {
+          handle: ".drag-handler",
+          onEnd: n[0] || (n[0] = (i) => r.onDrawerDragEnd(i, e.widget.widgetList)),
+          onAdd: n[1] || (n[1] = (i) => r.onDrawerDragAdd(i, e.widget.widgetList)),
+          onUpdate: r.onDrawerDragUpdate,
+          move: r.checkContainerMove
+        }), {
+          item: o(({ element: i, index: a }) => [
+            _("div", W, [
+              i.category === "container" ? (d(), s(l(i.type + "-widget"), {
+                widget: i,
+                designer: e.designer,
+                key: i.id,
+                "parent-list": e.widget.widgetList,
+                "index-of-parent-list": a,
+                "parent-widget": e.widget
+              }, null, 8, ["widget", "designer", "parent-list", "index-of-parent-list", "parent-widget"])) : (d(), s(l(i.type + "-widget"), {
+                field: i,
+                designer: e.designer,
+                key: i.id,
+                "parent-list": e.widget.widgetList,
+                "index-of-parent-list": a,
+                "parent-widget": e.widget,
+                "design-state": !0
+              }, null, 8, ["field", "designer", "parent-list", "index-of-parent-list", "parent-widget"]))
+            ])
+          ]),
+          _: 1
+        }, 16, ["list", "onUpdate", "move"])
+      ], 2))
+    ]),
+    _: 1
+  }, 8, ["designer", "widget", "parent-widget", "parent-list", "index-of-parent-list"]);
+}
+const I = /* @__PURE__ */ k(y, [["render", O], ["__scopeId", "data-v-30dce532"]]);
+export {
+  I as default
+};
+//# sourceMappingURL=vf-drawer-widget.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"vf-drawer-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/vf-drawer-widget.vue"],"sourcesContent":["<template>\n    <container-wrapper\n        :designer=\"designer\"\n        :widget=\"widget\"\n        :parent-widget=\"parentWidget\"\n        :parent-list=\"parentList\"\n        :index-of-parent-list=\"indexOfParentList\"\n    >\n        <div\n            class=\"drawer-container\"\n            :class=\"[selected ? 'selected' : '', customClass]\"\n            :key=\"widget.id\"\n            @click.stop=\"selectWidget(widget)\"\n        >\n            <draggable\n                :list=\"widget.widgetList\"\n                item-key=\"id\"\n                v-bind=\"{ group: 'dragGroup', ghostClass: 'ghost', animation: 200 }\"\n                handle=\".drag-handler\"\n                @end=\"evt => onDrawerDragEnd(evt, widget.widgetList)\"\n                @add=\"evt => onDrawerDragAdd(evt, widget.widgetList)\"\n                @update=\"onDrawerDragUpdate\"\n                :move=\"checkContainerMove\"\n            >\n                <template #item=\"{ element: subWidget, index: swIdx }\">\n                    <div class=\"vf-drawer-drop-zone\">\n                        <template v-if=\"'container' === subWidget.category\">\n                            <component\n                                :is=\"subWidget.type + '-widget'\"\n                                :widget=\"subWidget\"\n                                :designer=\"designer\"\n                                :key=\"subWidget.id\"\n                                :parent-list=\"widget.widgetList\"\n                                :index-of-parent-list=\"swIdx\"\n                                :parent-widget=\"widget\"\n                            />\n                        </template>\n                        <template v-else>\n                            <component\n                                :is=\"subWidget.type + '-widget'\"\n                                :field=\"subWidget\"\n                                :designer=\"designer\"\n                                :key=\"subWidget.id\"\n                                :parent-list=\"widget.widgetList\"\n                                :index-of-parent-list=\"swIdx\"\n                                :parent-widget=\"widget\"\n                                :design-state=\"true\"\n                            />\n                        </template>\n                    </div>\n                </template>\n            </draggable>\n        </div>\n    </container-wrapper>\n</template>\n\n<script>\n    import i18n from '@/utils/i18n';\n    import refMixinDesign from '@/components/form-designer/refMixinDesign';\n    import FieldComponents from '@/components/form-designer/form-widget/field-widget';\n    import ContainerWrapper from '@/components/form-designer/form-widget/container-widget/container-wrapper';\n    import Draggable from '@/lib/vuedraggable/src/vuedraggable';\n\n    export default {\n        name: 'vf-drawer-widget',\n        componentName: 'VfDialogWidget',\n        mixins: [i18n, refMixinDesign],\n        inject: ['refList'],\n        components: {\n            Draggable,\n            ContainerWrapper,\n            ...FieldComponents\n        },\n        props: {\n            widget: Object,\n            parentWidget: Object,\n            parentList: Array,\n            indexOfParentList: Number,\n            designer: Object\n        },\n        data() {\n            return {\n                //\n            };\n        },\n        computed: {\n            selected() {\n                return this.widget.id === this.designer.selectedId;\n            },\n\n            customClass() {\n                return this.widget.options.customClass || '';\n            }\n        },\n        created() {\n            this.initRefList();\n        },\n        methods: {\n            onDrawerDragEnd(evt, subList) {\n                //console.log('onDrawerDragEnd', evt)\n            },\n\n            onDrawerDragAdd(evt, subList) {\n                const newIndex = evt.newIndex;\n                if (!!subList[newIndex]) {\n                    this.designer.setSelected(subList[newIndex]);\n                }\n\n                this.designer.emitHistoryChange();\n                this.designer.emitEvent('field-selected', this.widget);\n            },\n\n            onDrawerDragUpdate() {\n                this.designer.emitHistoryChange();\n            },\n\n            selectWidget(widget) {\n                console.log('id: ' + widget.id);\n                this.designer.setSelected(widget);\n            },\n\n            checkContainerMove(evt) {\n                //弹窗、抽屉不能嵌套！！\n                return this.designer.checkWidgetMove(evt);\n            },\n\n            selectParentWidget() {\n                if (this.parentWidget) {\n                    this.designer.setSelected(this.parentWidget);\n                } else {\n                    this.designer.clearSelected();\n                }\n            },\n\n            moveUpWidget() {\n                this.designer.moveUpWidget(this.parentList, this.indexOfParentList);\n            },\n\n            moveDownWidget() {\n                this.designer.moveDownWidget(this.parentList, this.indexOfParentList);\n            },\n\n            removeWidget() {\n                if (!!this.parentList) {\n                    let nextSelected = null;\n                    if (this.parentList.length === 1) {\n                        if (!!this.parentWidget) {\n                            nextSelected = this.parentWidget;\n                        }\n                    } else if (this.parentList.length === 1 + this.indexOfParentList) {\n                        nextSelected = this.parentList[this.indexOfParentList - 1];\n                    } else {\n                        nextSelected = this.parentList[this.indexOfParentList + 1];\n                    }\n\n                    this.$nextTick(() => {\n                        this.parentList.splice(this.indexOfParentList, 1);\n                        //if (!!nextSelected) {\n                        this.designer.setSelected(nextSelected);\n                        //}\n\n                        this.designer.emitHistoryChange();\n                    });\n                }\n            }\n        }\n    };\n</script>\n\n<style lang=\"scss\" scoped>\n    .drawer-container {\n        width: 100%;\n        min-height: 120px;\n        border: 2px dashed #cccccc;\n        position: relative;\n\n        .vf-drawer-drop-zone {\n            min-height: 58px;\n        }\n    }\n\n    .drawer-container > div:first-child {\n        min-height: 58px;\n    }\n\n    .drawer-container.selected {\n        outline: 2px solid var(--ant-primary-color) !important;\n    }\n</style>\n"],"names":["_sfc_main","i18n","refMixinDesign","Draggable","ContainerWrapper","FieldComponents","evt","subList","newIndex","widget","nextSelected","_hoisted_1","_createBlock","_component_container_wrapper","$props","_createElementBlock","_normalizeClass","$options","_cache","_withModifiers","$event","_createVNode","_component_draggable","_mergeProps","_withCtx","subWidget","swIdx","_createElementVNode","_resolveDynamicComponent"],"mappings":"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"}