bp-aicc-editor 1.0.0

package/lib/config-CXGTRw74.js

@@ -0,0 +1,743 @@
+import { defineComponent as C, toRef as L, resolveComponent as u, createBlock as s, openBlock as t, withCtx as a, createVNode as n, createElementBlock as O, Fragment as P, renderList as A } from "vue";
+import { ElTabPane as E, ElTabs as W } from "element-plus";
+import { E as F, j as I, e as $, k as B, l as N, m as j, n as K, o as q, p as H, g as Y } from "./select-options-BTOkre7F.js";
+import { u as z } from "./use-series-Cmnkexlu.js";
+import { ScrollRankSeries as D } from "./scroll-rank-BsbvGjIy.js";
+import { _ as J } from "./index-Bjs1bW2W.js";
+const M = C({
+  name: "VScrollRankProp",
+  components: {
+    ElTabs: W,
+    ElTabPane: E
+  },
+  props: {
+    com: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(l) {
+    const e = L(l.com, "config"), { activeTab: V, handleAddSeriesItem: y, handRemoveSeriesItem: U } = z(e, D);
+    return {
+      config: e,
+      activeTab: V,
+      handleAddSeriesItem: y,
+      handRemoveSeriesItem: U,
+      fontFamilys: Y,
+      cssLayoutlr: H,
+      cssLayoutLabel: q,
+      hAligns: K,
+      vAligns: j,
+      orients: N,
+      waperEffects: B,
+      lineStyles: $,
+      topShowTypes: I,
+      GenerateType: F
+    };
+  }
+});
+function Q(l, e, V, y, U, X) {
+  const m = u("g-select"), d = u("g-field"), i = u("g-input-number"), R = u("chartGenerateConfig"), S = u("g-input"), f = u("el-tab-pane"), r = u("g-color-picker"), b = u("GChartFontConfig"), g = u("g-field-collapse"), w = u("g-switch"), v = u("g-upload-image"), G = u("GSwiperConfig"), T = u("el-tabs");
+  return l.config.generate.configType === l.GenerateType.基础 ? (t(), s(R, {
+    key: 0,
+    config: l.config,
+    "chart-type": "none"
+  }, {
+    default: a(() => [
+      n(d, {
+        level: 2,
+        "label-span": "6",
+        label: "TOP显示类型"
+      }, {
+        default: a(() => [
+          n(m, {
+            modelValue: l.config.generate.type,
+            "onUpdate:modelValue": e[0] || (e[0] = (o) => l.config.generate.type = o),
+            data: l.topShowTypes
+          }, null, 8, ["modelValue", "data"])
+        ]),
+        _: 1
+      }),
+      n(d, {
+        level: 2,
+        "label-span": "6",
+        label: "间距"
+      }, {
+        default: a(() => [
+          n(i, {
+            modelValue: l.config.global.barGap,
+            "onUpdate:modelValue": e[1] || (e[1] = (o) => l.config.global.barGap = o),
+            inline: "",
+            label: "文本与进度间距",
+            suffix: "px"
+          }, null, 8, ["modelValue"]),
+          n(i, {
+            modelValue: l.config.global.titleLeft,
+            "onUpdate:modelValue": e[2] || (e[2] = (o) => l.config.global.titleLeft = o),
+            inline: "",
+            label: "标题与TOP间距",
+            suffix: "px"
+          }, null, 8, ["modelValue"]),
+          n(i, {
+            modelValue: l.config.global.progressLeft,
+            "onUpdate:modelValue": e[3] || (e[3] = (o) => l.config.global.progressLeft = o),
+            inline: "",
+            label: "进度与数量间距",
+            suffix: "px"
+          }, null, 8, ["modelValue"]),
+          n(i, {
+            modelValue: l.config.top.padding,
+            "onUpdate:modelValue": e[4] || (e[4] = (o) => l.config.top.padding = o),
+            inline: "",
+            label: "TOP内边距",
+            suffix: "px"
+          }, null, 8, ["modelValue"])
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  }, 8, ["config"])) : l.config.generate.configType === l.GenerateType.全量 ? (t(), s(T, {
+    key: "cardleft",
+    "tab-position": "left",
+    type: "card"
+  }, {
+    default: a(() => [
+      n(f, {
+        label: "全局",
+        tab: "global"
+      }, {
+        default: a(() => [
+          n(d, {
+            level: 2,
+            tooltip: "使用返回数据中的哪个字段进行排序",
+            label: "排序字段"
+          }, {
+            default: a(() => [
+              n(S, {
+                modelValue: l.config.global.rankKey,
+                "onUpdate:modelValue": e[5] || (e[5] = (o) => l.config.global.rankKey = o)
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }),
+          n(d, {
+            level: 2,
+            label: "间距"
+          }, {
+            default: a(() => [
+              n(i, {
+                modelValue: l.config.global.titleLeft,
+                "onUpdate:modelValue": e[6] || (e[6] = (o) => l.config.global.titleLeft = o),
+                inline: "",
+                label: "标题与TOP间距",
+                suffix: "px"
+              }, null, 8, ["modelValue"]),
+              n(i, {
+                modelValue: l.config.global.countLeft,
+                "onUpdate:modelValue": e[7] || (e[7] = (o) => l.config.global.countLeft = o),
+                inline: "",
+                label: "数值与图表间距",
+                suffix: "px"
+              }, null, 8, ["modelValue"]),
+              n(i, {
+                modelValue: l.config.global.progressLeft,
+                "onUpdate:modelValue": e[8] || (e[8] = (o) => l.config.global.progressLeft = o),
+                inline: "",
+                label: "进度与数量间距",
+                suffix: "px"
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }),
+      n(f, {
+        label: "TOP",
+        tab: "global"
+      }, {
+        default: a(() => [
+          n(g, {
+            modelValue: l.config.top.show,
+            "onUpdate:modelValue": e[21] || (e[21] = (o) => l.config.top.show = o),
+            level: 2,
+            toggle: "",
+            "label-span": "4",
+            label: "显示TOP"
+          }, {
+            default: a(() => [
+              n(d, {
+                level: 2,
+                label: "尺寸"
+              }, {
+                default: a(() => [
+                  n(i, {
+                    modelValue: l.config.top.width,
+                    "onUpdate:modelValue": e[9] || (e[9] = (o) => l.config.top.width = o),
+                    inline: "",
+                    label: "宽度",
+                    suffix: "px"
+                  }, null, 8, ["modelValue"]),
+                  n(i, {
+                    modelValue: l.config.top.height,
+                    "onUpdate:modelValue": e[10] || (e[10] = (o) => l.config.top.height = o),
+                    inline: "",
+                    label: "高度",
+                    suffix: "px"
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              }),
+              n(d, {
+                level: 2,
+                label: "内边距"
+              }, {
+                default: a(() => [
+                  n(i, {
+                    modelValue: l.config.top.padding,
+                    "onUpdate:modelValue": e[11] || (e[11] = (o) => l.config.top.padding = o),
+                    inline: "",
+                    label: "TOP内边距",
+                    suffix: "px"
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              }),
+              n(d, {
+                level: 2,
+                "label-span": "6",
+                label: "前缀"
+              }, {
+                default: a(() => [
+                  n(S, {
+                    modelValue: l.config.top.prefix,
+                    "onUpdate:modelValue": e[12] || (e[12] = (o) => l.config.top.prefix = o)
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              }),
+              n(d, {
+                level: 2,
+                label: "前几显示TOP"
+              }, {
+                default: a(() => [
+                  n(i, {
+                    modelValue: l.config.top.showNum,
+                    "onUpdate:modelValue": e[13] || (e[13] = (o) => l.config.top.showNum = o),
+                    min: 0,
+                    label: "当设置为0时为全部显示"
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              }),
+              n(d, {
+                level: 2,
+                label: "边框"
+              }, {
+                default: a(() => [
+                  n(r, {
+                    modelValue: l.config.top.borderColor,
+                    "onUpdate:modelValue": e[14] || (e[14] = (o) => l.config.top.borderColor = o),
+                    inline: ""
+                  }, null, 8, ["modelValue"]),
+                  n(m, {
+                    modelValue: l.config.top.borderType,
+                    "onUpdate:modelValue": e[15] || (e[15] = (o) => l.config.top.borderType = o),
+                    data: l.lineStyles,
+                    inline: ""
+                  }, null, 8, ["modelValue", "data"]),
+                  n(i, {
+                    modelValue: l.config.top.borderWidth,
+                    "onUpdate:modelValue": e[16] || (e[16] = (o) => l.config.top.borderWidth = o),
+                    min: 0,
+                    label: "边框宽度",
+                    inline: ""
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              }),
+              n(d, {
+                level: 2,
+                label: "边框圆角"
+              }, {
+                default: a(() => [
+                  n(i, {
+                    modelValue: l.config.top.borderRadius[0],
+                    "onUpdate:modelValue": e[17] || (e[17] = (o) => l.config.top.borderRadius[0] = o),
+                    suffix: "px",
+                    min: 0,
+                    label: "左上圆角",
+                    inline: ""
+                  }, null, 8, ["modelValue"]),
+                  n(i, {
+                    modelValue: l.config.top.borderRadius[1],
+                    "onUpdate:modelValue": e[18] || (e[18] = (o) => l.config.top.borderRadius[1] = o),
+                    suffix: "px",
+                    min: 0,
+                    label: "右上圆角",
+                    inline: ""
+                  }, null, 8, ["modelValue"]),
+                  n(i, {
+                    modelValue: l.config.top.borderRadius[2],
+                    "onUpdate:modelValue": e[19] || (e[19] = (o) => l.config.top.borderRadius[2] = o),
+                    suffix: "px",
+                    min: 0,
+                    label: "左下圆角",
+                    inline: ""
+                  }, null, 8, ["modelValue"]),
+                  n(i, {
+                    modelValue: l.config.top.borderRadius[3],
+                    "onUpdate:modelValue": e[20] || (e[20] = (o) => l.config.top.borderRadius[3] = o),
+                    suffix: "px",
+                    min: 0,
+                    label: "右下圆角",
+                    inline: ""
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              }),
+              n(d, {
+                level: 2,
+                label: "字体"
+              }, {
+                default: a(() => [
+                  n(b, {
+                    config: l.config.top.font
+                  }, null, 8, ["config"])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ]),
+        _: 1
+      }),
+      n(f, {
+        label: "标题",
+        tab: "title"
+      }, {
+        default: a(() => [
+          n(d, {
+            level: 2,
+            "label-span": "4",
+            label: "字体"
+          }, {
+            default: a(() => [
+              n(b, {
+                config: l.config.title.font
+              }, null, 8, ["config"])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }),
+      n(f, {
+        label: "数量",
+        tab: "count"
+      }, {
+        default: a(() => [
+          n(g, {
+            modelValue: l.config.count.show,
+            "onUpdate:modelValue": e[23] || (e[23] = (o) => l.config.count.show = o),
+            level: 2,
+            toggle: "",
+            "label-span": "4",
+            label: "显示数量"
+          }, {
+            default: a(() => [
+              n(d, {
+                leval: 2,
+                label: "顺序",
+                "label-span": "4"
+              }, {
+                default: a(() => [
+                  n(w, {
+                    modelValue: l.config.count.inStart,
+                    "onUpdate:modelValue": e[22] || (e[22] = (o) => l.config.count.inStart = o),
+                    label: "数量显示在占比前"
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              }),
+              n(d, {
+                leval: 2,
+                label: "字体",
+                "label-span": "4"
+              }, {
+                default: a(() => [
+                  n(b, {
+                    config: l.config.count.font
+                  }, null, 8, ["config"])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ]),
+        _: 1
+      }),
+      n(f, {
+        label: "占比",
+        tab: "progress"
+      }, {
+        default: a(() => [
+          n(g, {
+            modelValue: l.config.progress.show,
+            "onUpdate:modelValue": e[24] || (e[24] = (o) => l.config.progress.show = o),
+            level: 2,
+            toggle: "",
+            "label-span": "4",
+            label: "显示占比"
+          }, {
+            default: a(() => [
+              n(d, {
+                leval: 2,
+                label: "字体",
+                "label-span": "4"
+              }, {
+                default: a(() => [
+                  n(b, {
+                    config: l.config.progress.font
+                  }, null, 8, ["config"])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ]),
+        _: 1
+      }),
+      n(f, {
+        label: "进度图",
+        tab: "bar"
+      }, {
+        default: a(() => [
+          n(d, {
+            level: 2,
+            label: "高度"
+          }, {
+            default: a(() => [
+              n(i, {
+                modelValue: l.config.bar.width,
+                "onUpdate:modelValue": e[25] || (e[25] = (o) => l.config.bar.width = o),
+                min: 0
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }),
+          n(d, {
+            level: 2,
+            label: "背景颜色"
+          }, {
+            default: a(() => [
+              n(r, {
+                modelValue: l.config.bar.background,
+                "onUpdate:modelValue": e[26] || (e[26] = (o) => l.config.bar.background = o)
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }),
+          n(d, {
+            level: 2,
+            label: "边框"
+          }, {
+            default: a(() => [
+              n(r, {
+                modelValue: l.config.bar.borderColor,
+                "onUpdate:modelValue": e[27] || (e[27] = (o) => l.config.bar.borderColor = o),
+                inline: ""
+              }, null, 8, ["modelValue"]),
+              n(m, {
+                modelValue: l.config.bar.borderType,
+                "onUpdate:modelValue": e[28] || (e[28] = (o) => l.config.bar.borderType = o),
+                data: l.lineStyles,
+                inline: ""
+              }, null, 8, ["modelValue", "data"]),
+              n(i, {
+                modelValue: l.config.bar.borderWidth,
+                "onUpdate:modelValue": e[29] || (e[29] = (o) => l.config.bar.borderWidth = o),
+                min: 0,
+                label: "边框宽度",
+                inline: ""
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }),
+          n(d, {
+            level: 2,
+            label: "边框圆角"
+          }, {
+            default: a(() => [
+              n(i, {
+                modelValue: l.config.bar.borderRadius[0],
+                "onUpdate:modelValue": e[30] || (e[30] = (o) => l.config.bar.borderRadius[0] = o),
+                suffix: "px",
+                min: 0,
+                label: "左上圆角",
+                inline: ""
+              }, null, 8, ["modelValue"]),
+              n(i, {
+                modelValue: l.config.bar.borderRadius[1],
+                "onUpdate:modelValue": e[31] || (e[31] = (o) => l.config.bar.borderRadius[1] = o),
+                suffix: "px",
+                min: 0,
+                label: "右上圆角",
+                inline: ""
+              }, null, 8, ["modelValue"]),
+              n(i, {
+                modelValue: l.config.bar.borderRadius[2],
+                "onUpdate:modelValue": e[32] || (e[32] = (o) => l.config.bar.borderRadius[2] = o),
+                suffix: "px",
+                min: 0,
+                label: "左下圆角",
+                inline: ""
+              }, null, 8, ["modelValue"]),
+              n(i, {
+                modelValue: l.config.bar.borderRadius[3],
+                "onUpdate:modelValue": e[33] || (e[33] = (o) => l.config.bar.borderRadius[3] = o),
+                suffix: "px",
+                min: 0,
+                label: "右下圆角",
+                inline: ""
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }),
+          n(g, {
+            modelValue: l.config.bar.showIcon,
+            "onUpdate:modelValue": e[46] || (e[46] = (o) => l.config.bar.showIcon = o),
+            level: 2,
+            toggle: "",
+            "label-span": "4",
+            label: "显示图标"
+          }, {
+            default: a(() => [
+              n(d, {
+                level: 2,
+                label: "图标尺寸"
+              }, {
+                default: a(() => [
+                  n(i, {
+                    modelValue: l.config.bar.iconStyle.width,
+                    "onUpdate:modelValue": e[34] || (e[34] = (o) => l.config.bar.iconStyle.width = o),
+                    suffix: "px",
+                    min: 1,
+                    label: "宽度",
+                    inline: ""
+                  }, null, 8, ["modelValue"]),
+                  n(i, {
+                    modelValue: l.config.bar.iconStyle.height,
+                    "onUpdate:modelValue": e[35] || (e[35] = (o) => l.config.bar.iconStyle.height = o),
+                    suffix: "px",
+                    min: 1,
+                    label: "高度",
+                    inline: ""
+                  }, null, 8, ["modelValue"]),
+                  n(i, {
+                    modelValue: l.config.bar.iconStyle.top,
+                    "onUpdate:modelValue": e[36] || (e[36] = (o) => l.config.bar.iconStyle.top = o),
+                    suffix: "px",
+                    min: 1,
+                    label: "Y轴偏移量",
+                    inline: ""
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              }),
+              n(d, {
+                level: 2,
+                label: "背景颜色"
+              }, {
+                default: a(() => [
+                  n(r, {
+                    modelValue: l.config.bar.iconStyle.background,
+                    "onUpdate:modelValue": e[37] || (e[37] = (o) => l.config.bar.iconStyle.background = o)
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              }),
+              n(d, {
+                level: 2,
+                label: "边框"
+              }, {
+                default: a(() => [
+                  n(r, {
+                    modelValue: l.config.bar.iconStyle.borderColor,
+                    "onUpdate:modelValue": e[38] || (e[38] = (o) => l.config.bar.iconStyle.borderColor = o),
+                    inline: ""
+                  }, null, 8, ["modelValue"]),
+                  n(m, {
+                    modelValue: l.config.bar.iconStyle.borderType,
+                    "onUpdate:modelValue": e[39] || (e[39] = (o) => l.config.bar.iconStyle.borderType = o),
+                    data: l.lineStyles,
+                    inline: ""
+                  }, null, 8, ["modelValue", "data"]),
+                  n(i, {
+                    modelValue: l.config.bar.iconStyle.borderWidth,
+                    "onUpdate:modelValue": e[40] || (e[40] = (o) => l.config.bar.iconStyle.borderWidth = o),
+                    min: 0,
+                    label: "边框宽度",
+                    inline: ""
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              }),
+              n(d, {
+                level: 2,
+                label: "边框圆角"
+              }, {
+                default: a(() => [
+                  n(i, {
+                    modelValue: l.config.bar.iconStyle.borderRadius[0],
+                    "onUpdate:modelValue": e[41] || (e[41] = (o) => l.config.bar.iconStyle.borderRadius[0] = o),
+                    suffix: "px",
+                    min: 0,
+                    label: "左上圆角",
+                    inline: ""
+                  }, null, 8, ["modelValue"]),
+                  n(i, {
+                    modelValue: l.config.bar.iconStyle.borderRadius[1],
+                    "onUpdate:modelValue": e[42] || (e[42] = (o) => l.config.bar.iconStyle.borderRadius[1] = o),
+                    suffix: "px",
+                    min: 0,
+                    label: "右上圆角",
+                    inline: ""
+                  }, null, 8, ["modelValue"]),
+                  n(i, {
+                    modelValue: l.config.bar.iconStyle.borderRadius[2],
+                    "onUpdate:modelValue": e[43] || (e[43] = (o) => l.config.bar.iconStyle.borderRadius[2] = o),
+                    suffix: "px",
+                    min: 0,
+                    label: "左下圆角",
+                    inline: ""
+                  }, null, 8, ["modelValue"]),
+                  n(i, {
+                    modelValue: l.config.bar.iconStyle.borderRadius[3],
+                    "onUpdate:modelValue": e[44] || (e[44] = (o) => l.config.bar.iconStyle.borderRadius[3] = o),
+                    suffix: "px",
+                    min: 0,
+                    label: "右下圆角",
+                    inline: ""
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              }),
+              n(d, { label: "图标图片" }, {
+                default: a(() => [
+                  n(v, {
+                    modelValue: l.config.bar.iconStyle.image,
+                    "onUpdate:modelValue": e[45] || (e[45] = (o) => l.config.bar.iconStyle.image = o)
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ]),
+        _: 1
+      }),
+      n(f, {
+        label: "轮播",
+        tab: "scroll"
+      }, {
+        default: a(() => [
+          n(G, {
+            config: l.config.swiper
+          }, null, 8, ["config"])
+        ]),
+        _: 1
+      }),
+      n(f, {
+        label: "流光",
+        tab: "stream"
+      }, {
+        default: a(() => [
+          n(d, {
+            level: 2,
+            label: "宽度"
+          }, {
+            default: a(() => [
+              n(i, {
+                modelValue: l.config.global.streamer.width,
+                "onUpdate:modelValue": e[47] || (e[47] = (o) => l.config.global.streamer.width = o),
+                suffix: "px"
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }),
+          n(d, {
+            level: 2,
+            label: "颜色"
+          }, {
+            default: a(() => [
+              n(r, {
+                modelValue: l.config.global.streamer.color,
+                "onUpdate:modelValue": e[48] || (e[48] = (o) => l.config.global.streamer.color = o)
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }),
+          n(d, {
+            level: 2,
+            label: "动画速度"
+          }, {
+            default: a(() => [
+              n(i, {
+                modelValue: l.config.global.streamer.speed,
+                "onUpdate:modelValue": e[49] || (e[49] = (o) => l.config.global.streamer.speed = o),
+                suffix: "ms"
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  })) : (t(), s(T, {
+    key: "series",
+    modelValue: l.activeTab,
+    "onUpdate:modelValue": e[50] || (e[50] = (o) => l.activeTab = o),
+    "tab-position": "left",
+    type: "card",
+    addable: "",
+    closable: l.config.series.length > 1,
+    class: "iking-v-custom-series",
+    onTabRemove: l.handRemoveSeriesItem,
+    onTabAdd: l.handleAddSeriesItem
+  }, {
+    default: a(() => [
+      (t(!0), O(P, null, A(l.config.series, (o, p) => (t(), s(f, {
+        key: p,
+        label: `系列${p + 1}`,
+        tab: `系列${p + 1}`,
+        name: p
+      }, {
+        default: a(() => [
+          n(d, { label: "右侧图片" }, {
+            default: a(() => [
+              n(v, {
+                modelValue: o.config.top.image,
+                "onUpdate:modelValue": (k) => o.config.top.image = k
+              }, null, 8, ["modelValue", "onUpdate:modelValue"])
+            ]),
+            _: 2
+          }, 1024)
+        ]),
+        _: 2
+      }, 1032, ["label", "tab", "name"]))), 128))
+    ]),
+    _: 1
+  }, 8, ["modelValue", "closable", "onTabRemove", "onTabAdd"]));
+}
+const el = /* @__PURE__ */ J(M, [["render", Q]]);
+export {
+  el as default
+};