sun-card-design 1.1.37 → 1.1.38

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

@@ -1,58 +0,0 @@
-import { ref, watch, resolveComponent, createElementBlock, openBlock, normalizeClass, createElementVNode, normalizeStyle, createVNode, withCtx, 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: "inputComp",
-  props: ["record"],
-  setup(__props) {
-    const props = __props;
-    const cardManageStore = useCardManageStore();
-    const currentUuid = ref(null);
-    watch(
-      () => cardManageStore.currentSelectUuid,
-      (val) => {
-        currentUuid.value = val;
-      }
-    );
-    return (_ctx, _cache) => {
-      const _component_a_input = resolveComponent("a-input");
-      const _component_a_form_item = resolveComponent("a-form-item");
-      const _component_a_form = resolveComponent("a-form");
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["main-input", { active: currentUuid.value === props.record.uuid }]),
-        onClick: _cache[1] || (_cache[1] = (...args) => _ctx.onActive && _ctx.onActive(...args))
-      }, [
-        createElementVNode("div", {
-          class: normalizeClass({ active: currentUuid.value === props.record.uuid }),
-          style: normalizeStyle({ padding: `${props.record.options?.style?.tbPadding || 0}px ${props.record.options?.style?.lrPadding || 0}px` })
-        }, [
-          createVNode(_component_a_form, {
-            layout: props.record.options.flex
-          }, {
-            default: withCtx(() => [
-              createVNode(_component_a_form_item, {
-                label: unref(renderTextByVariables)(props.record.options.label)
-              }, {
-                default: withCtx(() => [
-                  createVNode(_component_a_input, {
-                    value: props.record.options.defaultValue,
-                    "onUpdate:value": _cache[0] || (_cache[0] = ($event) => props.record.options.defaultValue = $event),
-                    placeholder: props.record.options.placeholder
-                  }, null, 8, ["value", "placeholder"])
-                ]),
-                _: 1
-              }, 8, ["label"])
-            ]),
-            _: 1
-          }, 8, ["layout"])
-        ], 6)
-      ], 2);
-    };
-  }
-};
-const Input = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c76717c1"]]);
-export {
-  Input as default
-};

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

@@ -1,73 +0,0 @@
-import { ref, watch, resolveComponent, createElementBlock, openBlock, normalizeClass, createElementVNode, normalizeStyle, createVNode, withCtx, createTextVNode, toDisplayString, unref } from "vue";
-import html2canvas from "html2canvas";
-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: "generateImgComp",
-  props: ["record"],
-  setup(__props) {
-    const props = __props;
-    const cardManageStore = useCardManageStore();
-    const currentUuid = ref(null);
-    watch(
-      () => cardManageStore.currentSelectUuid,
-      (val) => {
-        currentUuid.value = val;
-      }
-    );
-    const queryCanvasEl = () => {
-      const elTo = document.querySelector(".canvasTo");
-      if (elTo) return elTo;
-      const el = document.querySelector(".canvas");
-      return el;
-    };
-    const onGenerate = async () => {
-      try {
-        const target = queryCanvasEl();
-        if (!target) return;
-        const canvas = await html2canvas(target, {
-          useCORS: true,
-          backgroundColor: null,
-          scale: window.devicePixelRatio || 2
-        });
-        const dataURL = canvas.toDataURL("image/png");
-        const link = document.createElement("a");
-        const ts = /* @__PURE__ */ new Date();
-        const pad = (n) => n < 10 ? "0" + n : "" + n;
-        const name = `card-${ts.getFullYear()}${pad(ts.getMonth() + 1)}${pad(ts.getDate())}-${pad(ts.getHours())}${pad(ts.getMinutes())}${pad(ts.getSeconds())}.png`;
-        link.download = name;
-        link.href = dataURL;
-        document.body.appendChild(link);
-        link.click();
-        document.body.removeChild(link);
-      } catch (e) {
-      }
-    };
-    return (_ctx, _cache) => {
-      const _component_a_button = resolveComponent("a-button");
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["main-button", { active: currentUuid.value === props.record.uuid }])
-      }, [
-        createElementVNode("div", {
-          style: normalizeStyle({ padding: `${props.record.options?.style?.tbPadding || 0}px ${props.record.options?.style?.lrPadding || 0}px` })
-        }, [
-          createVNode(_component_a_button, {
-            type: "primary",
-            onClick: onGenerate
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(unref(renderTextByVariables)(props.record.options.defaultValue)), 1)
-            ]),
-            _: 1
-          })
-        ], 4)
-      ], 2);
-    };
-  }
-};
-const GenerateImg = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b3127833"]]);
-export {
-  GenerateImg as default
-};

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

