sun-card-design 1.1.37 → 1.1.38

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

@@ -1,365 +0,0 @@
-import { ref, watch, computed, onMounted, onUnmounted, createElementBlock, openBlock, normalizeStyle, normalizeClass } from "vue";
-import * as THREE from "three";
-import { OrbitControls } from "three/examples/jsm/controls/OrbitControls.js";
-import { CSS2DRenderer, CSS2DObject } from "three/examples/jsm/renderers/CSS2DRenderer.js";
-import "three/examples/jsm/loaders/EXRLoader.js";
-import { useCardManageStore } from "./sun-card-designer.es13.js";
-/* empty css                        */
-import _export_sfc from "./sun-card-designer.es16.js";
-const _sfc_main = {
-  __name: "pieChart3dComp",
-  props: ["record"],
-  setup(__props) {
-    const props = __props;
-    const currentUuid = ref(null);
-    const cardManageStore = useCardManageStore();
-    watch(
-      () => cardManageStore.currentSelectUuid,
-      (val) => {
-        currentUuid.value = val;
-      }
-    );
-    const containerRef = ref(null);
-    let renderer = null;
-    let labelRenderer = null;
-    let scene = null;
-    let camera = null;
-    let animationId = null;
-    let resizeObserver = null;
-    let controls = null;
-    let chartGroup = null;
-    let envTexture = null;
-    const chartStyle = computed(() => {
-      const style = props.record?.options?.style || {};
-      return {
-        width: style.width || "100%",
-        height: style.height || "260px"
-      };
-    });
-    function getPieConfig() {
-      const options = props.record?.options || {};
-      const series = Array.isArray(options?.seriesConfig) && options.seriesConfig[0] ? options.seriesConfig[0] : {
-        radius: "0%",
-        data: [
-          { value: 1048, name: "饼图" },
-          { value: 735, name: "柱状图" },
-          { value: 580, name: "折线图" },
-          { value: 484, name: "路径图" },
-          { value: 300, name: "关系图" }
-        ],
-        colors: ["#2b7fff", "#31D492", "#FFB93B", "#FB2C36", "#8E51FF"],
-        colorsMap: {}
-      };
-      const radius = series.radius;
-      const data = Array.isArray(series.data) ? series.data : [];
-      const colors = Array.isArray(series.colors) ? series.colors : [];
-      const colorsMap = series.colorsMap && typeof series.colorsMap === "object" ? series.colorsMap : {};
-      return { data, radius, colors, colorsMap };
-    }
-    function parseRadius(radiusStr, base) {
-      if (typeof radiusStr === "number") return radiusStr;
-      if (typeof radiusStr === "string" && radiusStr.trim().endsWith("%")) {
-        const pct = parseFloat(radiusStr) / 100;
-        return base * pct;
-      }
-      const val = parseFloat(radiusStr);
-      return Number.isFinite(val) ? val : base * 0.7;
-    }
-    function initScene() {
-      if (!containerRef.value) return;
-      const { clientWidth, clientHeight } = containerRef.value;
-      scene = new THREE.Scene();
-      scene.background = null;
-      const aspect = Math.max(clientWidth, 1) / Math.max(clientHeight, 1);
-      camera = new THREE.PerspectiveCamera(40, aspect, 0.1, 1e3);
-      camera.position.set(0, 6, 14);
-      camera.lookAt(0, 0, 0);
-      renderer = new THREE.WebGLRenderer({ antialias: true, alpha: true });
-      renderer.setPixelRatio(Math.min(window.devicePixelRatio || 1, 2));
-      renderer.setSize(clientWidth, clientHeight);
-      renderer.toneMapping = THREE.LinearToneMapping;
-      renderer.toneMappingExposure = 1.2;
-      renderer.outputColorSpace = THREE.SRGBColorSpace;
-      containerRef.value.appendChild(renderer.domElement);
-      try {
-        const jpgUrl = new URL("/assets/pic1.jpg", import.meta.url).href;
-        const textureLoader = new THREE.TextureLoader();
-        textureLoader.load(
-          jpgUrl,
-          (tex) => {
-            tex.mapping = THREE.EquirectangularReflectionMapping;
-            tex.colorSpace = THREE.SRGBColorSpace;
-            tex.userData = { brightness: 1.6, contrast: 1.2 };
-            envTexture = tex;
-            if (scene) {
-              scene.background = envTexture;
-              scene.environment = envTexture;
-            } else {
-              envTexture.dispose();
-              envTexture = null;
-            }
-          }
-        );
-      } catch (e) {
-      }
-      labelRenderer = new CSS2DRenderer();
-      labelRenderer.setSize(clientWidth, clientHeight);
-      labelRenderer.domElement.style.position = "absolute";
-      labelRenderer.domElement.style.top = "0px";
-      labelRenderer.domElement.style.pointerEvents = "none";
-      containerRef.value.appendChild(labelRenderer.domElement);
-      const ambient = new THREE.AmbientLight(16777215, 1);
-      scene.add(ambient);
-      const dirLight = new THREE.DirectionalLight(16777215, 1);
-      dirLight.position.set(5, 10, 7);
-      scene.add(dirLight);
-      chartGroup = new THREE.Group();
-      chartGroup.name = "pie3d-group";
-      chartGroup.rotation.x = Math.PI / 4;
-      scene.add(chartGroup);
-      buildPie();
-      controls = new OrbitControls(camera, renderer.domElement);
-      controls.enableDamping = true;
-      controls.enablePan = true;
-      controls.enableRotate = true;
-      controls.enableZoom = true;
-      controls.screenSpacePanning = true;
-      controls.panSpeed = 1;
-      controls.rotateSpeed = 0.6;
-      controls.zoomSpeed = 1;
-      controls.autoRotate = false;
-      controls.target.set(0, 0, 0);
-      startAnimate();
-      observeResize();
-    }
-    function clearGroup(group) {
-      if (!group) return;
-      for (let i = group.children.length - 1; i >= 0; i--) {
-        const child = group.children[i];
-        if (child.children && child.children.length) {
-          clearGroup(child);
-        }
-        if (child.isCSS2DObject && child.element && child.element.parentNode) {
-          child.element.parentNode.removeChild(child.element);
-        }
-        group.remove(child);
-        if (child.geometry) child.geometry.dispose();
-        if (child.material) {
-          if (Array.isArray(child.material)) child.material.forEach((m) => m.dispose());
-          else child.material.dispose();
-        }
-      }
-    }
-    function buildPie() {
-      if (!chartGroup) return;
-      clearGroup(chartGroup);
-      const { data, radius, colors, colorsMap } = getPieConfig();
-      if (!Array.isArray(data) || data.length === 0) return;
-      const total = data.reduce((s, d) => s + (Number(d.value) || 0), 0);
-      if (total <= 0) return;
-      const baseR = 5;
-      let innerR = 0;
-      let outerR = baseR;
-      if (Array.isArray(radius)) {
-        innerR = parseRadius(radius[0] ?? "0%", baseR);
-        outerR = parseRadius(radius[1] ?? "100%", baseR);
-      } else {
-        innerR = parseRadius(radius ?? "0%", baseR);
-        outerR = parseRadius("100%", baseR);
-      }
-      const thickness = 1.4;
-      let startAngle = 0;
-      data.forEach((item, idx) => {
-        const value = Number(item.value) || 0;
-        let thetaLen = value / total * Math.PI * 2;
-        if (idx === data.length - 1) {
-          thetaLen = Math.max(0, Math.PI * 2 - startAngle);
-        }
-        const midAngle = startAngle + thetaLen / 2;
-        const sectorGeom = createWedgeGeometry(innerR, outerR, startAngle, thetaLen, thickness, 72);
-        const colorByName = item && typeof item.name === "string" ? colorsMap[item.name] : void 0;
-        const color = typeof colorByName === "string" ? colorByName : typeof colors[idx] === "string" ? colors[idx] : "#2b7fff";
-        const mat = new THREE.MeshStandardMaterial({ color: new THREE.Color(color), side: THREE.DoubleSide });
-        const sectorMesh = new THREE.Mesh(sectorGeom, mat);
-        chartGroup.add(sectorMesh);
-        const labelDiv = document.createElement("div");
-        labelDiv.className = "pie-label";
-        labelDiv.style.color = "#ffffff";
-        labelDiv.style.fontSize = "12px";
-        labelDiv.style.fontFamily = "Arial, sans-serif";
-        labelDiv.style.textAlign = "center";
-        labelDiv.style.pointerEvents = "none";
-        labelDiv.textContent = `${item.name ?? ""} ${value}`;
-        const label = new CSS2DObject(labelDiv);
-        const labelR = (innerR + outerR) / 2;
-        label.position.set(Math.cos(midAngle) * labelR, thickness + 0.3, Math.sin(midAngle) * labelR);
-        chartGroup.add(label);
-        startAngle += thetaLen;
-      });
-    }
-    function createWedgeGeometry(innerR, outerR, startAngle, thetaLen, thickness, radialSegments = 64) {
-      const topY = thickness / 2;
-      const botY = -thickness / 2;
-      const segs = Math.max(3, Math.floor(radialSegments));
-      const positions = [];
-      const indices = [];
-      const outerTop = [];
-      const innerTop = [];
-      const outerBot = [];
-      const innerBot = [];
-      for (let i = 0; i <= segs; i++) {
-        const t = i / segs;
-        const ang = startAngle + thetaLen * t;
-        const cos = Math.cos(ang);
-        const sin = Math.sin(ang);
-        outerTop.push([cos * outerR, topY, sin * outerR]);
-        outerBot.push([cos * outerR, botY, sin * outerR]);
-        const ir = Math.max(0, innerR);
-        const ix = ir > 0 ? cos * ir : 0;
-        const iz = ir > 0 ? sin * ir : 0;
-        innerTop.push([ix, topY, iz]);
-        innerBot.push([ix, botY, iz]);
-      }
-      const pushV = (v) => {
-        positions.push(v[0], v[1], v[2]);
-      };
-      const baseIndex = 0;
-      outerTop.forEach(pushV);
-      innerTop.forEach(pushV);
-      outerBot.forEach(pushV);
-      innerBot.forEach(pushV);
-      const ot = (i) => baseIndex + i;
-      const it = (i) => baseIndex + (segs + 1) + i;
-      const ob = (i) => baseIndex + (segs + 1) * 2 + i;
-      const ib = (i) => baseIndex + (segs + 1) * 3 + i;
-      for (let i = 0; i < segs; i++) {
-        indices.push(ot(i), it(i), it(i + 1));
-        indices.push(ot(i), it(i + 1), ot(i + 1));
-      }
-      for (let i = 0; i < segs; i++) {
-        indices.push(ob(i), ib(i + 1), ib(i));
-        indices.push(ob(i), ob(i + 1), ib(i + 1));
-      }
-      for (let i = 0; i < segs; i++) {
-        indices.push(ot(i), ob(i + 1), ob(i));
-        indices.push(ot(i), ot(i + 1), ob(i + 1));
-      }
-      if (innerR > 0) {
-        for (let i = 0; i < segs; i++) {
-          indices.push(it(i), ib(i), ib(i + 1));
-          indices.push(it(i), ib(i + 1), it(i + 1));
-        }
-      } else {
-        indices.push(ot(0), ob(0), it(0));
-        indices.push(it(0), ob(0), ib(0));
-        indices.push(ot(segs), it(segs), ob(segs));
-        indices.push(it(segs), ib(segs), ob(segs));
-      }
-      if (innerR > 0) {
-        indices.push(ot(0), ob(0), it(0));
-        indices.push(it(0), ob(0), ib(0));
-        indices.push(ot(segs), it(segs), ob(segs));
-        indices.push(it(segs), ib(segs), ob(segs));
-      }
-      const geom = new THREE.BufferGeometry();
-      geom.setAttribute("position", new THREE.Float32BufferAttribute(positions, 3));
-      geom.setIndex(indices);
-      geom.computeVertexNormals();
-      return geom;
-    }
-    function startAnimate() {
-      stopAnimate();
-      const animate = () => {
-        animationId = requestAnimationFrame(animate);
-        if (controls) controls.update();
-        renderer && renderer.render(scene, camera);
-        labelRenderer && labelRenderer.render(scene, camera);
-      };
-      animate();
-    }
-    function stopAnimate() {
-      if (animationId) {
-        cancelAnimationFrame(animationId);
-        animationId = null;
-      }
-    }
-    function observeResize() {
-      if (!containerRef.value) return;
-      if (resizeObserver) resizeObserver.disconnect();
-      resizeObserver = new ResizeObserver((entries) => {
-        for (const entry of entries) {
-          const cr = entry.contentRect;
-          onResize(Math.max(cr.width, 1), Math.max(cr.height, 1));
-        }
-      });
-      resizeObserver.observe(containerRef.value);
-    }
-    function onResize(width, height) {
-      if (!renderer || !camera) return;
-      renderer.setSize(width, height);
-      labelRenderer && labelRenderer.setSize(width, height);
-      camera.aspect = width / height;
-      camera.updateProjectionMatrix();
-    }
-    watch(
-      () => [props.record?.options?.seriesConfig, props.record?.options?.style],
-      () => {
-        buildPie();
-      },
-      { deep: true }
-    );
-    onMounted(() => {
-      initScene();
-    });
-    onUnmounted(() => {
-      stopAnimate();
-      if (resizeObserver) {
-        resizeObserver.disconnect();
-        resizeObserver = null;
-      }
-      if (chartGroup) {
-        clearGroup(chartGroup);
-        chartGroup = null;
-      }
-      if (renderer) {
-        renderer.dispose();
-        if (renderer.domElement && renderer.domElement.parentNode) {
-          renderer.domElement.parentNode.removeChild(renderer.domElement);
-        }
-        renderer = null;
-      }
-      if (labelRenderer) {
-        if (labelRenderer.domElement && labelRenderer.domElement.parentNode) {
-          labelRenderer.domElement.parentNode.removeChild(labelRenderer.domElement);
-        }
-        labelRenderer = null;
-      }
-      if (envTexture) {
-        envTexture.dispose();
-        envTexture = null;
-      }
-      if (controls) {
-        controls.dispose();
-        controls = null;
-      }
-      camera = null;
-      scene = null;
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["main-pieChart3d", { active: currentUuid.value === props.record.uuid }]),
-        ref_key: "containerRef",
-        ref: containerRef,
-        style: normalizeStyle({
-          width: chartStyle.value.width,
-          height: chartStyle.value.height,
-          padding: `${props.record.options?.style?.tbPadding || 0}px ${props.record.options?.style?.lrPadding || 0}px`
-        })
-      }, null, 6);
-    };
-  }
-};
-const PieChart3D = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-85fbe784"]]);
-export {
-  PieChart3D as default
-};

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

