bp-aicc-editor 1.0.0

package/lib/multi-layout-config-DWBvxtbQ.js

@@ -0,0 +1,312 @@
+import { NIcon as E } from "naive-ui";
+import { createElementBlock as l, openBlock as d, createElementVNode as a, defineComponent as A, resolveComponent as C, createVNode as e, withCtx as r, normalizeClass as z, unref as b } from "vue";
+import { n as v } from "./iking-utils.es-Ba74AedH.js";
+import { _ as h, a as T } from "./index-Bjs1bW2W.js";
+const L = {}, N = {
+  t: "1656856656194",
+  class: "icon",
+  viewBox: "0 0 1024 1024",
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg",
+  "p-id": "5499",
+  width: "200",
+  height: "200"
+};
+function W(i, t) {
+  return d(), l("svg", N, [...t[0] || (t[0] = [
+    a("path", {
+      d: "M182.39367675 116.4921875v791.015625H116.4921875V116.4921875h65.90148926zM907.5078125 314.24609375H248.34460449V116.4921875H907.5078125v197.75390625z m0 593.26171875H248.34460449v-197.75390625H907.5078125v197.75390625z m-131.852417-296.63085938H248.34460449V413.12304687h527.31079101v197.75390626z",
+      "p-id": "5500"
+    }, null, -1)
+  ])]);
+}
+const G = /* @__PURE__ */ h(L, [["render", W]]), O = {}, P = {
+  t: "1656856571842",
+  class: "icon",
+  viewBox: "0 0 1024 1024",
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg",
+  "p-id": "4804",
+  width: "200",
+  height: "200"
+};
+function R(i, t) {
+  return d(), l("svg", P, [...t[0] || (t[0] = [
+    a("path", {
+      d: "M471.95483398 907.5078125V116.4921875h80.09033204v791.015625H471.95483398zM165.93066406 562.32836914h692.13867188v228.90014648H165.93066406v-228.90014648z m69.21386719-329.60632325h553.7109375v228.9001465H235.14453125v-228.9001465z",
+      "p-id": "4805"
+    }, null, -1)
+  ])]);
+}
+const S = /* @__PURE__ */ h(O, [["render", R]]), X = {}, Y = {
+  t: "1656856639921",
+  class: "icon",
+  viewBox: "0 0 1024 1024",
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg",
+  "p-id": "5360",
+  width: "200",
+  height: "200"
+};
+function j(i, t) {
+  return d(), l("svg", Y, [...t[0] || (t[0] = [
+    a("path", {
+      d: "M841.60632325 907.5078125V116.4921875H907.5078125v791.015625h-65.90148926zM116.4921875 709.75390625h659.16320801v197.75390625H116.4921875v-197.75390625zM116.4921875 116.4921875h659.16320801v197.75390625H116.4921875V116.4921875z m131.852417 296.63085938h527.31079101v197.75390624H248.34460449V413.12304687z",
+      "p-id": "5361"
+    }, null, -1)
+  ])]);
+}
+const q = /* @__PURE__ */ h(X, [["render", j]]), D = {}, F = {
+  t: "1656856476827",
+  class: "icon",
+  viewBox: "0 0 1024 1024",
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg",
+  "p-id": "4665",
+  width: "200",
+  height: "200"
+};
+function J(i, t) {
+  return d(), l("svg", F, [...t[0] || (t[0] = [
+    a("path", {
+      d: "M907.5078125 182.39367675H116.4921875V116.4921875h791.015625v65.90148926zM709.75390625 907.5078125V248.34460449h197.75390625V907.5078125h-197.75390625zM116.4921875 907.5078125V248.34460449h197.75390625V907.5078125H116.4921875z m296.63085938-131.852417V248.34460449h197.75390624v527.31079101H413.12304687z",
+      "p-id": "4666"
+    }, null, -1)
+  ])]);
+}
+const K = /* @__PURE__ */ h(D, [["render", J]]), Q = {}, U = {
+  t: "1656856593695",
+  class: "icon",
+  viewBox: "0 0 1024 1024",
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg",
+  "p-id": "4943",
+  width: "200",
+  height: "200"
+};
+function Z(i, t) {
+  return d(), l("svg", U, [...t[0] || (t[0] = [
+    a("path", {
+      d: "M116.4921875 471.95483398h791.015625v80.09033204H116.4921875V471.95483398zM461.67163086 165.93066406v692.13867188h-228.90014648V165.93066406h228.90014648z m329.60632325 69.21386719v553.7109375h-228.9001465V235.14453125h228.9001465z",
+      "p-id": "4944"
+    }, null, -1)
+  ])]);
+}
+const t1 = /* @__PURE__ */ h(Q, [["render", Z]]), n1 = {}, o1 = {
+  t: "1656856199489",
+  class: "icon",
+  viewBox: "0 0 1024 1024",
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg",
+  "p-id": "4392",
+  width: "200",
+  height: "200"
+};
+function e1(i, t) {
+  return d(), l("svg", o1, [...t[0] || (t[0] = [
+    a("path", {
+      d: "M116.4921875 841.60632325h791.015625V907.5078125H116.4921875v-65.90148926zM314.24609375 116.4921875v659.16320801H116.4921875V116.4921875h197.75390625z m593.26171875 0v659.16320801h-197.75390625V116.4921875h197.75390625z m-296.63085938 131.852417v527.31079101H413.12304687V248.34460449h197.75390626z",
+      "p-id": "4393"
+    }, null, -1)
+  ])]);
+}
+const s1 = /* @__PURE__ */ h(n1, [["render", e1]]), c1 = {}, a1 = {
+  t: "1656856628057",
+  class: "icon",
+  viewBox: "0 0 1024 1024",
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg",
+  "p-id": "5221",
+  width: "200",
+  height: "200"
+};
+function i1(i, t) {
+  return d(), l("svg", a1, [...t[0] || (t[0] = [
+    a("path", {
+      d: "M907.5078125 116.4921875v791.015625h-71.9329834V116.4921875H907.5078125zM188.42517089 116.4921875v791.015625H116.4921875V116.4921875h71.9329834zM763.6418457 215.36914062v593.26171875H547.94177247V215.36914062h215.7495117zM476.05822753 215.36914062v593.26171875H260.30871582V215.36914062h215.74951172z",
+      "p-id": "5222"
+    }, null, -1)
+  ])]);
+}
+const r1 = /* @__PURE__ */ h(c1, [["render", i1]]), l1 = {}, d1 = {
+  t: "1656856609867",
+  class: "icon",
+  viewBox: "0 0 1024 1024",
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg",
+  "p-id": "5082",
+  width: "200",
+  height: "200"
+};
+function h1(i, t) {
+  return d(), l("svg", d1, [...t[0] || (t[0] = [
+    a("path", {
+      d: "M116.4921875 116.4921875h791.015625v71.9329834H116.4921875V116.4921875z m0 719.08264161h791.015625V907.5078125H116.4921875v-71.9329834zM215.36914062 260.3581543h593.26171875v215.74951172H215.36914062V260.30871582z m1e-8 287.63305664h593.26171875v215.74951172H215.36914062V547.94177247z",
+      "p-id": "5083"
+    }, null, -1)
+  ])]);
+}
+const m1 = /* @__PURE__ */ h(l1, [["render", h1]]), v1 = { class: "config-manager-page" }, _1 = { class: "config-manager-body" }, g1 = { class: "multi-layout-config" }, f1 = /* @__PURE__ */ A({
+  __name: "multi-layout-config",
+  props: {
+    selectedCount: {}
+  },
+  setup(i) {
+    const t = T();
+    t.selectedComs.filter((o) => !o.config.generate).length;
+    const m = () => {
+      const o = t.selectedComs[0].parentId, n = t.getParents(o);
+      t.resizeParents(n);
+    }, H = () => {
+      const o = v.minBy(t.selectedComs, (n) => n.attr.x);
+      t.selectedComs.forEach((n) => {
+        n.attr.x = o.attr.x;
+      }), m();
+    }, V = () => {
+      const o = v.maxBy(t.selectedComs, (n) => n.attr.w);
+      t.selectedComs.forEach((n) => {
+        const s = o.attr.w - n.attr.w;
+        n.attr.x = o.attr.x + Math.round(s / 2);
+      }), m();
+    }, M = () => {
+      const o = v.maxBy(t.selectedComs, (n) => n.attr.w);
+      t.selectedComs.forEach((n) => {
+        n.attr.x = o.attr.x + o.attr.w - n.attr.w;
+      }), m();
+    }, y = () => {
+      const o = v.minBy(t.selectedComs, (n) => n.attr.y);
+      t.selectedComs.forEach((n) => {
+        n.attr.y = o.attr.y;
+      }), m();
+    }, $ = () => {
+      const o = v.maxBy(t.selectedComs, (n) => n.attr.h);
+      t.selectedComs.forEach((n) => {
+        const s = o.attr.h - n.attr.h;
+        n.attr.y = o.attr.y + Math.round(s / 2);
+      }), m();
+    }, B = () => {
+      const o = v.maxBy(t.selectedComs, (n) => n.attr.h);
+      t.selectedComs.forEach((n) => {
+        n.attr.y = o.attr.y + o.attr.h - n.attr.h;
+      }), m();
+    }, I = () => {
+      const o = v.sortBy(t.selectedComs, (c) => c.attr.x), n = o.length, s = o[0].attr.x, { x: _, w: g } = o[n - 1].attr, w = _ + g - s, u = o.reduce((c, x) => c + x.attr.w, 0), p = Math.floor((w - u) / (o.length - 1));
+      let f = 0;
+      o.forEach((c) => {
+        c.attr.x = s + f, f += p + c.attr.w;
+      }), m();
+    }, k = () => {
+      const o = v.sortBy(t.selectedComs, (c) => c.attr.y), n = o.length, s = o[0].attr.y, { y: _, h: g } = o[n - 1].attr, w = _ + g - s, u = o.reduce((c, x) => c + x.attr.h, 0), p = Math.floor((w - u) / (o.length - 1));
+      let f = 0;
+      o.forEach((c) => {
+        c.attr.y = s + f, f += p + c.attr.h;
+      }), m();
+    };
+    return (o, n) => {
+      const s = E, _ = C("g-field"), g = C("ChartGenerateConfig");
+      return d(), l("div", v1, [
+        n[0] || (n[0] = a("div", { class: "config-manager-head" }, "排列布局", -1)),
+        a("div", _1, [
+          a("div", g1, [
+            e(_, { label: "对齐" }, {
+              default: r(() => [
+                e(s, {
+                  class: "datav-icon",
+                  title: "左对齐",
+                  onClick: H
+                }, {
+                  default: r(() => [
+                    e(G)
+                  ]),
+                  _: 1
+                }),
+                e(s, {
+                  class: "datav-icon",
+                  title: "水平居中对齐",
+                  onClick: V
+                }, {
+                  default: r(() => [
+                    e(S)
+                  ]),
+                  _: 1
+                }),
+                e(s, {
+                  class: "datav-icon",
+                  title: "右对齐",
+                  onClick: M
+                }, {
+                  default: r(() => [
+                    e(q)
+                  ]),
+                  _: 1
+                }),
+                e(s, {
+                  class: "datav-icon",
+                  title: "顶对齐",
+                  onClick: y
+                }, {
+                  default: r(() => [
+                    e(K)
+                  ]),
+                  _: 1
+                }),
+                e(s, {
+                  class: "datav-icon",
+                  title: "垂直居中对齐",
+                  onClick: $
+                }, {
+                  default: r(() => [
+                    e(t1)
+                  ]),
+                  _: 1
+                }),
+                e(s, {
+                  class: "datav-icon",
+                  title: "底对齐",
+                  onClick: B
+                }, {
+                  default: r(() => [
+                    e(s1)
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }),
+            e(_, { label: "分布" }, {
+              default: r(() => [
+                e(s, {
+                  class: z(["datav-icon", { disable: i.selectedCount < 3 }]),
+                  title: "水平",
+                  onClick: I
+                }, {
+                  default: r(() => [
+                    e(r1)
+                  ]),
+                  _: 1
+                }, 8, ["class"]),
+                e(s, {
+                  class: z(["datav-icon", { disable: i.selectedCount < 3 }]),
+                  title: "垂直",
+                  onClick: k
+                }, {
+                  default: r(() => [
+                    e(m1)
+                  ]),
+                  _: 1
+                }, 8, ["class"])
+              ]),
+              _: 1
+            }),
+            e(g, {
+              coms: b(t).selectedComs
+            }, null, 8, ["coms"])
+          ])
+        ])
+      ]);
+    };
+  }
+}), C1 = /* @__PURE__ */ h(f1, [["__scopeId", "data-v-60d76cdc"]]);
+export {
+  C1 as default
+};

package/lib/number-title-flop-DUzpC1bo.js

@@ -0,0 +1,112 @@
+import { D as o } from "./index-Bjs1bW2W.js";
+import { s as a, a as n } from "./data-source-9Lgf-grI.js";
+import { c as e } from "./data-field-DL4ZWkqD.js";
+import { g as r } from "./data-CnP9NKXT.js";
+class m extends o {
+  config = {
+    global: {
+      fontFamily: "Microsoft Yahei",
+      arrangement: "top",
+      distance: 0
+    },
+    title: {
+      content: "Typesomething",
+      textStyle: {
+        fontSize: 18,
+        color: "#79daff",
+        fontWeight: "normal",
+        textAlign: "flex-start"
+      }
+    },
+    counter: {
+      fontFamily: "Microsoft Yahei",
+      justifyContent: "flex-start",
+      margin: {
+        preNum: 0,
+        numSuff: 0
+      },
+      prefix: {
+        content: "￥",
+        textStyle: {
+          fontSize: 36,
+          color: "#0a73ff",
+          fontWeight: "bolder"
+        }
+      },
+      suffix: {
+        content: "",
+        textStyle: {
+          fontSize: 30,
+          color: "#fff",
+          fontWeight: "bolder"
+        }
+      }
+    },
+    numbers: {
+      textStyle: {
+        fontSize: 36,
+        color: "#0a73ff",
+        fontWeight: "bolder"
+      },
+      marginRight: 0,
+      bgColor: "rgba(51,51,51,0)",
+      bgRadius: 6,
+      bgSeparating: !1,
+      digit: 0,
+      decimal: 0,
+      divisor: 0,
+      separatingChart: !0,
+      separatingSymbol: ",",
+      decimalSymbol: ".",
+      fixedWidth: 0,
+      increment: !0,
+      animation: !0,
+      sameDataFlip: !1,
+      duration: 1e3
+    }
+  };
+  apis;
+  apiData;
+  events;
+  actions;
+  disActions;
+  constructor() {
+    super("NumberTitleFlop", { w: 350, h: 64 }), this.initData();
+  }
+  initData() {
+    const t = [
+      e("title", {
+        description: "标题",
+        optional: !0
+      }),
+      e("value", {
+        description: "翻牌器数值"
+      }),
+      e("prefix", {
+        description: "翻牌器前缀",
+        optional: !0
+      }),
+      e("suffix", {
+        description: "翻牌器后缀",
+        optional: !0
+      })
+    ];
+    return a(this, {
+      fields: Object.assign({}, ...t)
+    }), n(this), this.events = {}, this.actions = {}, this;
+  }
+  async loadData() {
+    try {
+      const t = "text/number-title-flop";
+      console.log("res-=-=-=-=-=---->");
+      const i = await r(this.id, t);
+      this.apiData.source.config.data = JSON.stringify(i.data);
+    } catch (t) {
+      throw t;
+    }
+  }
+}
+export {
+  m as NumberTitleFlop,
+  m as default
+};