@@ -1,333 +0,0 @@
-import { ref, computed, onMounted, onBeforeUnmount, watch, resolveComponent, createElementBlock, openBlock, createElementVNode, createVNode, withCtx, createBlock, withModifiers, createCommentVNode, normalizeStyle, toDisplayString, unref, Fragment, renderList } from "vue";
-import { DownOutlined } from "@ant-design/icons-vue";
-import { ColorList, ColorNameMap } from "./sun-card-designer.es76.js";
-/* empty css                       */
-import _export_sfc from "./sun-card-designer.es16.js";
-const _hoisted_1 = { class: "card-pes" };
-const _hoisted_2 = { class: "label" };
-const _hoisted_3 = { class: "arrow" };
-const _hoisted_4 = {
-  key: 0,
-  class: "color-picker"
-};
-const _hoisted_5 = { class: "color-grid" };
-const _hoisted_6 = ["onClick"];
-const _hoisted_7 = { class: "label" };
-const _hoisted_8 = { class: "arrow" };
-const _hoisted_9 = {
-  key: 0,
-  class: "color-picker"
-};
-const _hoisted_10 = { class: "color-grid" };
-const _hoisted_11 = ["onClick"];
-const _hoisted_12 = { class: "label" };
-const _hoisted_13 = { class: "arrow" };
-const _hoisted_14 = {
-  key: 0,
-  class: "color-picker"
-};
-const _hoisted_15 = { class: "color-grid" };
-const _hoisted_16 = ["onClick"];
-const _hoisted_17 = { class: "slider-row" };
-const _hoisted_18 = { class: "slider-row" };
-const _hoisted_19 = { class: "slider-row" };
-const _sfc_main = {
-  __name: "cardStylePes",
-  props: ["record"],
-  setup(__props) {
-    const props = __props;
-    const bgMode = ref("纯色");
-    const activePicker = ref(null);
-    const color = ref("#ffffff");
-    const startColor = ref("#ffffff");
-    const endColor = ref("#f5f5f5");
-    const angle = ref(90);
-    const colorList = ref(ColorList);
-    const nameMap = ColorNameMap;
-    const colorName = computed(() => nameMap[color.value] || "自定义");
-    const gradientCss = computed(() => `linear-gradient(${angle.value}deg, ${startColor.value}, ${endColor.value})`);
-    onMounted(() => {
-      const cfg = props.record.config || {};
-      const bg = cfg.background || "#ffffff";
-      if (typeof bg === "string" && bg.includes("gradient")) {
-        bgMode.value = "渐变";
-        try {
-          const match = bg.match(/linear-gradient\(([^)]+)\)/);
-          if (match && match[1]) {
-            const parts = match[1].split(",").map((s) => s.trim());
-            const degPart = parts[0];
-            const ang = parseInt(degPart);
-            if (!Number.isNaN(ang)) angle.value = ang;
-            if (parts[1]) startColor.value = parts[1];
-            if (parts[2]) endColor.value = parts[2];
-          }
-        } catch (e) {
-        }
-      } else {
-        bgMode.value = "纯色";
-        color.value = bg;
-      }
-    });
-    const togglePicker = (type) => {
-      activePicker.value = activePicker.value === type ? null : type;
-    };
-    const pickSolid = (hex) => {
-      color.value = hex;
-      activePicker.value = null;
-    };
-    const pickStart = (hex) => {
-      startColor.value = hex;
-      activePicker.value = null;
-    };
-    const pickEnd = (hex) => {
-      endColor.value = hex;
-      activePicker.value = null;
-    };
-    const onClickOutside = () => {
-      activePicker.value = null;
-    };
-    onMounted(() => {
-      document.addEventListener("click", onClickOutside);
-    });
-    onBeforeUnmount(() => {
-      document.removeEventListener("click", onClickOutside);
-    });
-    watch(bgMode, (val) => {
-      if (val === "纯色") {
-        props.record.config.background = color.value;
-      } else {
-        props.record.config.background = gradientCss.value;
-      }
-    });
-    watch(color, (newVal) => {
-      if (bgMode.value === "纯色") props.record.config.background = newVal;
-    });
-    watch([startColor, endColor, angle], () => {
-      if (bgMode.value === "渐变") props.record.config.background = gradientCss.value;
-    });
-    return (_ctx, _cache) => {
-      const _component_a_segmented = resolveComponent("a-segmented");
-      const _component_a_form_item = resolveComponent("a-form-item");
-      const _component_a_col = resolveComponent("a-col");
-      const _component_a_row = resolveComponent("a-row");
-      const _component_a_slider = resolveComponent("a-slider");
-      const _component_a_input_number = resolveComponent("a-input-number");
-      const _component_a_form = resolveComponent("a-form");
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        _cache[10] || (_cache[10] = createElementVNode("div", { class: "title" }, "样式", -1)),
-        createVNode(_component_a_form, { layout: "vertical" }, {
-          default: withCtx(() => [
-            createVNode(_component_a_row, { gutter: [16, 16] }, {
-              default: withCtx(() => [
-                createVNode(_component_a_col, { span: 24 }, {
-                  default: withCtx(() => [
-                    createVNode(_component_a_form_item, { label: "背景模式" }, {
-                      default: withCtx(() => [
-                        createVNode(_component_a_segmented, {
-                          value: bgMode.value,
-                          "onUpdate:value": _cache[0] || (_cache[0] = ($event) => bgMode.value = $event),
-                          options: ["纯色", "渐变"]
-                        }, null, 8, ["value"])
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  _: 1
-                }),
-                createVNode(_component_a_col, { span: 24 }, {
-                  default: withCtx(() => [
-                    bgMode.value === "纯色" ? (openBlock(), createBlock(_component_a_form_item, {
-                      key: 0,
-                      label: "背景颜色"
-                    }, {
-                      default: withCtx(() => [
-                        createElementVNode("div", {
-                          class: "color-select",
-                          onClick: _cache[1] || (_cache[1] = withModifiers(($event) => togglePicker("solid"), ["stop"]))
-                        }, [
-                          createElementVNode("span", {
-                            class: "swatch",
-                            style: normalizeStyle({ background: color.value })
-                          }, null, 4),
-                          createElementVNode("span", _hoisted_2, toDisplayString(colorName.value), 1),
-                          createElementVNode("span", _hoisted_3, [
-                            createVNode(unref(DownOutlined))
-                          ]),
-                          activePicker.value === "solid" ? (openBlock(), createElementBlock("div", _hoisted_4, [
-                            createElementVNode("div", _hoisted_5, [
-                              (openBlock(true), createElementBlock(Fragment, null, renderList(colorList.value, (c) => {
-                                return openBlock(), createElementBlock("span", {
-                                  class: "chip",
-                                  key: c,
-                                  style: normalizeStyle({ backgroundColor: c }),
-                                  onClick: withModifiers(($event) => pickSolid(c), ["stop"])
-                                }, null, 12, _hoisted_6);
-                              }), 128))
-                            ])
-                          ])) : createCommentVNode("", true)
-                        ])
-                      ]),
-                      _: 1
-                    })) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                      createVNode(_component_a_form_item, { label: "渐变预览" }, {
-                        default: withCtx(() => [
-                          createElementVNode("div", {
-                            class: "gradient-preview",
-                            style: normalizeStyle({ background: gradientCss.value })
-                          }, null, 4)
-                        ]),
-                        _: 1
-                      }),
-                      createVNode(_component_a_row, { gutter: [8, 8] }, {
-                        default: withCtx(() => [
-                          createVNode(_component_a_col, { span: 24 }, {
-                            default: withCtx(() => [
-                              createVNode(_component_a_form_item, { label: "起始颜色" }, {
-                                default: withCtx(() => [
-                                  createElementVNode("div", {
-                                    class: "color-select",
-                                    onClick: _cache[2] || (_cache[2] = withModifiers(($event) => togglePicker("start"), ["stop"]))
-                                  }, [
-                                    createElementVNode("span", {
-                                      class: "swatch",
-                                      style: normalizeStyle({ background: startColor.value })
-                                    }, null, 4),
-                                    createElementVNode("span", _hoisted_7, toDisplayString(unref(nameMap)[startColor.value] || "自定义"), 1),
-                                    createElementVNode("span", _hoisted_8, [
-                                      createVNode(unref(DownOutlined))
-                                    ]),
-                                    activePicker.value === "start" ? (openBlock(), createElementBlock("div", _hoisted_9, [
-                                      createElementVNode("div", _hoisted_10, [
-                                        (openBlock(true), createElementBlock(Fragment, null, renderList(colorList.value, (c) => {
-                                          return openBlock(), createElementBlock("span", {
-                                            class: "chip",
-                                            key: c + "-s",
-                                            style: normalizeStyle({ backgroundColor: c }),
-                                            onClick: withModifiers(($event) => pickStart(c), ["stop"])
-                                          }, null, 12, _hoisted_11);
-                                        }), 128))
-                                      ])
-                                    ])) : createCommentVNode("", true)
-                                  ])
-                                ]),
-                                _: 1
-                              })
-                            ]),
-                            _: 1
-                          }),
-                          createVNode(_component_a_col, { span: 24 }, {
-                            default: withCtx(() => [
-                              createVNode(_component_a_form_item, { label: "结束颜色" }, {
-                                default: withCtx(() => [
-                                  createElementVNode("div", {
-                                    class: "color-select",
-                                    onClick: _cache[3] || (_cache[3] = withModifiers(($event) => togglePicker("end"), ["stop"]))
-                                  }, [
-                                    createElementVNode("span", {
-                                      class: "swatch",
-                                      style: normalizeStyle({ background: endColor.value })
-                                    }, null, 4),
-                                    createElementVNode("span", _hoisted_12, toDisplayString(unref(nameMap)[endColor.value] || "自定义"), 1),
-                                    createElementVNode("span", _hoisted_13, [
-                                      createVNode(unref(DownOutlined))
-                                    ]),
-                                    activePicker.value === "end" ? (openBlock(), createElementBlock("div", _hoisted_14, [
-                                      createElementVNode("div", _hoisted_15, [
-                                        (openBlock(true), createElementBlock(Fragment, null, renderList(colorList.value, (c) => {
-                                          return openBlock(), createElementBlock("span", {
-                                            class: "chip",
-                                            key: c + "-e",
-                                            style: normalizeStyle({ backgroundColor: c }),
-                                            onClick: withModifiers(($event) => pickEnd(c), ["stop"])
-                                          }, null, 12, _hoisted_16);
-                                        }), 128))
-                                      ])
-                                    ])) : createCommentVNode("", true)
-                                  ])
-                                ]),
-                                _: 1
-                              })
-                            ]),
-                            _: 1
-                          })
-                        ]),
-                        _: 1
-                      }),
-                      createVNode(_component_a_form_item, { label: "角度" }, {
-                        default: withCtx(() => [
-                          createElementVNode("div", _hoisted_17, [
-                            createVNode(_component_a_slider, {
-                              min: 0,
-                              max: 360,
-                              value: angle.value,
-                              "onUpdate:value": _cache[4] || (_cache[4] = ($event) => angle.value = $event),
-                              style: { "flex": "1", "margin-right": "12px" }
-                            }, null, 8, ["value"]),
-                            createVNode(_component_a_input_number, {
-                              min: 0,
-                              max: 360,
-                              value: angle.value,
-                              "onUpdate:value": _cache[5] || (_cache[5] = ($event) => angle.value = $event)
-                            }, null, 8, ["value"])
-                          ])
-                        ]),
-                        _: 1
-                      })
-                    ], 64)),
-                    createVNode(_component_a_form_item, { label: "内边距" }, {
-                      default: withCtx(() => [
-                        createElementVNode("div", _hoisted_18, [
-                          createVNode(_component_a_slider, {
-                            min: 2,
-                            max: 24,
-                            value: props.record.config.padding,
-                            "onUpdate:value": _cache[6] || (_cache[6] = ($event) => props.record.config.padding = $event),
-                            style: { "flex": "1", "margin-right": "12px" }
-                          }, null, 8, ["value"]),
-                          createVNode(_component_a_input_number, {
-                            min: 2,
-                            max: 24,
-                            value: props.record.config.padding,
-                            "onUpdate:value": _cache[7] || (_cache[7] = ($event) => props.record.config.padding = $event)
-                          }, null, 8, ["value"])
-                        ])
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_component_a_form_item, { label: "圆角" }, {
-                      default: withCtx(() => [
-                        createElementVNode("div", _hoisted_19, [
-                          createVNode(_component_a_slider, {
-                            min: 2,
-                            max: 16,
-                            value: props.record.config.borderRadius,
-                            "onUpdate:value": _cache[8] || (_cache[8] = ($event) => props.record.config.borderRadius = $event),
-                            style: { "flex": "1", "margin-right": "12px" }
-                          }, null, 8, ["value"]),
-                          createVNode(_component_a_input_number, {
-                            min: 2,
-                            max: 16,
-                            value: props.record.config.borderRadius,
-                            "onUpdate:value": _cache[9] || (_cache[9] = ($event) => props.record.config.borderRadius = $event)
-                          }, null, 8, ["value"])
-                        ])
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        })
-      ]);
-    };
-  }
-};
-const CardPes = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5ab6c7b8"]]);
-export {
-  CardPes as default
-};

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

@@ -1,59 +0,0 @@
-import { ref, watch, resolveComponent, createElementBlock, openBlock, normalizeClass, createElementVNode, normalizeStyle, createVNode, withCtx, 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: "enterpriseSearch",
-  props: ["record"],
-  setup(__props) {
-    const props = __props;
-    const cardManageStore = useCardManageStore();
-    const currentUuid = ref(null);
-    watch(
-      () => cardManageStore.currentSelectUuid,
-      (val) => {
-        currentUuid.value = val;
-      }
-    );
-    return (_ctx, _cache) => {
-      const _component_a_select = resolveComponent("a-select");
-      const _component_a_form_item = resolveComponent("a-form-item");
-      const _component_a_form = resolveComponent("a-form");
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["main-enterpriseSearch", { active: currentUuid.value === props.record.uuid }]),
-        onClick: _cache[1] || (_cache[1] = (...args) => _ctx.onActive && _ctx.onActive(...args))
-      }, [
-        createElementVNode("div", {
-          style: normalizeStyle({ padding: `${props.record.options?.style?.tbPadding || 0}px ${props.record.options?.style?.lrPadding || 0}px` })
-        }, [
-          createVNode(_component_a_form, {
-            layout: props.record.options.flex
-          }, {
-            default: withCtx(() => [
-              createVNode(_component_a_form_item, {
-                label: unref(renderTextByVariables)(props.record.options.label)
-              }, {
-                default: withCtx(() => [
-                  createVNode(_component_a_select, {
-                    value: _ctx.value,
-                    "onUpdate:value": _cache[0] || (_cache[0] = ($event) => _ctx.value = $event),
-                    options: [],
-                    style: { "width": "100%" },
-                    placeholder: props.record.options.placeholder
-                  }, null, 8, ["value", "placeholder"])
-                ]),
-                _: 1
-              }, 8, ["label"])
-            ]),
-            _: 1
-          }, 8, ["layout"])
-        ], 4)
-      ], 2);
-    };
-  }
-};
-const EnterpriseSearch = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-05f1191a"]]);
-export {
-  EnterpriseSearch as default
-};

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

@@ -1,69 +0,0 @@
-import { ref, computed, watch, resolveComponent, createElementBlock, openBlock, normalizeStyle, normalizeClass, createElementVNode, createVNode, withCtx } from "vue";
-import { useCardManageStore } from "./sun-card-designer.es13.js";
-/* empty css                        */
-import _export_sfc from "./sun-card-designer.es16.js";
-const _sfc_main = {
-  __name: "tableComp",
-  props: ["record"],
-  setup(__props) {
-    const props = __props;
-    const cardManageStore = useCardManageStore();
-    const currentUuid = ref(null);
-    const parseJsonSafe = (str) => {
-      try {
-        return JSON.parse(str);
-      } catch {
-        return null;
-      }
-    };
-    const resolveArrayFromVariable = (name) => {
-      if (!name) return [];
-      const v = (cardManageStore.variableList || []).find((e) => e.name === name);
-      if (!v || !v.defaultValue) return [];
-      const data = typeof v.defaultValue === "string" ? parseJsonSafe(v.defaultValue) : v.defaultValue;
-      return Array.isArray(data) ? data : [];
-    };
-    const dataSource = computed(() => {
-      const val = props.record.options.defaultValue;
-      if (typeof val === "string") {
-        return resolveArrayFromVariable(val);
-      }
-      return Array.isArray(val) ? val : [];
-    });
-    watch(
-      () => cardManageStore.currentSelectUuid,
-      (val) => {
-        currentUuid.value = val;
-      }
-    );
-    return (_ctx, _cache) => {
-      const _component_a_table = resolveComponent("a-table");
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["main-table", { active: currentUuid.value === props.record.uuid }]),
-        style: normalizeStyle({
-          "--tbl-font-size": (props.record.options.style.fontSize || 14) + "px",
-          "--tbl-cell-padding": (props.record.options.style.padding || 6) + "px"
-        })
-      }, [
-        createElementVNode("div", {
-          style: normalizeStyle({ padding: `${props.record.options?.style?.tbPadding || 0}px ${props.record.options?.style?.lrPadding || 0}px` })
-        }, [
-          createVNode(_component_a_table, {
-            columns: props.record.options.columns,
-            "data-source": dataSource.value,
-            bordered: props.record.options.style.bordered,
-            size: "small",
-            pagination: false
-          }, {
-            bodyCell: withCtx(({}) => [..._cache[0] || (_cache[0] = [])]),
-            _: 1
-          }, 8, ["columns", "data-source", "bordered"])
-        ], 4)
-      ], 6);
-    };
-  }
-};
-const Table = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-285e6545"]]);
-export {
-  Table as default
-};