super-page-designer 0.0.1-tmp1

package/dist/es/components/design/views/assemblys/chart/radar/radar-attr-base.vue2.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./radar-attr-base.vue.js";
+export {
+  _sfc_main as default
+};

package/dist/es/components/design/views/assemblys/chart/radar/radar-attr-style.vue.js

@@ -0,0 +1,66 @@
+import { defineComponent, ref, resolveComponent, openBlock, createBlock, withCtx, createVNode, withDirectives, vShow } from "vue";
+import _sfc_main$1 from "../common/common-style-font-title.vue.js";
+import _sfc_main$2 from "../common/common-style-font-subtitle.vue.js";
+import _sfc_main$3 from "../common/common-style-legend.vue.js";
+import _sfc_main$4 from "../common/common-style-grid.vue.js";
+import _sfc_main$5 from "../common/common-style-tooltip.vue.js";
+import _sfc_main$6 from "../common/common-style-custom.vue.js";
+import _sfc_main$7 from "../../common/common-style-margin.vue.js";
+import _sfc_main$8 from "../../common/common-style-border.vue.js";
+import _sfc_main$9 from "../../common/common-style-shadow.vue.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "radar-attr-style",
+  props: {
+    configure: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    if (props.configure.style.yaxisLeft == void 0) {
+      props.configure.style.yaxisLeft = {};
+    }
+    if (props.configure.style.yaxisRight == void 0) {
+      props.configure.style.yaxisRight = {};
+    }
+    const openCollapseItems = ref(["titleFont"]);
+    return (_ctx, _cache) => {
+      const _component_el_collapse = resolveComponent("el-collapse");
+      const _component_el_form = resolveComponent("el-form");
+      return openBlock(), createBlock(_component_el_form, { "label-width": "80px" }, {
+        default: withCtx(() => [
+          createVNode(_component_el_collapse, {
+            modelValue: openCollapseItems.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => openCollapseItems.value = $event),
+            style: { "margin-top": "6px" }
+          }, {
+            default: withCtx(() => [
+              withDirectives(createVNode(_sfc_main$1, { configure: __props.configure }, null, 8, ["configure"]), [
+                [vShow, __props.configure.props.title]
+              ]),
+              withDirectives(createVNode(_sfc_main$2, { configure: __props.configure }, null, 8, ["configure"]), [
+                [vShow, __props.configure.props.subTitle]
+              ]),
+              createVNode(_sfc_main$3, { configure: __props.configure }, null, 8, ["configure"]),
+              createVNode(_sfc_main$4, { configure: __props.configure }, null, 8, ["configure"]),
+              createVNode(_sfc_main$5, {
+                configure: __props.configure,
+                chartType: "radar"
+              }, null, 8, ["configure"]),
+              createVNode(_sfc_main$6, { configure: __props.configure }, null, 8, ["configure"]),
+              createVNode(_sfc_main$7, { configure: __props.configure }, null, 8, ["configure"]),
+              createVNode(_sfc_main$8, { configure: __props.configure }, null, 8, ["configure"]),
+              createVNode(_sfc_main$9, { configure: __props.configure }, null, 8, ["configure"])
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/es/components/design/views/assemblys/chart/radar/radar-attr-style.vue2.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./radar-attr-style.vue.js";
+export {
+  _sfc_main as default
+};

package/dist/es/components/design/views/assemblys/chart/radar/radar-attr.vue.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./radar-attr.vue2.js";
+export {
+  _sfc_main as default
+};

package/dist/es/components/design/views/assemblys/chart/radar/radar-attr.vue2.js

@@ -0,0 +1,87 @@
+import { defineComponent, ref, watch, resolveComponent, openBlock, createElementBlock, createElementVNode, normalizeClass, createTextVNode, createBlock, createCommentVNode, withDirectives, createVNode, vShow } from "vue";
+import _sfc_main$1 from "./radar-attr-base.vue.js";
+import _sfc_main$2 from "./radar-attr-style.vue.js";
+import _sfc_main$3 from "../../common-attr-events.vue.js";
+import _sfc_main$4 from "./attr-advanced.vue.js";
+const _hoisted_1 = { class: "amb-design-attr-content" };
+const _hoisted_2 = { class: "amb-design-attr-header" };
+const _hoisted_3 = { class: "amb-design-attr-header-type" };
+const _hoisted_4 = { class: "amb-design-attr-list" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "radar-attr",
+  props: {
+    configure: {
+      type: Object,
+      required: true
+    }
+  },
+  emits: [],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const selAsselbyType = ref("base");
+    if (props.configure.events == void 0) {
+      props.configure.events = [];
+    }
+    const selEventCount = ref(0);
+    caculateSelEventCount();
+    function caculateSelEventCount() {
+      const allEvents = props.configure.events;
+      for (let index = 0; index < allEvents.length; index++) {
+        if (allEvents[index].selLogicCode) {
+          selEventCount.value++;
+        }
+      }
+    }
+    watch(props.configure.events, (newValue) => {
+      caculateSelEventCount();
+    });
+    return (_ctx, _cache) => {
+      const _component_el_badge = resolveComponent("el-badge");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("div", _hoisted_3, [
+            createElementVNode("label", {
+              class: normalizeClass({ "selected": selAsselbyType.value == "base" }),
+              onClick: _cache[0] || (_cache[0] = ($event) => selAsselbyType.value = "base")
+            }, "属性", 2),
+            createElementVNode("label", {
+              class: normalizeClass({ "selected": selAsselbyType.value == "style" }),
+              onClick: _cache[1] || (_cache[1] = ($event) => selAsselbyType.value = "style")
+            }, "样式", 2),
+            createElementVNode("label", {
+              class: normalizeClass({ "selected": selAsselbyType.value == "event" }),
+              onClick: _cache[2] || (_cache[2] = ($event) => selAsselbyType.value = "event")
+            }, [
+              createTextVNode(" 事件 "),
+              selEventCount.value > 0 ? (openBlock(), createBlock(_component_el_badge, {
+                key: 0,
+                value: selEventCount.value
+              }, null, 8, ["value"])) : createCommentVNode("", true)
+            ], 2),
+            createElementVNode("label", {
+              class: normalizeClass({ "selected": selAsselbyType.value == "advanced" }),
+              onClick: _cache[3] || (_cache[3] = ($event) => selAsselbyType.value = "advanced")
+            }, "高级", 2)
+          ])
+        ]),
+        createElementVNode("div", _hoisted_4, [
+          withDirectives(createVNode(_sfc_main$1, { configure: __props.configure }, null, 8, ["configure"]), [
+            [vShow, selAsselbyType.value == "base"]
+          ]),
+          withDirectives(createVNode(_sfc_main$2, { configure: __props.configure }, null, 8, ["configure"]), [
+            [vShow, selAsselbyType.value == "style"]
+          ]),
+          withDirectives(createVNode(_sfc_main$3, { configure: __props.configure }, null, 8, ["configure"]), [
+            [vShow, selAsselbyType.value == "event"]
+          ]),
+          withDirectives(createVNode(_sfc_main$4, { configure: __props.configure }, null, 8, ["configure"]), [
+            [vShow, selAsselbyType.value == "advanced"]
+          ])
+        ])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/es/components/design/views/assemblys/chart/radar/radar-design.vue.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./radar-design.vue2.js";
+export {
+  _sfc_main as default
+};

package/dist/es/components/design/views/assemblys/chart/radar/radar-design.vue2.js

@@ -0,0 +1,138 @@
+import { defineComponent, ref, watch, openBlock, createElementBlock, normalizeStyle, normalizeClass, withModifiers, createVNode, unref, withDirectives, createElementVNode, Fragment, renderList, toDisplayString, vShow } from "vue";
+import { caculateComponentStyle } from "../../../../utils/container-design-util.js";
+import { generateChartOption } from "../../../../utils/chart-design-util.js";
+import { getCustomTheme } from "super-page-runtime/src/utils/charts/chart-util.ts";
+import _sfc_main$1 from "./series/series-attr.vue.js";
+import { use } from "echarts/core";
+import { CanvasRenderer } from "echarts/renderers";
+import { RadarChart } from "echarts/charts";
+import { GridComponent, TitleComponent, TooltipComponent, ToolboxComponent, LegendComponent } from "echarts/components";
+import VChart from "vue-echarts";
+const _hoisted_1 = { style: { "position": "absolute", "top": "0px", "right": "60px", "text-align": "center" } };
+const _hoisted_2 = ["onClick"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "radar-design",
+  props: {
+    configure: {
+      type: Object,
+      required: true
+    },
+    indexObj: Object,
+    selectWidget: Object
+  },
+  emits: ["onSelectWidget", "onCustomAttrWidget"],
+  setup(__props, { emit: __emit }) {
+    use([CanvasRenderer, RadarChart, GridComponent, TitleComponent, TooltipComponent, ToolboxComponent, LegendComponent]);
+    const props = __props;
+    if (!props.configure.props) {
+      props.configure.props = {};
+    }
+    if (!props.configure.items) {
+      props.configure.items = [];
+    }
+    if (props.configure.items.length == 0) {
+      props.configure.items.push({
+        index: 1,
+        type: "radar",
+        props: {
+          title: "系列1"
+        },
+        style: {}
+      });
+    }
+    if (!props.configure.runtime) {
+      props.configure.runtime = {};
+    }
+    const designStyle = ref({});
+    const designClass = ref("");
+    const customTheme = ref(null);
+    const chartOption = ref({});
+    watch(
+      props.configure.style,
+      () => {
+        customCaculateStyle();
+        customChartOption();
+      },
+      { immediate: true }
+    );
+    watch(props.configure.props, () => {
+      customChartOption();
+    });
+    watch(props.configure.items, () => {
+      customChartOption();
+    });
+    function customCaculateStyle() {
+      caculateComponentStyle(props.configure, designStyle, designClass, null);
+      props.configure.runtime.style = designStyle.value;
+      props.configure.runtime.class = designClass.value;
+    }
+    function customChartOption() {
+      generateChartOption(props.configure, chartOption);
+      customTheme.value = getCustomTheme(props.configure.props.customTheme);
+      props.configure.runtime.chartOption = chartOption.value;
+    }
+    if (props.selectWidget) {
+      watch(props.selectWidget, () => {
+        if (props.selectWidget && props.selectWidget.value != props.configure.componentIndex) {
+          clearSelectedSeries();
+        }
+      });
+    }
+    function clearSelectedSeries() {
+      if (props.configure.items) {
+        for (let item of props.configure.items) {
+          item.selected = false;
+        }
+      }
+    }
+    function selectParent(evt) {
+      clearSelectedSeries();
+    }
+    function selectSeries(evt, itemIndex) {
+      if (evt) {
+        evt.preventDefault();
+      }
+      const selItem = props.configure.items[itemIndex];
+      if (selItem.selected) {
+        return;
+      }
+      for (let tempItem of props.configure.items) {
+        if (tempItem.selected) {
+          tempItem.selected = false;
+          break;
+        }
+      }
+      selItem.selected = true;
+      $emits("onCustomAttrWidget", selItem, _sfc_main$1);
+    }
+    const $emits = __emit;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        style: normalizeStyle(designStyle.value),
+        class: normalizeClass([designClass.value, "amb-widget-chart"]),
+        onClick: withModifiers(selectParent, ["stop"]),
+        ref: "thisRef"
+      }, [
+        createVNode(unref(VChart), {
+          ref: "chartRef",
+          theme: customTheme.value,
+          option: chartOption.value,
+          autoresize: ""
+        }, null, 8, ["theme", "option"]),
+        withDirectives(createElementVNode("div", _hoisted_1, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.configure.items, (item, itemIndex) => {
+            return openBlock(), createElementBlock("label", {
+              class: normalizeClass([[item.selected ? "amb-design-chart-series-selected" : ""], "amb-design-chart-series"]),
+              onClick: withModifiers(($event) => selectSeries($event, itemIndex), ["stop"])
+            }, toDisplayString(item.props.title), 11, _hoisted_2);
+          }), 256))
+        ], 512), [
+          [vShow, __props.configure.componentIndex == __props.selectWidget.value]
+        ])
+      ], 6);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/es/components/design/views/assemblys/chart/radar/series/attrs/attr-testdatas.vue.js

@@ -0,0 +1,58 @@
+import { defineComponent, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, createVNode } from "vue";
+const _hoisted_1 = { style: { "padding": "8px 0px 0px 0px" } };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "attr-testdatas",
+  props: {
+    configure: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      const _component_el_input = resolveComponent("el-input");
+      const _component_el_form_item = resolveComponent("el-form-item");
+      const _component_el_collapse_item = resolveComponent("el-collapse-item");
+      return openBlock(), createBlock(_component_el_collapse_item, {
+        title: "测试数据",
+        name: "propsTestDatas",
+        class: "amb-design-attr-group-header"
+      }, {
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1, [
+            createVNode(_component_el_form_item, {
+              label: "配置项",
+              style: { "margin-top": "4px" }
+            }, {
+              default: withCtx(() => [
+                createVNode(_component_el_input, {
+                  modelValue: __props.configure.props.testitems,
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.configure.props.testitems = $event),
+                  placeholder: "请输入"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            createVNode(_component_el_form_item, {
+              label: "数据",
+              style: { "margin-top": "-10px", "margin-bottom": "-15px" }
+            }, {
+              default: withCtx(() => [
+                createVNode(_component_el_input, {
+                  modelValue: __props.configure.props.testdatas,
+                  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => __props.configure.props.testdatas = $event),
+                  placeholder: "请输入"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/es/components/design/views/assemblys/chart/radar/series/attrs/attr-testdatas.vue2.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./attr-testdatas.vue.js";
+export {
+  _sfc_main as default
+};

package/dist/es/components/design/views/assemblys/chart/radar/series/series-attr-base.vue.js

@@ -0,0 +1,82 @@
+import { defineComponent, ref, resolveComponent, openBlock, createBlock, withCtx, createVNode, createElementVNode } from "vue";
+import _sfc_main$1 from "./series-attr-dataset.vue.js";
+import _sfc_main$2 from "./attrs/attr-testdatas.vue.js";
+const _hoisted_1 = { style: { "padding": "8px 0px 0px 0px" } };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "series-attr-base",
+  props: {
+    configure: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(__props) {
+    const openCollapseItems = ref(["1", "dataList", "propsDynamic", "propsTestDatas"]);
+    return (_ctx, _cache) => {
+      const _component_el_input = resolveComponent("el-input");
+      const _component_el_form_item = resolveComponent("el-form-item");
+      const _component_el_collapse_item = resolveComponent("el-collapse-item");
+      const _component_el_collapse = resolveComponent("el-collapse");
+      const _component_el_form = resolveComponent("el-form");
+      return openBlock(), createBlock(_component_el_form, {
+        "label-width": "80px",
+        size: "small"
+      }, {
+        default: withCtx(() => [
+          createVNode(_component_el_collapse, {
+            modelValue: openCollapseItems.value,
+            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => openCollapseItems.value = $event),
+            style: { "margin-top": "6px" }
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_el_collapse_item, {
+                title: "基本",
+                name: "1",
+                class: "amb-design-attr-group-header"
+              }, {
+                default: withCtx(() => [
+                  createElementVNode("div", _hoisted_1, [
+                    createVNode(_component_el_form_item, {
+                      label: "系列名称",
+                      style: { "margin-top": "4px" }
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_el_input, {
+                          modelValue: __props.configure.props.title,
+                          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.configure.props.title = $event),
+                          placeholder: "请输入"
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    }),
+                    createVNode(_component_el_form_item, {
+                      label: "副标题",
+                      style: { "margin-top": "-10px", "margin-bottom": "-15px" }
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_el_input, {
+                          modelValue: __props.configure.props.subTitle,
+                          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => __props.configure.props.subTitle = $event),
+                          placeholder: "请输入"
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    })
+                  ])
+                ]),
+                _: 1
+              }),
+              createVNode(_sfc_main$1, { configure: __props.configure }, null, 8, ["configure"]),
+              createVNode(_sfc_main$2, { configure: __props.configure }, null, 8, ["configure"])
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/es/components/design/views/assemblys/chart/radar/series/series-attr-base.vue2.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./series-attr-base.vue.js";
+export {
+  _sfc_main as default
+};