sun-card-design 1.1.37 → 1.1.39

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

@@ -1,82 +0,0 @@
-import { ref, watch, createElementBlock, openBlock, normalizeStyle, normalizeClass, createElementVNode, createCommentVNode, toDisplayString, unref } from "vue";
-import { renderTextByVariables } from "./sun-card-designer.es14.js";
-import { useCardManageStore } from "./sun-card-designer.es13.js";
-/* empty css                        */
-import _export_sfc from "./sun-card-designer.es16.js";
-const _sfc_main = {
-  __name: "titleComp",
-  props: ["record", "columnsIndex"],
-  setup(__props) {
-    const props = __props;
-    const cardManageStore = useCardManageStore();
-    const currentUuid = ref(null);
-    const formatPx = (value, fallback) => {
-      const fallbackValue = typeof fallback === "number" ? `${fallback}px` : fallback;
-      if (value === void 0 || value === null || value === "") return fallbackValue;
-      if (typeof value === "number") return `${value}px`;
-      if (typeof value === "string") {
-        const trimmed = value.trim();
-        if (!trimmed) return fallbackValue;
-        if (/^-?\d+(\.\d+)?$/.test(trimmed)) return `${trimmed}px`;
-        return trimmed;
-      }
-      return fallbackValue;
-    };
-    const getAlign = () => {
-      const obj = {
-        "left": "flex-start",
-        "center": "center",
-        "right": "flex-end"
-      };
-      return obj[props.record.options.style.align];
-    };
-    watch(
-      () => cardManageStore.currentSelectUuid,
-      (val) => {
-        currentUuid.value = val;
-      }
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["main-title", { active: currentUuid.value === props.record.uuid }]),
-        style: normalizeStyle({
-          justifyContent: getAlign()
-        })
-      }, [
-        createElementVNode("div", {
-          style: normalizeStyle({
-            display: "flex",
-            alignItems: "center",
-            padding: `${props.record.options?.style?.tbPadding || 0}px ${props.record.options?.style?.lrPadding || 0}px`
-          })
-        }, [
-          props.record.options.hasLine ? (openBlock(), createElementBlock("div", {
-            key: 0,
-            class: "line",
-            style: normalizeStyle({
-              background: props.record.options.hasLineStyle.background,
-              width: formatPx(props.record.options.hasLineStyle?.width, 5),
-              height: formatPx(
-                props.record.options.hasLineStyle?.height,
-                props.record.options.style.size ?? 16
-              ),
-              borderRadius: formatPx(props.record.options.hasLineStyle?.borderRadius, 1),
-              marginRight: formatPx(props.record.options.hasLineStyle?.marginRight, 6)
-            })
-          }, null, 4)) : createCommentVNode("", true),
-          createElementVNode("div", {
-            style: normalizeStyle({
-              fontWeight: "500",
-              fontSize: props.record.options.style.size + "px",
-              color: props.record.options.style.color
-            })
-          }, toDisplayString(unref(renderTextByVariables)(props.record.options.defaultValue, props.columnsIndex)), 5)
-        ], 4)
-      ], 6);
-    };
-  }
-};
-const Title = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-56af263c"]]);
-export {
-  Title as default
-};

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

