bp-aicc-editor 1.0.0

package/lib/setting-panel-CMKniQhs.js

@@ -0,0 +1,397 @@
+import { createElementBlock as b, openBlock as u, createElementVNode as s, defineComponent as S, inject as z, ref as R, onMounted as h, getCurrentInstance as L, resolveComponent as d, createVNode as l, createBlock as V, createCommentVNode as v, withCtx as t, normalizeStyle as N, createTextVNode as c, normalizeClass as T, resolveDynamicComponent as E } from "vue";
+import { ElMessage as G } from "element-plus";
+import { _ as C, b as _, C as A } from "./index-Bjs1bW2W.js";
+import { I as P } from "./search-DkzwOoCx.js";
+import { c as B } from "./index-B9nm6Rgv.js";
+import { C as j, a as D } from "./children-manager-CdxNQ6Oe.js";
+import { NTooltip as W, NIcon as X, NRadioGroup as Y, NRadioButton as K } from "naive-ui";
+import { storeToRefs as q } from "pinia";
+import { G as J, a as O, b as Q, c as Z } from "./select-options-BTOkre7F.js";
+const x = {}, ee = {
+  t: "1639130694709",
+  class: "icon",
+  viewBox: "0 0 1024 1024",
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg",
+  "p-id": "3985",
+  width: "64",
+  height: "64"
+};
+function oe(e, o) {
+  return u(), b("svg", ee, [...o[0] || (o[0] = [
+    s("path", {
+      d: "M230.75 624.5v200.94374971L620.07499971 624.5H230.75zM155.75000029 948.55625V549.50000029h773.17499971L155.75000029 948.55625zM928.925 474.49999971H155.75000029V75.44375L928.925 474.49999971z",
+      "p-id": "3986"
+    }, null, -1)
+  ])]);
+}
+const le = /* @__PURE__ */ C(x, [["render", oe]]), ne = {}, te = {
+  t: "1639130711621",
+  class: "icon",
+  viewBox: "0 0 1024 1024",
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg",
+  "p-id": "3985",
+  width: "64",
+  height: "64"
+};
+function ae(e, o) {
+  return u(), b("svg", te, [...o[0] || (o[0] = [
+    s("path", {
+      d: "M948.55625 868.24999971H549.50000029V95.075L948.55625 868.24999971zM624.5 793.25h200.94374971L624.5 403.92500029V793.25zM474.49999971 95.075V868.24999971H75.44375L474.49999971 95.075z",
+      "p-id": "3986"
+    }, null, -1)
+  ])]);
+}
+const ie = /* @__PURE__ */ C(ne, [["render", ae]]), se = S({
+  name: "BasicSetting",
+  components: {
+    IconFlipV: le,
+    IconFlipH: ie
+  },
+  setup() {
+    const e = z(B), o = R([]), y = (i) => {
+      e.value.attr.w = i;
+    }, w = (i) => {
+      e.value.attr.h = i;
+    }, $ = (i) => {
+      const p = i.target.getBoundingClientRect(), U = p.left + p.width / 2, k = p.top + p.height / 2, g = Math.atan2(k - i.clientY, U - i.clientX) * 180 / Math.PI - 90, f = Math.round(g % 360);
+      e.value.attr.deg = f < 0 ? f + 360 : f;
+    }, I = (i) => {
+      o.value.includes(i) ? o.value = o.value.filter((r) => r !== i) : o.value.push(i), e.value.attr.filpV = o.value.includes("v"), e.value.attr.filpH = o.value.includes("h");
+    };
+    h(() => {
+      e.value.attr.filpV && o.value.push("v"), e.value.attr.filpH && o.value.push("h");
+    });
+    const { proxy: m } = L(), { pageConfig: a } = q(_());
+    return console.log("com", e), e.value.bgImg.url || (e.value.bgImg.url = m.getResourceUUID(e.value.id)), {
+      pageConfig: a,
+      com: e,
+      filps: o,
+      updateWidth: y,
+      updateHeight: w,
+      onRotateChange: $,
+      onFilpChange: I,
+      animates: Z,
+      animatecss: Q,
+      easings: O,
+      repeatTypes: J
+    };
+  }
+}), me = { class: "basic-setting-wp" }, de = { class: "rotate-wp" }, ue = { class: "rotate-flip-wp" };
+function re(e, o, y, w, $, I) {
+  const m = d("g-input-number"), a = d("g-field"), i = d("IconFlipH"), r = X, p = W, U = d("IconFlipV"), k = d("g-slider"), g = d("g-select"), f = d("g-upload-image"), H = d("g-field-collapse"), M = K, F = Y;
+  return u(), b("div", me, [
+    l(a, {
+      label: "图表尺寸",
+      "is-flat": !0
+    }, {
+      default: t(() => [
+        l(m, {
+          modelValue: e.com.scaling.w,
+          "onUpdate:modelValue": [
+            o[0] || (o[0] = (n) => e.com.scaling.w = n),
+            e.updateWidth
+          ],
+          min: 10,
+          max: 888888,
+          inline: ""
+        }, null, 8, ["modelValue", "onUpdate:modelValue"]),
+        l(m, {
+          modelValue: e.com.scaling.h,
+          "onUpdate:modelValue": [
+            o[1] || (o[1] = (n) => e.com.scaling.h = n),
+            e.updateHeight
+          ],
+          min: 10,
+          max: 888888,
+          inline: ""
+        }, null, 8, ["modelValue", "onUpdate:modelValue"])
+      ]),
+      _: 1
+    }),
+    l(a, {
+      label: "图表位置",
+      "is-flat": !0
+    }, {
+      default: t(() => [
+        l(m, {
+          modelValue: e.com.attr.x,
+          "onUpdate:modelValue": o[2] || (o[2] = (n) => e.com.attr.x = n),
+          inline: ""
+        }, null, 8, ["modelValue"]),
+        l(m, {
+          modelValue: e.com.attr.y,
+          "onUpdate:modelValue": o[3] || (o[3] = (n) => e.com.attr.y = n),
+          inline: ""
+        }, null, 8, ["modelValue"])
+      ]),
+      _: 1
+    }),
+    l(a, {
+      label: "旋转角度",
+      "is-flat": !0
+    }, {
+      default: t(() => [
+        l(m, {
+          modelValue: e.com.attr.deg,
+          "onUpdate:modelValue": o[4] || (o[4] = (n) => e.com.attr.deg = n),
+          min: 0,
+          max: 360,
+          step: 1,
+          inline: ""
+        }, null, 8, ["modelValue"]),
+        s("div", de, [
+          s("div", {
+            class: "rotate-icon-wp",
+            onClick: o[5] || (o[5] = (...n) => e.onRotateChange && e.onRotateChange(...n))
+          }, [
+            s("span", {
+              class: "rotate-icon",
+              style: N(`transform: rotate(${e.com.attr.deg}deg);`)
+            }, null, 4)
+          ]),
+          s("div", ue, [
+            l(p, null, {
+              trigger: t(() => [
+                s("button", {
+                  class: T(["hor", { "--checked": e.filps.includes("h") }]),
+                  onClick: o[6] || (o[6] = (n) => e.onFilpChange("h"))
+                }, [
+                  l(r, null, {
+                    default: t(() => [
+                      l(i)
+                    ]),
+                    _: 1
+                  })
+                ], 2)
+              ]),
+              default: t(() => [
+                o[18] || (o[18] = c(" 水平翻转 ", -1))
+              ]),
+              _: 1
+            }),
+            l(p, null, {
+              trigger: t(() => [
+                s("button", {
+                  class: T(["ver", { "--checked": e.filps.includes("v") }]),
+                  onClick: o[7] || (o[7] = (n) => e.onFilpChange("v"))
+                }, [
+                  l(r, null, {
+                    default: t(() => [
+                      l(U)
+                    ]),
+                    _: 1
+                  })
+                ], 2)
+              ]),
+              default: t(() => [
+                o[19] || (o[19] = c(" 垂直翻转 ", -1))
+              ]),
+              _: 1
+            })
+          ])
+        ])
+      ]),
+      _: 1
+    }),
+    l(a, { label: "透明度" }, {
+      default: t(() => [
+        l(k, {
+          modelValue: e.com.attr.opacity,
+          "onUpdate:modelValue": o[8] || (o[8] = (n) => e.com.attr.opacity = n),
+          min: 0,
+          max: 1,
+          step: 0.05
+        }, null, 8, ["modelValue"])
+      ]),
+      _: 1
+    }),
+    l(H, { label: "背景设置" }, {
+      default: t(() => [
+        l(a, { label: "背景动画" }, {
+          default: t(() => [
+            l(g, {
+              modelValue: e.com.bgAnimation,
+              "onUpdate:modelValue": o[9] || (o[9] = (n) => e.com.bgAnimation = n),
+              data: e.animates
+            }, null, 8, ["modelValue", "data"])
+          ]),
+          _: 1
+        }),
+        l(a, { label: "背景图" }, {
+          default: t(() => [
+            l(f, {
+              modelValue: e.pageConfig.resourceList[e.com.bgImg.url],
+              "onUpdate:modelValue": o[10] || (o[10] = (n) => e.pageConfig.resourceList[e.com.bgImg.url] = n)
+            }, null, 8, ["modelValue"])
+          ]),
+          _: 1
+        }),
+        l(a, { label: "重复方式" }, {
+          default: t(() => [
+            l(g, {
+              modelValue: e.com.bgImg.repeat,
+              "onUpdate:modelValue": o[11] || (o[11] = (n) => e.com.bgImg.repeat = n),
+              data: e.repeatTypes
+            }, null, 8, ["modelValue", "data"])
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }),
+    e.com.animate ? (u(), V(H, {
+      key: 0,
+      label: "入场动画"
+    }, {
+      default: t(() => [
+        l(a, { label: "背景动画" }, {
+          default: t(() => [
+            l(g, {
+              modelValue: e.com.animate.type,
+              "onUpdate:modelValue": o[12] || (o[12] = (n) => e.com.animate.type = n),
+              data: e.animatecss
+            }, null, 8, ["modelValue", "data"])
+          ]),
+          _: 1
+        }),
+        l(a, { label: "动画曲线" }, {
+          default: t(() => [
+            l(g, {
+              modelValue: e.com.animate.timing,
+              "onUpdate:modelValue": o[13] || (o[13] = (n) => e.com.animate.timing = n),
+              data: e.easings
+            }, null, 8, ["modelValue", "data"])
+          ]),
+          _: 1
+        }),
+        l(a, { label: "持续时间" }, {
+          default: t(() => [
+            l(m, {
+              modelValue: e.com.animate.direction,
+              "onUpdate:modelValue": o[14] || (o[14] = (n) => e.com.animate.direction = n),
+              min: 0
+            }, null, 8, ["modelValue"])
+          ]),
+          _: 1
+        }),
+        l(a, { label: "延迟时间" }, {
+          default: t(() => [
+            l(m, {
+              modelValue: e.com.animate.delay,
+              "onUpdate:modelValue": o[15] || (o[15] = (n) => e.com.animate.delay = n),
+              min: 0
+            }, null, 8, ["modelValue"])
+          ]),
+          _: 1
+        }),
+        l(a, { label: "重复次数" }, {
+          default: t(() => [
+            l(m, {
+              modelValue: e.com.animate.repeat,
+              "onUpdate:modelValue": o[16] || (o[16] = (n) => e.com.animate.repeat = n),
+              min: 0,
+              label: "设置为0时表示无数次"
+            }, null, 8, ["modelValue"])
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    })) : v("", !0),
+    e.com.config.generate ? (u(), V(a, {
+      key: 1,
+      label: "配置内容"
+    }, {
+      default: t(() => [
+        l(F, {
+          value: e.com.config.generate.configType,
+          "onUpdate:value": o[17] || (o[17] = (n) => e.com.config.generate.configType = n),
+          size: "small"
+        }, {
+          default: t(() => [
+            l(M, { value: "basic" }, {
+              default: t(() => [...o[20] || (o[20] = [
+                c("基础", -1)
+              ])]),
+              _: 1
+            }),
+            l(M, { value: "all" }, {
+              default: t(() => [...o[21] || (o[21] = [
+                c("全量", -1)
+              ])]),
+              _: 1
+            }),
+            e.com.config?.series?.length ? (u(), V(M, {
+              key: 0,
+              value: "series"
+            }, {
+              default: t(() => [...o[22] || (o[22] = [
+                c("系列", -1)
+              ])]),
+              _: 1
+            })) : v("", !0)
+          ]),
+          _: 1
+        }, 8, ["value"])
+      ]),
+      _: 1
+    })) : v("", !0)
+  ]);
+}
+const pe = /* @__PURE__ */ C(se, [["render", re], ["__scopeId", "data-v-e9bf581a"]]), ge = S({
+  name: "SettingPanel",
+  components: {
+    IconSearch: P,
+    ConfigTitle: D,
+    BasicSetting: pe,
+    ChildrenManager: j
+  },
+  setup() {
+    const e = z(B);
+    return {
+      ComType: A,
+      com: e,
+      toSearch: () => {
+        G.warning("正在开发中。。。");
+      }
+    };
+  }
+}), fe = { class: "setting-panel" }, ce = { class: "setting-panel-content" }, Ve = { class: "scroll-container" };
+function ve(e, o, y, w, $, I) {
+  const m = d("config-title"), a = d("children-manager"), i = d("basic-setting");
+  return u(), b("div", fe, [
+    l(m, null, {
+      default: t(() => [
+        s("div", {
+          class: "search-config",
+          onClick: o[0] || (o[0] = (...r) => e.toSearch && e.toSearch(...r))
+        })
+      ]),
+      _: 1
+    }),
+    s("div", ce, [
+      l(a),
+      s("div", Ve, [
+        o[1] || (o[1] = s("p", {
+          class: "title",
+          style: { "margin-bottom": "10px" }
+        }, "组件属性", -1)),
+        (u(), V(E(e.com.name + "Prop"), {
+          key: e.com.id,
+          com: e.com
+        }, null, 8, ["com"])),
+        o[2] || (o[2] = s("p", { class: "title" }, "基本属性", -1)),
+        e.com.type === e.ComType.com ? (u(), V(i, {
+          key: e.com.id,
+          attr: e.com.attr
+        }, null, 8, ["attr"])) : v("", !0)
+      ])
+    ])
+  ]);
+}
+const He = /* @__PURE__ */ C(ge, [["render", ve], ["__scopeId", "data-v-44210316"]]);
+export {
+  He as default
+};