sun-card-design 1.1.37 → 1.1.38

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

@@ -1,168 +0,0 @@
-import { ref, onMounted, watch, resolveComponent, createElementBlock, openBlock, createVNode, createElementVNode, withCtx } from "vue";
-/* empty css                        */
-import _export_sfc from "./sun-card-designer.es16.js";
-const _hoisted_1 = { class: "table-style" };
-const _hoisted_2 = { class: "slider-row" };
-const _hoisted_3 = { class: "slider-row" };
-const _hoisted_4 = { class: "slider-row" };
-const _hoisted_5 = { class: "slider-row" };
-const _sfc_main = {
-  __name: "tableStylePes",
-  props: ["record"],
-  setup(__props) {
-    const props = __props;
-    const align = ref("left");
-    const alignOptions = ref([
-      { label: "左对齐", value: "left" },
-      { label: "居中", value: "center" },
-      { label: "右对齐", value: "right" }
-    ]);
-    onMounted(() => {
-      const firstAlign = props.record?.options?.columns?.[0]?.align;
-      align.value = firstAlign || "left";
-    });
-    watch(
-      () => align.value,
-      (val) => {
-        const cols = props.record?.options?.columns || [];
-        cols.forEach((col) => {
-          col.align = val;
-        });
-      }
-    );
-    return (_ctx, _cache) => {
-      const _component_a_divider = resolveComponent("a-divider");
-      const _component_a_switch = resolveComponent("a-switch");
-      const _component_a_form_item = resolveComponent("a-form-item");
-      const _component_a_segmented = resolveComponent("a-segmented");
-      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[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_switch, {
-                          checked: props.record.options.style.bordered,
-                          "onUpdate:checked": _cache[0] || (_cache[0] = ($event) => props.record.options.style.bordered = $event)
-                        }, null, 8, ["checked"])
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_component_a_form_item, { label: "对齐方式" }, {
-                      default: withCtx(() => [
-                        createVNode(_component_a_segmented, {
-                          block: "",
-                          value: align.value,
-                          "onUpdate:value": _cache[1] || (_cache[1] = ($event) => align.value = $event),
-                          options: alignOptions.value
-                        }, null, 8, ["value", "options"])
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_component_a_form_item, { label: "文字大小" }, {
-                      default: withCtx(() => [
-                        createElementVNode("div", _hoisted_2, [
-                          createVNode(_component_a_slider, {
-                            min: 12,
-                            max: 36,
-                            value: props.record.options.style.fontSize,
-                            "onUpdate:value": _cache[2] || (_cache[2] = ($event) => props.record.options.style.fontSize = $event),
-                            style: { "flex": "1", "margin-right": "12px" }
-                          }, null, 8, ["value"]),
-                          createVNode(_component_a_input_number, {
-                            min: 12,
-                            max: 18,
-                            value: props.record.options.style.fontSize,
-                            "onUpdate:value": _cache[3] || (_cache[3] = ($event) => props.record.options.style.fontSize = $event)
-                          }, null, 8, ["value"])
-                        ])
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_component_a_form_item, { label: "边距" }, {
-                      default: withCtx(() => [
-                        createElementVNode("div", _hoisted_3, [
-                          createVNode(_component_a_slider, {
-                            min: 2,
-                            max: 20,
-                            value: props.record.options.style.padding,
-                            "onUpdate:value": _cache[4] || (_cache[4] = ($event) => props.record.options.style.padding = $event),
-                            style: { "flex": "1", "margin-right": "12px" }
-                          }, null, 8, ["value"]),
-                          createVNode(_component_a_input_number, {
-                            min: 14,
-                            max: 36,
-                            value: props.record.options.style.padding,
-                            "onUpdate:value": _cache[5] || (_cache[5] = ($event) => props.record.options.style.padding = $event)
-                          }, null, 8, ["value"])
-                        ])
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_component_a_form_item, { label: "上下边距" }, {
-                      default: withCtx(() => [
-                        createElementVNode("div", _hoisted_4, [
-                          createVNode(_component_a_slider, {
-                            min: 0,
-                            max: 10,
-                            value: props.record.options.style.tbPadding,
-                            "onUpdate:value": _cache[6] || (_cache[6] = ($event) => props.record.options.style.tbPadding = $event),
-                            style: { "flex": "1", "margin-right": "12px" }
-                          }, null, 8, ["value"]),
-                          createVNode(_component_a_input_number, {
-                            min: 0,
-                            max: 10,
-                            value: props.record.options.style.tbPadding,
-                            "onUpdate:value": _cache[7] || (_cache[7] = ($event) => props.record.options.style.tbPadding = $event)
-                          }, null, 8, ["value"])
-                        ])
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_component_a_form_item, { label: "左右边距" }, {
-                      default: withCtx(() => [
-                        createElementVNode("div", _hoisted_5, [
-                          createVNode(_component_a_slider, {
-                            min: 0,
-                            max: 10,
-                            value: props.record.options.style.lrPadding,
-                            "onUpdate:value": _cache[8] || (_cache[8] = ($event) => props.record.options.style.lrPadding = $event),
-                            style: { "flex": "1", "margin-right": "12px" }
-                          }, null, 8, ["value"]),
-                          createVNode(_component_a_input_number, {
-                            min: 0,
-                            max: 10,
-                            value: props.record.options.style.lrPadding,
-                            "onUpdate:value": _cache[9] || (_cache[9] = ($event) => props.record.options.style.lrPadding = $event)
-                          }, null, 8, ["value"])
-                        ])
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        })
-      ]);
-    };
-  }
-};
-const TableStylePes = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9addb5d5"]]);
-export {
-  TableStylePes as default
-};

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

@@ -1,275 +0,0 @@
-import { ref, reactive, computed, onMounted, nextTick, watch, resolveComponent, createElementBlock, openBlock, createElementVNode, createVNode, withCtx, createBlock, unref, createTextVNode, Fragment, renderList, withModifiers, toDisplayString, createCommentVNode } 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: "bar-base-pes" };
-const _hoisted_2 = { class: "series-header" };
-const _hoisted_3 = { class: "left" };
-const _hoisted_4 = { class: "right" };
-const _sfc_main = {
-  __name: "barChartBasePes",
-  props: ["record"],
-  setup(__props) {
-    const props = __props;
-    const cardManageStore = useCardManageStore();
-    const xAxisDataProxy = ref([]);
-    const xAxisDynamicValue = ref(null);
-    const seriesList = reactive([]);
-    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 = [{ type: "bar", data: [] }];
-    };
-    const seriseIndex = ref(0);
-    const onAddSerise = () => {
-      ensureOptionArrays();
-      const list = props.record.options.seriesConfig || [];
-      if (list.length >= 3) return;
-      const base = list[0] || { type: "bar", data: [] };
-      const item = JSON.parse(JSON.stringify(base));
-      item.name = `chart${list.length + 1}`;
-      list.push(item);
-      seriesList.push({ seriesDataProxy: JSON.parse(JSON.stringify(item.data)), seriesDynamicValue: null });
-      seriseIndex.value = list.length - 1;
-    };
-    const onRemoveSeries = (idx) => {
-      ensureOptionArrays();
-      const list = props.record.options.seriesConfig || [];
-      if (list.length <= 1) return;
-      list.splice(idx, 1);
-      seriesList.splice(idx, 1);
-      list.forEach((s, i) => {
-        s.name = `chart${i + 1}`;
-      });
-      if (seriseIndex.value >= list.length) seriseIndex.value = list.length - 1;
-    };
-    const onxAxisChange = (params) => {
-      xAxisDataProxy.value = params;
-    };
-    const onSeriesChange = (params, index) => {
-      seriesList[index].seriesDataProxy = params;
-    };
-    onMounted(async () => {
-      ensureOptionArrays();
-      showEditors.value = false;
-      await nextTick();
-      showEditors.value = true;
-      if (props.record.options.mode === "static") {
-        xAxisDataProxy.value = JSON.parse(JSON.stringify(props.record.options.xAxisConfig[0]?.data || []));
-        xAxisDynamicValue.value = null;
-        seriesList.splice(0, seriesList.length);
-        props.record.options.seriesConfig.forEach((e) => {
-          seriesList.push({ seriesDataProxy: JSON.parse(JSON.stringify(e.data)), seriesDynamicValue: null });
-        });
-      } else {
-        xAxisDataProxy.value = "";
-        xAxisDynamicValue.value = JSON.parse(JSON.stringify(props.record.options.xAxisConfig[0]?.data || null));
-        seriesList.splice(0, seriesList.length);
-        props.record.options.seriesConfig.forEach((e) => {
-          seriesList.push({ seriesDataProxy: "", seriesDynamicValue: JSON.parse(JSON.stringify(e.data)) });
-        });
-      }
-    });
-    watch(() => xAxisDataProxy.value, (val) => {
-      if (val !== "") {
-        ensureOptionArrays();
-        props.record.options.xAxisConfig[0].data = JSON.parse(JSON.stringify(val));
-      }
-    }, { deep: true });
-    watch(seriesList, () => {
-      seriesList.forEach((_, index) => {
-        if ((props.record.options.mode || "static") === "static") {
-          const val = seriesList[index].seriesDataProxy;
-          if (val !== "") {
-            ensureOptionArrays();
-            props.record.options.seriesConfig[index] = props.record.options.seriesConfig[index] || { type: "bar", data: [] };
-            props.record.options.seriesConfig[index].data = JSON.parse(JSON.stringify(val));
-          }
-        }
-      });
-    }, { deep: true });
-    watch(() => props.record.options.mode, async (val) => {
-      if (val === "static") {
-        xAxisDataProxy.value = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"];
-        xAxisDynamicValue.value = null;
-        seriesList.splice(0, seriesList.length);
-        props.record.options.seriesConfig.forEach(() => {
-          seriesList.push({
-            seriesDataProxy: [120, 200, 150, 80, 70, 110, 130],
-            seriesDynamicValue: null
-          });
-        });
-        seriseIndex.value = 0;
-      } else {
-        xAxisDataProxy.value = "";
-        xAxisDynamicValue.value = null;
-        seriesList.splice(0, seriesList.length);
-        props.record.options.seriesConfig.forEach(() => {
-          seriesList.push({
-            seriesDataProxy: "",
-            seriesDynamicValue: null
-          });
-        });
-        seriseIndex.value = 0;
-      }
-      showEditors.value = false;
-      await nextTick();
-      showEditors.value = true;
-    });
-    const applyXAxisDynamic = (val) => {
-      ensureOptionArrays();
-      props.record.options.xAxisConfig[0].data = JSON.parse(JSON.stringify(val));
-    };
-    const applySeriesDynamic = (val, index) => {
-      ensureOptionArrays();
-      props.record.options.seriesConfig[index] = props.record.options.seriesConfig[index] || { type: "bar", data: [] };
-      props.record.options.seriesConfig[index].data = JSON.parse(JSON.stringify(val));
-      seriesList[index].seriesDynamicValue = 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_button = resolveComponent("a-button");
-      const _component_a_tag = resolveComponent("a-tag");
-      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, [
-        _cache[4] || (_cache[4] = 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" ? (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
-                    }),
-                    createElementVNode("div", _hoisted_2, [
-                      createElementVNode("div", _hoisted_3, [
-                        createVNode(_component_a_button, {
-                          type: "primary",
-                          size: "small",
-                          onClick: onAddSerise,
-                          disabled: (props.record.options.seriesConfig || []).length >= 3
-                        }, {
-                          default: withCtx(() => [..._cache[3] || (_cache[3] = [
-                            createTextVNode("新增图形", -1)
-                          ])]),
-                          _: 1
-                        }, 8, ["disabled"])
-                      ]),
-                      createElementVNode("div", _hoisted_4, [
-                        (openBlock(true), createElementBlock(Fragment, null, renderList(props.record.options.seriesConfig || [], (s, idx) => {
-                          return openBlock(), createBlock(_component_a_tag, {
-                            key: idx,
-                            color: seriseIndex.value === idx ? "blue" : void 0,
-                            closable: (props.record.options.seriesConfig || []).length > 1,
-                            onClose: withModifiers(() => onRemoveSeries(idx), ["stop", "prevent"]),
-                            onClick: () => seriseIndex.value = idx,
-                            style: { "cursor": "pointer", "user-select": "none", "margin-bottom": "6px" }
-                          }, {
-                            default: withCtx(() => [
-                              createTextVNode(toDisplayString(s.name || `系列${idx + 1}`), 1)
-                            ]),
-                            _: 2
-                          }, 1032, ["color", "closable", "onClose", "onClick"]);
-                        }), 128))
-                      ])
-                    ]),
-                    (openBlock(true), createElementBlock(Fragment, null, renderList(props.record.options.seriesConfig, (item, index) => {
-                      return openBlock(), createElementBlock("div", { key: index }, [
-                        index === seriseIndex.value && seriesList[index] ? (openBlock(), createBlock(_component_a_form_item, {
-                          key: 0,
-                          label: ""
-                        }, {
-                          default: withCtx(() => [
-                            showEditors.value && props.record.options.mode === "static" ? (openBlock(), createBlock(unref(Vue3JsonEditor), {
-                              key: 0,
-                              mode: "text",
-                              "show-btns": false,
-                              expandedOnStart: false,
-                              modelValue: seriesList[index].seriesDataProxy,
-                              "onUpdate:modelValue": ($event) => seriesList[index].seriesDataProxy = $event,
-                              onJsonChange: (value) => onSeriesChange(value, index)
-                            }, null, 8, ["modelValue", "onUpdate:modelValue", "onJsonChange"])) : (openBlock(), createBlock(_component_a_select, {
-                              key: 1,
-                              value: seriesList[index].seriesDynamicValue,
-                              "onUpdate:value": ($event) => seriesList[index].seriesDynamicValue = $event,
-                              options: arrayVariableOptions.value,
-                              placeholder: "选择数组变量",
-                              onChange: (val) => applySeriesDynamic(val, index)
-                            }, null, 8, ["value", "onUpdate:value", "options", "onChange"]))
-                          ]),
-                          _: 2
-                        }, 1024)) : createCommentVNode("", true)
-                      ]);
-                    }), 128)),
-                    (openBlock(true), createElementBlock(Fragment, null, renderList(props.record.options.seriesConfig, (item, index) => {
-                      return openBlock(), createElementBlock("div", { key: index }, [
-                        createVNode(_component_a_form_item, {
-                          label: item.name
-                        }, {
-                          default: withCtx(() => [
-                            createVNode(_component_a_input, {
-                              value: item.name,
-                              "onUpdate:value": ($event) => item.name = $event
-                            }, null, 8, ["value", "onUpdate:value"])
-                          ]),
-                          _: 2
-                        }, 1032, ["label"])
-                      ]);
-                    }), 128))
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        })
-      ]);
-    };
-  }
-};
-const BarChartBasePes = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2e1071e4"]]);
-export {
-  BarChartBasePes as default
-};