@kp-ui/lowcode 1.0.91 → 1.0.94

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

@@ -1,20 +1,20 @@
-import i18n from "../../../../utils/i18n.js";
-import comps from "../field-widget/index.js";
-import SvgIcon from "../../../svg-icon/index.vue.js";
-import refMixinDesign from "../../refMixinDesign.js";
-import draggableComponent from "../../../../lib/vuedraggable/src/vuedraggable.js";
-import { resolveComponent, createBlock, createCommentVNode, openBlock, mergeProps, withModifiers, withCtx, createVNode, createElementBlock, createElementVNode, resolveDynamicComponent, toDisplayString } from "vue";
+import L from "../../../../utils/i18n.js";
+import C from "../field-widget/index.js";
+import k from "../../../svg-icon/index.vue.js";
+import W from "../../refMixinDesign.js";
+import x from "../../../../lib/vuedraggable/src/vuedraggable.js";
+import { resolveComponent as p, createBlock as c, createCommentVNode as g, openBlock as o, mergeProps as w, withModifiers as d, withCtx as f, createVNode as r, createElementBlock as h, createElementVNode as a, resolveDynamicComponent as y, toDisplayString as D } from "vue";
 /* empty css                     */
-import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const _sfc_main = {
+import _ from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const G = {
   name: "GridColWidget",
   componentName: "GridColWidget",
-  mixins: [i18n, refMixinDesign],
+  mixins: [L, W],
   inject: ["refList"],
   components: {
-    Draggable: draggableComponent,
-    ...comps,
-    SvgIcon
+    Draggable: x,
+    ...C,
+    SvgIcon: k
   },
   props: {
     widget: Object,
@@ -48,122 +48,85 @@ const _sfc_main = {
       return this.widget.options.customClass || "";
     },
     colHeightStyle() {
-      return !!this.colHeight ? { height: this.colHeight + "px" } : {};
+      return this.colHeight ? { height: this.colHeight + "px" } : {};
     }
   },
   watch: {
     "designer.formConfig.layoutType": {
-      handler(val) {
-        if (!!this.widget.options.responsive) {
-          if (val === "H5") {
-            this.layoutProps.span = this.widget.options.xs || 12;
-          } else if (val === "Pad") {
-            this.layoutProps.span = this.widget.options.sm || 12;
-          } else {
-            this.layoutProps.span = this.widget.options.md || 12;
-          }
-        } else {
-          this.layoutProps.span = this.widget.options.span || 12;
-        }
+      handler(e) {
+        this.widget.options.responsive ? e === "H5" ? this.layoutProps.span = this.widget.options.xs || 12 : e === "Pad" ? this.layoutProps.span = this.widget.options.sm || 12 : this.layoutProps.span = this.widget.options.md || 12 : this.layoutProps.span = this.widget.options.span || 12;
       }
     },
     "widget.options.responsive": {
-      handler(val) {
-        const lyType = this.designer.formConfig.layoutType;
-        if (!!val) {
-          if (lyType === "H5") {
-            this.layoutProps.span = this.widget.options.xs || 12;
-          } else if (lyType === "Pad") {
-            this.layoutProps.span = this.widget.options.sm || 12;
-          } else {
-            this.layoutProps.span = this.widget.options.md || 12;
-          }
-        } else {
-          this.layoutProps.span = this.widget.options.span || 12;
-        }
+      handler(e) {
+        const i = this.designer.formConfig.layoutType;
+        e ? i === "H5" ? this.layoutProps.span = this.widget.options.xs || 12 : i === "Pad" ? this.layoutProps.span = this.widget.options.sm || 12 : this.layoutProps.span = this.widget.options.md || 12 : this.layoutProps.span = this.widget.options.span || 12;
       }
     },
     "widget.options.span": {
-      handler(val) {
-        this.layoutProps.span = val;
+      handler(e) {
+        this.layoutProps.span = e;
       }
     },
     "widget.options.md": {
-      handler(val) {
-        this.layoutProps.span = val;
+      handler(e) {
+        this.layoutProps.span = e;
       }
     },
     "widget.options.sm": {
-      handler(val) {
-        this.layoutProps.span = val;
+      handler(e) {
+        this.layoutProps.span = e;
       }
     },
     "widget.options.xs": {
-      handler(val) {
-        this.layoutProps.span = val;
+      handler(e) {
+        this.layoutProps.span = e;
       }
     },
     "widget.options.offset": {
-      handler(val) {
-        this.layoutProps.offset = val;
+      handler(e) {
+        this.layoutProps.offset = e;
       }
     },
     "widget.options.push": {
-      handler(val) {
-        this.layoutProps.push = val;
+      handler(e) {
+        this.layoutProps.push = e;
       }
     },
     "widget.options.pull": {
-      handler(val) {
-        this.layoutProps.pull = val;
+      handler(e) {
+        this.layoutProps.pull = e;
       }
     }
   },
   created() {
-    this.initRefList();
-    this.initLayoutProps();
+    this.initRefList(), this.initLayoutProps();
   },
   methods: {
     initLayoutProps() {
-      if (!!this.widget.options.responsive) {
-        const lyType = this.designer.formConfig.layoutType;
-        if (lyType === "H5") {
-          this.layoutProps.span = this.widget.options.xs || 12;
-        } else if (lyType === "Pad") {
-          this.layoutProps.span = this.widget.options.sm || 12;
-        } else {
-          this.layoutProps.span = this.widget.options.md || 12;
-        }
-      } else {
+      if (this.widget.options.responsive) {
+        const e = this.designer.formConfig.layoutType;
+        e === "H5" ? this.layoutProps.span = this.widget.options.xs || 12 : e === "Pad" ? this.layoutProps.span = this.widget.options.sm || 12 : this.layoutProps.span = this.widget.options.md || 12;
+      } else
         this.layoutProps.spn = this.widget.options.span;
-      }
     },
-    onGridDragEnd(evt, subList) {
+    onGridDragEnd(e, i) {
     },
-    onGridDragAdd(evt, subList) {
-      const newIndex = evt.newIndex;
-      if (!!subList[newIndex]) {
-        this.designer.setSelected(subList[newIndex]);
-      }
-      this.designer.emitHistoryChange();
-      this.designer.emitEvent("field-selected", this.widget);
+    onGridDragAdd(e, i) {
+      const t = e.newIndex;
+      i[t] && this.designer.setSelected(i[t]), this.designer.emitHistoryChange(), this.designer.emitEvent("field-selected", this.widget);
     },
     onGridDragUpdate() {
       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);
@@ -171,135 +134,114 @@ const _sfc_main = {
     moveDownWidget() {
       this.designer.moveDownWidget(this.parentList, this.indexOfParentList);
     },
-    cloneGridCol(widget) {
-      this.designer.cloneGridCol(widget, this.parentWidget);
+    cloneGridCol(e) {
+      this.designer.cloneGridCol(e, this.parentWidget);
     },
     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();
         });
       }
     }
   }
-};
-const _hoisted_1 = { class: "form-widget-list" };
-const _hoisted_2 = {
+}, H = { class: "form-widget-list" }, S = {
   key: 0,
   class: "grid-col-action"
-};
-const _hoisted_3 = ["title"];
-const _hoisted_4 = ["title"];
-const _hoisted_5 = ["title"];
-const _hoisted_6 = ["title"];
-const _hoisted_7 = ["title"];
-const _hoisted_8 = {
+}, O = ["title"], U = ["title"], E = ["title"], I = ["title"], T = ["title"], M = {
   key: 1,
   class: "grid-col-handler"
 };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_draggable = resolveComponent("draggable");
-  const _component_svg_icon = resolveComponent("svg-icon");
-  const _component_a_col = resolveComponent("a-col");
-  return $props.widget.type === "grid-col" ? (openBlock(), createBlock(_component_a_col, mergeProps({
+function N(e, i, t, b, u, n) {
+  const v = p("draggable"), l = p("svg-icon"), P = p("a-col");
+  return t.widget.type === "grid-col" ? (o(), c(P, w({
     key: 0,
     class: "grid-cell"
-  }, $data.layoutProps, {
-    class: [$options.selected ? "selected" : "", $options.customClass],
-    style: $options.colHeightStyle,
-    key: $props.widget.id,
-    onClick: _cache[7] || (_cache[7] = withModifiers(($event) => $options.selectWidget($props.widget), ["stop"]))
+  }, u.layoutProps, {
+    class: [n.selected ? "selected" : "", n.customClass],
+    style: n.colHeightStyle,
+    key: t.widget.id,
+    onClick: i[7] || (i[7] = d((s) => n.selectWidget(t.widget), ["stop"]))
   }), {
-    default: withCtx(() => [
-      createVNode(_component_draggable, mergeProps({
-        list: $props.widget.widgetList,
+    default: f(() => [
+      r(v, w({
+        list: t.widget.widgetList,
         "item-key": "id"
       }, { group: "dragGroup", ghostClass: "ghost", animation: 200 }, {
         tag: "transition-group",
         "component-data": { name: "fade" },
         handle: ".drag-handler",
-        onEnd: _cache[0] || (_cache[0] = (evt) => $options.onGridDragEnd(evt, $props.widget.widgetList)),
-        onAdd: _cache[1] || (_cache[1] = (evt) => $options.onGridDragAdd(evt, $props.widget.widgetList)),
-        onUpdate: $options.onGridDragUpdate,
-        move: $options.checkContainerMove
+        onEnd: i[0] || (i[0] = (s) => n.onGridDragEnd(s, t.widget.widgetList)),
+        onAdd: i[1] || (i[1] = (s) => n.onGridDragAdd(s, t.widget.widgetList)),
+        onUpdate: n.onGridDragUpdate,
+        move: n.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: f(({ element: s, index: m }) => [
+          a("div", H, [
+            s.category === "container" ? (o(), c(y(s.type + "-widget"), {
+              widget: s,
+              designer: t.designer,
+              key: s.id,
+              "parent-list": t.widget.widgetList,
+              "index-of-parent-list": m,
+              "parent-widget": t.widget
+            }, null, 8, ["widget", "designer", "parent-list", "index-of-parent-list", "parent-widget"])) : (o(), c(y(s.type + "-widget"), {
+              field: s,
+              designer: t.designer,
+              key: s.id,
+              "parent-list": t.widget.widgetList,
+              "index-of-parent-list": m,
+              "parent-widget": t.widget,
+              "design-state": !0
             }, null, 8, ["field", "designer", "parent-list", "index-of-parent-list", "parent-widget"]))
           ])
         ]),
         _: 1
       }, 16, ["list", "onUpdate", "move"]),
-      $props.designer.selectedId === $props.widget.id && $props.widget.type === "grid-col" ? (openBlock(), createElementBlock("div", _hoisted_2, [
-        createElementVNode("i", {
-          title: _ctx.i18nt("designer.hint.selectParentWidget"),
-          onClick: _cache[2] || (_cache[2] = withModifiers(($event) => $options.selectParentWidget($props.widget), ["stop"]))
+      t.designer.selectedId === t.widget.id && t.widget.type === "grid-col" ? (o(), h("div", S, [
+        a("i", {
+          title: e.i18nt("designer.hint.selectParentWidget"),
+          onClick: i[2] || (i[2] = d((s) => n.selectParentWidget(t.widget), ["stop"]))
         }, [
-          createVNode(_component_svg_icon, { "icon-class": "el-back" })
-        ], 8, _hoisted_3),
-        !!$props.parentList && $props.parentList.length > 1 ? (openBlock(), createElementBlock("i", {
+          r(l, { "icon-class": "el-back" })
+        ], 8, O),
+        t.parentList && t.parentList.length > 1 ? (o(), h("i", {
           key: 0,
-          title: _ctx.i18nt("designer.hint.moveUpWidget"),
-          onClick: _cache[3] || (_cache[3] = withModifiers(($event) => $options.moveUpWidget(), ["stop"]))
+          title: e.i18nt("designer.hint.moveUpWidget"),
+          onClick: i[3] || (i[3] = d((s) => n.moveUpWidget(), ["stop"]))
         }, [
-          createVNode(_component_svg_icon, { "icon-class": "el-move-up" })
-        ], 8, _hoisted_4)) : createCommentVNode("", true),
-        !!$props.parentList && $props.parentList.length > 1 ? (openBlock(), createElementBlock("i", {
+          r(l, { "icon-class": "el-move-up" })
+        ], 8, U)) : g("", !0),
+        t.parentList && t.parentList.length > 1 ? (o(), h("i", {
           key: 1,
-          title: _ctx.i18nt("designer.hint.moveDownWidget"),
-          onClick: _cache[4] || (_cache[4] = withModifiers(($event) => $options.moveDownWidget(), ["stop"]))
+          title: e.i18nt("designer.hint.moveDownWidget"),
+          onClick: i[4] || (i[4] = d((s) => n.moveDownWidget(), ["stop"]))
         }, [
-          createVNode(_component_svg_icon, { "icon-class": "el-move-down" })
-        ], 8, _hoisted_5)) : createCommentVNode("", true),
-        createElementVNode("i", {
-          title: _ctx.i18nt("designer.hint.cloneWidget"),
-          onClick: _cache[5] || (_cache[5] = withModifiers(($event) => $options.cloneGridCol($props.widget), ["stop"]))
+          r(l, { "icon-class": "el-move-down" })
+        ], 8, E)) : g("", !0),
+        a("i", {
+          title: e.i18nt("designer.hint.cloneWidget"),
+          onClick: i[5] || (i[5] = d((s) => n.cloneGridCol(t.widget), ["stop"]))
         }, [
-          createVNode(_component_svg_icon, { "icon-class": "el-clone" })
-        ], 8, _hoisted_6),
-        createElementVNode("i", {
-          title: _ctx.i18nt("designer.hint.remove"),
-          onClick: _cache[6] || (_cache[6] = withModifiers((...args) => $options.removeWidget && $options.removeWidget(...args), ["stop"]))
+          r(l, { "icon-class": "el-clone" })
+        ], 8, I),
+        a("i", {
+          title: e.i18nt("designer.hint.remove"),
+          onClick: i[6] || (i[6] = d((...s) => n.removeWidget && n.removeWidget(...s), ["stop"]))
         }, [
-          createVNode(_component_svg_icon, { "icon-class": "el-delete" })
-        ], 8, _hoisted_7)
-      ])) : createCommentVNode("", true),
-      $props.designer.selectedId === $props.widget.id && $props.widget.type === "grid-col" ? (openBlock(), createElementBlock("div", _hoisted_8, [
-        createElementVNode("i", null, toDisplayString(_ctx.i18nt("designer.widgetLabel." + $props.widget.type)), 1)
-      ])) : createCommentVNode("", true)
+          r(l, { "icon-class": "el-delete" })
+        ], 8, T)
+      ])) : g("", !0),
+      t.designer.selectedId === t.widget.id && t.widget.type === "grid-col" ? (o(), h("div", M, [
+        a("i", null, D(e.i18nt("designer.widgetLabel." + t.widget.type)), 1)
+      ])) : g("", !0)
     ]),
     _: 1
-  }, 16, ["class", "style"])) : createCommentVNode("", true);
+  }, 16, ["class", "style"])) : g("", !0);
 }
-const GridColWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-001977d2"]]);
+const J = /* @__PURE__ */ _(G, [["render", N], ["__scopeId", "data-v-001977d2"]]);
 export {
-  GridColWidget as default
+  J as default
 };
 //# sourceMappingURL=grid-col-widget.vue.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"grid-col-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/grid-col-widget.vue"],"sourcesContent":["<template>\n    <a-col\n        v-if=\"widget.type === 'grid-col'\"\n        class=\"grid-cell\"\n        v-bind=\"layoutProps\"\n        :class=\"[selected ? 'selected' : '', customClass]\"\n        :style=\"colHeightStyle\"\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            tag=\"transition-group\"\n            :component-data=\"{ name: 'fade' }\"\n            handle=\".drag-handler\"\n            @end=\"evt => onGridDragEnd(evt, widget.widgetList)\"\n            @add=\"evt => onGridDragAdd(evt, widget.widgetList)\"\n            @update=\"onGridDragUpdate\"\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.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\n        <div\n            class=\"grid-col-action\"\n            v-if=\"designer.selectedId === widget.id && widget.type === 'grid-col'\"\n        >\n            <i\n                :title=\"i18nt('designer.hint.selectParentWidget')\"\n                @click.stop=\"selectParentWidget(widget)\"\n            >\n                <svg-icon icon-class=\"el-back\" />\n            </i>\n            <i\n                v-if=\"!!parentList && parentList.length > 1\"\n                :title=\"i18nt('designer.hint.moveUpWidget')\"\n                @click.stop=\"moveUpWidget()\"\n            >\n                <svg-icon icon-class=\"el-move-up\" />\n            </i>\n            <i\n                v-if=\"!!parentList && parentList.length > 1\"\n                :title=\"i18nt('designer.hint.moveDownWidget')\"\n                @click.stop=\"moveDownWidget()\"\n            >\n                <svg-icon icon-class=\"el-move-down\" />\n            </i>\n            <i :title=\"i18nt('designer.hint.cloneWidget')\" @click.stop=\"cloneGridCol(widget)\">\n                <svg-icon icon-class=\"el-clone\" />\n            </i>\n            <i :title=\"i18nt('designer.hint.remove')\" @click.stop=\"removeWidget\">\n                <svg-icon icon-class=\"el-delete\" />\n            </i>\n        </div>\n\n        <div\n            class=\"grid-col-handler\"\n            v-if=\"designer.selectedId === widget.id && widget.type === 'grid-col'\"\n        >\n            <i>{{ i18nt('designer.widgetLabel.' + widget.type) }}</i>\n        </div>\n    </a-col>\n</template>\n\n<script>\n    import i18n from '@/utils/i18n';\n    import FieldComponents from '@/components/form-designer/form-widget/field-widget/index';\n    import SvgIcon from '@/components/svg-icon';\n    import refMixinDesign from '@/components/form-designer/refMixinDesign';\n    import Draggable from '@/lib/vuedraggable/src/vuedraggable';\n\n    export default {\n        name: 'GridColWidget',\n        componentName: 'GridColWidget',\n        mixins: [i18n, refMixinDesign],\n        inject: ['refList'],\n        components: {\n            Draggable,\n            ...FieldComponents,\n            SvgIcon\n        },\n        props: {\n            widget: Object,\n            parentWidget: Object,\n            parentList: Array,\n            indexOfParentList: Number,\n            designer: Object,\n\n            colHeight: {\n                type: String,\n                default: null\n            }\n        },\n        data() {\n            return {\n                layoutProps: {\n                    span: this.widget.options.span || 12,\n                    // md: this.widget.options.md || 12,\n                    // sm: this.widget.options.sm || 12,\n                    // xs: this.widget.options.xs || 12,\n                    offset: this.widget.options.offset || 0,\n                    push: this.widget.options.push || 0,\n                    pull: this.widget.options.pull || 0\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            colHeightStyle() {\n                return !!this.colHeight ? { height: this.colHeight + 'px' } : {};\n            }\n        },\n        watch: {\n            'designer.formConfig.layoutType': {\n                handler(val) {\n                    if (!!this.widget.options.responsive) {\n                        if (val === 'H5') {\n                            this.layoutProps.span = this.widget.options.xs || 12;\n                        } else if (val === 'Pad') {\n                            this.layoutProps.span = this.widget.options.sm || 12;\n                        } else {\n                            this.layoutProps.span = this.widget.options.md || 12;\n                        }\n                    } else {\n                        this.layoutProps.span = this.widget.options.span || 12;\n                    }\n                }\n            },\n\n            'widget.options.responsive': {\n                handler(val) {\n                    const lyType = this.designer.formConfig.layoutType;\n                    if (!!val) {\n                        if (lyType === 'H5') {\n                            this.layoutProps.span = this.widget.options.xs || 12;\n                        } else if (lyType === 'Pad') {\n                            this.layoutProps.span = this.widget.options.sm || 12;\n                        } else {\n                            this.layoutProps.span = this.widget.options.md || 12;\n                        }\n                    } else {\n                        this.layoutProps.span = this.widget.options.span || 12;\n                    }\n                }\n            },\n\n            'widget.options.span': {\n                handler(val) {\n                    this.layoutProps.span = val;\n                }\n            },\n\n            'widget.options.md': {\n                handler(val) {\n                    this.layoutProps.span = val;\n                }\n            },\n\n            'widget.options.sm': {\n                handler(val) {\n                    this.layoutProps.span = val;\n                }\n            },\n\n            'widget.options.xs': {\n                handler(val) {\n                    this.layoutProps.span = val;\n                }\n            },\n\n            'widget.options.offset': {\n                handler(val) {\n                    this.layoutProps.offset = val;\n                }\n            },\n\n            'widget.options.push': {\n                handler(val) {\n                    this.layoutProps.push = val;\n                }\n            },\n\n            'widget.options.pull': {\n                handler(val) {\n                    this.layoutProps.pull = val;\n                }\n            }\n        },\n        created() {\n            this.initRefList();\n            this.initLayoutProps();\n        },\n        methods: {\n            initLayoutProps() {\n                if (!!this.widget.options.responsive) {\n                    const lyType = this.designer.formConfig.layoutType;\n                    if (lyType === 'H5') {\n                        this.layoutProps.span = this.widget.options.xs || 12;\n                    } else if (lyType === 'Pad') {\n                        this.layoutProps.span = this.widget.options.sm || 12;\n                    } else {\n                        this.layoutProps.span = this.widget.options.md || 12;\n                    }\n                } else {\n                    this.layoutProps.spn = this.widget.options.span;\n                }\n            },\n\n            onGridDragEnd(evt, subList) {\n                //\n            },\n\n            onGridDragAdd(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            onGridDragUpdate() {\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                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            cloneGridCol(widget) {\n                this.designer.cloneGridCol(widget, this.parentWidget);\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    .grid-cell {\n        min-height: 38px !important;\n        //margin: 6px 0;  /* 设置了margin，栅格列的offset、push、pull会失效！！ */\n        padding: 3px;\n        outline: 1px dashed #336699;\n        position: relative;\n\n        .form-widget-list {\n            min-height: 28px;\n        }\n\n        .grid-col-action {\n            position: absolute;\n            bottom: 0;\n            right: -2px;\n            height: 28px;\n            line-height: 28px;\n            background: var(--ant-primary-4);\n            z-index: 999;\n\n            i {\n                font-size: 14px;\n                color: #fff;\n                margin: 0 5px;\n                cursor: pointer;\n            }\n        }\n\n        .grid-col-handler {\n            position: absolute;\n            top: -2px;\n            left: -2px;\n            height: 22px;\n            line-height: 22px;\n            background: var(--ant-primary-4);\n            z-index: 9;\n\n            i {\n                font-size: 14px;\n                font-style: normal;\n                color: #fff;\n                margin: 4px;\n                cursor: default;\n            }\n        }\n    }\n\n    .grid-col-action,\n    .grid-col-handler {\n        :deep(.svg-icon) {\n            margin-left: 0.1em;\n            margin-right: 0.1em;\n        }\n    }\n</style>\n"],"names":["Draggable","FieldComponents","_openBlock","_createBlock","_mergeProps","_withModifiers","_createVNode","_withCtx","_createElementVNode","_resolveDynamicComponent","_createElementBlock","_toDisplayString"],"mappings":"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"}
+{"version":3,"file":"grid-col-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/grid-col-widget.vue"],"sourcesContent":["<template>\n    <a-col\n        v-if=\"widget.type === 'grid-col'\"\n        class=\"grid-cell\"\n        v-bind=\"layoutProps\"\n        :class=\"[selected ? 'selected' : '', customClass]\"\n        :style=\"colHeightStyle\"\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            tag=\"transition-group\"\n            :component-data=\"{ name: 'fade' }\"\n            handle=\".drag-handler\"\n            @end=\"evt => onGridDragEnd(evt, widget.widgetList)\"\n            @add=\"evt => onGridDragAdd(evt, widget.widgetList)\"\n            @update=\"onGridDragUpdate\"\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.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\n        <div\n            class=\"grid-col-action\"\n            v-if=\"designer.selectedId === widget.id && widget.type === 'grid-col'\"\n        >\n            <i\n                :title=\"i18nt('designer.hint.selectParentWidget')\"\n                @click.stop=\"selectParentWidget(widget)\"\n            >\n                <svg-icon icon-class=\"el-back\" />\n            </i>\n            <i\n                v-if=\"!!parentList && parentList.length > 1\"\n                :title=\"i18nt('designer.hint.moveUpWidget')\"\n                @click.stop=\"moveUpWidget()\"\n            >\n                <svg-icon icon-class=\"el-move-up\" />\n            </i>\n            <i\n                v-if=\"!!parentList && parentList.length > 1\"\n                :title=\"i18nt('designer.hint.moveDownWidget')\"\n                @click.stop=\"moveDownWidget()\"\n            >\n                <svg-icon icon-class=\"el-move-down\" />\n            </i>\n            <i :title=\"i18nt('designer.hint.cloneWidget')\" @click.stop=\"cloneGridCol(widget)\">\n                <svg-icon icon-class=\"el-clone\" />\n            </i>\n            <i :title=\"i18nt('designer.hint.remove')\" @click.stop=\"removeWidget\">\n                <svg-icon icon-class=\"el-delete\" />\n            </i>\n        </div>\n\n        <div\n            class=\"grid-col-handler\"\n            v-if=\"designer.selectedId === widget.id && widget.type === 'grid-col'\"\n        >\n            <i>{{ i18nt('designer.widgetLabel.' + widget.type) }}</i>\n        </div>\n    </a-col>\n</template>\n\n<script>\n    import i18n from '@/utils/i18n';\n    import FieldComponents from '@/components/form-designer/form-widget/field-widget/index';\n    import SvgIcon from '@/components/svg-icon';\n    import refMixinDesign from '@/components/form-designer/refMixinDesign';\n    import Draggable from '@/lib/vuedraggable/src/vuedraggable';\n\n    export default {\n        name: 'GridColWidget',\n        componentName: 'GridColWidget',\n        mixins: [i18n, refMixinDesign],\n        inject: ['refList'],\n        components: {\n            Draggable,\n            ...FieldComponents,\n            SvgIcon\n        },\n        props: {\n            widget: Object,\n            parentWidget: Object,\n            parentList: Array,\n            indexOfParentList: Number,\n            designer: Object,\n\n            colHeight: {\n                type: String,\n                default: null\n            }\n        },\n        data() {\n            return {\n                layoutProps: {\n                    span: this.widget.options.span || 12,\n                    // md: this.widget.options.md || 12,\n                    // sm: this.widget.options.sm || 12,\n                    // xs: this.widget.options.xs || 12,\n                    offset: this.widget.options.offset || 0,\n                    push: this.widget.options.push || 0,\n                    pull: this.widget.options.pull || 0\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            colHeightStyle() {\n                return !!this.colHeight ? { height: this.colHeight + 'px' } : {};\n            }\n        },\n        watch: {\n            'designer.formConfig.layoutType': {\n                handler(val) {\n                    if (!!this.widget.options.responsive) {\n                        if (val === 'H5') {\n                            this.layoutProps.span = this.widget.options.xs || 12;\n                        } else if (val === 'Pad') {\n                            this.layoutProps.span = this.widget.options.sm || 12;\n                        } else {\n                            this.layoutProps.span = this.widget.options.md || 12;\n                        }\n                    } else {\n                        this.layoutProps.span = this.widget.options.span || 12;\n                    }\n                }\n            },\n\n            'widget.options.responsive': {\n                handler(val) {\n                    const lyType = this.designer.formConfig.layoutType;\n                    if (!!val) {\n                        if (lyType === 'H5') {\n                            this.layoutProps.span = this.widget.options.xs || 12;\n                        } else if (lyType === 'Pad') {\n                            this.layoutProps.span = this.widget.options.sm || 12;\n                        } else {\n                            this.layoutProps.span = this.widget.options.md || 12;\n                        }\n                    } else {\n                        this.layoutProps.span = this.widget.options.span || 12;\n                    }\n                }\n            },\n\n            'widget.options.span': {\n                handler(val) {\n                    this.layoutProps.span = val;\n                }\n            },\n\n            'widget.options.md': {\n                handler(val) {\n                    this.layoutProps.span = val;\n                }\n            },\n\n            'widget.options.sm': {\n                handler(val) {\n                    this.layoutProps.span = val;\n                }\n            },\n\n            'widget.options.xs': {\n                handler(val) {\n                    this.layoutProps.span = val;\n                }\n            },\n\n            'widget.options.offset': {\n                handler(val) {\n                    this.layoutProps.offset = val;\n                }\n            },\n\n            'widget.options.push': {\n                handler(val) {\n                    this.layoutProps.push = val;\n                }\n            },\n\n            'widget.options.pull': {\n                handler(val) {\n                    this.layoutProps.pull = val;\n                }\n            }\n        },\n        created() {\n            this.initRefList();\n            this.initLayoutProps();\n        },\n        methods: {\n            initLayoutProps() {\n                if (!!this.widget.options.responsive) {\n                    const lyType = this.designer.formConfig.layoutType;\n                    if (lyType === 'H5') {\n                        this.layoutProps.span = this.widget.options.xs || 12;\n                    } else if (lyType === 'Pad') {\n                        this.layoutProps.span = this.widget.options.sm || 12;\n                    } else {\n                        this.layoutProps.span = this.widget.options.md || 12;\n                    }\n                } else {\n                    this.layoutProps.spn = this.widget.options.span;\n                }\n            },\n\n            onGridDragEnd(evt, subList) {\n                //\n            },\n\n            onGridDragAdd(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            onGridDragUpdate() {\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                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            cloneGridCol(widget) {\n                this.designer.cloneGridCol(widget, this.parentWidget);\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    .grid-cell {\n        min-height: 38px !important;\n        //margin: 6px 0;  /* 设置了margin，栅格列的offset、push、pull会失效！！ */\n        padding: 3px;\n        outline: 1px dashed #336699;\n        position: relative;\n\n        .form-widget-list {\n            min-height: 28px;\n        }\n\n        .grid-col-action {\n            position: absolute;\n            bottom: 0;\n            right: -2px;\n            height: 28px;\n            line-height: 28px;\n            background: var(--ant-primary-4);\n            z-index: 999;\n\n            i {\n                font-size: 14px;\n                color: #fff;\n                margin: 0 5px;\n                cursor: pointer;\n            }\n        }\n\n        .grid-col-handler {\n            position: absolute;\n            top: -2px;\n            left: -2px;\n            height: 22px;\n            line-height: 22px;\n            background: var(--ant-primary-4);\n            z-index: 9;\n\n            i {\n                font-size: 14px;\n                font-style: normal;\n                color: #fff;\n                margin: 4px;\n                cursor: default;\n            }\n        }\n    }\n\n    .grid-col-action,\n    .grid-col-handler {\n        :deep(.svg-icon) {\n            margin-left: 0.1em;\n            margin-right: 0.1em;\n        }\n    }\n</style>\n"],"names":["_sfc_main","i18n","refMixinDesign","Draggable","FieldComponents","SvgIcon","val","lyType","evt","subList","newIndex","widget","nextSelected","_hoisted_1","$props","_openBlock","_createBlock","_component_a_col","_mergeProps","$data","$options","_cache","_withModifiers","$event","_createVNode","_component_draggable","_withCtx","subWidget","swIdx","_createElementVNode","_resolveDynamicComponent","_createElementBlock","_hoisted_2","_ctx","_component_svg_icon","args","_hoisted_8","_toDisplayString"],"mappings":"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"}