@@ -1,70 +0,0 @@
-import { ref, watch, computed, resolveComponent, createElementBlock, openBlock, normalizeStyle, normalizeClass, createElementVNode, createVNode, withCtx, unref, createTextVNode } from "vue";
-import { useCardManageStore } from "./sun-card-designer.es13.js";
-import { panoramaSvg } from "./sun-card-designer.es6.js";
-/* empty css                        */
-import _export_sfc from "./sun-card-designer.es16.js";
-const _hoisted_1 = ["src"];
-const _hoisted_2 = ["innerHTML"];
-const _sfc_main = {
-  __name: "panoramaComp",
-  props: ["record"],
-  setup(__props) {
-    const props = __props;
-    const cardManageStore = useCardManageStore();
-    const currentUuid = ref(null);
-    watch(
-      () => cardManageStore.currentSelectUuid,
-      (val) => {
-        currentUuid.value = val;
-      }
-    );
-    const styleSize = computed(() => {
-      const s = props.record?.options?.style || {};
-      return {
-        width: s.width || "100%",
-        height: s.height || "360px"
-      };
-    });
-    const onView = () => {
-      cardManageStore.setActivePanorama(props.record.options.src);
-    };
-    return (_ctx, _cache) => {
-      const _component_a_tooltip = resolveComponent("a-tooltip");
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["main-panorama", { active: currentUuid.value === props.record.uuid }]),
-        style: normalizeStyle({ padding: `${props.record.options?.style?.tbPadding || 0}px ${props.record.options?.style?.lrPadding || 0}px` })
-      }, [
-        createElementVNode("div", {
-          class: "panorama-box",
-          style: normalizeStyle({
-            width: styleSize.value.width,
-            height: styleSize.value.height,
-            borderRadius: props.record.options.style.borderRadius + "px"
-          })
-        }, [
-          createElementVNode("img", {
-            src: props.record.options.briefSrc,
-            style: { "width": "100%", "height": "100%" }
-          }, null, 8, _hoisted_1),
-          createVNode(_component_a_tooltip, null, {
-            title: withCtx(() => [..._cache[0] || (_cache[0] = [
-              createTextVNode("点击预览", -1)
-            ])]),
-            default: withCtx(() => [
-              createElementVNode("div", {
-                class: "panorama-box-icon",
-                innerHTML: unref(panoramaSvg)(),
-                onClick: onView
-              }, null, 8, _hoisted_2)
-            ]),
-            _: 1
-          })
-        ], 4)
-      ], 6);
-    };
-  }
-};
-const Panorama = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-44c4b6f6"]]);
-export {
-  Panorama as default
-};

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