@@ -1,91 +0,0 @@
-import { ref, watch, createElementBlock, openBlock, normalizeStyle, normalizeClass, createElementVNode, createCommentVNode, createTextVNode, toDisplayString, unref } from "vue";
-import { renderTextByVariables } from "./sun-card-designer.es14.js";
-import { useCardManageStore } from "./sun-card-designer.es13.js";
-/* empty css                        */
-import _export_sfc from "./sun-card-designer.es16.js";
-const _hoisted_1 = {
-  key: 0,
-  style: { "font-weight": "600" }
-};
-const _sfc_main = {
-  __name: "textComp",
-  props: ["record", "columnsIndex"],
-  setup(__props) {
-    const props = __props;
-    const cardManageStore = useCardManageStore();
-    const currentUuid = ref(null);
-    const formatPx = (value, fallback) => {
-      const fallbackValue = typeof fallback === "number" ? `${fallback}px` : fallback;
-      if (value === void 0 || value === null || value === "") return fallbackValue;
-      if (typeof value === "number") return `${value}px`;
-      if (typeof value === "string") {
-        const trimmed = value.trim();
-        if (!trimmed) return fallbackValue;
-        if (/^-?\d+(\.\d+)?$/.test(trimmed)) return `${trimmed}px`;
-        return trimmed;
-      }
-      return fallbackValue;
-    };
-    watch(
-      () => cardManageStore.currentSelectUuid,
-      (val) => {
-        currentUuid.value = val;
-      }
-    );
-    const getAlign = () => {
-      const obj = {
-        "left": "flex-start",
-        "center": "center",
-        "right": "flex-end"
-      };
-      return obj[props.record.options.style.textAlign];
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["main-text", { active: currentUuid.value === props.record.uuid }]),
-        style: normalizeStyle({
-          justifyContent: getAlign(),
-          textIndent: props.record.options.style.textIndent + "em"
-        })
-      }, [
-        createElementVNode("div", {
-          style: normalizeStyle({
-            display: "flex",
-            alignItems: "center",
-            padding: `${props.record.options?.style?.tbPadding || 0}px ${props.record.options?.style?.lrPadding || 0}px`
-          })
-        }, [
-          props.record.options.hasLine ? (openBlock(), createElementBlock("div", {
-            key: 0,
-            class: "line",
-            style: normalizeStyle({
-              background: props.record.options.hasLineStyle.background,
-              width: formatPx(props.record.options.hasLineStyle?.width, 4),
-              height: formatPx(
-                props.record.options.hasLineStyle?.height,
-                props.record.options.style.textSize || "14px"
-              ),
-              borderRadius: formatPx(props.record.options.hasLineStyle?.borderRadius, 1),
-              marginRight: formatPx(props.record.options.hasLineStyle?.marginRight, 6)
-            })
-          }, null, 4)) : createCommentVNode("", true),
-          createElementVNode("div", {
-            style: normalizeStyle({
-              color: props.record.options.style.textColor,
-              fontSize: props.record.options.style.textSize,
-              textAlign: props.record.options.style.textAlign,
-              textDecoration: props.record.options.style.underline
-            })
-          }, [
-            props.record.options.hasTitle ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(props.record.options.titleValue), 1)) : createCommentVNode("", true),
-            createTextVNode(" " + toDisplayString(unref(renderTextByVariables)(props.record.options.defaultValue, props.columnsIndex)), 1)
-          ], 4)
-        ], 4)
-      ], 6);
-    };
-  }
-};
-const Text = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-70c513ac"]]);
-export {
-  Text as default
-};

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

@@ -1,92 +0,0 @@
-import { ref, watch, resolveComponent, createElementBlock, openBlock, normalizeStyle, normalizeClass, createElementVNode, createVNode, createSlots, withCtx, createTextVNode, toDisplayString, unref, createBlock, resolveDynamicComponent } from "vue";
-import { renderTextByVariables } from "./sun-card-designer.es14.js";
-import { useCardManageStore } from "./sun-card-designer.es13.js";
-import { EditOutlined, DeleteOutlined, CloseOutlined, CheckOutlined, ClearOutlined, DownloadOutlined, SearchOutlined } from "@ant-design/icons-vue";
-/* empty css                        */
-import _export_sfc from "./sun-card-designer.es16.js";
-const _sfc_main = {
-  __name: "buttonComp",
-  props: ["record", "columnsIndex"],
-  setup(__props) {
-    const props = __props;
-    const iconMap = {
-      SearchOutlined,
-      DownloadOutlined,
-      ClearOutlined,
-      CheckOutlined,
-      CloseOutlined,
-      DeleteOutlined,
-      EditOutlined
-    };
-    const cardManageStore = useCardManageStore();
-    const currentUuid = ref(null);
-    watch(
-      () => cardManageStore.currentSelectUuid,
-      (val) => {
-        currentUuid.value = val;
-      }
-    );
-    const getWidth = () => {
-      const obj = {
-        auto: "auto",
-        all: "100%",
-        fixed: props.record.options.style.widthValue + "px"
-      };
-      return obj[props.record.options.style.widthType];
-    };
-    const getAlign = () => {
-      const obj = {
-        left: "flex-start",
-        center: "center",
-        right: "flex-end"
-      };
-      return obj[props.record.options.style.align];
-    };
-    return (_ctx, _cache) => {
-      const _component_a_button = resolveComponent("a-button");
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["main-button", { active: currentUuid.value === props.record.uuid }]),
-        style: normalizeStyle({
-          justifyContent: getAlign()
-        })
-      }, [
-        createElementVNode("div", {
-          style: normalizeStyle({
-            padding: `${props.record.options?.style?.tbPadding || 0}px ${props.record.options?.style?.lrPadding || 0}px`,
-            width: "100%",
-            height: "100%"
-          })
-        }, [
-          createVNode(_component_a_button, {
-            type: "primary",
-            size: props.record.options.style.size,
-            style: normalizeStyle({
-              background: props.record.options.style.background,
-              color: props.record.options.style.color,
-              borderRadius: props.record.options.style.borderRadius + "px",
-              width: getWidth(),
-              float: props.record.options.style.align
-            })
-          }, createSlots({
-            default: withCtx(() => [
-              createTextVNode(" " + toDisplayString(unref(renderTextByVariables)(props.record.options.defaultValue, props.columnsIndex)), 1)
-            ]),
-            _: 2
-          }, [
-            props.record.options.style?.iconName ? {
-              name: "icon",
-              fn: withCtx(() => [
-                (openBlock(), createBlock(resolveDynamicComponent(iconMap[props.record.options.style?.iconName])))
-              ]),
-              key: "0"
-            } : void 0
-          ]), 1032, ["size", "style"])
-        ], 4)
-      ], 6);
-    };
-  }
-};
-const Button = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-22dd3bba"]]);
-export {
-  Button as default
-};

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

