bp-aicc-editor 1.0.0

package/lib/config-6kqKwjzS.js

@@ -0,0 +1,783 @@
+import { NSwitch as q, NRadioGroup as R, NRadioButton as B } from "naive-ui";
+import { defineComponent as G, toRef as D, resolveComponent as s, createElementBlock as x, openBlock as m, createVNode as u, withCtx as o, createBlock as i, createCommentVNode as v, unref as f, Fragment as w, renderList as k, createTextVNode as T, toDisplayString as z } from "vue";
+import "./index-Bjs1bW2W.js";
+import { g as L, f as E, i as O } from "./select-options-BTOkre7F.js";
+const j = { class: "setting-panel-gui" }, P = /* @__PURE__ */ G({
+  __name: "config",
+  props: {
+    com: {}
+  },
+  setup(F) {
+    const l = D(F.com, "config"), S = [
+      { key: "desc", value: "降序" },
+      { key: "asc", value: "升序" }
+    ], W = [
+      { key: "1", value: "1" },
+      { key: "2", value: "NO.1" },
+      { key: "3", value: "(1)" }
+    ], N = L, b = E, U = O;
+    return (H, a) => {
+      const p = s("g-select"), t = s("g-field"), V = q, d = s("g-input-number"), n = s("g-field-collapse"), r = s("g-color-picker"), g = s("g-input"), y = B, C = R;
+      return m(), x("div", j, [
+        u(n, { label: "全局样式" }, {
+          default: o(() => [
+            u(t, {
+              level: 2,
+              tooltip: "请选择您系统有的字体，如果您系统无此字体，标题将会显示默认字体",
+              label: "字体"
+            }, {
+              default: o(() => [
+                u(p, {
+                  modelValue: l.value.global.fontFamily,
+                  "onUpdate:modelValue": a[0] || (a[0] = (e) => l.value.global.fontFamily = e),
+                  data: f(N)
+                }, null, 8, ["modelValue", "data"])
+              ]),
+              _: 1
+            }),
+            u(t, {
+              level: 2,
+              label: "开启动画"
+            }, {
+              default: o(() => [
+                u(V, {
+                  value: l.value.global.animation,
+                  "onUpdate:value": a[1] || (a[1] = (e) => l.value.global.animation = e)
+                }, null, 8, ["value"])
+              ]),
+              _: 1
+            }),
+            u(t, {
+              level: 2,
+              label: "动画时间"
+            }, {
+              default: o(() => [
+                u(d, {
+                  modelValue: l.value.global.duration,
+                  "onUpdate:modelValue": a[2] || (a[2] = (e) => l.value.global.duration = e),
+                  min: 100,
+                  max: 999999,
+                  step: 100,
+                  suffix: "ms"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            u(t, {
+              level: 2,
+              label: "行间距"
+            }, {
+              default: o(() => [
+                u(d, {
+                  modelValue: l.value.global.padding,
+                  "onUpdate:modelValue": a[3] || (a[3] = (e) => l.value.global.padding = e),
+                  min: 0,
+                  max: 100,
+                  step: 1,
+                  suffix: "px"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            u(t, {
+              level: 2,
+              label: "数量"
+            }, {
+              default: o(() => [
+                u(d, {
+                  modelValue: l.value.global.quantity,
+                  "onUpdate:modelValue": a[4] || (a[4] = (e) => l.value.global.quantity = e),
+                  min: 1,
+                  max: 100,
+                  step: 1
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            u(t, {
+              level: 2,
+              tooltip: "开启自动轮播后, 配置不会立即生效, 将会在下一次轮播后生效",
+              label: "自动轮播"
+            }, {
+              default: o(() => [
+                u(V, {
+                  value: l.value.global.loop,
+                  "onUpdate:value": a[5] || (a[5] = (e) => l.value.global.loop = e)
+                }, null, 8, ["value"])
+              ]),
+              _: 1
+            }),
+            l.value.global.loop === !0 ? (m(), i(t, {
+              key: 0,
+              level: 2,
+              label: "轮播时间"
+            }, {
+              default: o(() => [
+                u(d, {
+                  modelValue: l.value.global.looptime,
+                  "onUpdate:modelValue": a[6] || (a[6] = (e) => l.value.global.looptime = e),
+                  min: 100,
+                  max: 999999,
+                  step: 100,
+                  suffix: "ms"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            })) : v("", !0),
+            u(n, {
+              modelValue: l.value.global.sort.show,
+              "onUpdate:modelValue": a[8] || (a[8] = (e) => l.value.global.sort.show = e),
+              toggle: !0,
+              label: "排序"
+            }, {
+              default: o(() => [
+                u(t, {
+                  level: 2,
+                  label: "排序"
+                }, {
+                  default: o(() => [
+                    u(p, {
+                      modelValue: l.value.global.sort.sort,
+                      "onUpdate:modelValue": a[7] || (a[7] = (e) => l.value.global.sort.sort = e),
+                      data: S
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["modelValue"])
+          ]),
+          _: 1
+        }),
+        u(n, {
+          modelValue: l.value.index.show,
+          "onUpdate:modelValue": a[15] || (a[15] = (e) => l.value.index.show = e),
+          toggle: !0,
+          label: "序列号"
+        }, {
+          default: o(() => [
+            u(n, { label: "文本样式" }, {
+              default: o(() => [
+                u(t, {
+                  level: 2,
+                  label: "字号"
+                }, {
+                  default: o(() => [
+                    u(d, {
+                      modelValue: l.value.index.textarea.fontSize,
+                      "onUpdate:modelValue": a[9] || (a[9] = (e) => l.value.index.textarea.fontSize = e),
+                      min: 12,
+                      max: 100,
+                      step: 1
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                }),
+                u(t, {
+                  level: 2,
+                  label: "颜色"
+                }, {
+                  default: o(() => [
+                    u(r, {
+                      modelValue: l.value.index.textarea.color,
+                      "onUpdate:modelValue": a[10] || (a[10] = (e) => l.value.index.textarea.color = e)
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                }),
+                u(t, {
+                  level: 2,
+                  label: "字体粗细"
+                }, {
+                  default: o(() => [
+                    u(p, {
+                      modelValue: l.value.index.textarea.fontWeight,
+                      "onUpdate:modelValue": a[11] || (a[11] = (e) => l.value.index.textarea.fontWeight = e),
+                      data: f(b)
+                    }, null, 8, ["modelValue", "data"])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }),
+            u(t, {
+              level: 2,
+              label: "宽度"
+            }, {
+              default: o(() => [
+                u(g, {
+                  modelValue: l.value.index.width,
+                  "onUpdate:modelValue": a[12] || (a[12] = (e) => l.value.index.width = e)
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            u(t, {
+              level: 2,
+              label: "间隔"
+            }, {
+              default: o(() => [
+                u(d, {
+                  modelValue: l.value.index.padding,
+                  "onUpdate:modelValue": a[13] || (a[13] = (e) => l.value.index.padding = e),
+                  min: 0,
+                  max: 100,
+                  step: 1,
+                  suffix: "px"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            u(t, {
+              level: 2,
+              label: "格式"
+            }, {
+              default: o(() => [
+                u(p, {
+                  modelValue: l.value.index.format,
+                  "onUpdate:modelValue": a[14] || (a[14] = (e) => l.value.index.format = e),
+                  data: W
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["modelValue"]),
+        u(n, { label: "内容" }, {
+          default: o(() => [
+            u(n, { label: "文本样式" }, {
+              default: o(() => [
+                u(t, {
+                  level: 2,
+                  label: "字号"
+                }, {
+                  default: o(() => [
+                    u(d, {
+                      modelValue: l.value.content.textarea.fontSize,
+                      "onUpdate:modelValue": a[16] || (a[16] = (e) => l.value.content.textarea.fontSize = e),
+                      min: 12,
+                      max: 100,
+                      step: 1,
+                      suffix: "px"
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                }),
+                u(t, {
+                  level: 2,
+                  label: "颜色"
+                }, {
+                  default: o(() => [
+                    u(r, {
+                      modelValue: l.value.content.textarea.color,
+                      "onUpdate:modelValue": a[17] || (a[17] = (e) => l.value.content.textarea.color = e)
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                }),
+                u(t, {
+                  level: 2,
+                  label: "字体粗细"
+                }, {
+                  default: o(() => [
+                    u(p, {
+                      modelValue: l.value.content.textarea.fontWeight,
+                      "onUpdate:modelValue": a[18] || (a[18] = (e) => l.value.content.textarea.fontWeight = e),
+                      data: f(b)
+                    }, null, 8, ["modelValue", "data"])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }),
+            u(n, {
+              modelValue: l.value.content.marquee.show,
+              "onUpdate:modelValue": a[20] || (a[20] = (e) => l.value.content.marquee.show = e),
+              toggle: !0,
+              label: "跑马灯"
+            }, {
+              default: o(() => [
+                u(t, {
+                  level: 2,
+                  label: "动画时间"
+                }, {
+                  default: o(() => [
+                    u(d, {
+                      modelValue: l.value.content.marquee.duration,
+                      "onUpdate:modelValue": a[19] || (a[19] = (e) => l.value.content.marquee.duration = e),
+                      min: 100,
+                      max: 999999,
+                      step: 100,
+                      suffix: "ms"
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["modelValue"])
+          ]),
+          _: 1
+        }),
+        u(n, {
+          modelValue: l.value.number.show,
+          "onUpdate:modelValue": a[32] || (a[32] = (e) => l.value.number.show = e),
+          toggle: !0,
+          label: "数值"
+        }, {
+          default: o(() => [
+            u(t, {
+              level: 2,
+              label: "字号"
+            }, {
+              default: o(() => [
+                u(d, {
+                  modelValue: l.value.number.fontSize,
+                  "onUpdate:modelValue": a[21] || (a[21] = (e) => l.value.number.fontSize = e),
+                  min: 12,
+                  max: 100,
+                  step: 1,
+                  suffix: "px"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            u(t, {
+              level: 2,
+              label: "颜色"
+            }, {
+              default: o(() => [
+                u(r, {
+                  modelValue: l.value.number.color,
+                  "onUpdate:modelValue": a[22] || (a[22] = (e) => l.value.number.color = e)
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            u(t, {
+              level: 2,
+              label: "字体粗细"
+            }, {
+              default: o(() => [
+                u(p, {
+                  modelValue: l.value.number.fontWeight,
+                  "onUpdate:modelValue": a[23] || (a[23] = (e) => l.value.number.fontWeight = e),
+                  data: f(b)
+                }, null, 8, ["modelValue", "data"])
+              ]),
+              _: 1
+            }),
+            u(t, {
+              level: 2,
+              label: "间隔"
+            }, {
+              default: o(() => [
+                u(d, {
+                  modelValue: l.value.number.padding,
+                  "onUpdate:modelValue": a[24] || (a[24] = (e) => l.value.number.padding = e),
+                  min: 0,
+                  max: 1e3,
+                  step: 1,
+                  suffix: "px"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            u(t, {
+              level: 2,
+              label: "显示百分数"
+            }, {
+              default: o(() => [
+                u(V, {
+                  value: l.value.number.percentage,
+                  "onUpdate:value": a[25] || (a[25] = (e) => l.value.number.percentage = e)
+                }, null, 8, ["value"])
+              ]),
+              _: 1
+            }),
+            u(t, {
+              level: 2,
+              label: "千分位分隔符"
+            }, {
+              default: o(() => [
+                u(V, {
+                  value: l.value.number.separatingChart,
+                  "onUpdate:value": a[26] || (a[26] = (e) => l.value.number.separatingChart = e)
+                }, null, 8, ["value"])
+              ]),
+              _: 1
+            }),
+            u(t, {
+              level: 2,
+              label: "保留小数位"
+            }, {
+              default: o(() => [
+                u(d, {
+                  modelValue: l.value.number.decimal,
+                  "onUpdate:modelValue": a[27] || (a[27] = (e) => l.value.number.decimal = e),
+                  min: 0,
+                  max: 100,
+                  step: 1
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            u(t, {
+              level: 2,
+              label: "前后缀",
+              "is-flat": !0
+            }, {
+              default: o(() => [
+                u(g, {
+                  modelValue: l.value.number.symbol.prefix,
+                  "onUpdate:modelValue": a[28] || (a[28] = (e) => l.value.number.symbol.prefix = e),
+                  inline: "inline",
+                  label: "前缀"
+                }, null, 8, ["modelValue"]),
+                u(g, {
+                  modelValue: l.value.number.symbol.suffix,
+                  "onUpdate:modelValue": a[29] || (a[29] = (e) => l.value.number.symbol.suffix = e),
+                  inline: "inline",
+                  label: "后缀"
+                }, null, 8, ["modelValue"]),
+                u(d, {
+                  modelValue: l.value.number.symbol.marginLeft,
+                  "onUpdate:modelValue": a[30] || (a[30] = (e) => l.value.number.symbol.marginLeft = e),
+                  min: 0,
+                  max: 1e3,
+                  step: 1,
+                  suffix: "px",
+                  inline: "inline",
+                  label: "左间距"
+                }, null, 8, ["modelValue"]),
+                u(d, {
+                  modelValue: l.value.number.symbol.marginRight,
+                  "onUpdate:modelValue": a[31] || (a[31] = (e) => l.value.number.symbol.marginRight = e),
+                  min: 0,
+                  max: 1e3,
+                  step: 1,
+                  suffix: "px",
+                  inline: "inline",
+                  label: "右间距"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["modelValue"]),
+        u(n, {
+          modelValue: l.value.bar.show,
+          "onUpdate:modelValue": a[45] || (a[45] = (e) => l.value.bar.show = e),
+          toggle: !0,
+          label: "柱状图"
+        }, {
+          default: o(() => [
+            u(t, {
+              level: 2,
+              label: "填充类型"
+            }, {
+              default: o(() => [
+                u(C, {
+                  value: l.value.bar.fillColorType,
+                  "onUpdate:value": a[33] || (a[33] = (e) => l.value.bar.fillColorType = e),
+                  size: "small"
+                }, {
+                  default: o(() => [
+                    (m(!0), x(w, null, k(f(U), (e) => (m(), i(y, {
+                      key: e.id,
+                      value: e.id
+                    }, {
+                      default: o(() => [
+                        T(z(e.value), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["value"]))), 128))
+                  ]),
+                  _: 1
+                }, 8, ["value"])
+              ]),
+              _: 1
+            }),
+            l.value.bar.fillColorType === "solid" ? (m(), i(t, {
+              key: 0,
+              level: 2,
+              label: "颜色"
+            }, {
+              default: o(() => [
+                u(r, {
+                  modelValue: l.value.bar.color,
+                  "onUpdate:modelValue": a[34] || (a[34] = (e) => l.value.bar.color = e)
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            })) : v("", !0),
+            l.value.bar.fillColorType === "gradient" ? (m(), i(t, {
+              key: 1,
+              level: 2,
+              label: "开始颜色"
+            }, {
+              default: o(() => [
+                u(r, {
+                  modelValue: l.value.bar.fromColor,
+                  "onUpdate:modelValue": a[35] || (a[35] = (e) => l.value.bar.fromColor = e)
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            })) : v("", !0),
+            l.value.bar.fillColorType === "gradient" ? (m(), i(t, {
+              key: 2,
+              level: 2,
+              label: "结束颜色"
+            }, {
+              default: o(() => [
+                u(r, {
+                  modelValue: l.value.bar.toColor,
+                  "onUpdate:modelValue": a[36] || (a[36] = (e) => l.value.bar.toColor = e)
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            })) : v("", !0),
+            u(t, {
+              level: 2,
+              label: "高度"
+            }, {
+              default: o(() => [
+                u(d, {
+                  modelValue: l.value.bar.height,
+                  "onUpdate:modelValue": a[37] || (a[37] = (e) => l.value.bar.height = e),
+                  min: 1,
+                  max: 1e3,
+                  step: 1,
+                  suffix: "px"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            u(t, {
+              level: 2,
+              label: "圆角"
+            }, {
+              default: o(() => [
+                u(d, {
+                  modelValue: l.value.bar.radius,
+                  "onUpdate:modelValue": a[38] || (a[38] = (e) => l.value.bar.radius = e),
+                  min: 0,
+                  max: 1e3,
+                  step: 1,
+                  suffix: "px"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            u(n, {
+              modelValue: l.value.bar.threshold.show,
+              "onUpdate:modelValue": a[44] || (a[44] = (e) => l.value.bar.threshold.show = e),
+              toggle: !0,
+              label: "高亮"
+            }, {
+              default: o(() => [
+                u(t, {
+                  level: 2,
+                  label: "阈值"
+                }, {
+                  default: o(() => [
+                    u(d, {
+                      modelValue: l.value.bar.threshold.value,
+                      "onUpdate:modelValue": a[39] || (a[39] = (e) => l.value.bar.threshold.value = e),
+                      step: 1,
+                      suffix: "%"
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                }),
+                u(t, {
+                  level: 2,
+                  label: "填充类型"
+                }, {
+                  default: o(() => [
+                    u(C, {
+                      value: l.value.bar.threshold.fillColorType,
+                      "onUpdate:value": a[40] || (a[40] = (e) => l.value.bar.threshold.fillColorType = e),
+                      size: "small"
+                    }, {
+                      default: o(() => [
+                        (m(!0), x(w, null, k(f(U), (e) => (m(), i(y, {
+                          key: e.id,
+                          value: e.id
+                        }, {
+                          default: o(() => [
+                            T(z(e.value), 1)
+                          ]),
+                          _: 2
+                        }, 1032, ["value"]))), 128))
+                      ]),
+                      _: 1
+                    }, 8, ["value"])
+                  ]),
+                  _: 1
+                }),
+                l.value.bar.threshold.fillColorType === "solid" ? (m(), i(t, {
+                  key: 0,
+                  level: 2,
+                  label: "颜色"
+                }, {
+                  default: o(() => [
+                    u(r, {
+                      modelValue: l.value.bar.threshold.color,
+                      "onUpdate:modelValue": a[41] || (a[41] = (e) => l.value.bar.threshold.color = e)
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                })) : v("", !0),
+                l.value.bar.threshold.fillColorType === "gradient" ? (m(), i(t, {
+                  key: 1,
+                  level: 2,
+                  label: "开始颜色"
+                }, {
+                  default: o(() => [
+                    u(r, {
+                      modelValue: l.value.bar.threshold.fromColor,
+                      "onUpdate:modelValue": a[42] || (a[42] = (e) => l.value.bar.threshold.fromColor = e)
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                })) : v("", !0),
+                l.value.bar.threshold.fillColorType === "gradient" ? (m(), i(t, {
+                  key: 2,
+                  level: 2,
+                  label: "结束颜色"
+                }, {
+                  default: o(() => [
+                    u(r, {
+                      modelValue: l.value.bar.threshold.toColor,
+                      "onUpdate:modelValue": a[43] || (a[43] = (e) => l.value.bar.threshold.toColor = e)
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                })) : v("", !0)
+              ]),
+              _: 1
+            }, 8, ["modelValue"])
+          ]),
+          _: 1
+        }, 8, ["modelValue"]),
+        u(n, {
+          modelValue: l.value.light.show,
+          "onUpdate:modelValue": a[50] || (a[50] = (e) => l.value.light.show = e),
+          toggle: !0,
+          label: "流光"
+        }, {
+          default: o(() => [
+            u(t, {
+              level: 2,
+              label: "颜色"
+            }, {
+              default: o(() => [
+                u(r, {
+                  modelValue: l.value.light.color,
+                  "onUpdate:modelValue": a[46] || (a[46] = (e) => l.value.light.color = e)
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            u(t, {
+              level: 2,
+              label: "宽度"
+            }, {
+              default: o(() => [
+                u(d, {
+                  modelValue: l.value.light.width,
+                  "onUpdate:modelValue": a[47] || (a[47] = (e) => l.value.light.width = e),
+                  min: 0,
+                  max: 1e3,
+                  step: 1,
+                  suffix: "px"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            u(t, {
+              level: 2,
+              label: "高度"
+            }, {
+              default: o(() => [
+                u(d, {
+                  modelValue: l.value.light.height,
+                  "onUpdate:modelValue": a[48] || (a[48] = (e) => l.value.light.height = e),
+                  min: 0,
+                  max: 1e3,
+                  step: 1,
+                  suffix: "px"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            u(t, {
+              level: 2,
+              label: "动画间隔"
+            }, {
+              default: o(() => [
+                u(d, {
+                  modelValue: l.value.light.duration,
+                  "onUpdate:modelValue": a[49] || (a[49] = (e) => l.value.light.duration = e),
+                  min: 100,
+                  max: 999999,
+                  step: 100,
+                  suffix: "ms"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["modelValue"]),
+        u(n, {
+          modelValue: l.value.segment.show,
+          "onUpdate:modelValue": a[53] || (a[53] = (e) => l.value.segment.show = e),
+          toggle: !0,
+          label: "分隔线"
+        }, {
+          default: o(() => [
+            u(t, {
+              level: 2,
+              label: "颜色"
+            }, {
+              default: o(() => [
+                u(r, {
+                  modelValue: l.value.segment.color,
+                  "onUpdate:modelValue": a[51] || (a[51] = (e) => l.value.segment.color = e)
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            u(t, {
+              level: 2,
+              label: "高度"
+            }, {
+              default: o(() => [
+                u(d, {
+                  modelValue: l.value.segment.height,
+                  "onUpdate:modelValue": a[52] || (a[52] = (e) => l.value.segment.height = e),
+                  min: 0,
+                  max: 1e3,
+                  step: 1,
+                  suffix: "px"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ]);
+    };
+  }
+});
+export {
+  P as default
+};