sun-card-design 1.1.37 → 1.1.38

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

@@ -1,185 +0,0 @@
-import { computed, ref, reactive, watch, onMounted, onBeforeUnmount, resolveComponent, createElementBlock, openBlock, createVNode, createElementVNode, withCtx, unref, Fragment, renderList, withModifiers, createCommentVNode, normalizeStyle, toDisplayString } from "vue";
-import { ColorNameMap, ColorList } from "./sun-card-designer.es76.js";
-import { Vue3JsonEditor } from "vue3-json-editor";
-import { DownOutlined } from "@ant-design/icons-vue";
-/* empty css                        */
-import _export_sfc from "./sun-card-designer.es16.js";
-const _hoisted_1 = { class: "pie3d-base-pes" };
-const _hoisted_2 = ["onClick"];
-const _hoisted_3 = { class: "label" };
-const _hoisted_4 = { class: "arrow" };
-const _hoisted_5 = {
-  key: 0,
-  class: "color-picker"
-};
-const _hoisted_6 = { class: "color-grid" };
-const _hoisted_7 = ["onClick"];
-const _sfc_main = {
-  __name: "pieChart3DBasePes",
-  props: { record: { type: Object, required: true } },
-  setup(__props) {
-    const props = __props;
-    const record = props.record;
-    const seriesRef = computed({
-      get() {
-        return record.options?.seriesConfig && record.options.seriesConfig[0] || { data: [], radius: "0%", colorsMap: {} };
-      },
-      set(val) {
-        if (!Array.isArray(record.options.seriesConfig)) record.options.seriesConfig = [{}];
-        record.options.seriesConfig[0] = { ...record.options.seriesConfig[0], ...val };
-      }
-    });
-    const jsonData = ref(Array.isArray(seriesRef.value.data) ? seriesRef.value.data : []);
-    const colorsMap = reactive({ ...seriesRef.value.colorsMap || {} });
-    const colorList = ColorList;
-    const openPicker = ref("");
-    const nameList = computed(() => Array.isArray(jsonData.value) ? jsonData.value.map((i) => i?.name).filter(Boolean) : []);
-    watch(jsonData, (val) => {
-      if (Array.isArray(val)) {
-        const cleaned = val.map((it, idx) => ({ value: Number(it?.value) || 0, name: it?.name ?? `项${idx + 1}` }));
-        seriesRef.value = { data: cleaned, colorsMap: { ...colorsMap } };
-      }
-    }, { deep: true });
-    watch(colorsMap, () => {
-      seriesRef.value = { data: Array.isArray(jsonData.value) ? jsonData.value : [], colorsMap: { ...colorsMap } };
-    }, { deep: true });
-    const toggleColorPicker = (name) => {
-      openPicker.value = openPicker.value === name ? "" : name;
-    };
-    const pickNameColor = (name, c) => {
-      colorsMap[name] = c;
-      openPicker.value = "";
-    };
-    const colorNameFor = (name) => ColorNameMap[colorsMap[name]] || "自定义";
-    function handleOutside(e) {
-      if (!(e.target.closest && e.target.closest(".color-select"))) openPicker.value = "";
-    }
-    onMounted(() => {
-      window.addEventListener("click", handleOutside);
-    });
-    onBeforeUnmount(() => {
-      window.removeEventListener("click", handleOutside);
-    });
-    const innerPercent = computed({
-      get() {
-        const r = seriesRef.value.radius;
-        const inner = Array.isArray(r) ? r[0] ?? "0%" : r ?? "0%";
-        return typeof inner === "string" ? inner : `${inner}%`;
-      },
-      set(val) {
-        const v = typeof val === "string" ? val : `${val}`;
-        seriesRef.value = { radius: v };
-      }
-    });
-    const onxAxisChange = (params) => {
-      jsonData.value = params;
-    };
-    return (_ctx, _cache) => {
-      const _component_a_divider = resolveComponent("a-divider");
-      const _component_a_segmented = resolveComponent("a-segmented");
-      const _component_a_form_item = resolveComponent("a-form-item");
-      const _component_a_input = resolveComponent("a-input");
-      const _component_a_col = resolveComponent("a-col");
-      const _component_a_row = resolveComponent("a-row");
-      const _component_a_form = resolveComponent("a-form");
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode(_component_a_divider, { style: { "margin-top": "0" } }),
-        _cache[3] || (_cache[3] = 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_segmented, {
-                      block: "",
-                      value: unref(record).options.mode,
-                      "onUpdate:value": _cache[0] || (_cache[0] = ($event) => unref(record).options.mode = $event),
-                      options: [{ label: "静态", value: "static" }, { label: "动态", value: "dynamic" }],
-                      style: { "margin": "10px 0" }
-                    }, null, 8, ["value"]),
-                    createVNode(_component_a_form_item, { label: "系列数据(JSON)" }, {
-                      default: withCtx(() => [
-                        createVNode(unref(Vue3JsonEditor), {
-                          modelValue: jsonData.value,
-                          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => jsonData.value = $event),
-                          mode: "text",
-                          "show-copy": false,
-                          "show-btns": false,
-                          expandedOnStart: true,
-                          style: { "border": "1px solid #e0e0ff", "border-radius": "6px" },
-                          onJsonChange: onxAxisChange
-                        }, null, 8, ["modelValue"])
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_component_a_form_item, { label: "内圈空心(%)" }, {
-                      default: withCtx(() => [
-                        createVNode(_component_a_input, {
-                          value: innerPercent.value,
-                          "onUpdate:value": _cache[2] || (_cache[2] = ($event) => innerPercent.value = $event),
-                          placeholder: "例如：0% ~ 90%"
-                        }, null, 8, ["value"])
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  _: 1
-                }),
-                createVNode(_component_a_col, { span: 24 }, {
-                  default: withCtx(() => [
-                    createVNode(_component_a_form_item, { label: "颜色（按名称）" }, {
-                      default: withCtx(() => [
-                        (openBlock(true), createElementBlock(Fragment, null, renderList(nameList.value, (name) => {
-                          return openBlock(), createElementBlock("div", {
-                            key: name,
-                            class: "series-row"
-                          }, [
-                            createElementVNode("div", {
-                              class: "color-select",
-                              style: { "width": "100%" },
-                              onClick: withModifiers(($event) => toggleColorPicker(name), ["stop"])
-                            }, [
-                              createElementVNode("span", {
-                                class: "swatch",
-                                style: normalizeStyle({ backgroundColor: colorsMap[name] || "#2b7fff" })
-                              }, null, 4),
-                              createElementVNode("span", _hoisted_3, toDisplayString(name) + ":" + toDisplayString(colorNameFor(name)), 1),
-                              createElementVNode("span", _hoisted_4, [
-                                createVNode(unref(DownOutlined))
-                              ]),
-                              openPicker.value === name ? (openBlock(), createElementBlock("div", _hoisted_5, [
-                                createElementVNode("div", _hoisted_6, [
-                                  (openBlock(true), createElementBlock(Fragment, null, renderList(unref(colorList), (c) => {
-                                    return openBlock(), createElementBlock("span", {
-                                      class: "chip",
-                                      key: c,
-                                      style: normalizeStyle({ backgroundColor: c }),
-                                      onClick: withModifiers(($event) => pickNameColor(name, c), ["stop"])
-                                    }, null, 12, _hoisted_7);
-                                  }), 128))
-                                ])
-                              ])) : createCommentVNode("", true)
-                            ], 8, _hoisted_2)
-                          ]);
-                        }), 128))
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        })
-      ]);
-    };
-  }
-};
-const PieChart3DBasePes = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-97a41f23"]]);
-export {
-  PieChart3DBasePes as default
-};

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

@@ -1,107 +0,0 @@
-import { resolveComponent, createElementBlock, openBlock, createVNode, createElementVNode, withCtx, unref } from "vue";
-/* empty css                        */
-import _export_sfc from "./sun-card-designer.es16.js";
-const _hoisted_1 = { class: "pie3d-style-pes" };
-const _hoisted_2 = { class: "slider-row" };
-const _hoisted_3 = { class: "slider-row" };
-const _sfc_main = {
-  __name: "pieChart3DStylePes",
-  props: { record: { type: Object, required: true } },
-  setup(__props) {
-    const props = __props;
-    const record = props.record;
-    return (_ctx, _cache) => {
-      const _component_a_divider = resolveComponent("a-divider");
-      const _component_a_input = resolveComponent("a-input");
-      const _component_a_form_item = resolveComponent("a-form-item");
-      const _component_a_slider = resolveComponent("a-slider");
-      const _component_a_input_number = resolveComponent("a-input-number");
-      const _component_a_col = resolveComponent("a-col");
-      const _component_a_row = resolveComponent("a-row");
-      const _component_a_form = resolveComponent("a-form");
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode(_component_a_divider, { style: { "margin-top": "0" } }),
-        _cache[6] || (_cache[6] = 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_input, {
-                          value: unref(record).options.style.width,
-                          "onUpdate:value": _cache[0] || (_cache[0] = ($event) => unref(record).options.style.width = $event),
-                          placeholder: "例如：100% 或 300px"
-                        }, null, 8, ["value"])
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_component_a_form_item, { label: "高度" }, {
-                      default: withCtx(() => [
-                        createVNode(_component_a_input, {
-                          value: unref(record).options.style.height,
-                          "onUpdate:value": _cache[1] || (_cache[1] = ($event) => unref(record).options.style.height = $event),
-                          placeholder: "例如：100% 或 260px"
-                        }, null, 8, ["value"])
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_component_a_form_item, { label: "上下边距" }, {
-                      default: withCtx(() => [
-                        createElementVNode("div", _hoisted_2, [
-                          createVNode(_component_a_slider, {
-                            min: 0,
-                            max: 10,
-                            value: unref(record).options.style.tbPadding,
-                            "onUpdate:value": _cache[2] || (_cache[2] = ($event) => unref(record).options.style.tbPadding = $event),
-                            style: { "flex": "1", "margin-right": "12px" }
-                          }, null, 8, ["value"]),
-                          createVNode(_component_a_input_number, {
-                            min: 0,
-                            max: 10,
-                            value: unref(record).options.style.tbPadding,
-                            "onUpdate:value": _cache[3] || (_cache[3] = ($event) => unref(record).options.style.tbPadding = $event)
-                          }, null, 8, ["value"])
-                        ])
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_component_a_form_item, { label: "左右边距" }, {
-                      default: withCtx(() => [
-                        createElementVNode("div", _hoisted_3, [
-                          createVNode(_component_a_slider, {
-                            min: 0,
-                            max: 10,
-                            value: unref(record).options.style.lrPadding,
-                            "onUpdate:value": _cache[4] || (_cache[4] = ($event) => unref(record).options.style.lrPadding = $event),
-                            style: { "flex": "1", "margin-right": "12px" }
-                          }, null, 8, ["value"]),
-                          createVNode(_component_a_input_number, {
-                            min: 0,
-                            max: 10,
-                            value: unref(record).options.style.lrPadding,
-                            "onUpdate:value": _cache[5] || (_cache[5] = ($event) => unref(record).options.style.lrPadding = $event)
-                          }, null, 8, ["value"])
-                        ])
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        })
-      ]);
-    };
-  }
-};
-const PieChart3DStylePes = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-292fea90"]]);
-export {
-  PieChart3DStylePes as default
-};

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

@@ -1,153 +0,0 @@
-import { ref, computed, onMounted, nextTick, watch, resolveComponent, createElementBlock, openBlock, createElementVNode, createVNode, withCtx, createBlock, unref } from "vue";
-import { Vue3JsonEditor } from "vue3-json-editor";
-import { useCardManageStore } from "./sun-card-designer.es13.js";
-/* empty css                        */
-import _export_sfc from "./sun-card-designer.es16.js";
-const _hoisted_1 = { class: "bar3d-base-pes" };
-const _sfc_main = {
-  __name: "barChart3DBasePes",
-  props: ["record"],
-  setup(__props) {
-    const props = __props;
-    const cardManageStore = useCardManageStore();
-    const xAxisDataProxy = ref([]);
-    const seriesDataProxy = ref([]);
-    const xAxisDynamicValue = ref(null);
-    const seriesDynamicValue = ref(null);
-    const showEditors = ref(true);
-    const modeOptions = ref([
-      { value: "static", label: "静态" },
-      { value: "dynamic", label: "动态" }
-    ]);
-    const arrayVariableOptions = computed(() => {
-      return (cardManageStore.variableList || []).filter((e) => e.type === "Array").map((e) => ({ label: e.name, value: e.name }));
-    });
-    const ensureOptionArrays = () => {
-      props.record.options = props.record.options || {};
-      if (!Array.isArray(props.record.options.xAxisConfig)) props.record.options.xAxisConfig = [{}];
-      if (!Array.isArray(props.record.options.seriesConfig)) props.record.options.seriesConfig = [{ data: [] }];
-    };
-    const onxAxisChange = (params) => {
-      xAxisDataProxy.value = params;
-    };
-    const onSeriesChange = (params) => {
-      seriesDataProxy.value = params;
-    };
-    onMounted(async () => {
-      ensureOptionArrays();
-      showEditors.value = false;
-      await nextTick();
-      showEditors.value = true;
-      if ((props.record.options.mode || "static") === "static") {
-        xAxisDataProxy.value = JSON.parse(JSON.stringify(props.record.options.xAxisConfig?.[0]?.data || []));
-        seriesDataProxy.value = JSON.parse(JSON.stringify(props.record.options.seriesConfig?.[0]?.data || []));
-        xAxisDynamicValue.value = null;
-        seriesDynamicValue.value = null;
-      } else {
-        xAxisDataProxy.value = "";
-        seriesDataProxy.value = "";
-        xAxisDynamicValue.value = JSON.parse(JSON.stringify(props.record.options.xAxisConfig?.[0]?.data || null));
-        seriesDynamicValue.value = JSON.parse(JSON.stringify(props.record.options.seriesConfig?.[0]?.data || null));
-      }
-    });
-    watch(() => xAxisDataProxy.value, (val) => {
-      if (val !== "") {
-        ensureOptionArrays();
-        props.record.options.xAxisConfig[0].data = JSON.parse(JSON.stringify(val));
-      }
-    }, { deep: true });
-    watch(() => seriesDataProxy.value, (val) => {
-      if (val !== "") {
-        ensureOptionArrays();
-        props.record.options.seriesConfig[0].data = JSON.parse(JSON.stringify(val));
-      }
-    }, { deep: true });
-    const applyXAxisDynamic = (val) => {
-      ensureOptionArrays();
-      props.record.options.xAxisConfig[0].data = JSON.parse(JSON.stringify(val));
-    };
-    const applySeriesDynamic = (val) => {
-      ensureOptionArrays();
-      props.record.options.seriesConfig[0].data = JSON.parse(JSON.stringify(val));
-    };
-    return (_ctx, _cache) => {
-      const _component_a_segmented = resolveComponent("a-segmented");
-      const _component_a_select = resolveComponent("a-select");
-      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_form = resolveComponent("a-form");
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        _cache[5] || (_cache[5] = 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_segmented, {
-                      block: "",
-                      value: props.record.options.mode,
-                      "onUpdate:value": _cache[0] || (_cache[0] = ($event) => props.record.options.mode = $event),
-                      options: modeOptions.value,
-                      style: { "margin-bottom": "10px" }
-                    }, null, 8, ["value", "options"]),
-                    createVNode(_component_a_form_item, { label: "X 轴数据" }, {
-                      default: withCtx(() => [
-                        showEditors.value && (props.record.options.mode || "static") === "static" ? (openBlock(), createBlock(unref(Vue3JsonEditor), {
-                          key: 0,
-                          mode: "text",
-                          "show-btns": false,
-                          expandedOnStart: true,
-                          modelValue: xAxisDataProxy.value,
-                          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => xAxisDataProxy.value = $event),
-                          onJsonChange: onxAxisChange
-                        }, null, 8, ["modelValue"])) : (openBlock(), createBlock(_component_a_select, {
-                          key: 1,
-                          value: xAxisDynamicValue.value,
-                          "onUpdate:value": _cache[2] || (_cache[2] = ($event) => xAxisDynamicValue.value = $event),
-                          options: arrayVariableOptions.value,
-                          placeholder: "选择变量",
-                          onChange: applyXAxisDynamic
-                        }, null, 8, ["value", "options"]))
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_component_a_form_item, { label: "系列数据" }, {
-                      default: withCtx(() => [
-                        showEditors.value && (props.record.options.mode || "static") === "static" ? (openBlock(), createBlock(unref(Vue3JsonEditor), {
-                          key: 0,
-                          mode: "text",
-                          "show-btns": false,
-                          expandedOnStart: false,
-                          modelValue: seriesDataProxy.value,
-                          "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => seriesDataProxy.value = $event),
-                          onJsonChange: onSeriesChange
-                        }, null, 8, ["modelValue"])) : (openBlock(), createBlock(_component_a_select, {
-                          key: 1,
-                          value: seriesDynamicValue.value,
-                          "onUpdate:value": _cache[4] || (_cache[4] = ($event) => seriesDynamicValue.value = $event),
-                          options: arrayVariableOptions.value,
-                          placeholder: "选择数组变量",
-                          onChange: applySeriesDynamic
-                        }, null, 8, ["value", "options"]))
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        })
-      ]);
-    };
-  }
-};
-const BarChart3DBasePes = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9bf8113a"]]);
-export {
-  BarChart3DBasePes as default
-};