@kp-ui/lowcode 1.0.91 → 1.0.94

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

@@ -1,21 +1,21 @@
-import { defineAsyncComponent, resolveComponent, createBlock, openBlock, withCtx, createElementBlock, withModifiers, normalizeStyle, 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 { defineAsyncComponent as p, resolveComponent as s, createBlock as o, openBlock as r, withCtx as g, createElementBlock as h, withModifiers as w, normalizeStyle as x, normalizeClass as u, createCommentVNode as b, createVNode as L, mergeProps as C, createElementVNode as y, resolveDynamicComponent as l } from "vue";
+import v from "../../../../utils/i18n.js";
+import R from "../../refMixinDesign.js";
+import D from "../field-widget/index.js";
+import k from "./container-wrapper.vue.js";
+import S from "../../../../lib/vuedraggable/src/vuedraggable.js";
 /* empty css                   */
-import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const _sfc_main = {
+import O from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const _ = {
   name: "vf-box-widget",
   componentName: "VfBoxWidget",
-  mixins: [i18n, refMixinDesign],
+  mixins: [v, R],
   inject: ["refList"],
   components: {
-    Draggable: draggableComponent,
-    ContainerWrapper,
-    ...comps,
-    VFormRender: defineAsyncComponent(() => import("../../../form-render/index.vue.js"))
+    Draggable: S,
+    ContainerWrapper: k,
+    ...D,
+    VFormRender: p(() => import("../../../form-render/index.vue.js"))
   },
   props: {
     widget: Object,
@@ -41,78 +41,44 @@ const _sfc_main = {
       return this.widget.options.customClass || "";
     },
     boxStyle() {
-      const boxModel = this.widget.options.boxModel || {};
-      const style = {};
-      if (boxModel.paddingTop !== void 0 || boxModel.paddingRight !== void 0 || boxModel.paddingBottom !== void 0 || boxModel.paddingLeft !== void 0) {
-        style.padding = `${boxModel.paddingTop || 0}px ${boxModel.paddingRight || 0}px ${boxModel.paddingBottom || 0}px ${boxModel.paddingLeft || 0}px`;
-      }
-      if (boxModel.marginTop !== void 0 || boxModel.marginRight !== void 0 || boxModel.marginBottom !== void 0 || boxModel.marginLeft !== void 0) {
-        style.margin = `${boxModel.marginTop || 0}px ${boxModel.marginRight || 0}px ${boxModel.marginBottom || 0}px ${boxModel.marginLeft || 0}px`;
-      }
-      if (boxModel.borderShow) {
-        style.border = `${boxModel.borderWidth || 1}px ${boxModel.borderStyle || "solid"} ${boxModel.borderColor || "#cccccc"}`;
-        if (boxModel.borderRadius !== void 0) {
-          style.borderRadius = `${boxModel.borderRadius}px`;
-        }
-      } else {
-        style.border = "2px dashed #ccc";
-      }
-      if (boxModel.backgroundColor) {
-        style.backgroundColor = boxModel.backgroundColor;
-      }
-      if (boxModel.borderRadius !== void 0 && !boxModel.borderShow) {
-        style.borderRadius = `${boxModel.borderRadius}px`;
-      }
-      if (boxModel.shadowShow) {
-        style.boxShadow = `${boxModel.shadowOffsetX || 0}px ${boxModel.shadowOffsetY || 2}px ${boxModel.shadowBlur || 4}px ${boxModel.shadowSpread || 0}px ${boxModel.shadowColor || "rgba(0,0,0,0.2)"}`;
-      }
-      return style;
+      const e = this.widget.options.boxModel || {}, i = {};
+      return (e.paddingTop !== void 0 || e.paddingRight !== void 0 || e.paddingBottom !== void 0 || e.paddingLeft !== void 0) && (i.padding = `${e.paddingTop || 0}px ${e.paddingRight || 0}px ${e.paddingBottom || 0}px ${e.paddingLeft || 0}px`), (e.marginTop !== void 0 || e.marginRight !== void 0 || e.marginBottom !== void 0 || e.marginLeft !== void 0) && (i.margin = `${e.marginTop || 0}px ${e.marginRight || 0}px ${e.marginBottom || 0}px ${e.marginLeft || 0}px`), e.borderShow ? (i.border = `${e.borderWidth || 1}px ${e.borderStyle || "solid"} ${e.borderColor || "#cccccc"}`, e.borderRadius !== void 0 && (i.borderRadius = `${e.borderRadius}px`)) : i.border = "2px dashed #ccc", e.backgroundColor && (i.backgroundColor = e.backgroundColor), e.borderRadius !== void 0 && !e.borderShow && (i.borderRadius = `${e.borderRadius}px`), e.shadowShow && (i.boxShadow = `${e.shadowOffsetX || 0}px ${e.shadowOffsetY || 2}px ${e.shadowBlur || 4}px ${e.shadowSpread || 0}px ${e.shadowColor || "rgba(0,0,0,0.2)"}`), i;
     }
   },
   created() {
-    this.initRefList();
-    this.loadFormCode(this.widget.options.formCode);
+    this.initRefList(), this.loadFormCode(this.widget.options.formCode);
   },
   watch: {
-    "widget.options.formCode"(val) {
-      this.loadFormCode(val);
+    "widget.options.formCode"(e) {
+      this.loadFormCode(e);
     }
   },
   methods: {
-    async loadFormCode(formCode) {
-      if (formCode && formCode.length) {
-        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));
+    async loadFormCode(e) {
+      if (e && e.length) {
+        const i = await this.$http.get("/api/tmgc2-query/dataQuery/detail/FormDefinitionManagement", {
+          params: { code: e }
+        }).then((t) => t.data.object.frontendDefinition || "{}");
+        this.$refs.dFormRef.setFormJson(JSON.parse(i));
       }
     },
-    onDialogDragEnd(evt, subList) {
+    onDialogDragEnd(e, i) {
     },
-    onDialogDragAdd(evt, subList) {
-      const newIndex = evt.newIndex;
-      if (!!subList[newIndex]) {
-        this.designer.setSelected(subList[newIndex]);
-      }
-      this.designer.emitHistoryChange();
-      this.designer.emitEvent("field-selected", this.widget);
+    onDialogDragAdd(e, i) {
+      const t = e.newIndex;
+      i[t] && this.designer.setSelected(i[t]), this.designer.emitHistoryChange(), this.designer.emitEvent("field-selected", this.widget);
     },
     onDialogDragUpdate() {
       this.designer.emitHistoryChange();
     },
-    selectWidget(widget) {
-      console.log("id: " + widget.id);
-      this.designer.setSelected(widget);
+    selectWidget(e) {
+      console.log("id: " + e.id), this.designer.setSelected(e);
     },
-    checkContainerMove(evt) {
-      return this.designer.checkWidgetMove(evt);
+    checkContainerMove(e) {
+      return this.designer.checkWidgetMove(e);
     },
     selectParentWidget() {
-      if (this.parentWidget) {
-        this.designer.setSelected(this.parentWidget);
-      } else {
-        this.designer.clearSelected();
-      }
+      this.parentWidget ? this.designer.setSelected(this.parentWidget) : this.designer.clearSelected();
     },
     moveUpWidget() {
       this.designer.moveUpWidget(this.parentList, this.indexOfParentList);
@@ -121,21 +87,10 @@ const _sfc_main = {
       this.designer.moveDownWidget(this.parentList, this.indexOfParentList);
     },
     removeWidget() {
-      if (!!this.parentList) {
-        let nextSelected = null;
-        if (this.parentList.length === 1) {
-          if (!!this.parentWidget) {
-            nextSelected = this.parentWidget;
-          }
-        } else if (this.parentList.length === 1 + this.indexOfParentList) {
-          nextSelected = this.parentList[this.indexOfParentList - 1];
-        } else {
-          nextSelected = this.parentList[this.indexOfParentList + 1];
-        }
-        this.$nextTick(() => {
-          this.parentList.splice(this.indexOfParentList, 1);
-          this.designer.setSelected(nextSelected);
-          this.designer.emitHistoryChange();
+      if (this.parentList) {
+        let e = null;
+        this.parentList.length === 1 ? this.parentWidget && (e = this.parentWidget) : this.parentList.length === 1 + this.indexOfParentList ? e = this.parentList[this.indexOfParentList - 1] : e = this.parentList[this.indexOfParentList + 1], this.$nextTick(() => {
+          this.parentList.splice(this.indexOfParentList, 1), this.designer.setSelected(e), this.designer.emitHistoryChange();
         });
       }
     },
@@ -143,60 +98,57 @@ const _sfc_main = {
       return this.$refs.dFormRef;
     }
   }
-};
-const _hoisted_1 = { class: "vf-box-drop-zone" };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_VFormRender = resolveComponent("VFormRender");
-  const _component_draggable = resolveComponent("draggable");
-  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
+}, F = { class: "vf-box-drop-zone" };
+function W(e, i, t, B, P, d) {
+  const m = s("VFormRender"), f = s("draggable"), c = s("container-wrapper");
+  return r(), o(c, {
+    designer: t.designer,
+    widget: t.widget,
+    "parent-widget": t.parentWidget,
+    "parent-list": t.parentList,
+    "index-of-parent-list": t.indexOfParentList
   }, {
-    default: withCtx(() => [
-      (openBlock(), createElementBlock("div", {
-        class: normalizeClass(["box-container", [$options.selected ? "selected" : "", $options.customClass]]),
-        key: $props.widget.id,
-        style: normalizeStyle($options.boxStyle),
-        onClick: _cache[2] || (_cache[2] = withModifiers(($event) => $options.selectWidget($props.widget), ["stop"]))
+    default: g(() => [
+      (r(), h("div", {
+        class: u(["box-container", [d.selected ? "selected" : "", d.customClass]]),
+        key: t.widget.id,
+        style: x(d.boxStyle),
+        onClick: i[2] || (i[2] = w((n) => d.selectWidget(t.widget), ["stop"]))
       }, [
-        $props.widget.options.formCode ? (openBlock(), createBlock(_component_VFormRender, {
+        t.widget.options.formCode ? (r(), o(m, {
           key: 0,
           ref: "dFormRef",
-          "parent-form": $props.parentFormRef,
-          "disabled-mode": $props.widget.options.disabledMode,
-          "dynamic-creation": true
-        }, null, 8, ["parent-form", "disabled-mode"])) : createCommentVNode("", true),
-        createVNode(_component_draggable, mergeProps({
-          list: $props.widget.widgetList,
+          "parent-form": t.parentFormRef,
+          "disabled-mode": t.widget.options.disabledMode,
+          "dynamic-creation": !0
+        }, null, 8, ["parent-form", "disabled-mode"])) : b("", !0),
+        L(f, C({
+          list: t.widget.widgetList,
           "item-key": "id"
         }, { group: "dragGroup", ghostClass: "ghost", animation: 200 }, {
           handle: ".drag-handler",
-          onEnd: _cache[0] || (_cache[0] = (evt) => $options.onDialogDragEnd(evt, $props.widget.widgetList)),
-          onAdd: _cache[1] || (_cache[1] = (evt) => $options.onDialogDragAdd(evt, $props.widget.widgetList)),
-          onUpdate: $options.onDialogDragUpdate,
-          move: $options.checkContainerMove
+          onEnd: i[0] || (i[0] = (n) => d.onDialogDragEnd(n, t.widget.widgetList)),
+          onAdd: i[1] || (i[1] = (n) => d.onDialogDragAdd(n, t.widget.widgetList)),
+          onUpdate: d.onDialogDragUpdate,
+          move: d.checkContainerMove
         }), {
-          item: withCtx(({ element: subWidget, index: swIdx }) => [
-            createElementVNode("div", _hoisted_1, [
-              "container" === subWidget.category ? (openBlock(), createBlock(resolveDynamicComponent(subWidget.type + "-widget"), {
-                widget: subWidget,
-                designer: $props.designer,
-                key: subWidget.id,
-                "parent-list": $props.widget.widgetList,
-                "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.widgetList,
-                "index-of-parent-list": swIdx,
-                "parent-widget": $props.widget,
-                "design-state": true
+          item: g(({ element: n, index: a }) => [
+            y("div", F, [
+              n.category === "container" ? (r(), o(l(n.type + "-widget"), {
+                widget: n,
+                designer: t.designer,
+                key: n.id,
+                "parent-list": t.widget.widgetList,
+                "index-of-parent-list": a,
+                "parent-widget": t.widget
+              }, null, 8, ["widget", "designer", "parent-list", "index-of-parent-list", "parent-widget"])) : (r(), o(l(n.type + "-widget"), {
+                field: n,
+                designer: t.designer,
+                key: n.id,
+                "parent-list": t.widget.widgetList,
+                "index-of-parent-list": a,
+                "parent-widget": t.widget,
+                "design-state": !0
               }, null, 8, ["field", "designer", "parent-list", "index-of-parent-list", "parent-widget"]))
             ])
           ]),
@@ -207,8 +159,8 @@ 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-6623c165"]]);
+const z = /* @__PURE__ */ O(_, [["render", W], ["__scopeId", "data-v-6623c165"]]);
 export {
-  vfBoxWidget as default
+  z as default
 };
 //# sourceMappingURL=vf-box-widget.vue.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"vf-box-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/vf-box-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=\"box-container\"\n            :class=\"[selected ? 'selected' : '', customClass]\"\n            :key=\"widget.id\"\n            :style=\"boxStyle\"\n            @click.stop=\"selectWidget(widget)\"\n        >\n            <VFormRender\n                v-if=\"widget.options.formCode\"\n                ref=\"dFormRef\"\n                :parent-form=\"parentFormRef\"\n                :disabled-mode=\"widget.options.disabledMode\"\n                :dynamic-creation=\"true\"\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 => 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-box-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 { defineAsyncComponent } from 'vue';\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.vue';\n    import Draggable from '@/lib/vuedraggable/src/vuedraggable';\n    export default {\n        name: 'vf-box-widget',\n        componentName: 'VfBoxWidget',\n        mixins: [i18n, refMixinDesign],\n        inject: ['refList'],\n        components: {\n            Draggable,\n            ContainerWrapper,\n            ...FieldComponents,\n            VFormRender: defineAsyncComponent(() => import('@/components/form-render/index.vue'))\n        },\n        props: {\n            widget: Object,\n            parentWidget: Object,\n            parentList: Array,\n            indexOfParentList: Number,\n            designer: Object,\n            parentFormRef: {\n                type: Object,\n                default: null\n            }\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            boxStyle() {\n                const boxModel = this.widget.options.boxModel || {};\n                const style = {};\n\n                // 设置内边距\n                if (\n                    boxModel.paddingTop !== undefined ||\n                    boxModel.paddingRight !== undefined ||\n                    boxModel.paddingBottom !== undefined ||\n                    boxModel.paddingLeft !== undefined\n                ) {\n                    style.padding = `${boxModel.paddingTop || 0}px ${\n                        boxModel.paddingRight || 0\n                    }px ${boxModel.paddingBottom || 0}px ${boxModel.paddingLeft || 0}px`;\n                }\n\n                // 设置外边距\n                if (\n                    boxModel.marginTop !== undefined ||\n                    boxModel.marginRight !== undefined ||\n                    boxModel.marginBottom !== undefined ||\n                    boxModel.marginLeft !== undefined\n                ) {\n                    style.margin = `${boxModel.marginTop || 0}px ${boxModel.marginRight || 0}px ${\n                        boxModel.marginBottom || 0\n                    }px ${boxModel.marginLeft || 0}px`;\n                }\n\n                // 设置边框\n                if (boxModel.borderShow) {\n                    style.border = `${boxModel.borderWidth || 1}px ${\n                        boxModel.borderStyle || 'solid'\n                    } ${boxModel.borderColor || '#cccccc'}`;\n                    if (boxModel.borderRadius !== undefined) {\n                        style.borderRadius = `${boxModel.borderRadius}px`;\n                    }\n                } else {\n                    // 默认边框样式\n                    style.border = '2px dashed #ccc';\n                }\n\n                // 设置背景颜色\n                if (boxModel.backgroundColor) {\n                    style.backgroundColor = boxModel.backgroundColor;\n                }\n\n                // 设置圆角（即使没有边框也可以设置圆角）\n                if (boxModel.borderRadius !== undefined && !boxModel.borderShow) {\n                    style.borderRadius = `${boxModel.borderRadius}px`;\n                }\n                if (boxModel.shadowShow) {\n                    style.boxShadow = `${boxModel.shadowOffsetX || 0}px ${\n                        boxModel.shadowOffsetY || 2\n                    }px ${boxModel.shadowBlur || 4}px ${boxModel.shadowSpread || 0}px ${\n                        boxModel.shadowColor || 'rgba(0,0,0,0.2)'\n                    }`;\n                }\n\n                return style;\n            }\n        },\n        created() {\n            this.initRefList();\n            this.loadFormCode(this.widget.options.formCode);\n        },\n        watch: {\n            'widget.options.formCode'(val) {\n                this.loadFormCode(val);\n            }\n        },\n        methods: {\n            async loadFormCode(formCode) {\n                if (formCode && formCode.length) {\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            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            getFormRef() {\n                return this.$refs.dFormRef;\n            }\n        }\n    };\n</script>\n\n<style lang=\"less\" scoped>\n    .box-container {\n        width: 100%;\n        min-height: 120px;\n        position: relative;\n        padding-bottom: 20px;\n\n        .vf-box-drop-zone {\n            // min-height: 58px;\n        }\n    }\n\n    .box-container > div:first-child {\n        min-height: 58px;\n    }\n\n    .box-container.selected {\n        outline: 2px solid var(--ant-primary-color) !important;\n    }\n</style>\n"],"names":["Draggable","FieldComponents","res","_createBlock","_createElementBlock","_normalizeClass","_withModifiers","_createVNode","_mergeProps","_withCtx","_createElementVNode","_resolveDynamicComponent"],"mappings":"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"}
+{"version":3,"file":"vf-box-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/vf-box-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=\"box-container\"\n            :class=\"[selected ? 'selected' : '', customClass]\"\n            :key=\"widget.id\"\n            :style=\"boxStyle\"\n            @click.stop=\"selectWidget(widget)\"\n        >\n            <VFormRender\n                v-if=\"widget.options.formCode\"\n                ref=\"dFormRef\"\n                :parent-form=\"parentFormRef\"\n                :disabled-mode=\"widget.options.disabledMode\"\n                :dynamic-creation=\"true\"\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 => 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-box-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 { defineAsyncComponent } from 'vue';\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.vue';\n    import Draggable from '@/lib/vuedraggable/src/vuedraggable';\n    export default {\n        name: 'vf-box-widget',\n        componentName: 'VfBoxWidget',\n        mixins: [i18n, refMixinDesign],\n        inject: ['refList'],\n        components: {\n            Draggable,\n            ContainerWrapper,\n            ...FieldComponents,\n            VFormRender: defineAsyncComponent(() => import('@/components/form-render/index.vue'))\n        },\n        props: {\n            widget: Object,\n            parentWidget: Object,\n            parentList: Array,\n            indexOfParentList: Number,\n            designer: Object,\n            parentFormRef: {\n                type: Object,\n                default: null\n            }\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            boxStyle() {\n                const boxModel = this.widget.options.boxModel || {};\n                const style = {};\n\n                // 设置内边距\n                if (\n                    boxModel.paddingTop !== undefined ||\n                    boxModel.paddingRight !== undefined ||\n                    boxModel.paddingBottom !== undefined ||\n                    boxModel.paddingLeft !== undefined\n                ) {\n                    style.padding = `${boxModel.paddingTop || 0}px ${\n                        boxModel.paddingRight || 0\n                    }px ${boxModel.paddingBottom || 0}px ${boxModel.paddingLeft || 0}px`;\n                }\n\n                // 设置外边距\n                if (\n                    boxModel.marginTop !== undefined ||\n                    boxModel.marginRight !== undefined ||\n                    boxModel.marginBottom !== undefined ||\n                    boxModel.marginLeft !== undefined\n                ) {\n                    style.margin = `${boxModel.marginTop || 0}px ${boxModel.marginRight || 0}px ${\n                        boxModel.marginBottom || 0\n                    }px ${boxModel.marginLeft || 0}px`;\n                }\n\n                // 设置边框\n                if (boxModel.borderShow) {\n                    style.border = `${boxModel.borderWidth || 1}px ${\n                        boxModel.borderStyle || 'solid'\n                    } ${boxModel.borderColor || '#cccccc'}`;\n                    if (boxModel.borderRadius !== undefined) {\n                        style.borderRadius = `${boxModel.borderRadius}px`;\n                    }\n                } else {\n                    // 默认边框样式\n                    style.border = '2px dashed #ccc';\n                }\n\n                // 设置背景颜色\n                if (boxModel.backgroundColor) {\n                    style.backgroundColor = boxModel.backgroundColor;\n                }\n\n                // 设置圆角（即使没有边框也可以设置圆角）\n                if (boxModel.borderRadius !== undefined && !boxModel.borderShow) {\n                    style.borderRadius = `${boxModel.borderRadius}px`;\n                }\n                if (boxModel.shadowShow) {\n                    style.boxShadow = `${boxModel.shadowOffsetX || 0}px ${\n                        boxModel.shadowOffsetY || 2\n                    }px ${boxModel.shadowBlur || 4}px ${boxModel.shadowSpread || 0}px ${\n                        boxModel.shadowColor || 'rgba(0,0,0,0.2)'\n                    }`;\n                }\n\n                return style;\n            }\n        },\n        created() {\n            this.initRefList();\n            this.loadFormCode(this.widget.options.formCode);\n        },\n        watch: {\n            'widget.options.formCode'(val) {\n                this.loadFormCode(val);\n            }\n        },\n        methods: {\n            async loadFormCode(formCode) {\n                if (formCode && formCode.length) {\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            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            getFormRef() {\n                return this.$refs.dFormRef;\n            }\n        }\n    };\n</script>\n\n<style lang=\"less\" scoped>\n    .box-container {\n        width: 100%;\n        min-height: 120px;\n        position: relative;\n        padding-bottom: 20px;\n\n        .vf-box-drop-zone {\n            // min-height: 58px;\n        }\n    }\n\n    .box-container > div:first-child {\n        min-height: 58px;\n    }\n\n    .box-container.selected {\n        outline: 2px solid var(--ant-primary-color) !important;\n    }\n</style>\n"],"names":["_sfc_main","i18n","refMixinDesign","Draggable","ContainerWrapper","FieldComponents","defineAsyncComponent","boxModel","style","val","formCode","res","evt","subList","newIndex","widget","nextSelected","_hoisted_1","_createBlock","_component_container_wrapper","$props","_createElementBlock","_normalizeClass","$options","_cache","_withModifiers","$event","_component_VFormRender","_createVNode","_component_draggable","_mergeProps","_withCtx","subWidget","swIdx","_createElementVNode","_resolveDynamicComponent"],"mappings":"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"}

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

@@ -1,136 +1,129 @@
-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";
+import y from "./vf-collapse-widget.vue2.js";
+import { resolveComponent as l, createBlock as s, openBlock as i, withCtx as r, createElementBlock as p, withModifiers as k, normalizeClass as w, createElementVNode as g, createVNode as d, createCommentVNode as S, mergeProps as _, resolveDynamicComponent as m, Transition as x, withDirectives as L, normalizeStyle as D, vShow as U } 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_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
+import T from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const z = { class: "tpf-collapse" }, A = { class: "tpf-collapse-header" }, I = { class: "form-widget-list" }, N = { class: "form-widget-list" };
+function R(n, a, e, B, M, c) {
+  const h = l("TpfCollapseTitle"), v = l("SvgIcon"), C = l("a-space"), f = l("draggable"), u = l("container-wrapper");
+  return i(), s(u, {
+    designer: e.designer,
+    widget: e.widget,
+    "parent-widget": e.parentWidget,
+    "parent-list": e.parentList,
+    "index-of-parent-list": e.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"]))
+    default: r(() => [
+      (i(), p("div", {
+        key: e.widget.id,
+        class: w(["collapse-container data-table-container", { selected: c.selected }]),
+        onClick: a[2] || (a[2] = k((t) => c.selectWidget(e.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
+        g("div", z, [
+          g("div", A, [
+            d(C, { size: 5 }, {
+              default: r(() => [
+                d(h, {
+                  title: e.widget.options.title
                 }, null, 8, ["title"]),
-                createVNode(_component_SvgIcon, {
-                  "icon-class": $props.widget.options.isCollapse ? $props.widget.options.collapseIcon : $props.widget.options.unCollapseIcon,
+                d(v, {
+                  "icon-class": e.widget.options.isCollapse ? e.widget.options.collapseIcon : e.widget.options.unCollapseIcon,
                   size: "24px",
                   shadow: "",
                   cursor: "",
-                  onClick: $options.toggleCollapse
+                  onClick: c.toggleCollapse
                 }, null, 8, ["icon-class", "onClick"])
               ]),
               _: 1
             }),
-            !$props.widget.options.isCollapse ? (openBlock(), createElementBlock("div", {
+            e.widget.options.isCollapse ? S("", !0) : (i(), p("div", {
               key: 0,
-              class: normalizeClass(["header-right", $options.rightSlotCss])
+              class: w(["header-right", c.rightSlotCss])
             }, [
-              createVNode(_component_draggable, mergeProps({
-                list: $props.widget.headerRightSlotList,
+              d(f, _({
+                list: e.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
+                onAdd: a[0] || (a[0] = (t) => n.onContainerDragAdd(t, e.widget.headerRightSlotList)),
+                onUpdate: n.onContainerDragUpdate,
+                move: n.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
+                item: r(({ element: t, index: o }) => [
+                  g("div", I, [
+                    t.category === "container" ? (i(), s(m(t.type + "-widget"), {
+                      widget: t,
+                      designer: e.designer,
+                      key: t.id,
+                      "parent-list": e.widget.headerRightSlotList,
+                      "index-of-parent-list": o,
+                      "parent-widget": e.widget
+                    }, null, 8, ["widget", "designer", "parent-list", "index-of-parent-list", "parent-widget"])) : (i(), s(m(t.type + "-widget"), {
+                      field: t,
+                      designer: e.designer,
+                      key: t.id,
+                      "parent-list": e.widget.headerRightSlotList,
+                      "index-of-parent-list": o,
+                      "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)) : createCommentVNode("", true)
+            ], 2))
           ]),
-          createVNode(Transition, {
+          d(x, {
             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 || "{}")
+            default: r(() => [
+              L(g("div", {
+                class: w(["tpf-collapse-content"]),
+                style: D({
+                  height: e.widget.options.height || "unset",
+                  ...JSON.parse(e.widget.options.bodyStyle || "{}")
                 })
               }, [
-                createVNode(_component_draggable, mergeProps({
-                  list: $props.widget.defaultSlotsList,
+                d(f, _({
+                  list: e.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
+                  onAdd: a[1] || (a[1] = (t) => n.onContainerDragAdd(t, e.widget.defaultSlotsList)),
+                  onUpdate: n.onContainerDragUpdate,
+                  move: n.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
+                  item: r(({ element: t, index: o }) => [
+                    g("div", N, [
+                      t.category === "container" ? (i(), s(m(t.type + "-widget"), {
+                        widget: t,
+                        designer: e.designer,
+                        key: t.id,
+                        "parent-list": e.widget.defaultSlotsList,
+                        "index-of-parent-list": o,
+                        "parent-widget": e.widget
+                      }, null, 8, ["widget", "designer", "parent-list", "index-of-parent-list", "parent-widget"])) : (i(), s(m(t.type + "-widget"), {
+                        field: t,
+                        designer: e.designer,
+                        key: t.id,
+                        "parent-list": e.widget.defaultSlotsList,
+                        "index-of-parent-list": o,
+                        "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), [
-                [vShow, !$props.widget.options.isCollapse]
+                [U, !e.widget.options.isCollapse]
               ])
             ]),
             _: 1
@@ -141,8 +134,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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-91b64900"]]);
+const J = /* @__PURE__ */ T(y, [["render", R], ["__scopeId", "data-v-91b64900"]]);
 export {
-  vfCollapseWidget as default
+  J as default
 };
 //# sourceMappingURL=vf-collapse-widget.vue.js.map