sun-card-design 1.1.37 → 1.1.39

package/dist/sun-card-designer.es18.js

@@ -1,68 +0,0 @@
-import { ref, computed, resolveComponent, createElementBlock, openBlock, createElementVNode, createVNode, withCtx } from "vue";
-import OpenVariable from "./sun-card-designer.es91.js";
-import EditInput from "./sun-card-designer.es92.js";
-import "./sun-card-designer.es13.js";
-/* empty css                       */
-import _export_sfc from "./sun-card-designer.es16.js";
-const _hoisted_1 = { class: "title-pes" };
-const _sfc_main = {
-  __name: "titleBasePes",
-  props: ["record", "sourceData"],
-  setup(__props) {
-    const props = __props;
-    const editInputRef = ref();
-    const selectTreeChange = (params) => {
-      const { item, node } = params;
-      editInputRef.value.insertToken(`{${item.name}#${node}}`);
-    };
-    const selectChange = (record) => {
-      editInputRef.value.insertToken(`{${record.name}}`);
-    };
-    const inGridWithVariableName = computed(() => {
-      return true;
-    });
-    return (_ctx, _cache) => {
-      const _component_a_form_item = resolveComponent("a-form-item");
-      const _component_a_col = resolveComponent("a-col");
-      const _component_a_row = resolveComponent("a-row");
-      const _component_a_form = resolveComponent("a-form");
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        _cache[0] || (_cache[0] = createElementVNode("div", { class: "title" }, "数据", -1)),
-        createVNode(_component_a_form, { layout: "vertical" }, {
-          default: withCtx(() => [
-            createVNode(_component_a_row, { gutter: [16, 16] }, {
-              default: withCtx(() => [
-                createVNode(_component_a_col, { span: 24 }, {
-                  default: withCtx(() => [
-                    createVNode(_component_a_form_item, { label: "内容" }, {
-                      default: withCtx(() => [
-                        createVNode(OpenVariable, {
-                          disabled: inGridWithVariableName.value,
-                          onOnSelect: selectChange,
-                          onOnSelectTree: selectTreeChange
-                        }, null, 8, ["disabled"]),
-                        createVNode(EditInput, {
-                          ref_key: "editInputRef",
-                          ref: editInputRef,
-                          record: props.record.options
-                        }, null, 8, ["record"])
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        })
-      ]);
-    };
-  }
-};
-const TitlePes = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-aef34c62"]]);
-export {
-  TitlePes as default
-};

package/dist/sun-card-designer.es180.js

@@ -1,193 +0,0 @@
-import { ref, watch, resolveComponent, createElementBlock, openBlock, normalizeStyle, normalizeClass, createVNode, withCtx, Fragment, renderList, createBlock, createElementVNode, withModifiers, unref } from "vue";
-import draggable from "vuedraggable";
-import FormItem from "./sun-card-designer.es84.js";
-import { useCardManageStore } from "./sun-card-designer.es13.js";
-/* empty css                        */
-import _export_sfc from "./sun-card-designer.es16.js";
-const _hoisted_1 = ["onClick"];
-const _hoisted_2 = ["onClick"];
-const _sfc_main = {
-  __name: "multipleColumn",
-  props: ["record", "recordData", "columnsIndex"],
-  setup(__props) {
-    const props = __props;
-    const cardManageStore = useCardManageStore();
-    const onConfig = (uuid) => {
-      cardManageStore.setCurrentSelectUuid(uuid);
-    };
-    const currentUuid = ref(null);
-    watch(
-      () => cardManageStore.currentSelectUuid,
-      (val) => {
-        currentUuid.value = val;
-      }
-    );
-    const getIndex = (index) => {
-      if (index !== void 0) {
-        return index;
-      }
-      return props.columnsIndex;
-    };
-    const dragFromIndexGrid = ref(-1);
-    const hoverToIndexGrid = ref(-1);
-    const activeListRef = ref(null);
-    const externalTargetList = ref(null);
-    const externalTargetIndex = ref(-1);
-    const isTargetExternal = ref(false);
-    function onGridStart(evt, column) {
-      dragFromIndexGrid.value = evt.oldIndex;
-      hoverToIndexGrid.value = -1;
-      activeListRef.value = column.list;
-      isTargetExternal.value = false;
-      externalTargetList.value = null;
-      externalTargetIndex.value = -1;
-    }
-    function onGridMove(evt) {
-      try {
-        const { relatedContext, draggedContext, to, from } = evt;
-        const sameContainer = relatedContext && draggedContext && relatedContext.component === draggedContext.component;
-        if (sameContainer || to === from) {
-          isTargetExternal.value = false;
-          externalTargetList.value = null;
-          externalTargetIndex.value = -1;
-          if (relatedContext && typeof relatedContext.index === "number") {
-            hoverToIndexGrid.value = relatedContext.index;
-          }
-          return false;
-        }
-        isTargetExternal.value = true;
-        hoverToIndexGrid.value = -1;
-        if (relatedContext) {
-          const idx = typeof relatedContext.index === "number" ? relatedContext.index : Array.isArray(relatedContext.list) ? relatedContext.list.length : -1;
-          externalTargetIndex.value = idx;
-          externalTargetList.value = relatedContext.list || null;
-        }
-        return false;
-      } catch (e) {
-        return false;
-      }
-    }
-    function onGridEnd(evt, column) {
-      const from = dragFromIndexGrid.value;
-      const list = activeListRef.value || column.list;
-      if (!Array.isArray(list)) {
-        resetGridState();
-        return;
-      }
-      if (isTargetExternal.value && externalTargetList.value && Array.isArray(externalTargetList.value)) {
-        if (from >= 0 && from < list.length) {
-          const item = list.splice(from, 1)[0];
-          const insertAt = Math.min(
-            Math.max(externalTargetIndex.value, 0),
-            externalTargetList.value.length
-          );
-          externalTargetList.value.splice(insertAt, 0, item);
-        }
-        resetGridState();
-        return;
-      }
-      const rawTo = hoverToIndexGrid.value;
-      resetGridState();
-      if (from === -1 || rawTo === -1 || from === rawTo) return;
-      if (from < 0 || from >= list.length) return;
-      const moved = list.splice(from, 1)[0];
-      let to = rawTo;
-      if (from < rawTo) to = rawTo - 1;
-      const safeTo = Math.min(Math.max(to, 0), list.length);
-      list.splice(safeTo, 0, moved);
-    }
-    function resetGridState() {
-      dragFromIndexGrid.value = -1;
-      hoverToIndexGrid.value = -1;
-      activeListRef.value = null;
-      isTargetExternal.value = false;
-      externalTargetList.value = null;
-      externalTargetIndex.value = -1;
-    }
-    const getBackground = () => {
-      if (isGradientColor(props.recordData.config.background)) {
-        return "none";
-      }
-      return props.recordData.config.background;
-    };
-    function isGradientColor(color) {
-      return /^(linear|radial)-gradient\(.*\)$/.test(color);
-    }
-    return (_ctx, _cache) => {
-      const _component_a_col = resolveComponent("a-col");
-      const _component_a_row = resolveComponent("a-row");
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["main-grid", { active: currentUuid.value === props.record.uuid }]),
-        style: normalizeStyle({ backgroundColor: getBackground() })
-      }, [
-        createVNode(_component_a_row, {
-          gutter: [props.record.options.style.lrGutter, props.record.options.style.tbGutter]
-        }, {
-          default: withCtx(() => [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(props.record.columns, (item, index) => {
-              return openBlock(), createBlock(_component_a_col, {
-                key: index.toString(),
-                flex: props.record.columns[index]?.flex,
-                span: 24,
-                style: normalizeStyle({
-                  flex: props.record.columns[index]?.flex
-                })
-              }, {
-                default: withCtx(() => [
-                  createElementVNode("div", {
-                    class: normalizeClass(["box", { active: currentUuid.value === item.uuid }]),
-                    style: normalizeStyle({
-                      background: props.record.options.style?.background,
-                      borderColor: props.record.options.style?.borderColor,
-                      borderRadius: props.record.options.style?.borderRadius + "px",
-                      padding: props.record.options.style?.tbPadding + "px " + props.record.options.style?.lrPadding + "px",
-                      justifyContent: props.record.options.style?.alignItems || "start",
-                      minHeight: props.record.options.style?.minHeight + "px" || "48px",
-                      boxShadow: props.record.options.style?.boxShadow || null
-                    }),
-                    onClick: withModifiers(($event) => onConfig(item.uuid), ["stop"])
-                  }, [
-                    createVNode(unref(draggable), {
-                      list: item.list,
-                      group: "people",
-                      animation: 150,
-                      ghostClass: _ctx.moving,
-                      emptyInsertThreshold: 30,
-                      move: onGridMove,
-                      onStart: ($event) => onGridStart($event, item),
-                      onEnd: ($event) => onGridEnd($event, item),
-                      "item-key": "uuid"
-                    }, {
-                      item: withCtx(({ element, index: index2 }) => [
-                        createElementVNode("div", {
-                          onClick: withModifiers(($event) => onConfig(element.uuid), ["stop"]),
-                          class: normalizeClass({
-                            "swap-highlight": index2 === hoverToIndexGrid.value,
-                            "swap-highlight-bottom": hoverToIndexGrid.value === (activeListRef.value?.length || 0) && index2 === (activeListRef.value?.length || 1) - 1
-                          })
-                        }, [
-                          createVNode(FormItem, {
-                            record: element,
-                            recordData: props.recordData,
-                            columnsIndex: getIndex(item.index)
-                          }, null, 8, ["record", "recordData", "columnsIndex"])
-                        ], 10, _hoisted_2)
-                      ]),
-                      _: 2
-                    }, 1032, ["list", "ghostClass", "onStart", "onEnd"])
-                  ], 14, _hoisted_1)
-                ]),
-                _: 2
-              }, 1032, ["flex", "style"]);
-            }), 128))
-          ]),
-          _: 1
-        }, 8, ["gutter"])
-      ], 6);
-    };
-  }
-};
-const MultipleColumn = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2fe85b44"]]);
-export {
-  MultipleColumn as default
-};

package/dist/sun-card-designer.es181.js

@@ -1,193 +0,0 @@
-import { ref, watch, resolveComponent, createElementBlock, openBlock, normalizeStyle, normalizeClass, createVNode, withCtx, Fragment, renderList, createBlock, createElementVNode, withModifiers, unref } from "vue";
-import draggable from "vuedraggable";
-import FormItem from "./sun-card-designer.es84.js";
-import { useCardManageStore } from "./sun-card-designer.es13.js";
-/* empty css                        */
-import _export_sfc from "./sun-card-designer.es16.js";
-const _hoisted_1 = ["onClick"];
-const _hoisted_2 = ["onClick"];
-const _sfc_main = {
-  __name: "multipleLine",
-  props: ["record", "recordData", "columnsIndex"],
-  setup(__props) {
-    const props = __props;
-    const cardManageStore = useCardManageStore();
-    const onConfig = (uuid) => {
-      cardManageStore.setCurrentSelectUuid(uuid);
-    };
-    const currentUuid = ref(null);
-    watch(
-      () => cardManageStore.currentSelectUuid,
-      (val) => {
-        currentUuid.value = val;
-      }
-    );
-    const getIndex = (index) => {
-      if (index !== void 0) {
-        return index;
-      }
-      return props.columnsIndex;
-    };
-    const dragFromIndexGrid = ref(-1);
-    const hoverToIndexGrid = ref(-1);
-    const activeListRef = ref(null);
-    const externalTargetList = ref(null);
-    const externalTargetIndex = ref(-1);
-    const isTargetExternal = ref(false);
-    function onGridStart(evt, column) {
-      dragFromIndexGrid.value = evt.oldIndex;
-      hoverToIndexGrid.value = -1;
-      activeListRef.value = column.list;
-      isTargetExternal.value = false;
-      externalTargetList.value = null;
-      externalTargetIndex.value = -1;
-    }
-    function onGridMove(evt) {
-      try {
-        const { relatedContext, draggedContext, to, from } = evt;
-        const sameContainer = relatedContext && draggedContext && relatedContext.component === draggedContext.component;
-        if (sameContainer || to === from) {
-          isTargetExternal.value = false;
-          externalTargetList.value = null;
-          externalTargetIndex.value = -1;
-          if (relatedContext && typeof relatedContext.index === "number") {
-            hoverToIndexGrid.value = relatedContext.index;
-          }
-          return false;
-        }
-        isTargetExternal.value = true;
-        hoverToIndexGrid.value = -1;
-        if (relatedContext) {
-          const idx = typeof relatedContext.index === "number" ? relatedContext.index : Array.isArray(relatedContext.list) ? relatedContext.list.length : -1;
-          externalTargetIndex.value = idx;
-          externalTargetList.value = relatedContext.list || null;
-        }
-        return false;
-      } catch (e) {
-        return false;
-      }
-    }
-    function onGridEnd(evt, column) {
-      const from = dragFromIndexGrid.value;
-      const list = activeListRef.value || column.list;
-      if (!Array.isArray(list)) {
-        resetGridState();
-        return;
-      }
-      if (isTargetExternal.value && externalTargetList.value && Array.isArray(externalTargetList.value)) {
-        if (from >= 0 && from < list.length) {
-          const item = list.splice(from, 1)[0];
-          const insertAt = Math.min(
-            Math.max(externalTargetIndex.value, 0),
-            externalTargetList.value.length
-          );
-          externalTargetList.value.splice(insertAt, 0, item);
-        }
-        resetGridState();
-        return;
-      }
-      const rawTo = hoverToIndexGrid.value;
-      resetGridState();
-      if (from === -1 || rawTo === -1 || from === rawTo) return;
-      if (from < 0 || from >= list.length) return;
-      const moved = list.splice(from, 1)[0];
-      let to = rawTo;
-      if (from < rawTo) to = rawTo - 1;
-      const safeTo = Math.min(Math.max(to, 0), list.length);
-      list.splice(safeTo, 0, moved);
-    }
-    function resetGridState() {
-      dragFromIndexGrid.value = -1;
-      hoverToIndexGrid.value = -1;
-      activeListRef.value = null;
-      isTargetExternal.value = false;
-      externalTargetList.value = null;
-      externalTargetIndex.value = -1;
-    }
-    const getBackground = () => {
-      if (isGradientColor(props.recordData.config.background)) {
-        return "none";
-      }
-      return props.recordData.config.background;
-    };
-    function isGradientColor(color) {
-      return /^(linear|radial)-gradient\(.*\)$/.test(color);
-    }
-    return (_ctx, _cache) => {
-      const _component_a_col = resolveComponent("a-col");
-      const _component_a_row = resolveComponent("a-row");
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["main-grid", { active: currentUuid.value === props.record.uuid }]),
-        style: normalizeStyle({ backgroundColor: getBackground() })
-      }, [
-        createVNode(_component_a_row, {
-          gutter: [props.record.options.style.lrGutter, props.record.options.style.tbGutter]
-        }, {
-          default: withCtx(() => [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(props.record.columns, (item, index) => {
-              return openBlock(), createBlock(_component_a_col, {
-                key: index.toString(),
-                flex: props.record.columns[index]?.flex,
-                span: 24,
-                style: normalizeStyle({
-                  flex: _ctx.none
-                })
-              }, {
-                default: withCtx(() => [
-                  createElementVNode("div", {
-                    class: normalizeClass(["box", { active: currentUuid.value === item.uuid }]),
-                    style: normalizeStyle({
-                      background: props.record.options.style?.background,
-                      borderColor: props.record.options.style?.borderColor,
-                      borderRadius: props.record.options.style?.borderRadius + "px",
-                      padding: props.record.options.style?.tbPadding + "px " + props.record.options.style?.lrPadding + "px",
-                      justifyContent: props.record.options.style?.alignItems || "start",
-                      minHeight: props.record.options.style?.minHeight + "px" || "48px",
-                      boxShadow: props.record.options.style?.boxShadow || null
-                    }),
-                    onClick: withModifiers(($event) => onConfig(item.uuid), ["stop"])
-                  }, [
-                    createVNode(unref(draggable), {
-                      list: item.list,
-                      group: "people",
-                      animation: 150,
-                      ghostClass: _ctx.moving,
-                      emptyInsertThreshold: 30,
-                      move: onGridMove,
-                      onStart: ($event) => onGridStart($event, item),
-                      onEnd: ($event) => onGridEnd($event, item),
-                      "item-key": "uuid"
-                    }, {
-                      item: withCtx(({ element, index: index2 }) => [
-                        createElementVNode("div", {
-                          onClick: withModifiers(($event) => onConfig(element.uuid), ["stop"]),
-                          class: normalizeClass({
-                            "swap-highlight": index2 === hoverToIndexGrid.value,
-                            "swap-highlight-bottom": hoverToIndexGrid.value === (activeListRef.value?.length || 0) && index2 === (activeListRef.value?.length || 1) - 1
-                          })
-                        }, [
-                          createVNode(FormItem, {
-                            record: element,
-                            recordData: props.recordData,
-                            columnsIndex: getIndex(item.index)
-                          }, null, 8, ["record", "recordData", "columnsIndex"])
-                        ], 10, _hoisted_2)
-                      ]),
-                      _: 2
-                    }, 1032, ["list", "ghostClass", "onStart", "onEnd"])
-                  ], 14, _hoisted_1)
-                ]),
-                _: 2
-              }, 1032, ["flex", "style"]);
-            }), 128))
-          ]),
-          _: 1
-        }, 8, ["gutter"])
-      ], 6);
-    };
-  }
-};
-const MultipleLine = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d4741734"]]);
-export {
-  MultipleLine as default
-};

package/dist/sun-card-designer.es182.js

@@ -1,193 +0,0 @@
-import { ref, watch, resolveComponent, createElementBlock, openBlock, normalizeStyle, normalizeClass, createVNode, withCtx, Fragment, renderList, createBlock, createElementVNode, withModifiers, unref } from "vue";
-import draggable from "vuedraggable";
-import FormItem from "./sun-card-designer.es84.js";
-import { useCardManageStore } from "./sun-card-designer.es13.js";
-/* empty css                        */
-import _export_sfc from "./sun-card-designer.es16.js";
-const _hoisted_1 = ["onClick"];
-const _hoisted_2 = ["onClick"];
-const _sfc_main = {
-  __name: "gridList",
-  props: ["record", "recordData", "columnsIndex"],
-  setup(__props) {
-    const props = __props;
-    const cardManageStore = useCardManageStore();
-    const onConfig = (uuid) => {
-      cardManageStore.setCurrentSelectUuid(uuid);
-    };
-    const currentUuid = ref(null);
-    watch(
-      () => cardManageStore.currentSelectUuid,
-      (val) => {
-        currentUuid.value = val;
-      }
-    );
-    const getIndex = (index) => {
-      if (index !== void 0) {
-        return index;
-      }
-      return props.columnsIndex;
-    };
-    const dragFromIndexGrid = ref(-1);
-    const hoverToIndexGrid = ref(-1);
-    const activeListRef = ref(null);
-    const externalTargetList = ref(null);
-    const externalTargetIndex = ref(-1);
-    const isTargetExternal = ref(false);
-    function onGridStart(evt, column) {
-      dragFromIndexGrid.value = evt.oldIndex;
-      hoverToIndexGrid.value = -1;
-      activeListRef.value = column.list;
-      isTargetExternal.value = false;
-      externalTargetList.value = null;
-      externalTargetIndex.value = -1;
-    }
-    function onGridMove(evt) {
-      try {
-        const { relatedContext, draggedContext, to, from } = evt;
-        const sameContainer = relatedContext && draggedContext && relatedContext.component === draggedContext.component;
-        if (sameContainer || to === from) {
-          isTargetExternal.value = false;
-          externalTargetList.value = null;
-          externalTargetIndex.value = -1;
-          if (relatedContext && typeof relatedContext.index === "number") {
-            hoverToIndexGrid.value = relatedContext.index;
-          }
-          return false;
-        }
-        isTargetExternal.value = true;
-        hoverToIndexGrid.value = -1;
-        if (relatedContext) {
-          const idx = typeof relatedContext.index === "number" ? relatedContext.index : Array.isArray(relatedContext.list) ? relatedContext.list.length : -1;
-          externalTargetIndex.value = idx;
-          externalTargetList.value = relatedContext.list || null;
-        }
-        return false;
-      } catch (e) {
-        return false;
-      }
-    }
-    function onGridEnd(evt, column) {
-      const from = dragFromIndexGrid.value;
-      const list = activeListRef.value || column.list;
-      if (!Array.isArray(list)) {
-        resetGridState();
-        return;
-      }
-      if (isTargetExternal.value && externalTargetList.value && Array.isArray(externalTargetList.value)) {
-        if (from >= 0 && from < list.length) {
-          const item = list.splice(from, 1)[0];
-          const insertAt = Math.min(
-            Math.max(externalTargetIndex.value, 0),
-            externalTargetList.value.length
-          );
-          externalTargetList.value.splice(insertAt, 0, item);
-        }
-        resetGridState();
-        return;
-      }
-      const rawTo = hoverToIndexGrid.value;
-      resetGridState();
-      if (from === -1 || rawTo === -1 || from === rawTo) return;
-      if (from < 0 || from >= list.length) return;
-      const moved = list.splice(from, 1)[0];
-      let to = rawTo;
-      if (from < rawTo) to = rawTo - 1;
-      const safeTo = Math.min(Math.max(to, 0), list.length);
-      list.splice(safeTo, 0, moved);
-    }
-    function resetGridState() {
-      dragFromIndexGrid.value = -1;
-      hoverToIndexGrid.value = -1;
-      activeListRef.value = null;
-      isTargetExternal.value = false;
-      externalTargetList.value = null;
-      externalTargetIndex.value = -1;
-    }
-    const getBackground = () => {
-      if (isGradientColor(props.recordData.config.background)) {
-        return "none";
-      }
-      return props.recordData.config.background;
-    };
-    function isGradientColor(color) {
-      return /^(linear|radial)-gradient\(.*\)$/.test(color);
-    }
-    return (_ctx, _cache) => {
-      const _component_a_col = resolveComponent("a-col");
-      const _component_a_row = resolveComponent("a-row");
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["main-grid", { active: currentUuid.value === props.record.uuid }]),
-        style: normalizeStyle({ backgroundColor: getBackground() })
-      }, [
-        createVNode(_component_a_row, {
-          gutter: [props.record.options.style.lrGutter, props.record.options.style.tbGutter]
-        }, {
-          default: withCtx(() => [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(props.record.columns, (item, index) => {
-              return openBlock(), createBlock(_component_a_col, {
-                key: index.toString(),
-                flex: props.record.columns[index]?.flex,
-                span: 24 / props.record.options.autoNumber,
-                style: normalizeStyle({
-                  flex: _ctx.none
-                })
-              }, {
-                default: withCtx(() => [
-                  createElementVNode("div", {
-                    class: normalizeClass(["box", { active: currentUuid.value === item.uuid }]),
-                    style: normalizeStyle({
-                      background: props.record.options.style?.background,
-                      borderColor: props.record.options.style?.borderColor,
-                      borderRadius: props.record.options.style?.borderRadius + "px",
-                      padding: props.record.options.style?.tbPadding + "px " + props.record.options.style?.lrPadding + "px",
-                      justifyContent: props.record.options.style?.alignItems || "start",
-                      minHeight: props.record.options.style?.minHeight + "px" || "48px",
-                      boxShadow: props.record.options.style?.boxShadow || null
-                    }),
-                    onClick: withModifiers(($event) => onConfig(item.uuid), ["stop"])
-                  }, [
-                    createVNode(unref(draggable), {
-                      list: item.list,
-                      group: "people",
-                      animation: 150,
-                      ghostClass: _ctx.moving,
-                      emptyInsertThreshold: 30,
-                      move: onGridMove,
-                      onStart: ($event) => onGridStart($event, item),
-                      onEnd: ($event) => onGridEnd($event, item),
-                      "item-key": "uuid"
-                    }, {
-                      item: withCtx(({ element, index: index2 }) => [
-                        createElementVNode("div", {
-                          onClick: withModifiers(($event) => onConfig(element.uuid), ["stop"]),
-                          class: normalizeClass({
-                            "swap-highlight": index2 === hoverToIndexGrid.value,
-                            "swap-highlight-bottom": hoverToIndexGrid.value === (activeListRef.value?.length || 0) && index2 === (activeListRef.value?.length || 1) - 1
-                          })
-                        }, [
-                          createVNode(FormItem, {
-                            record: element,
-                            recordData: props.recordData,
-                            columnsIndex: getIndex(item.index)
-                          }, null, 8, ["record", "recordData", "columnsIndex"])
-                        ], 10, _hoisted_2)
-                      ]),
-                      _: 2
-                    }, 1032, ["list", "ghostClass", "onStart", "onEnd"])
-                  ], 14, _hoisted_1)
-                ]),
-                _: 2
-              }, 1032, ["flex", "span", "style"]);
-            }), 128))
-          ]),
-          _: 1
-        }, 8, ["gutter"])
-      ], 6);
-    };
-  }
-};
-const GridList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-39dc02c9"]]);
-export {
-  GridList as default
-};