@@ -1,68 +0,0 @@
-import { ref, markRaw, defineComponent, h, computed, watch, createElementBlock, openBlock, createElementVNode, normalizeClass, normalizeStyle, createBlock, resolveDynamicComponent } from "vue";
-import { useCardManageStore } from "./sun-card-designer.es13.js";
-import * as Icons from "@ant-design/icons-vue";
-import { customIcon } from "./sun-card-designer.es76.js";
-/* empty css                        */
-import _export_sfc from "./sun-card-designer.es16.js";
-const _sfc_main = {
-  __name: "sunIconComp",
-  props: ["record"],
-  setup(__props) {
-    const props = __props;
-    const cardManageStore = useCardManageStore();
-    const currentUuid = ref(null);
-    const customIconComponents = Object.entries(customIcon || {}).reduce((acc, [key, svg]) => {
-      const normalized = svg.replace(/fill="#000000"/gi, 'fill="currentColor"');
-      acc[key] = markRaw(
-        defineComponent({
-          name: `CustomIcon${key}`,
-          setup() {
-            return () => h("span", { innerHTML: normalized });
-          }
-        })
-      );
-      return acc;
-    }, {});
-    const iconMap = { ...Icons, ...customIconComponents };
-    const iconComponent = computed(() => {
-      const name = props?.record?.options?.style?.iconName || "CheckCircleOutlined";
-      return iconMap[name] || Icons["CheckCircleOutlined"];
-    });
-    const iconStyle = computed(() => {
-      const color = props?.record?.options?.style?.color || "#000000";
-      const align = props?.record?.options?.style?.align || "left";
-      const map = { left: "flex-start", center: "center", right: "flex-end" };
-      return {
-        color,
-        display: "flex",
-        justifyContent: map[align] || "flex-start",
-        alignItems: "center",
-        width: "100%",
-        padding: `${props.record.options?.style?.tbPadding || 0}px ${props.record.options?.style?.lrPadding || 0}px`
-      };
-    });
-    watch(
-      () => cardManageStore.currentSelectUuid,
-      (val) => {
-        currentUuid.value = val;
-      }
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", null, [
-        createElementVNode("div", {
-          class: normalizeClass(["main-icon", { active: currentUuid.value === props.record.uuid }])
-        }, [
-          createElementVNode("span", {
-            style: normalizeStyle(iconStyle.value)
-          }, [
-            (openBlock(), createBlock(resolveDynamicComponent(iconComponent.value), { style: { "height": "18px", "width": "18px" } }))
-          ], 4)
-        ], 2)
-      ]);
-    };
-  }
-};
-const SunIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-84bfc85d"]]);
-export {
-  SunIcon as default
-};

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

@@ -1,184 +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: "singleColumn",
-  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 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-singleColumn", { 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
-              }, {
-                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: props.columnsIndex
-                          }, null, 8, ["record", "recordData", "columnsIndex"])
-                        ], 10, _hoisted_2)
-                      ]),
-                      _: 2
-                    }, 1032, ["list", "ghostClass", "onStart", "onEnd"])
-                  ], 14, _hoisted_1)
-                ]),
-                _: 2
-              }, 1032, ["flex"]);
-            }), 128))
-          ]),
-          _: 1
-        }, 8, ["gutter"])
-      ], 6);
-    };
-  }
-};
-const SingleColumn = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-bbe657ba"]]);
-export {
-  SingleColumn as default
-};