super-page-designer 0.0.2-tmp8 → 1.0.1

package/dist/lib/components/design/views/assemblys/chart/radar/series/styles/style-datalabel.vue.js

@@ -0,0 +1,402 @@
+"use strict";
+const vue = require("vue");
+const _hoisted_1 = { style: { "padding": "8px 0px 0px 0px" } };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "style-datalabel",
+  props: {
+    configure: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(__props) {
+    const fontSizes = ["8", "10", "12", "14", "16", "18", "20", "24", "28"];
+    const labelPositions = [];
+    labelPositions.push("top");
+    labelPositions.push("left");
+    labelPositions.push("right");
+    labelPositions.push("bottom");
+    labelPositions.push("inside");
+    labelPositions.push("insideLeft");
+    labelPositions.push("insideRight");
+    labelPositions.push("insideTop");
+    labelPositions.push("insideBottom");
+    labelPositions.push("insideTopLeft");
+    labelPositions.push("insideBottomLeft");
+    labelPositions.push("insideTopRight");
+    labelPositions.push("insideBottomRight");
+    return (_ctx, _cache) => {
+      const _component_el_switch = vue.resolveComponent("el-switch");
+      const _component_el_form_item = vue.resolveComponent("el-form-item");
+      const _component_el_option = vue.resolveComponent("el-option");
+      const _component_el_select = vue.resolveComponent("el-select");
+      const _component_el_checkbox = vue.resolveComponent("el-checkbox");
+      const _component_el_col = vue.resolveComponent("el-col");
+      const _component_el_row = vue.resolveComponent("el-row");
+      const _component_el_input = vue.resolveComponent("el-input");
+      const _component_el_checkbox_group = vue.resolveComponent("el-checkbox-group");
+      const _component_el_color_picker = vue.resolveComponent("el-color-picker");
+      const _component_el_input_number = vue.resolveComponent("el-input-number");
+      const _component_el_text = vue.resolveComponent("el-text");
+      const _component_el_collapse_item = vue.resolveComponent("el-collapse-item");
+      return vue.openBlock(), vue.createBlock(_component_el_collapse_item, {
+        title: "数据标签",
+        name: "styleDataLabel",
+        class: "amb-design-attr-group-header"
+      }, {
+        default: vue.withCtx(() => [
+          vue.createElementVNode("div", _hoisted_1, [
+            vue.createVNode(_component_el_form_item, {
+              label: "是否显示",
+              style: { "margin-top": "4px", "margin-bottom": "-15px" }
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_el_switch, {
+                  modelValue: __props.configure.style.enableLabel,
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.configure.style.enableLabel = $event)
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            vue.withDirectives(vue.createVNode(_component_el_form_item, {
+              label: "标签位置",
+              style: { "margin-top": "15px" }
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_el_select, {
+                  modelValue: __props.configure.style.labelPosition,
+                  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => __props.configure.style.labelPosition = $event),
+                  placeholder: "默认",
+                  clearable: ""
+                }, {
+                  default: vue.withCtx(() => [
+                    (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(labelPositions, (item) => {
+                      return vue.createVNode(_component_el_option, {
+                        label: item,
+                        value: item
+                      }, null, 8, ["label", "value"]);
+                    }), 64))
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            }, 512), [
+              [vue.vShow, __props.configure.style.enableLabel]
+            ]),
+            vue.withDirectives(vue.createVNode(_component_el_form_item, {
+              label: "数据格式",
+              style: { "margin-top": "-10px" }
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_el_checkbox_group, {
+                  modelValue: __props.configure.style.labelNumFormat,
+                  "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => __props.configure.style.labelNumFormat = $event)
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(_component_el_row, { style: { "margin-top": "-10px" } }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_col, { span: 14 }, {
+                          default: vue.withCtx(() => [
+                            vue.createVNode(_component_el_checkbox, {
+                              value: "precision",
+                              label: "小数位数",
+                              size: "large"
+                            })
+                          ]),
+                          _: 1
+                        }),
+                        vue.createVNode(_component_el_col, { span: 8 }, {
+                          default: vue.withCtx(() => [
+                            vue.createVNode(_component_el_select, {
+                              style: { "width": "70px", "margin-top": "8px" },
+                              size: "small",
+                              modelValue: __props.configure.style.labelNumPrecision,
+                              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => __props.configure.style.labelNumPrecision = $event),
+                              disabled: __props.configure.style.labelNumFormat && __props.configure.style.labelNumFormat.indexOf("precision") == -1,
+                              placeholder: "默认",
+                              clearable: ""
+                            }, {
+                              default: vue.withCtx(() => [
+                                vue.createVNode(_component_el_option, {
+                                  label: "1",
+                                  value: "1"
+                                }),
+                                vue.createVNode(_component_el_option, {
+                                  label: "2",
+                                  value: "2"
+                                }),
+                                vue.createVNode(_component_el_option, {
+                                  label: "3",
+                                  value: "3"
+                                }),
+                                vue.createVNode(_component_el_option, {
+                                  label: "4",
+                                  value: "4"
+                                }),
+                                vue.createVNode(_component_el_option, {
+                                  label: "5",
+                                  value: "5"
+                                }),
+                                vue.createVNode(_component_el_option, {
+                                  label: "6",
+                                  value: "6"
+                                })
+                              ]),
+                              _: 1
+                            }, 8, ["modelValue", "disabled"])
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    }),
+                    vue.createVNode(_component_el_row, { style: { "margin-top": "-10px" } }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_col, { span: 14 }, {
+                          default: vue.withCtx(() => [
+                            vue.createVNode(_component_el_checkbox, {
+                              value: "prefix",
+                              label: "前缀",
+                              size: "large"
+                            })
+                          ]),
+                          _: 1
+                        }),
+                        vue.createVNode(_component_el_col, { span: 8 }, {
+                          default: vue.withCtx(() => [
+                            vue.createVNode(_component_el_input, {
+                              style: { "width": "70px", "margin-top": "8px" },
+                              size: "small",
+                              modelValue: __props.configure.style.labelNumPrefix,
+                              "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => __props.configure.style.labelNumPrefix = $event),
+                              disabled: __props.configure.style.labelNumFormat && __props.configure.style.labelNumFormat.indexOf("prefix") == -1,
+                              placeholder: ""
+                            }, null, 8, ["modelValue", "disabled"])
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    }),
+                    vue.createVNode(_component_el_row, { style: { "margin-top": "-10px" } }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_col, { span: 14 }, {
+                          default: vue.withCtx(() => [
+                            vue.createVNode(_component_el_checkbox, {
+                              value: "append",
+                              label: "后缀",
+                              size: "large"
+                            })
+                          ]),
+                          _: 1
+                        }),
+                        vue.createVNode(_component_el_col, { span: 8 }, {
+                          default: vue.withCtx(() => [
+                            vue.createVNode(_component_el_input, {
+                              style: { "width": "70px", "margin-top": "8px" },
+                              size: "small",
+                              modelValue: __props.configure.style.labelNumAppend,
+                              "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => __props.configure.style.labelNumAppend = $event),
+                              disabled: __props.configure.style.labelNumFormat && __props.configure.style.labelNumFormat.indexOf("append") == -1,
+                              placeholder: ""
+                            }, null, 8, ["modelValue", "disabled"])
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            }, 512), [
+              [vue.vShow, __props.configure.style.enableLabel]
+            ]),
+            vue.withDirectives(vue.createVNode(_component_el_form_item, {
+              label: "文字字号",
+              style: { "margin-top": "-10px" }
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_el_select, {
+                  modelValue: __props.configure.style.labelFontSize,
+                  "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => __props.configure.style.labelFontSize = $event),
+                  placeholder: "默认",
+                  clearable: ""
+                }, {
+                  default: vue.withCtx(() => [
+                    (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(fontSizes, (item) => {
+                      return vue.createVNode(_component_el_option, {
+                        label: item,
+                        value: item
+                      }, null, 8, ["label", "value"]);
+                    }), 64))
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            }, 512), [
+              [vue.vShow, __props.configure.style.enableLabel]
+            ]),
+            vue.withDirectives(vue.createVNode(_component_el_form_item, {
+              label: "文字颜色",
+              style: { "margin-top": "-10px" }
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_el_color_picker, {
+                  modelValue: __props.configure.style.labelColor,
+                  "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => __props.configure.style.labelColor = $event)
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }, 512), [
+              [vue.vShow, __props.configure.style.enableLabel]
+            ]),
+            vue.withDirectives(vue.createVNode(_component_el_form_item, {
+              label: "文字粗细",
+              style: { "margin-top": "-10px" }
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_el_select, {
+                  modelValue: __props.configure.style.labelWeight,
+                  "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => __props.configure.style.labelWeight = $event),
+                  placeholder: "默认",
+                  clearable: ""
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(_component_el_option, {
+                      label: "normal",
+                      value: "normal"
+                    }),
+                    vue.createVNode(_component_el_option, {
+                      label: "bold",
+                      value: "bold"
+                    }),
+                    vue.createVNode(_component_el_option, {
+                      label: "bolder",
+                      value: "bolder"
+                    }),
+                    vue.createVNode(_component_el_option, {
+                      label: "lighter",
+                      value: "lighter"
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            }, 512), [
+              [vue.vShow, __props.configure.style.enableLabel]
+            ]),
+            vue.withDirectives(vue.createVNode(_component_el_form_item, {
+              label: "旋转角度",
+              style: { "margin-top": "-10px" }
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_el_input_number, {
+                  modelValue: __props.configure.style.labelAngle,
+                  "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => __props.configure.style.labelAngle = $event),
+                  min: -90,
+                  max: 90
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }, 512), [
+              [vue.vShow, __props.configure.style.enableLabel]
+            ]),
+            vue.withDirectives(vue.createVNode(_component_el_form_item, {
+              label: "文字偏移",
+              style: { "margin-top": "-10px" }
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_el_col, { span: 12 }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(_component_el_form_item, {
+                      label: "左",
+                      "label-width": "40px;"
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_input, {
+                          style: { "width": "50px" },
+                          modelValue: __props.configure.style.labelLeft,
+                          "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => __props.configure.style.labelLeft = $event),
+                          placeholder: ""
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                vue.createVNode(_component_el_col, { span: 12 }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(_component_el_form_item, {
+                      label: "上",
+                      "label-width": "40px;"
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_input, {
+                          style: { "width": "50px" },
+                          modelValue: __props.configure.style.labelTop,
+                          "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => __props.configure.style.labelTop = $event),
+                          placeholder: ""
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                vue.createVNode(_component_el_text, {
+                  style: { "line-height": "15px", "margin-top": "5px" },
+                  type: "success",
+                  size: "small"
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createTextVNode(" 如30,左表示文字在横向上偏移30，上表示纵向上偏移 40 ")
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 512), [
+              [vue.vShow, __props.configure.style.enableLabel]
+            ]),
+            vue.withDirectives(vue.createVNode(_component_el_form_item, {
+              label: "内容定义",
+              style: { "margin-top": "-10px", "margin-bottom": "-15px" }
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_el_input, {
+                  modelValue: __props.configure.style.labelFormatter,
+                  "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => __props.configure.style.labelFormatter = $event),
+                  rows: 2,
+                  type: "textarea",
+                  placeholder: ""
+                }, null, 8, ["modelValue"]),
+                vue.createVNode(_component_el_text, {
+                  style: { "line-height": "15px", "margin-top": "5px" },
+                  type: "success",
+                  size: "small"
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createTextVNode(" {a}：系列名；{b}：数据名；{c}：数据值；{@xxx}；{@[n]} ")
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 512), [
+              [vue.vShow, __props.configure.style.enableLabel]
+            ])
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/components/design/views/assemblys/chart/radar/series/styles/style-datalabel.vue2.js

@@ -0,0 +1,3 @@
+"use strict";
+const styleDatalabel_vue_vue_type_script_setup_true_lang = require("./style-datalabel.vue.js");
+module.exports = styleDatalabel_vue_vue_type_script_setup_true_lang;