sun-card-design 1.1.34 → 1.1.36

package/dist/mobile/sun-card-design-mobile.es691.js

@@ -1,6 +1,6 @@
 import { createVNode } from "vue";
-import ScanOutlined$1 from "./sun-card-design-mobile.es1551.js";
-import Icon from "./sun-card-design-mobile.es934.js";
+import ScanOutlined$1 from "./sun-card-design-mobile.es1554.js";
+import Icon from "./sun-card-design-mobile.es937.js";
 function _objectSpread(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? Object(arguments[i]) : {};

package/dist/mobile/sun-card-design-mobile.es692.js

@@ -1,6 +1,6 @@
 import { createVNode } from "vue";
-import ScheduleFilled$1 from "./sun-card-design-mobile.es1552.js";
-import Icon from "./sun-card-design-mobile.es934.js";
+import ScheduleFilled$1 from "./sun-card-design-mobile.es1555.js";
+import Icon from "./sun-card-design-mobile.es937.js";
 function _objectSpread(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? Object(arguments[i]) : {};

package/dist/mobile/sun-card-design-mobile.es693.js

@@ -1,6 +1,6 @@
 import { createVNode } from "vue";
-import ScheduleOutlined$1 from "./sun-card-design-mobile.es1553.js";
-import Icon from "./sun-card-design-mobile.es934.js";
+import ScheduleOutlined$1 from "./sun-card-design-mobile.es1556.js";
+import Icon from "./sun-card-design-mobile.es937.js";
 function _objectSpread(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? Object(arguments[i]) : {};

package/dist/mobile/sun-card-design-mobile.es694.js

@@ -1,6 +1,6 @@
 import { createVNode } from "vue";
-import ScheduleTwoTone$1 from "./sun-card-design-mobile.es1554.js";
-import Icon from "./sun-card-design-mobile.es934.js";
+import ScheduleTwoTone$1 from "./sun-card-design-mobile.es1557.js";
+import Icon from "./sun-card-design-mobile.es937.js";
 function _objectSpread(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? Object(arguments[i]) : {};

package/dist/mobile/sun-card-design-mobile.es695.js

@@ -1,6 +1,6 @@
 import { createVNode } from "vue";
-import ScissorOutlined$1 from "./sun-card-design-mobile.es1555.js";
-import Icon from "./sun-card-design-mobile.es934.js";
+import ScissorOutlined$1 from "./sun-card-design-mobile.es1558.js";
+import Icon from "./sun-card-design-mobile.es937.js";
 function _objectSpread(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? Object(arguments[i]) : {};

package/dist/mobile/sun-card-design-mobile.es696.js

@@ -1,6 +1,6 @@
 import { createVNode } from "vue";
-import SecurityScanFilled$1 from "./sun-card-design-mobile.es1557.js";
-import Icon from "./sun-card-design-mobile.es934.js";
+import SecurityScanFilled$1 from "./sun-card-design-mobile.es1560.js";
+import Icon from "./sun-card-design-mobile.es937.js";
 function _objectSpread(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? Object(arguments[i]) : {};

package/dist/mobile/sun-card-design-mobile.es697.js

@@ -1,6 +1,6 @@
 import { createVNode } from "vue";
-import SecurityScanOutlined$1 from "./sun-card-design-mobile.es1558.js";
-import Icon from "./sun-card-design-mobile.es934.js";
+import SecurityScanOutlined$1 from "./sun-card-design-mobile.es1561.js";
+import Icon from "./sun-card-design-mobile.es937.js";
 function _objectSpread(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? Object(arguments[i]) : {};

package/dist/mobile/sun-card-design-mobile.es698.js

@@ -1,6 +1,6 @@
 import { createVNode } from "vue";
-import SecurityScanTwoTone$1 from "./sun-card-design-mobile.es1559.js";
-import Icon from "./sun-card-design-mobile.es934.js";
+import SecurityScanTwoTone$1 from "./sun-card-design-mobile.es1562.js";
+import Icon from "./sun-card-design-mobile.es937.js";
 function _objectSpread(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? Object(arguments[i]) : {};

package/dist/mobile/sun-card-design-mobile.es699.js

@@ -1,6 +1,6 @@
 import { createVNode } from "vue";
-import SelectOutlined$1 from "./sun-card-design-mobile.es1560.js";
-import Icon from "./sun-card-design-mobile.es934.js";
+import SelectOutlined$1 from "./sun-card-design-mobile.es1563.js";
+import Icon from "./sun-card-design-mobile.es937.js";
 function _objectSpread(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? Object(arguments[i]) : {};

package/dist/mobile/sun-card-design-mobile.es7.js

@@ -1,4 +1,4 @@
-import { resolveComponent, createElementBlock, openBlock, normalizeStyle, createElementVNode, createCommentVNode, unref, toDisplayString, createVNode, withCtx, createTextVNode } from "vue";
+import { resolveComponent, createElementBlock, openBlock, normalizeStyle, createElementVNode, createCommentVNode, unref, normalizeClass, toDisplayString, createVNode, withCtx, createTextVNode } from "vue";
 import { fileIconSvg } from "./sun-card-design-mobile.es41.js";
 import { renderTextByVariables } from "./sun-card-design-mobile.es26.js";
 /* empty css                            */
@@ -17,11 +17,13 @@ const _sfc_main = {
     const onUpdate = () => {
       emit("fileUpdateEvent", props.record);
     };
+    const toPx = (v) => typeof v === "number" ? `${v}px` : v || void 0;
+    const colorSafe = (v) => v && typeof v === "string" ? v : "#000000";
     return (_ctx, _cache) => {
       const _component_a_button = resolveComponent("a-button");
       return openBlock(), createElementBlock("div", {
         class: "main-title",
-        style: normalizeStyle({ padding: `${props.record.options?.style?.tbPadding || 0}px ${props.record.options?.style?.lrPadding || 0}px` })
+        style: normalizeStyle({ padding: `${props.record.options?.style?.tbPadding || 2}px ${props.record.options?.style?.lrPadding || 2}px` })
       }, [
         createElementVNode("div", null, [
           createElementVNode("div", {
@@ -29,23 +31,36 @@ const _sfc_main = {
             onClick
           }, [
             createElementVNode("div", {
-              class: "file-icon",
+              class: normalizeClass(["file-icon", { "align-center": !props.record.options.subtitle }]),
+              style: normalizeStyle({ color: colorSafe(props.record.options.style.iconColor) }),
               innerHTML: unref(fileIconSvg)()
-            }, null, 8, _hoisted_1),
+            }, null, 14, _hoisted_1),
             createElementVNode("div", {
+              class: normalizeClass(["name", { "align-center": !props.record.options.subtitle }]),
               style: normalizeStyle({
-                fontSize: props.record.options.style.nameSize,
-                fontWeight: props.record.options.style.nameWeight
+                fontSize: toPx(props.record.options.style.nameSize),
+                fontWeight: props.record.options.style.nameWeight,
+                color: colorSafe(props.record.options.style.nameColor)
               })
-            }, toDisplayString(unref(renderTextByVariables)(props.record.options.defaultValue, props.columnsIndex)), 5)
+            }, toDisplayString(unref(renderTextByVariables)(props.record.options.defaultValue, props.columnsIndex)), 7),
+            props.record.options.subtitle ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: "subtitle",
+              style: normalizeStyle({
+                fontSize: toPx(props.record.options.style.subtitleSize),
+                color: colorSafe(props.record.options.style.subtitleColor)
+              })
+            }, toDisplayString(unref(renderTextByVariables)(props.record.options.subtitle, props.columnsIndex)), 5)) : createCommentVNode("", true)
           ]),
-          createElementVNode("p", {
+          createElementVNode("div", {
+            class: "content",
             style: normalizeStyle({
-              fontSize: props.record.options.style.subtitleSize,
-              lineHeight: "20px",
-              margin: "5px 0 0"
+              fontSize: toPx(props.record.options.style.contentSize),
+              marginTop: "6px",
+              marginLeft: "6px",
+              color: colorSafe(props.record.options.style.contentColor)
             })
-          }, toDisplayString(unref(renderTextByVariables)(props.record.options.subtitle, props.columnsIndex)), 5),
+          }, toDisplayString(unref(renderTextByVariables)(props.record.options.content, props.columnsIndex)), 5),
           props.record.options?.isUpdate ? (openBlock(), createElementBlock("div", {
             key: 0,
             style: { "margin-top": "8px" },
@@ -66,7 +81,7 @@ const _sfc_main = {
     };
   }
 };
-const File = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-68042514"]]);
+const File = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-42f0f48a"]]);
 export {
   File as default
 };

package/dist/mobile/sun-card-design-mobile.es70.js

@@ -1,5 +1,6 @@
-import { computed, createElementBlock, openBlock, normalizeStyle, createElementVNode, createBlock, resolveDynamicComponent } from "vue";
+import { markRaw, defineComponent, h, computed, createElementBlock, openBlock, normalizeStyle, createElementVNode, createBlock, resolveDynamicComponent } from "vue";
 import * as index from "./sun-card-design-mobile.es76.js";
+import { customIcon } from "./sun-card-design-mobile.es919.js";
 /* empty css                             */
 import _export_sfc from "./sun-card-design-mobile.es28.js";
 import CheckCircleOutlined from "./sun-card-design-mobile.es194.js";
@@ -10,9 +11,22 @@ const _sfc_main = {
   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 = { ...index, ...customIconComponents };
     const iconComponent = computed(() => {
       const name = props?.record?.options?.style?.iconName || "CheckCircleOutlined";
-      return index[name] || CheckCircleOutlined;
+      return iconMap[name] || CheckCircleOutlined;
     });
     const iconStyle = computed(() => {
       const color = props?.record?.options?.style?.color || "#000000";
@@ -40,13 +54,13 @@ const _sfc_main = {
           style: normalizeStyle(iconStyle.value),
           onClick
         }, [
-          (openBlock(), createBlock(resolveDynamicComponent(iconComponent.value)))
+          (openBlock(), createBlock(resolveDynamicComponent(iconComponent.value), { style: { "height": "18px", "width": "18px" } }))
         ], 4)
       ], 4);
     };
   }
 };
-const SunIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ddbf3c01"]]);
+const SunIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-084a636a"]]);
 export {
   SunIcon as default
 };

package/dist/mobile/sun-card-design-mobile.es700.js

@@ -1,6 +1,6 @@
 import { createVNode } from "vue";
-import SendOutlined$1 from "./sun-card-design-mobile.es1561.js";
-import Icon from "./sun-card-design-mobile.es934.js";
+import SendOutlined$1 from "./sun-card-design-mobile.es1564.js";
+import Icon from "./sun-card-design-mobile.es937.js";
 function _objectSpread(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? Object(arguments[i]) : {};

package/dist/mobile/sun-card-design-mobile.es701.js

@@ -1,6 +1,6 @@
 import { createVNode } from "vue";
-import SettingFilled$1 from "./sun-card-design-mobile.es1562.js";
-import Icon from "./sun-card-design-mobile.es934.js";
+import SettingFilled$1 from "./sun-card-design-mobile.es1565.js";
+import Icon from "./sun-card-design-mobile.es937.js";
 function _objectSpread(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? Object(arguments[i]) : {};

package/dist/mobile/sun-card-design-mobile.es702.js

@@ -1,6 +1,6 @@
 import { createVNode } from "vue";
-import SettingOutlined$1 from "./sun-card-design-mobile.es1563.js";
-import Icon from "./sun-card-design-mobile.es934.js";
+import SettingOutlined$1 from "./sun-card-design-mobile.es1566.js";
+import Icon from "./sun-card-design-mobile.es937.js";
 function _objectSpread(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? Object(arguments[i]) : {};

package/dist/mobile/sun-card-design-mobile.es703.js

@@ -1,6 +1,6 @@
 import { createVNode } from "vue";
-import SettingTwoTone$1 from "./sun-card-design-mobile.es1564.js";
-import Icon from "./sun-card-design-mobile.es934.js";
+import SettingTwoTone$1 from "./sun-card-design-mobile.es1567.js";
+import Icon from "./sun-card-design-mobile.es937.js";
 function _objectSpread(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? Object(arguments[i]) : {};

package/dist/mobile/sun-card-design-mobile.es704.js

@@ -1,6 +1,6 @@
 import { createVNode } from "vue";
-import ShakeOutlined$1 from "./sun-card-design-mobile.es1565.js";
-import Icon from "./sun-card-design-mobile.es934.js";
+import ShakeOutlined$1 from "./sun-card-design-mobile.es1568.js";
+import Icon from "./sun-card-design-mobile.es937.js";
 function _objectSpread(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? Object(arguments[i]) : {};

package/dist/mobile/sun-card-design-mobile.es705.js

@@ -1,6 +1,6 @@
 import { createVNode } from "vue";
-import ShareAltOutlined$1 from "./sun-card-design-mobile.es1566.js";
-import Icon from "./sun-card-design-mobile.es934.js";
+import ShareAltOutlined$1 from "./sun-card-design-mobile.es1569.js";
+import Icon from "./sun-card-design-mobile.es937.js";
 function _objectSpread(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? Object(arguments[i]) : {};

package/dist/mobile/sun-card-design-mobile.es706.js

@@ -1,6 +1,6 @@
 import { createVNode } from "vue";
-import ShopFilled$1 from "./sun-card-design-mobile.es1567.js";
-import Icon from "./sun-card-design-mobile.es934.js";
+import ShopFilled$1 from "./sun-card-design-mobile.es1570.js";
+import Icon from "./sun-card-design-mobile.es937.js";
 function _objectSpread(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? Object(arguments[i]) : {};

package/dist/mobile/sun-card-design-mobile.es707.js

@@ -1,6 +1,6 @@
 import { createVNode } from "vue";
-import ShopOutlined$1 from "./sun-card-design-mobile.es1568.js";
-import Icon from "./sun-card-design-mobile.es934.js";
+import ShopOutlined$1 from "./sun-card-design-mobile.es1571.js";
+import Icon from "./sun-card-design-mobile.es937.js";
 function _objectSpread(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? Object(arguments[i]) : {};

package/dist/mobile/sun-card-design-mobile.es708.js

@@ -1,6 +1,6 @@
 import { createVNode } from "vue";
-import ShopTwoTone$1 from "./sun-card-design-mobile.es1569.js";
-import Icon from "./sun-card-design-mobile.es934.js";
+import ShopTwoTone$1 from "./sun-card-design-mobile.es1572.js";
+import Icon from "./sun-card-design-mobile.es937.js";
 function _objectSpread(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? Object(arguments[i]) : {};

package/dist/mobile/sun-card-design-mobile.es709.js

@@ -1,6 +1,6 @@
 import { createVNode } from "vue";
-import ShoppingCartOutlined$1 from "./sun-card-design-mobile.es1570.js";
-import Icon from "./sun-card-design-mobile.es934.js";
+import ShoppingCartOutlined$1 from "./sun-card-design-mobile.es1573.js";
+import Icon from "./sun-card-design-mobile.es937.js";
 function _objectSpread(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? Object(arguments[i]) : {};

package/dist/mobile/sun-card-design-mobile.es71.js

@@ -19,16 +19,24 @@ const _sfc_main = {
       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({ backgroundColor: props.recordData.config.background, borderColor: props.recordData.config.background })
+        style: normalizeStyle({ background: getBackground() })
       }, [
         createVNode(_component_a_row, {
-          gutter: [16, 16],
-          style: { "row-gap": "0px" }
+          gutter: [props.record.options.style.lrGutter, props.record.options.style.tbGutter]
         }, {
           default: withCtx(() => [
             (openBlock(true), createElementBlock(Fragment, null, renderList(props.record.columns, (item, index) => {
@@ -42,10 +50,12 @@ const _sfc_main = {
                     class: "box",
                     style: normalizeStyle({
                       background: props.record.options.style?.background,
-                      borderColor: props.record.options.style?.borderColor,
+                      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"
+                      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) => {
@@ -66,12 +76,12 @@ const _sfc_main = {
             }), 128))
           ]),
           _: 1
-        })
+        }, 8, ["gutter"])
       ], 4);
     };
   }
 };
-const SingleColumn = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0aea8069"]]);
+const SingleColumn = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1fc2bfb4"]]);
 export {
   SingleColumn as default
 };

package/dist/mobile/sun-card-design-mobile.es710.js

@@ -1,6 +1,6 @@
 import { createVNode } from "vue";
-import ShoppingFilled$1 from "./sun-card-design-mobile.es1571.js";
-import Icon from "./sun-card-design-mobile.es934.js";
+import ShoppingFilled$1 from "./sun-card-design-mobile.es1574.js";
+import Icon from "./sun-card-design-mobile.es937.js";
 function _objectSpread(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? Object(arguments[i]) : {};

package/dist/mobile/sun-card-design-mobile.es711.js

@@ -1,6 +1,6 @@
 import { createVNode } from "vue";
-import ShoppingOutlined$1 from "./sun-card-design-mobile.es1572.js";
-import Icon from "./sun-card-design-mobile.es934.js";
+import ShoppingOutlined$1 from "./sun-card-design-mobile.es1575.js";
+import Icon from "./sun-card-design-mobile.es937.js";
 function _objectSpread(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? Object(arguments[i]) : {};

package/dist/mobile/sun-card-design-mobile.es712.js

@@ -1,6 +1,6 @@
 import { createVNode } from "vue";
-import ShoppingTwoTone$1 from "./sun-card-design-mobile.es1573.js";
-import Icon from "./sun-card-design-mobile.es934.js";
+import ShoppingTwoTone$1 from "./sun-card-design-mobile.es1576.js";
+import Icon from "./sun-card-design-mobile.es937.js";
 function _objectSpread(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? Object(arguments[i]) : {};

package/dist/mobile/sun-card-design-mobile.es713.js

@@ -1,6 +1,6 @@
 import { createVNode } from "vue";
-import ShrinkOutlined$1 from "./sun-card-design-mobile.es1574.js";
-import Icon from "./sun-card-design-mobile.es934.js";
+import ShrinkOutlined$1 from "./sun-card-design-mobile.es1577.js";
+import Icon from "./sun-card-design-mobile.es937.js";
 function _objectSpread(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? Object(arguments[i]) : {};

package/dist/mobile/sun-card-design-mobile.es714.js

@@ -1,6 +1,6 @@
 import { createVNode } from "vue";
-import SignalFilled$1 from "./sun-card-design-mobile.es1575.js";
-import Icon from "./sun-card-design-mobile.es934.js";
+import SignalFilled$1 from "./sun-card-design-mobile.es1578.js";
+import Icon from "./sun-card-design-mobile.es937.js";
 function _objectSpread(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? Object(arguments[i]) : {};

package/dist/mobile/sun-card-design-mobile.es715.js

@@ -1,6 +1,6 @@
 import { createVNode } from "vue";
-import SisternodeOutlined$1 from "./sun-card-design-mobile.es1576.js";
-import Icon from "./sun-card-design-mobile.es934.js";
+import SisternodeOutlined$1 from "./sun-card-design-mobile.es1579.js";
+import Icon from "./sun-card-design-mobile.es937.js";
 function _objectSpread(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? Object(arguments[i]) : {};

package/dist/mobile/sun-card-design-mobile.es716.js

@@ -1,6 +1,6 @@
 import { createVNode } from "vue";
-import SketchCircleFilled$1 from "./sun-card-design-mobile.es1577.js";
-import Icon from "./sun-card-design-mobile.es934.js";
+import SketchCircleFilled$1 from "./sun-card-design-mobile.es1580.js";
+import Icon from "./sun-card-design-mobile.es937.js";
 function _objectSpread(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? Object(arguments[i]) : {};

package/dist/mobile/sun-card-design-mobile.es717.js

@@ -1,6 +1,6 @@
 import { createVNode } from "vue";
-import SketchOutlined$1 from "./sun-card-design-mobile.es1578.js";
-import Icon from "./sun-card-design-mobile.es934.js";
+import SketchOutlined$1 from "./sun-card-design-mobile.es1581.js";
+import Icon from "./sun-card-design-mobile.es937.js";
 function _objectSpread(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? Object(arguments[i]) : {};

package/dist/mobile/sun-card-design-mobile.es718.js

@@ -1,6 +1,6 @@
 import { createVNode } from "vue";
-import SketchSquareFilled$1 from "./sun-card-design-mobile.es1579.js";
-import Icon from "./sun-card-design-mobile.es934.js";
+import SketchSquareFilled$1 from "./sun-card-design-mobile.es1582.js";
+import Icon from "./sun-card-design-mobile.es937.js";
 function _objectSpread(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? Object(arguments[i]) : {};

package/dist/mobile/sun-card-design-mobile.es719.js

@@ -1,6 +1,6 @@
 import { createVNode } from "vue";
-import SkinFilled$1 from "./sun-card-design-mobile.es1580.js";
-import Icon from "./sun-card-design-mobile.es934.js";
+import SkinFilled$1 from "./sun-card-design-mobile.es1583.js";
+import Icon from "./sun-card-design-mobile.es937.js";
 function _objectSpread(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? Object(arguments[i]) : {};

package/dist/mobile/sun-card-design-mobile.es72.js

@@ -26,16 +26,24 @@ const _sfc_main = {
       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({ backgroundColor: props.recordData.config.background, borderColor: props.recordData.config.background })
+        style: normalizeStyle({ background: getBackground() })
       }, [
         createVNode(_component_a_row, {
-          gutter: [16, 16],
-          style: { "row-gap": "10px" }
+          gutter: [props.record.options.style.lrGutter, props.record.options.style.tbGutter]
         }, {
           default: withCtx(() => [
             (openBlock(true), createElementBlock(Fragment, null, renderList(props.record.columns, (item, index) => {
@@ -52,10 +60,12 @@ const _sfc_main = {
                     class: "box",
                     style: normalizeStyle({
                       background: props.record.options.style?.background,
-                      borderColor: props.record.options.style?.borderColor,
+                      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"
+                      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)
                   }, [
@@ -77,12 +87,12 @@ const _sfc_main = {
             }), 128))
           ]),
           _: 1
-        })
+        }, 8, ["gutter"])
       ], 4);
     };
   }
 };
-const MultipleColumn = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3d0b31d5"]]);
+const MultipleColumn = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-20b79e7a"]]);
 export {
   MultipleColumn as default
 };

package/dist/mobile/sun-card-design-mobile.es720.js

@@ -1,6 +1,6 @@
 import { createVNode } from "vue";
-import SkinOutlined$1 from "./sun-card-design-mobile.es1581.js";
-import Icon from "./sun-card-design-mobile.es934.js";
+import SkinOutlined$1 from "./sun-card-design-mobile.es1584.js";
+import Icon from "./sun-card-design-mobile.es937.js";
 function _objectSpread(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? Object(arguments[i]) : {};

package/dist/mobile/sun-card-design-mobile.es721.js

@@ -1,6 +1,6 @@
 import { createVNode } from "vue";
-import SkinTwoTone$1 from "./sun-card-design-mobile.es1582.js";
-import Icon from "./sun-card-design-mobile.es934.js";
+import SkinTwoTone$1 from "./sun-card-design-mobile.es1585.js";
+import Icon from "./sun-card-design-mobile.es937.js";
 function _objectSpread(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? Object(arguments[i]) : {};

package/dist/mobile/sun-card-design-mobile.es722.js

@@ -1,6 +1,6 @@
 import { createVNode } from "vue";
-import SkypeFilled$1 from "./sun-card-design-mobile.es1583.js";
-import Icon from "./sun-card-design-mobile.es934.js";
+import SkypeFilled$1 from "./sun-card-design-mobile.es1586.js";
+import Icon from "./sun-card-design-mobile.es937.js";
 function _objectSpread(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? Object(arguments[i]) : {};

package/dist/mobile/sun-card-design-mobile.es723.js

@@ -1,6 +1,6 @@
 import { createVNode } from "vue";
-import SkypeOutlined$1 from "./sun-card-design-mobile.es1584.js";
-import Icon from "./sun-card-design-mobile.es934.js";
+import SkypeOutlined$1 from "./sun-card-design-mobile.es1587.js";
+import Icon from "./sun-card-design-mobile.es937.js";
 function _objectSpread(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? Object(arguments[i]) : {};

package/dist/mobile/sun-card-design-mobile.es724.js

@@ -1,6 +1,6 @@
 import { createVNode } from "vue";
-import SlackCircleFilled$1 from "./sun-card-design-mobile.es1585.js";
-import Icon from "./sun-card-design-mobile.es934.js";
+import SlackCircleFilled$1 from "./sun-card-design-mobile.es1588.js";
+import Icon from "./sun-card-design-mobile.es937.js";
 function _objectSpread(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? Object(arguments[i]) : {};

package/dist/mobile/sun-card-design-mobile.es725.js

@@ -1,6 +1,6 @@
 import { createVNode } from "vue";
-import SlackOutlined$1 from "./sun-card-design-mobile.es1586.js";
-import Icon from "./sun-card-design-mobile.es934.js";
+import SlackOutlined$1 from "./sun-card-design-mobile.es1589.js";
+import Icon from "./sun-card-design-mobile.es937.js";
 function _objectSpread(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? Object(arguments[i]) : {};

package/dist/mobile/sun-card-design-mobile.es726.js

@@ -1,6 +1,6 @@
 import { createVNode } from "vue";
-import SlackSquareFilled$1 from "./sun-card-design-mobile.es1587.js";
-import Icon from "./sun-card-design-mobile.es934.js";
+import SlackSquareFilled$1 from "./sun-card-design-mobile.es1590.js";
+import Icon from "./sun-card-design-mobile.es937.js";
 function _objectSpread(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? Object(arguments[i]) : {};

package/dist/mobile/sun-card-design-mobile.es727.js

@@ -1,6 +1,6 @@
 import { createVNode } from "vue";
-import SlackSquareOutlined$1 from "./sun-card-design-mobile.es1588.js";
-import Icon from "./sun-card-design-mobile.es934.js";
+import SlackSquareOutlined$1 from "./sun-card-design-mobile.es1591.js";
+import Icon from "./sun-card-design-mobile.es937.js";
 function _objectSpread(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? Object(arguments[i]) : {};