sun-card-design 1.1.37 → 1.1.38

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

@@ -1,348 +0,0 @@
-import { ref, computed, onMounted, onUnmounted, createElementBlock, openBlock, normalizeStyle } 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";
-/* empty css                        */
-import _export_sfc from "./sun-card-designer.es16.js";
-const _sfc_main = {
-  __name: "pieChart3dComp",
-  props: ["record"],
-  setup(__props) {
-    const props = __props;
-    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();
-    }
-    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: "main-pieChart3d",
-        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, 4);
-    };
-  }
-};
-const PieChart3D = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-26df6fca"]]);
-export {
-  PieChart3D as default
-};

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

@@ -1,69 +0,0 @@
-import { ref, computed, resolveComponent, createElementBlock, openBlock, Fragment, createElementVNode, createVNode, normalizeStyle, withCtx, unref, createTextVNode } from "vue";
-import { panoramaSvg } from "./sun-card-designer.es6.js";
-import PanoramaView from "./sun-card-designer.es273.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 panoramaCompRef = ref();
-    const styleSize = computed(() => {
-      const s = props.record?.options?.style || {};
-      return {
-        width: s.width || "100%",
-        height: s.height || "360px"
-      };
-    });
-    const onView = () => {
-      panoramaCompRef.value.onOpen(props.record.options.src);
-    };
-    return (_ctx, _cache) => {
-      const _component_a_tooltip = resolveComponent("a-tooltip");
-      return openBlock(), createElementBlock(Fragment, null, [
-        createElementVNode("div", {
-          class: "main-panorama",
-          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)
-        ], 4),
-        createVNode(PanoramaView, {
-          ref_key: "panoramaCompRef",
-          ref: panoramaCompRef
-        }, null, 512)
-      ], 64);
-    };
-  }
-};
-const Panorama = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-bf23cf13"]]);
-export {
-  Panorama as default
-};

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

@@ -1,65 +0,0 @@
-import { markRaw, defineComponent, h, computed, createElementBlock, openBlock, normalizeStyle, createElementVNode, createBlock, resolveDynamicComponent } from "vue";
-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"],
-  emits: ["clickEvent"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    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%"
-      };
-    });
-    function onClick() {
-      if (props.record.options.clickEvent) {
-        emit("clickEvent", props.record);
-      }
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: "main-icon",
-        style: normalizeStyle({ padding: `${props.record.options?.style?.tbPadding || 0}px ${props.record.options?.style?.lrPadding || 0}px` })
-      }, [
-        createElementVNode("span", {
-          style: normalizeStyle(iconStyle.value),
-          onClick
-        }, [
-          (openBlock(), createBlock(resolveDynamicComponent(iconComponent.value), { style: { "height": "18px", "width": "18px" } }))
-        ], 4)
-      ], 4);
-    };
-  }
-};
-const SunIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-084a636a"]]);
-export {
-  SunIcon as default
-};

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

@@ -1,87 +0,0 @@
-import { resolveComponent, createElementBlock, openBlock, normalizeStyle, createVNode, withCtx, Fragment, renderList, createBlock, createElementVNode } from "vue";
-import FormItem from "./sun-card-designer.es184.js";
-/* empty css                        */
-import _export_sfc from "./sun-card-designer.es16.js";
-const _sfc_main = {
-  __name: "singleColumn",
-  props: ["record", "recordData", "columnsIndex"],
-  emits: ["clickEvent", "clickColumnsEvent", "fileUpdateEvent"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const onClick = (record) => {
-      emit("clickEvent", record);
-    };
-    const onUpdate = (record) => {
-      emit("fileUpdateEvent", record);
-    };
-    const onClickColumns = (record) => {
-      if (!record.options.clickEvent) return;
-      emit("clickColumnsEvent", record);
-    };
-    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: "main-singleColumn",
-        style: normalizeStyle({ background: 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: "box",
-                    style: normalizeStyle({
-                      background: props.record.options.style?.background,
-                      border: props.record.options.style?.borderColor === "none" ? "none" : "1px solid " + (props.record.options.style?.borderColor || "transparent"),
-                      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
-                    })
-                  }, [
-                    (openBlock(true), createElementBlock(Fragment, null, renderList(item.list, (element, index2) => {
-                      return openBlock(), createBlock(FormItem, {
-                        record: element,
-                        key: index2,
-                        recordData: props.recordData,
-                        columnsIndex: props.columnsIndex,
-                        onClickEvent: onClick,
-                        onFileUpdateEvent: onUpdate,
-                        onClickColumnsEvent: onClickColumns
-                      }, null, 8, ["record", "recordData", "columnsIndex"]);
-                    }), 128))
-                  ], 4)
-                ]),
-                _: 2
-              }, 1032, ["flex"]);
-            }), 128))
-          ]),
-          _: 1
-        }, 8, ["gutter"])
-      ], 4);
-    };
-  }
-};
-const SingleColumn = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1fc2bfb4"]]);
-export {
-  SingleColumn as default
-};

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

@@ -1,98 +0,0 @@
-import { resolveComponent, createElementBlock, openBlock, normalizeStyle, createVNode, withCtx, Fragment, renderList, createBlock, createElementVNode } from "vue";
-import FormItem from "./sun-card-designer.es184.js";
-/* empty css                        */
-import _export_sfc from "./sun-card-designer.es16.js";
-const _hoisted_1 = ["onClick"];
-const _sfc_main = {
-  __name: "multipleColumn",
-  props: ["record", "recordData", "columnsIndex"],
-  emits: ["clickEvent", "clickColumnsEvent", "fileUpdateEvent"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const getIndex = (index) => {
-      if (index !== void 0) {
-        return index;
-      }
-      return props.columnsIndex;
-    };
-    const onClick = (record) => {
-      emit("clickEvent", record);
-    };
-    const onUpdate = (record) => {
-      emit("fileUpdateEvent", record);
-    };
-    const onClickColumns = (record) => {
-      if (!record.options.clickEvent) return;
-      emit("clickColumnsEvent", record);
-    };
-    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: "main-grid",
-        style: normalizeStyle({ background: 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: "box",
-                    style: normalizeStyle({
-                      background: props.record.options.style?.background,
-                      border: props.record.options.style?.borderColor === "none" ? "none" : "1px solid " + (props.record.options.style?.borderColor || "transparent"),
-                      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: ($event) => onClickColumns(item)
-                  }, [
-                    (openBlock(true), createElementBlock(Fragment, null, renderList(item.list, (element, index2) => {
-                      return openBlock(), createBlock(FormItem, {
-                        record: element,
-                        key: index2,
-                        recordData: props.recordData,
-                        columnsIndex: getIndex(item.index),
-                        onClickEvent: onClick,
-                        onFileUpdateEvent: onUpdate,
-                        onClickColumnsEvent: onClickColumns
-                      }, null, 8, ["record", "recordData", "columnsIndex"]);
-                    }), 128))
-                  ], 12, _hoisted_1)
-                ]),
-                _: 2
-              }, 1032, ["flex", "style"]);
-            }), 128))
-          ]),
-          _: 1
-        }, 8, ["gutter"])
-      ], 4);
-    };
-  }
-};
-const MultipleColumn = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-20b79e7a"]]);
-export {
-  MultipleColumn as default
-};