super-page-designer 0.0.1-tmp1

package/dist/es/components/design/views/assemblys/chart/pie/series/styles/style-pie.vue.js

@@ -0,0 +1,587 @@
+import { defineComponent, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, createVNode, createTextVNode, unref, withDirectives, vShow } from "vue";
+import { Top, Bottom, Plus, Delete } from "@element-plus/icons-vue";
+import { ElMessage } from "element-plus";
+const _hoisted_1 = { style: { "padding": "8px 0px 0px 0px" } };
+const _hoisted_2 = { style: { "text-align": "center", "margin": "0px -8px", "padding-top": "4px", "padding-left": "2px" } };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "style-pie",
+  props: {
+    configure: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    if (!props.configure.style.colors) {
+      props.configure.style.colors = [];
+    }
+    if (props.configure.style.colors.length == 0) {
+      props.configure.style.colors.push({
+        index: 1
+      });
+    }
+    function moveTop(rowItem) {
+      let sortIndex = -1;
+      const items = props.configure.style.colors;
+      const itemLen = items.length;
+      for (let index = 0; index < itemLen; index++) {
+        if (items[index].index == rowItem.index) {
+          sortIndex = index;
+          break;
+        }
+      }
+      if (sortIndex < 1) {
+        return;
+      }
+      [items[sortIndex - 1], items[sortIndex]] = [items[sortIndex], items[sortIndex - 1]];
+    }
+    function moveToBottom(rowItem) {
+      let sortIndex = -1;
+      const items = props.configure.style.colors;
+      const itemLen = items.length;
+      for (let index = 0; index < itemLen; index++) {
+        if (items[index].index == rowItem.index) {
+          sortIndex = index;
+          break;
+        }
+      }
+      if (sortIndex == -1 || items.length == sortIndex + 1) {
+        return;
+      }
+      [items[sortIndex], items[sortIndex + 1]] = [items[sortIndex + 1], items[sortIndex]];
+    }
+    function addColor(rowItem) {
+      let maxIndex = -1;
+      let currentIndex = -1;
+      const items = props.configure.style.colors;
+      items.find((item, index) => {
+        if (item.index == rowItem.index) {
+          currentIndex = index;
+        }
+        if (item.index > maxIndex) {
+          maxIndex = item.index;
+        }
+      });
+      if (currentIndex > -1) {
+        items.splice(currentIndex + 1, 0, {
+          index: maxIndex + 1
+        });
+      }
+    }
+    function deleteColor(rowItem) {
+      const items = props.configure.style.colors;
+      if (items.length == 1) {
+        ElMessage.error("必须保留一行!");
+        alert("必须保留一行!");
+        return;
+      }
+      let delIdnex = -1;
+      for (let index in items) {
+        if (items[index].index == rowItem.index) {
+          delIdnex = index;
+          break;
+        }
+      }
+      if (delIdnex > -1) {
+        items.splice(delIdnex, 1);
+      }
+    }
+    return (_ctx, _cache) => {
+      const _component_el_option = resolveComponent("el-option");
+      const _component_el_select = resolveComponent("el-select");
+      const _component_el_form_item = resolveComponent("el-form-item");
+      const _component_el_input = resolveComponent("el-input");
+      const _component_el_col = resolveComponent("el-col");
+      const _component_el_text = resolveComponent("el-text");
+      const _component_el_input_number = resolveComponent("el-input-number");
+      const _component_el_divider = resolveComponent("el-divider");
+      const _component_el_icon = resolveComponent("el-icon");
+      const _component_el_table_column = resolveComponent("el-table-column");
+      const _component_el_color_picker = resolveComponent("el-color-picker");
+      const _component_el_table = resolveComponent("el-table");
+      const _component_el_collapse_item = resolveComponent("el-collapse-item");
+      return openBlock(), createBlock(_component_el_collapse_item, {
+        title: "扇区",
+        name: "stylePie",
+        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_select, {
+                  modelValue: __props.configure.style.roseType,
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.configure.style.roseType = $event),
+                  placeholder: "默认",
+                  clearable: ""
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_option, {
+                      label: "radius",
+                      value: "radius"
+                    }),
+                    createVNode(_component_el_option, {
+                      label: "area",
+                      value: "area"
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            createVNode(_component_el_form_item, {
+              label: "圆心坐标",
+              style: { "margin-top": "-10px" }
+            }, {
+              default: withCtx(() => [
+                createVNode(_component_el_col, { span: 12 }, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_form_item, {
+                      label: "左",
+                      "label-width": "40px;"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_el_input, {
+                          style: { "width": "50px" },
+                          modelValue: __props.configure.style.centerLeft,
+                          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => __props.configure.style.centerLeft = $event),
+                          placeholder: ""
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_el_col, { span: 12 }, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_form_item, {
+                      label: "上",
+                      "label-width": "40px;"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_el_input, {
+                          style: { "width": "50px" },
+                          modelValue: __props.configure.style.centerTop,
+                          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => __props.configure.style.centerTop = $event),
+                          placeholder: ""
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_el_text, {
+                  style: { "line-height": "15px", "margin-top": "5px" },
+                  type: "success",
+                  size: "small"
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode("格式如：50%,左为是横坐标位置，上是纵坐标位置")
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }),
+            createVNode(_component_el_form_item, {
+              label: "饼图半径",
+              style: { "margin-top": "-10px" }
+            }, {
+              default: withCtx(() => [
+                createVNode(_component_el_col, { span: 12 }, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_form_item, {
+                      label: "内",
+                      "label-width": "40px;"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_el_input, {
+                          style: { "width": "50px" },
+                          modelValue: __props.configure.style.radiusInner,
+                          "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => __props.configure.style.radiusInner = $event),
+                          placeholder: ""
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_el_col, { span: 12 }, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_form_item, {
+                      label: "外",
+                      "label-width": "40px;"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_el_input, {
+                          style: { "width": "50px" },
+                          modelValue: __props.configure.style.radiusOuter,
+                          "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => __props.configure.style.radiusOuter = $event),
+                          placeholder: ""
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_el_text, {
+                  style: { "line-height": "15px", "margin-top": "5px" },
+                  type: "success",
+                  size: "small"
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode("格式如：0或75%,内是内半径，外是外半径")
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }),
+            createVNode(_component_el_form_item, {
+              label: "间隔角度",
+              style: { "margin-top": "-10px" }
+            }, {
+              default: withCtx(() => [
+                createVNode(_component_el_input_number, {
+                  modelValue: __props.configure.style.padAngle,
+                  "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => __props.configure.style.padAngle = $event),
+                  min: 0,
+                  max: 360
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            createVNode(_component_el_form_item, {
+              label: "透明度",
+              style: { "margin-top": "-10px" }
+            }, {
+              default: withCtx(() => [
+                createVNode(_component_el_select, {
+                  modelValue: __props.configure.style.opacity,
+                  "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => __props.configure.style.opacity = $event),
+                  placeholder: "默认",
+                  clearable: ""
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_option, {
+                      label: "1",
+                      value: "1"
+                    }),
+                    createVNode(_component_el_option, {
+                      label: "0.9",
+                      value: "0.9"
+                    }),
+                    createVNode(_component_el_option, {
+                      label: "0.8",
+                      value: "0.8"
+                    }),
+                    createVNode(_component_el_option, {
+                      label: "0.7",
+                      value: "0.7"
+                    }),
+                    createVNode(_component_el_option, {
+                      label: "0.6",
+                      value: "0.6"
+                    }),
+                    createVNode(_component_el_option, {
+                      label: "0.5",
+                      value: "0.5"
+                    }),
+                    createVNode(_component_el_option, {
+                      label: "0.4",
+                      value: "0.4"
+                    }),
+                    createVNode(_component_el_option, {
+                      label: "0.3",
+                      value: "0.3"
+                    }),
+                    createVNode(_component_el_option, {
+                      label: "0.2",
+                      value: "0.2"
+                    }),
+                    createVNode(_component_el_option, {
+                      label: "0.1",
+                      value: "0.1"
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            createVNode(_component_el_divider, null, {
+              default: withCtx(() => [
+                createTextVNode(" 扇区颜色 ")
+              ]),
+              _: 1
+            }),
+            createVNode(_component_el_table, {
+              data: __props.configure.style.colors,
+              style: { "width": "100%" }
+            }, {
+              default: withCtx(() => [
+                createVNode(_component_el_table_column, {
+                  label: "",
+                  width: "32"
+                }, {
+                  default: withCtx((scope) => [
+                    createElementVNode("div", _hoisted_2, [
+                      createVNode(_component_el_icon, {
+                        size: "14",
+                        style: { "cursor": "pointer" },
+                        onClick: ($event) => moveTop(scope.row)
+                      }, {
+                        default: withCtx(() => [
+                          createVNode(unref(Top))
+                        ]),
+                        _: 2
+                      }, 1032, ["onClick"]),
+                      createVNode(_component_el_icon, {
+                        size: "14",
+                        style: { "margin-left": "2px", "cursor": "pointer" },
+                        onClick: ($event) => moveToBottom(scope.row)
+                      }, {
+                        default: withCtx(() => [
+                          createVNode(unref(Bottom))
+                        ]),
+                        _: 2
+                      }, 1032, ["onClick"])
+                    ])
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_el_table_column, {
+                  prop: "label",
+                  label: "名称",
+                  width: "100"
+                }, {
+                  default: withCtx((scope) => [
+                    createVNode(_component_el_input, {
+                      modelValue: scope.row.name,
+                      "onUpdate:modelValue": ($event) => scope.row.name = $event,
+                      size: "small"
+                    }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_el_table_column, {
+                  prop: "label",
+                  label: "颜色",
+                  width: "58"
+                }, {
+                  default: withCtx((scope) => [
+                    createVNode(_component_el_color_picker, {
+                      modelValue: scope.row.color,
+                      "onUpdate:modelValue": ($event) => scope.row.color = $event
+                    }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_el_table_column, {
+                  label: "操作",
+                  width: "60"
+                }, {
+                  default: withCtx((scope) => [
+                    createVNode(_component_el_icon, {
+                      size: "14",
+                      style: { "color": "#5893EF", "cursor": "pointer", "font-weight": "bold", "margin-right": "8px" },
+                      onClick: ($event) => addColor(scope.row)
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(unref(Plus))
+                      ]),
+                      _: 2
+                    }, 1032, ["onClick"]),
+                    createVNode(_component_el_icon, {
+                      size: "14",
+                      style: { "color": "#5893EF", "cursor": "pointer" },
+                      onClick: ($event) => deleteColor(scope.row)
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(unref(Delete))
+                      ]),
+                      _: 2
+                    }, 1032, ["onClick"])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["data"]),
+            createVNode(_component_el_text, {
+              style: { "line-height": "15px" },
+              type: "success",
+              size: "small"
+            }, {
+              default: withCtx(() => [
+                createTextVNode("按顺序设置扇区颜色,如有设置名称,则按名称匹配颜色")
+              ]),
+              _: 1
+            }),
+            createVNode(_component_el_divider, null, {
+              default: withCtx(() => [
+                createTextVNode(" 边框 ")
+              ]),
+              _: 1
+            }),
+            createVNode(_component_el_form_item, {
+              label: "颜色",
+              style: { "margin-top": "-10px" }
+            }, {
+              default: withCtx(() => [
+                createVNode(_component_el_color_picker, {
+                  modelValue: __props.configure.style.borderColor,
+                  "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => __props.configure.style.borderColor = $event)
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            withDirectives(createVNode(_component_el_form_item, {
+              label: "线宽",
+              style: { "margin-top": "-10px" }
+            }, {
+              default: withCtx(() => [
+                createVNode(_component_el_input_number, {
+                  modelValue: __props.configure.style.borderWidth,
+                  "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => __props.configure.style.borderWidth = $event),
+                  min: 1,
+                  max: 100
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }, 512), [
+              [vShow, __props.configure.style.borderColor]
+            ]),
+            withDirectives(createVNode(_component_el_form_item, {
+              label: "线型",
+              style: { "margin-top": "-10px" }
+            }, {
+              default: withCtx(() => [
+                createVNode(_component_el_select, {
+                  modelValue: __props.configure.style.borderType,
+                  "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => __props.configure.style.borderType = $event),
+                  placeholder: "默认",
+                  clearable: ""
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_option, {
+                      label: "solid",
+                      value: "solid"
+                    }),
+                    createVNode(_component_el_option, {
+                      label: "dashed",
+                      value: "dashed"
+                    }),
+                    createVNode(_component_el_option, {
+                      label: "dotted",
+                      value: "dotted"
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            }, 512), [
+              [vShow, __props.configure.style.borderColor]
+            ]),
+            withDirectives(createVNode(_component_el_form_item, {
+              label: "边框圆角",
+              style: { "margin-top": "-10px" }
+            }, {
+              default: withCtx(() => [
+                createVNode(_component_el_input_number, {
+                  modelValue: __props.configure.style.borderRadius,
+                  "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => __props.configure.style.borderRadius = $event),
+                  min: 0,
+                  max: 30
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }, 512), [
+              [vShow, __props.configure.style.borderColor]
+            ]),
+            createVNode(_component_el_divider, null, {
+              default: withCtx(() => [
+                createTextVNode(" 阴影 ")
+              ]),
+              _: 1
+            }),
+            createVNode(_component_el_form_item, {
+              label: "阴影颜色",
+              style: { "margin-top": "-10px", "margin-bottom": "-15px" }
+            }, {
+              default: withCtx(() => [
+                createVNode(_component_el_color_picker, {
+                  modelValue: __props.configure.style.shadowColor,
+                  "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => __props.configure.style.shadowColor = $event)
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            withDirectives(createVNode(_component_el_form_item, {
+              label: "阴影模糊",
+              style: { "margin-top": "22px" }
+            }, {
+              default: withCtx(() => [
+                createVNode(_component_el_input_number, {
+                  modelValue: __props.configure.style.shadowBlur,
+                  "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => __props.configure.style.shadowBlur = $event),
+                  min: 0,
+                  max: 20
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }, 512), [
+              [vShow, __props.configure.style.shadowColor]
+            ]),
+            withDirectives(createVNode(_component_el_form_item, {
+              label: "水平偏移",
+              style: { "margin-top": "-10px" }
+            }, {
+              default: withCtx(() => [
+                createVNode(_component_el_input_number, {
+                  modelValue: __props.configure.style.shadowX,
+                  "onUpdate:modelValue": _cache[13] || (_cache[13] = ($event) => __props.configure.style.shadowX = $event),
+                  min: 0,
+                  max: 40
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }, 512), [
+              [vShow, __props.configure.style.shadowColor]
+            ]),
+            withDirectives(createVNode(_component_el_form_item, {
+              label: "垂直偏移",
+              style: { "margin-top": "-10px", "margin-bottom": "-15px" }
+            }, {
+              default: withCtx(() => [
+                createVNode(_component_el_input_number, {
+                  modelValue: __props.configure.style.shadowY,
+                  "onUpdate:modelValue": _cache[14] || (_cache[14] = ($event) => __props.configure.style.shadowY = $event),
+                  min: 0,
+                  max: 40
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }, 512), [
+              [vShow, __props.configure.style.shadowColor]
+            ])
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/es/components/design/views/assemblys/chart/pie/series/styles/style-pie.vue2.js

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

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

@@ -0,0 +1,40 @@
+import { defineComponent, ref, resolveComponent, openBlock, createBlock, withCtx, createVNode } from "vue";
+import _sfc_main$1 from "../../common/common-advanced-basic.vue.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "attr-advanced",
+  props: {
+    configure: {
+      type: Object,
+      required: true
+    },
+    default: () => ({ props: {} })
+  },
+  setup(__props) {
+    const openCollapseItems = ref(["base"]);
+    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",
+        size: "small"
+      }, {
+        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(() => [
+              createVNode(_sfc_main$1, { configure: __props.configure }, null, 8, ["configure"])
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

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

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

@@ -0,0 +1,52 @@
+import { defineComponent, ref, resolveComponent, openBlock, createBlock, withCtx, createVNode } from "vue";
+import _sfc_main$1 from "../common/common-attr-base.vue.js";
+import _sfc_main$2 from "../common/common-attr-serieslist.vue.js";
+import _sfc_main$3 from "../common/common-attr-assistant.vue.js";
+import _sfc_main$4 from "../../common/common-attr-size.vue.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "radar-attr-base",
+  props: {
+    configure: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(__props) {
+    const openCollapseItems = ref(["propsBase", "seriesList", "propsGroup", "attrSize", "propsSort", "propsDrill", "propsAssistant"]);
+    return (_ctx, _cache) => {
+      const _component_commonAttrGroupby = resolveComponent("commonAttrGroupby");
+      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[0] || (_cache[0] = ($event) => openCollapseItems.value = $event),
+            style: { "margin-top": "6px" }
+          }, {
+            default: withCtx(() => [
+              createVNode(_sfc_main$1, { configure: __props.configure }, null, 8, ["configure"]),
+              createVNode(_sfc_main$2, {
+                configure: __props.configure,
+                defaultType: "gauge"
+              }, null, 8, ["configure"]),
+              createVNode(_component_commonAttrGroupby, { configure: __props.configure }, null, 8, ["configure"]),
+              createVNode(_sfc_main$3, { configure: __props.configure }, null, 8, ["configure"]),
+              createVNode(_sfc_main$4, {
+                size: __props.configure.props.size
+              }, null, 8, ["size"])
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  _sfc_main as default
+};