bp-aicc-editor 1.0.0

package/lib/config-DJJlRxrQ.js

@@ -0,0 +1,510 @@
+import { defineComponent as p, toRef as V, resolveComponent as f, createBlock as s, openBlock as v, withCtx as a, createVNode as n } from "vue";
+import { d as U, e as k, f as C, g as S } from "./select-options-BTOkre7F.js";
+import "./btn-group-aVjYHP70.js";
+import { ElTabPane as z, ElTabs as w } from "element-plus";
+import { _ as y } from "./index-Bjs1bW2W.js";
+const F = p({
+  name: "BarConfig",
+  components: {
+    ElTabs: w,
+    ElTabPane: z
+  },
+  props: {
+    com: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(l) {
+    const e = V(l.com, "config");
+    return e.value.hover.show === void 0 && (e.value.hover.show = !0), e.value.active.show === void 0 && (e.value.active.show = !0), {
+      config: e,
+      fontFamilys: S,
+      fontWeights: C,
+      lineStyles: k,
+      backgroundSies: U
+    };
+  }
+});
+function W(l, e, G, B, T, $) {
+  const m = f("g-select"), i = f("g-field"), d = f("g-input-number"), g = f("GChartShadowConfig"), t = f("el-tab-pane"), r = f("g-upload-image"), u = f("g-color-picker"), b = f("el-tabs");
+  return v(), s(b, {
+    key: "cardleft",
+    "tab-position": "left",
+    type: "card"
+  }, {
+    default: a(() => [
+      n(t, {
+        label: "全局",
+        tab: "bar"
+      }, {
+        default: a(() => [
+          n(i, {
+            level: 2,
+            tooltip: "请选择您系统有的字体，如果您系统无此字体，标题将会显示默认字体",
+            label: "字体"
+          }, {
+            default: a(() => [
+              n(m, {
+                modelValue: l.config.global.fontFamily,
+                "onUpdate:modelValue": e[0] || (e[0] = (o) => l.config.global.fontFamily = o),
+                data: l.fontFamilys
+              }, null, 8, ["modelValue", "data"])
+            ]),
+            _: 1
+          }),
+          n(i, {
+            level: 2,
+            label: "文本样式",
+            "is-flat": !0
+          }, {
+            default: a(() => [
+              n(d, {
+                modelValue: l.config.global.fontSize,
+                "onUpdate:modelValue": e[1] || (e[1] = (o) => l.config.global.fontSize = o),
+                min: 0,
+                max: 100,
+                step: 1,
+                suffix: "px",
+                inline: "inline",
+                label: "字号"
+              }, null, 8, ["modelValue"]),
+              n(m, {
+                modelValue: l.config.global.fontWeight,
+                "onUpdate:modelValue": e[2] || (e[2] = (o) => l.config.global.fontWeight = o),
+                data: l.fontWeights,
+                inline: "inline",
+                label: "字体粗细"
+              }, null, 8, ["modelValue", "data"]),
+              n(d, {
+                modelValue: l.config.global.letterSpacing,
+                "onUpdate:modelValue": e[3] || (e[3] = (o) => l.config.global.letterSpacing = o),
+                min: 0,
+                max: 100,
+                step: 1,
+                suffix: "px",
+                inline: "inline",
+                label: "间距"
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }),
+          n(i, {
+            level: 2,
+            label: "按钮宽度"
+          }, {
+            default: a(() => [
+              n(d, {
+                modelValue: l.config.global.width,
+                "onUpdate:modelValue": e[4] || (e[4] = (o) => l.config.global.width = o),
+                min: 0,
+                max: 1e3,
+                step: 1,
+                suffix: "px"
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }),
+          n(i, {
+            level: 2,
+            label: "边框",
+            "is-flat": !0
+          }, {
+            default: a(() => [
+              n(d, {
+                modelValue: l.config.global.borderWidth,
+                "onUpdate:modelValue": e[5] || (e[5] = (o) => l.config.global.borderWidth = o),
+                min: 0,
+                max: 100,
+                step: 1,
+                suffix: "px",
+                inline: "inline",
+                label: "边框宽度"
+              }, null, 8, ["modelValue"]),
+              n(m, {
+                modelValue: l.config.global.borderType,
+                "onUpdate:modelValue": e[6] || (e[6] = (o) => l.config.global.borderType = o),
+                data: l.lineStyles,
+                inline: "inline",
+                label: "边框样式"
+              }, null, 8, ["modelValue", "data"])
+            ]),
+            _: 1
+          }),
+          n(i, {
+            level: 2,
+            label: "按钮圆角",
+            "is-flat": !0
+          }, {
+            default: a(() => [
+              n(d, {
+                modelValue: l.config.global.btn.t,
+                "onUpdate:modelValue": e[7] || (e[7] = (o) => l.config.global.btn.t = o),
+                min: 0,
+                max: 1e3,
+                step: 1,
+                suffix: "px",
+                inline: "inline",
+                label: "左上"
+              }, null, 8, ["modelValue"]),
+              n(d, {
+                modelValue: l.config.global.btn.r,
+                "onUpdate:modelValue": e[8] || (e[8] = (o) => l.config.global.btn.r = o),
+                min: 0,
+                max: 1e3,
+                step: 1,
+                suffix: "px",
+                inline: "inline",
+                label: "右上"
+              }, null, 8, ["modelValue"]),
+              n(d, {
+                modelValue: l.config.global.btn.b,
+                "onUpdate:modelValue": e[9] || (e[9] = (o) => l.config.global.btn.b = o),
+                min: 0,
+                max: 1e3,
+                step: 1,
+                suffix: "px",
+                inline: "inline",
+                label: "右下"
+              }, null, 8, ["modelValue"]),
+              n(d, {
+                modelValue: l.config.global.btn.z,
+                "onUpdate:modelValue": e[10] || (e[10] = (o) => l.config.global.btn.z = o),
+                min: 0,
+                max: 1e3,
+                step: 1,
+                suffix: "px",
+                inline: "inline",
+                label: "左下"
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }),
+          n(g, {
+            config: l.config.global.shadow
+          }, null, 8, ["config"]),
+          n(i, {
+            level: 2,
+            label: "外间距",
+            "is-flat": !0
+          }, {
+            default: a(() => [
+              n(d, {
+                modelValue: l.config.margin.t,
+                "onUpdate:modelValue": e[11] || (e[11] = (o) => l.config.margin.t = o),
+                min: -1e3,
+                max: 1e3,
+                step: 1,
+                suffix: "px",
+                inline: "inline",
+                label: "顶部"
+              }, null, 8, ["modelValue"]),
+              n(d, {
+                modelValue: l.config.margin.b,
+                "onUpdate:modelValue": e[12] || (e[12] = (o) => l.config.margin.b = o),
+                min: -1e3,
+                max: 1e3,
+                step: 1,
+                suffix: "px",
+                inline: "inline",
+                label: "底部"
+              }, null, 8, ["modelValue"]),
+              n(d, {
+                modelValue: l.config.margin.z,
+                "onUpdate:modelValue": e[13] || (e[13] = (o) => l.config.margin.z = o),
+                min: -1e3,
+                max: 1e3,
+                step: 1,
+                suffix: "px",
+                inline: "inline",
+                label: "左侧"
+              }, null, 8, ["modelValue"]),
+              n(d, {
+                modelValue: l.config.margin.r,
+                "onUpdate:modelValue": e[14] || (e[14] = (o) => l.config.margin.r = o),
+                min: -1e3,
+                max: 1e3,
+                step: 1,
+                suffix: "px",
+                inline: "inline",
+                label: "右侧"
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }),
+          n(i, {
+            level: 2,
+            label: "内间距",
+            "is-flat": !0
+          }, {
+            default: a(() => [
+              n(d, {
+                modelValue: l.config.padding.t,
+                "onUpdate:modelValue": e[15] || (e[15] = (o) => l.config.padding.t = o),
+                min: -1e3,
+                max: 1e3,
+                step: 1,
+                suffix: "px",
+                inline: "inline",
+                label: "顶部"
+              }, null, 8, ["modelValue"]),
+              n(d, {
+                modelValue: l.config.padding.b,
+                "onUpdate:modelValue": e[16] || (e[16] = (o) => l.config.padding.b = o),
+                min: -1e3,
+                max: 1e3,
+                step: 1,
+                suffix: "px",
+                inline: "inline",
+                label: "底部"
+              }, null, 8, ["modelValue"]),
+              n(d, {
+                modelValue: l.config.padding.z,
+                "onUpdate:modelValue": e[17] || (e[17] = (o) => l.config.padding.z = o),
+                min: -1e3,
+                max: 1e3,
+                step: 1,
+                suffix: "px",
+                inline: "inline",
+                label: "左侧"
+              }, null, 8, ["modelValue"]),
+              n(d, {
+                modelValue: l.config.padding.r,
+                "onUpdate:modelValue": e[18] || (e[18] = (o) => l.config.padding.r = o),
+                min: -1e3,
+                max: 1e3,
+                step: 1,
+                suffix: "px",
+                inline: "inline",
+                label: "右侧"
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }),
+      n(t, {
+        label: "默认状态",
+        tab: "默认状态"
+      }, {
+        default: a(() => [
+          n(i, {
+            level: 2,
+            label: "背景图片"
+          }, {
+            default: a(() => [
+              n(r, {
+                modelValue: l.config.defaul.image,
+                "onUpdate:modelValue": e[19] || (e[19] = (o) => l.config.defaul.image = o)
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }),
+          n(i, {
+            level: 2,
+            label: "背景大小"
+          }, {
+            default: a(() => [
+              n(m, {
+                modelValue: l.config.defaul.backgroundSize,
+                "onUpdate:modelValue": e[20] || (e[20] = (o) => l.config.defaul.backgroundSize = o),
+                data: l.backgroundSies
+              }, null, 8, ["modelValue", "data"])
+            ]),
+            _: 1
+          }),
+          n(i, {
+            level: 2,
+            label: "文字颜色"
+          }, {
+            default: a(() => [
+              n(u, {
+                modelValue: l.config.defaul.color,
+                "onUpdate:modelValue": e[21] || (e[21] = (o) => l.config.defaul.color = o)
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }),
+          n(i, {
+            level: 2,
+            label: "背景颜色"
+          }, {
+            default: a(() => [
+              n(u, {
+                modelValue: l.config.defaul.backgroundColor,
+                "onUpdate:modelValue": e[22] || (e[22] = (o) => l.config.defaul.backgroundColor = o)
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }),
+          n(i, {
+            level: 2,
+            label: "边框颜色"
+          }, {
+            default: a(() => [
+              n(u, {
+                modelValue: l.config.defaul.borderColor,
+                "onUpdate:modelValue": e[23] || (e[23] = (o) => l.config.defaul.borderColor = o)
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }),
+          n(g, {
+            config: l.config.defaul.shadow
+          }, null, 8, ["config"])
+        ]),
+        _: 1
+      }),
+      n(t, {
+        label: "悬浮状态",
+        tab: "悬浮状态"
+      }, {
+        default: a(() => [
+          n(i, {
+            level: 2,
+            label: "背景图片"
+          }, {
+            default: a(() => [
+              n(r, {
+                modelValue: l.config.hover.image,
+                "onUpdate:modelValue": e[24] || (e[24] = (o) => l.config.hover.image = o)
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }),
+          n(i, {
+            level: 2,
+            label: "背景大小"
+          }, {
+            default: a(() => [
+              n(m, {
+                modelValue: l.config.hover.backgroundSize,
+                "onUpdate:modelValue": e[25] || (e[25] = (o) => l.config.hover.backgroundSize = o),
+                data: l.backgroundSies
+              }, null, 8, ["modelValue", "data"])
+            ]),
+            _: 1
+          }),
+          n(i, {
+            level: 2,
+            label: "文字颜色"
+          }, {
+            default: a(() => [
+              n(u, {
+                modelValue: l.config.hover.color,
+                "onUpdate:modelValue": e[26] || (e[26] = (o) => l.config.hover.color = o)
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }),
+          n(i, {
+            level: 2,
+            label: "背景颜色"
+          }, {
+            default: a(() => [
+              n(u, {
+                modelValue: l.config.hover.backgroundColor,
+                "onUpdate:modelValue": e[27] || (e[27] = (o) => l.config.hover.backgroundColor = o)
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }),
+          n(i, {
+            level: 2,
+            label: "边框颜色"
+          }, {
+            default: a(() => [
+              n(u, {
+                modelValue: l.config.hover.borderColor,
+                "onUpdate:modelValue": e[28] || (e[28] = (o) => l.config.hover.borderColor = o)
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }),
+          n(g, {
+            config: l.config.hover.shadow
+          }, null, 8, ["config"])
+        ]),
+        _: 1
+      }),
+      n(t, {
+        label: "选中状态",
+        tab: "选中状态"
+      }, {
+        default: a(() => [
+          n(i, {
+            level: 2,
+            label: "背景图片"
+          }, {
+            default: a(() => [
+              n(r, {
+                modelValue: l.config.active.image,
+                "onUpdate:modelValue": e[29] || (e[29] = (o) => l.config.active.image = o)
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }),
+          n(i, {
+            level: 2,
+            label: "背景大小"
+          }, {
+            default: a(() => [
+              n(m, {
+                modelValue: l.config.active.backgroundSize,
+                "onUpdate:modelValue": e[30] || (e[30] = (o) => l.config.active.backgroundSize = o),
+                data: l.backgroundSies
+              }, null, 8, ["modelValue", "data"])
+            ]),
+            _: 1
+          }),
+          n(i, {
+            level: 2,
+            label: "文字颜色"
+          }, {
+            default: a(() => [
+              n(u, {
+                modelValue: l.config.active.color,
+                "onUpdate:modelValue": e[31] || (e[31] = (o) => l.config.active.color = o)
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }),
+          n(i, {
+            level: 2,
+            label: "背景颜色"
+          }, {
+            default: a(() => [
+              n(u, {
+                modelValue: l.config.active.backgroundColor,
+                "onUpdate:modelValue": e[32] || (e[32] = (o) => l.config.active.backgroundColor = o)
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }),
+          n(i, {
+            level: 2,
+            label: "边框颜色"
+          }, {
+            default: a(() => [
+              n(u, {
+                modelValue: l.config.active.borderColor,
+                "onUpdate:modelValue": e[33] || (e[33] = (o) => l.config.active.borderColor = o)
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }),
+          n(g, {
+            config: l.config.active.shadow
+          }, null, 8, ["config"])
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  });
+}
+const O = /* @__PURE__ */ y(F, [["render", W]]);
+export {
+  O as default
+};

package/lib/config-DOtfpO43.js

@@ -0,0 +1,64 @@
+import { defineComponent as d, toRef as f, resolveComponent as s, createElementBlock as u, openBlock as _, createVNode as l, withCtx as r } from "vue";
+import { presetImages as c } from "./decoration-ByPSHV8P.js";
+import { _ as V } from "./index-Bjs1bW2W.js";
+const b = d({
+  name: "VDecorationProp",
+  props: {
+    com: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(e) {
+    const o = f(e.com, "config"), t = [];
+    for (const n in c) {
+      const a = c[n];
+      t.push({
+        id: n,
+        name: n,
+        src: a.url
+      });
+    }
+    return {
+      config: o,
+      images: t
+    };
+  }
+}), v = { class: "setting-panel-gui" };
+function y(e, o, t, n, a, $) {
+  const g = s("g-select-image"), m = s("g-field"), p = s("g-slider");
+  return _(), u("div", v, [
+    l(m, {
+      level: 2,
+      label: "装饰元素"
+    }, {
+      default: r(() => [
+        l(g, {
+          modelValue: e.config.global.img,
+          "onUpdate:modelValue": o[0] || (o[0] = (i) => e.config.global.img = i),
+          images: e.images
+        }, null, 8, ["modelValue", "images"])
+      ]),
+      _: 1
+    }),
+    l(m, {
+      level: 2,
+      label: "透明度"
+    }, {
+      default: r(() => [
+        l(p, {
+          modelValue: e.config.global.opacity,
+          "onUpdate:modelValue": o[1] || (o[1] = (i) => e.config.global.opacity = i),
+          min: 0,
+          max: 1,
+          step: 0.1
+        }, null, 8, ["modelValue"])
+      ]),
+      _: 1
+    })
+  ]);
+}
+const U = /* @__PURE__ */ V(b, [["render", y]]);
+export {
+  U as default
+};