bp-aicc-editor 1.0.0

package/lib/config-XBAZDWTe.js

@@ -0,0 +1,739 @@
+import { defineComponent as L, toRef as A, resolveComponent as u, createBlock as V, openBlock as t, withCtx as a, createVNode as n, createElementBlock as E, Fragment as O, renderList as P } from "vue";
+import { ElTabPane as W, ElTabs as F } from "element-plus";
+import { E as I, j as $, e as B, k as N, l as j, m as K, n as q, o as H, p as Y, g as z } from "./select-options-BTOkre7F.js";
+import { u as D } from "./use-series-Cmnkexlu.js";
+import { ScrollRankBarSeries as J } from "./scroll-rank-bar-BfceYhB-.js";
+import { _ as M } from "./index-Bjs1bW2W.js";
+const Q = L({
+  name: "VScrollRankBarProp",
+  components: {
+    ElTabs: F,
+    ElTabPane: W
+  },
+  props: {
+    com: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(l) {
+    const e = A(l.com, "config"), { activeTab: y, handleAddSeriesItem: U, handRemoveSeriesItem: v } = D(e, J);
+    return {
+      config: e,
+      activeTab: y,
+      handAddEvent: () => {
+        e.value.series.push({
+          config: {
+            url: ""
+          }
+        });
+      },
+      handleAddSeriesItem: U,
+      handRemoveSeriesItem: v,
+      fontFamilys: z,
+      cssLayoutlr: Y,
+      cssLayoutLabel: H,
+      hAligns: q,
+      vAligns: K,
+      orients: j,
+      waperEffects: N,
+      lineStyles: B,
+      topShowTypes: $,
+      GenerateType: I
+    };
+  }
+});
+function X(l, e, y, U, v, T) {
+  const m = u("g-select"), d = u("g-field"), w = u("chartGenerateConfig"), b = u("g-input"), i = u("g-input-number"), f = u("el-tab-pane"), r = u("g-color-picker"), g = u("GChartFontConfig"), p = u("g-field-collapse"), k = u("g-switch"), S = u("g-upload-image"), C = u("GSwiperConfig"), R = u("el-tabs");
+  return l.config.generate.configType === l.GenerateType.基础 ? (t(), V(w, {
+    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
+      })
+    ]),
+    _: 1
+  }, 8, ["config"])) : l.config.generate.configType === l.GenerateType.全量 ? (t(), V(R, {
+    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(b, {
+                modelValue: l.config.global.rankKey,
+                "onUpdate:modelValue": e[1] || (e[1] = (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[2] || (e[2] = (o) => l.config.global.titleLeft = o),
+                inline: "",
+                label: "标题与TOP间距",
+                suffix: "px"
+              }, null, 8, ["modelValue"]),
+              n(i, {
+                modelValue: l.config.global.countLeft,
+                "onUpdate:modelValue": e[3] || (e[3] = (o) => l.config.global.countLeft = o),
+                inline: "",
+                label: "数值与图表间距",
+                suffix: "px"
+              }, null, 8, ["modelValue"]),
+              n(i, {
+                modelValue: l.config.global.progressLeft,
+                "onUpdate:modelValue": e[4] || (e[4] = (o) => l.config.global.progressLeft = o),
+                inline: "",
+                label: "进度与数量间距",
+                suffix: "px"
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }),
+      n(f, {
+        label: "TOP",
+        tab: "global"
+      }, {
+        default: a(() => [
+          n(p, {
+            modelValue: l.config.top.show,
+            "onUpdate:modelValue": e[17] || (e[17] = (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[5] || (e[5] = (o) => l.config.top.width = o),
+                    inline: "",
+                    label: "宽度",
+                    suffix: "px"
+                  }, null, 8, ["modelValue"]),
+                  n(i, {
+                    modelValue: l.config.top.height,
+                    "onUpdate:modelValue": e[6] || (e[6] = (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[7] || (e[7] = (o) => l.config.top.padding = o),
+                    inline: "",
+                    label: "TOP内边距",
+                    suffix: "px"
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              }),
+              n(d, {
+                level: 2,
+                label: "前缀"
+              }, {
+                default: a(() => [
+                  n(b, {
+                    modelValue: l.config.top.prefix,
+                    "onUpdate:modelValue": e[8] || (e[8] = (o) => l.config.top.prefix = o),
+                    clearable: ""
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              }),
+              n(d, {
+                level: 2,
+                label: "前几显示TOP"
+              }, {
+                default: a(() => [
+                  n(i, {
+                    modelValue: l.config.top.showNum,
+                    "onUpdate:modelValue": e[9] || (e[9] = (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[10] || (e[10] = (o) => l.config.top.borderColor = o),
+                    inline: ""
+                  }, null, 8, ["modelValue"]),
+                  n(m, {
+                    modelValue: l.config.top.borderType,
+                    "onUpdate:modelValue": e[11] || (e[11] = (o) => l.config.top.borderType = o),
+                    data: l.lineStyles,
+                    inline: ""
+                  }, null, 8, ["modelValue", "data"]),
+                  n(i, {
+                    modelValue: l.config.top.borderWidth,
+                    "onUpdate:modelValue": e[12] || (e[12] = (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[13] || (e[13] = (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[14] || (e[14] = (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[15] || (e[15] = (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[16] || (e[16] = (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(g, {
+                    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(g, {
+                config: l.config.title.font
+              }, null, 8, ["config"])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }),
+      n(f, {
+        label: "数量",
+        tab: "count"
+      }, {
+        default: a(() => [
+          n(p, {
+            modelValue: l.config.count.show,
+            "onUpdate:modelValue": e[20] || (e[20] = (o) => l.config.count.show = o),
+            level: 2,
+            toggle: "",
+            "label-span": "4",
+            label: "显示数量"
+          }, {
+            default: a(() => [
+              n(d, {
+                level: 2,
+                "label-span": "4",
+                label: "后缀"
+              }, {
+                default: a(() => [
+                  n(b, {
+                    modelValue: l.config.count.suffix,
+                    "onUpdate:modelValue": e[18] || (e[18] = (o) => l.config.count.suffix = o)
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              }),
+              n(d, {
+                leval: 2,
+                label: "顺序",
+                "label-span": "4"
+              }, {
+                default: a(() => [
+                  n(k, {
+                    modelValue: l.config.count.inStart,
+                    "onUpdate:modelValue": e[19] || (e[19] = (o) => l.config.count.inStart = o),
+                    label: "数量显示在占比前"
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              }),
+              n(d, {
+                leval: 2,
+                label: "字体",
+                "label-span": "4"
+              }, {
+                default: a(() => [
+                  n(g, {
+                    config: l.config.count.font
+                  }, null, 8, ["config"])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ]),
+        _: 1
+      }),
+      n(f, {
+        label: "占比",
+        tab: "progress"
+      }, {
+        default: a(() => [
+          n(p, {
+            modelValue: l.config.progress.show,
+            "onUpdate:modelValue": e[22] || (e[22] = (o) => l.config.progress.show = o),
+            level: 2,
+            toggle: "",
+            "label-span": "4",
+            label: "显示占比"
+          }, {
+            default: a(() => [
+              n(d, {
+                level: 2,
+                "label-span": "4",
+                label: "后缀"
+              }, {
+                default: a(() => [
+                  n(b, {
+                    modelValue: l.config.progress.suffix.value,
+                    "onUpdate:modelValue": e[21] || (e[21] = (o) => l.config.progress.suffix.value = o)
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              }),
+              n(d, {
+                leval: 2,
+                label: "字体",
+                "label-span": "4"
+              }, {
+                default: a(() => [
+                  n(g, {
+                    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[23] || (e[23] = (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[24] || (e[24] = (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[25] || (e[25] = (o) => l.config.bar.borderColor = o),
+                inline: ""
+              }, null, 8, ["modelValue"]),
+              n(m, {
+                modelValue: l.config.bar.borderType,
+                "onUpdate:modelValue": e[26] || (e[26] = (o) => l.config.bar.borderType = o),
+                data: l.lineStyles,
+                inline: ""
+              }, null, 8, ["modelValue", "data"]),
+              n(i, {
+                modelValue: l.config.bar.borderWidth,
+                "onUpdate:modelValue": e[27] || (e[27] = (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[28] || (e[28] = (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[29] || (e[29] = (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[30] || (e[30] = (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[31] || (e[31] = (o) => l.config.bar.borderRadius[3] = o),
+                suffix: "px",
+                min: 0,
+                label: "右下圆角",
+                inline: ""
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }),
+          n(p, {
+            modelValue: l.config.bar.showIcon,
+            "onUpdate:modelValue": e[44] || (e[44] = (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[32] || (e[32] = (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[33] || (e[33] = (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[34] || (e[34] = (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[35] || (e[35] = (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[36] || (e[36] = (o) => l.config.bar.iconStyle.borderColor = o),
+                    inline: ""
+                  }, null, 8, ["modelValue"]),
+                  n(m, {
+                    modelValue: l.config.bar.iconStyle.borderType,
+                    "onUpdate:modelValue": e[37] || (e[37] = (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[38] || (e[38] = (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[39] || (e[39] = (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[40] || (e[40] = (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[41] || (e[41] = (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[42] || (e[42] = (o) => l.config.bar.iconStyle.borderRadius[3] = o),
+                    suffix: "px",
+                    min: 0,
+                    label: "右下圆角",
+                    inline: ""
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              }),
+              n(d, { label: "图标图片" }, {
+                default: a(() => [
+                  n(S, {
+                    modelValue: l.config.bar.iconStyle.image,
+                    "onUpdate:modelValue": e[43] || (e[43] = (o) => l.config.bar.iconStyle.image = o)
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ]),
+        _: 1
+      }),
+      n(f, {
+        label: "轮播",
+        tab: "scroll"
+      }, {
+        default: a(() => [
+          n(C, {
+            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[45] || (e[45] = (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[46] || (e[46] = (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[47] || (e[47] = (o) => l.config.global.streamer.speed = o),
+                suffix: "ms"
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  })) : (t(), V(R, {
+    key: "series",
+    modelValue: l.activeTab,
+    "onUpdate:modelValue": e[48] || (e[48] = (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), E(O, null, P(l.config.series, (o, s) => (t(), V(f, {
+        key: s,
+        label: `系列${s + 1}`,
+        tab: `系列${s + 1}`,
+        name: s
+      }, {
+        default: a(() => [
+          n(d, { label: "右侧图片" }, {
+            default: a(() => [
+              n(S, {
+                modelValue: o.config.top.image,
+                "onUpdate:modelValue": (G) => o.config.top.image = G
+              }, null, 8, ["modelValue", "onUpdate:modelValue"])
+            ]),
+            _: 2
+          }, 1024)
+        ]),
+        _: 2
+      }, 1032, ["label", "tab", "name"]))), 128))
+    ]),
+    _: 1
+  }, 8, ["modelValue", "closable", "onTabRemove", "onTabAdd"]));
+}
+const el = /* @__PURE__ */ M(Q, [["render", X]]);
+export {
+  el as default
+};