@@ -1,191 +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: "gridComp",
-  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: props.record.options.mode === "auto" ? 24 / props.record.options.autoNumber : 24,
-                style: normalizeStyle({ flex: props.record.options.mode === "vertical" ? props.record.columns[index].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 Grid = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-db40e7c8"]]);
-export {
-  Grid as default
-};

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

@@ -1,86 +0,0 @@
-import { ref, watch, resolveComponent, createElementBlock, openBlock, normalizeStyle, normalizeClass, createElementVNode, createCommentVNode, unref, toDisplayString, createVNode, withCtx, createTextVNode } from "vue";
-import { fileIconSvg } from "./sun-card-designer.es6.js";
-import { renderTextByVariables } from "./sun-card-designer.es14.js";
-import { useCardManageStore } from "./sun-card-designer.es13.js";
-/* empty css                        */
-import _export_sfc from "./sun-card-designer.es16.js";
-const _hoisted_1 = { class: "file-box" };
-const _hoisted_2 = ["innerHTML"];
-const _hoisted_3 = {
-  key: 0,
-  style: { "margin-top": "8px" }
-};
-const _sfc_main = {
-  __name: "fileComp",
-  props: ["record", "columnsIndex"],
-  setup(__props) {
-    const props = __props;
-    const cardManageStore = useCardManageStore();
-    const currentUuid = ref(null);
-    watch(
-      () => cardManageStore.currentSelectUuid,
-      (val) => {
-        currentUuid.value = val;
-      }
-    );
-    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: normalizeClass(["main-title", { active: currentUuid.value === props.record.uuid }]),
-        style: normalizeStyle({ padding: `${props.record.options?.style?.tbPadding || 2}px ${props.record.options?.style?.lrPadding || 2}px` })
-      }, [
-        createElementVNode("div", null, [
-          createElementVNode("div", _hoisted_1, [
-            createElementVNode("div", {
-              class: normalizeClass(["file-icon", { "align-center": !props.record.options.subtitle }]),
-              style: normalizeStyle({ color: colorSafe(props.record.options.style.iconColor) }),
-              innerHTML: unref(fileIconSvg)()
-            }, null, 14, _hoisted_2),
-            createElementVNode("div", {
-              class: normalizeClass(["name", { "align-center": !props.record.options.subtitle }]),
-              style: normalizeStyle({
-                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)), 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("div", {
-            class: "content",
-            style: normalizeStyle({
-              fontSize: toPx(props.record.options.style.contentSize),
-              marginTop: "6px",
-              marginLeft: "6px",
-              color: colorSafe(props.record.options.style.contentColor)
-            })
-          }, toDisplayString(unref(renderTextByVariables)(props.record.options.content, props.columnsIndex)), 5),
-          props.record.options?.isUpdate ? (openBlock(), createElementBlock("div", _hoisted_3, [
-            createVNode(_component_a_button, {
-              type: "primary",
-              size: "small"
-            }, {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString(props.record.options.updateText), 1)
-              ]),
-              _: 1
-            })
-          ])) : createCommentVNode("", true)
-        ])
-      ], 6);
-    };
-  }
-};
-const File = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4c901e52"]]);
-export {
-  File as default
-};

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

@@ -1,10 +0,0 @@
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-export {
-  _export_sfc as default
-};