hfl-comp-editor 0.0.2 → 0.0.4

package/dist/{Attr-DJhPNJk1.js → Attr-BEYuMAA-.js}

@@ -1,7 +1,7 @@
 import { useEditorStore as U } from "hflveditor3";
 import { b as w, c as R, f as N, e as P, i as B, d as T } from "./constant-CU9c_PNt.js";
-import { S as W, F as O } from "./ShortCutsItemEditorDialog-By12wFXU.js";
-import { E as j } from "./ElementIconDialog-DhgtYKn3.js";
+import { S as W, F as O } from "./ShortCutsItemEditorDialog-CrAtpbKh.js";
+import { E as j } from "./ElementIconDialog-DfliInik.js";
 import { b as L } from "./common-CUTMyEmo.js";
 import { resolveComponent as d, createElementBlock as _, openBlock as u, Fragment as y, createElementVNode as q, createTextVNode as r, createVNode as o, withCtx as t, createCommentVNode as i, createBlock as m, renderList as S, resolveDynamicComponent as z, computed as x, ref as k } from "vue";
 import { _ as G } from "./_plugin-vue_export-helper-CHgC5LLL.js";

package/dist/{Attr-XCC-2KVn.js → Attr-BUfveR1q.js}

@@ -1,5 +1,5 @@
 import { useEditorStore as s } from "hflveditor3";
-import { resolveComponent as a, createElementBlock as m, openBlock as l, createVNode as c, withCtx as u, computed as _ } from "vue";
+import { resolveComponent as a, createElementBlock as l, openBlock as m, createVNode as c, withCtx as u, computed as _ } from "vue";
 import { _ as f } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const g = {
   __name: "Attr",
@@ -13,13 +13,13 @@ const g = {
   }
 };
 function x(r, n, t, e, p, o) {
-  const i = a("el-form"), d = a("VECommonAttr");
-  return l(), m("div", { class: "attr-list" }, [
-    c(d, {
+  const d = a("el-form"), i = a("VECommonAttr");
+  return m(), l("div", { class: "attr-list" }, [
+    c(i, {
       "page-id": e.props.pageId
     }, {
       default: u(() => [
-        c(i, {
+        c(d, {
           size: "small",
           "label-width": "100px",
           "label-position": "left",

package/dist/{Attr-zvY3Pb-W.js → Attr-BZr39Ps1.js}

@@ -1,6 +1,6 @@
 import { p as N, b as z, c as P, f as T } from "./constant-CU9c_PNt.js";
 import { useEditorStore as U } from "hflveditor3";
-import { E as B } from "./ElementIconDialog-DhgtYKn3.js";
+import { E as B } from "./ElementIconDialog-DfliInik.js";
 import { b as W } from "./common-CUTMyEmo.js";
 import { resolveComponent as d, createElementBlock as x, openBlock as n, Fragment as _, createElementVNode as D, createTextVNode as u, createVNode as t, withCtx as a, createBlock as m, createCommentVNode as p, renderList as S, resolveDynamicComponent as E, computed as k, ref as C } from "vue";
 import { _ as L } from "./_plugin-vue_export-helper-CHgC5LLL.js";

package/dist/{Attr-B8hYBzJH.js → Attr-DP5lYz__.js}

@@ -1,7 +1,7 @@
 import { useEditorStore as x } from "hflveditor3";
 import { b as F, c as w, f as N, e as B, d as R } from "./constant-CU9c_PNt.js";
-import { S as W, F as P } from "./ShortCutsItemEditorDialog-By12wFXU.js";
-import { E as O } from "./ElementIconDialog-DhgtYKn3.js";
+import { S as W, F as P } from "./ShortCutsItemEditorDialog-CrAtpbKh.js";
+import { E as O } from "./ElementIconDialog-DfliInik.js";
 import { b as h } from "./common-CUTMyEmo.js";
 import { resolveComponent as d, createElementBlock as _, openBlock as u, Fragment as y, createElementVNode as G, createTextVNode as r, createVNode as o, withCtx as a, createCommentVNode as i, createBlock as m, renderList as I, resolveDynamicComponent as z, computed as E } from "vue";
 import { _ as T } from "./_plugin-vue_export-helper-CHgC5LLL.js";

package/dist/Attr-Dq-CY71i.js

@@ -0,0 +1,154 @@
+import { p as A } from "./constant-CU9c_PNt.js";
+import { useEditorStore as V } from "hflveditor3";
+import { resolveComponent as a, createElementBlock as _, openBlock as C, createVNode as l, withCtx as t, createTextVNode as p, Fragment as S, renderList as w, computed as m } from "vue";
+import { _ as y } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const z = {
+  __name: "Attr",
+  props: ["pageId", "formSize"],
+  setup(f, { expose: r }) {
+    r();
+    const u = f, e = V(u.pageId), i = m(() => e.curComponent), s = m(() => i.value.propValue || {}), n = { props: u, editorStore: e, curComponent: i, propValue: s, aspectRatioTypeArr: [
+      {
+        value: "xMidYMid meet",
+        label: "居中显示"
+      },
+      {
+        value: "xMinYMin meet",
+        label: "左上对齐"
+      },
+      {
+        value: "xMidYMid slice",
+        label: "填满裁剪"
+      },
+      {
+        value: "none",
+        label: "拉伸填满"
+      }
+    ], get predefine() {
+      return A;
+    }, get useEditorStore() {
+      return V;
+    }, computed: m };
+    return Object.defineProperty(n, "__isScriptSetup", { enumerable: !1, value: !0 }), n;
+  }
+};
+function U(f, r, u, e, i, s) {
+  const c = a("el-input"), n = a("el-form-item"), b = a("el-option"), v = a("el-select"), d = a("el-color-picker"), g = a("el-form"), x = a("VECommonAttr");
+  return C(), _("div", { class: "attr-list" }, [
+    l(x, {
+      "page-id": e.props.pageId,
+      "form-size": e.props.formSize
+    }, {
+      default: t(() => [
+        l(g, {
+          size: e.props.formSize,
+          "label-width": "100px",
+          "label-position": "left",
+          style: { padding: "10px" }
+        }, {
+          default: t(() => [
+            l(n, { label: "svg文件" }, {
+              default: t(() => [
+                l(c, {
+                  modelValue: e.propValue.svgFile,
+                  "onUpdate:modelValue": r[0] || (r[0] = (o) => e.propValue.svgFile = o),
+                  type: "text",
+                  class: "common-item"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            p(),
+            l(n, { label: "纵横比" }, {
+              default: t(() => [
+                l(v, {
+                  modelValue: e.propValue.aspectRatio,
+                  "onUpdate:modelValue": r[1] || (r[1] = (o) => e.propValue.aspectRatio = o),
+                  placeholder: "请选择",
+                  clearable: "",
+                  class: "common-item"
+                }, {
+                  default: t(() => [
+                    (C(), _(S, null, w(e.aspectRatioTypeArr, (o) => l(b, {
+                      key: o.value,
+                      label: o.label,
+                      value: o.value
+                    }, null, 8, ["label", "value"])), 64))
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            p(),
+            l(n, { label: "第一填充色" }, {
+              default: t(() => [
+                l(d, {
+                  modelValue: e.curComponent.propValue.firstColor,
+                  "onUpdate:modelValue": r[2] || (r[2] = (o) => e.curComponent.propValue.firstColor = o),
+                  "show-alpha": "",
+                  predefine: e.predefine
+                }, null, 8, ["modelValue", "predefine"])
+              ]),
+              _: 1
+            }),
+            p(),
+            l(n, { label: "第二填充色" }, {
+              default: t(() => [
+                l(d, {
+                  modelValue: e.curComponent.propValue.secondColor,
+                  "onUpdate:modelValue": r[3] || (r[3] = (o) => e.curComponent.propValue.secondColor = o),
+                  "show-alpha": "",
+                  predefine: e.predefine
+                }, null, 8, ["modelValue", "predefine"])
+              ]),
+              _: 1
+            }),
+            p(),
+            l(n, { label: "第三填充色" }, {
+              default: t(() => [
+                l(d, {
+                  modelValue: e.curComponent.propValue.thirdColor,
+                  "onUpdate:modelValue": r[4] || (r[4] = (o) => e.curComponent.propValue.thirdColor = o),
+                  "show-alpha": "",
+                  predefine: e.predefine
+                }, null, 8, ["modelValue", "predefine"])
+              ]),
+              _: 1
+            }),
+            p(),
+            l(n, { label: "第四填充色" }, {
+              default: t(() => [
+                l(d, {
+                  modelValue: e.curComponent.propValue.fourColor,
+                  "onUpdate:modelValue": r[5] || (r[5] = (o) => e.curComponent.propValue.fourColor = o),
+                  "show-alpha": "",
+                  predefine: e.predefine
+                }, null, 8, ["modelValue", "predefine"])
+              ]),
+              _: 1
+            }),
+            p(),
+            l(n, { label: "第五填充色" }, {
+              default: t(() => [
+                l(d, {
+                  modelValue: e.curComponent.propValue.fiveColor,
+                  "onUpdate:modelValue": r[6] || (r[6] = (o) => e.curComponent.propValue.fiveColor = o),
+                  "show-alpha": "",
+                  predefine: e.predefine
+                }, null, 8, ["modelValue", "predefine"])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["size"])
+      ]),
+      _: 1
+    }, 8, ["page-id", "form-size"])
+  ]);
+}
+const I = /* @__PURE__ */ y(z, [["render", U], ["__scopeId", "data-v-2ae98b43"], ["__file", "Attr.vue"]]);
+export {
+  I as default
+};

package/dist/{Attr-Gefm_jYU.js → Attr-DyDV96fh.js}

@@ -1,33 +1,33 @@
 import { useEditorStore as _ } from "hflveditor3";
-import { resolveComponent as l, createElementBlock as V, openBlock as b, createVNode as t, withCtx as n, createTextVNode as g, computed as m } from "vue";
+import { resolveComponent as l, createElementBlock as V, openBlock as g, createVNode as t, withCtx as p, createTextVNode as b, computed as m } from "vue";
 import { _ as x } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const S = {
   __name: "Attr",
   props: ["pageId", "formSize"],
   setup(d, { expose: o }) {
     o();
-    const p = d, e = _(p.pageId), a = m(() => e.curComponent), s = m(() => a.value.propValue || {}), r = { props: p, editorStore: e, curComponent: a, propValue: s, get useEditorStore() {
+    const n = d, e = _(n.pageId), a = m(() => e.curComponent), s = m(() => a.value.propValue || {}), r = { props: n, editorStore: e, curComponent: a, propValue: s, get useEditorStore() {
       return _;
     }, computed: m };
     return Object.defineProperty(r, "__isScriptSetup", { enumerable: !1, value: !0 }), r;
   }
 };
-function v(d, o, p, e, a, s) {
+function v(d, o, n, e, a, s) {
   const r = l("el-switch"), u = l("el-form-item"), c = l("el-form"), f = l("VECommonAttr");
-  return b(), V("div", { class: "attr-list" }, [
+  return g(), V("div", { class: "attr-list" }, [
     t(f, {
       "page-id": e.props.pageId
     }, {
-      default: n(() => [
+      default: p(() => [
         t(c, {
           size: e.props.formSize,
           "label-width": "100",
           "label-position": "left",
           style: { padding: "10px" }
         }, {
-          default: n(() => [
+          default: p(() => [
             t(u, { label: "水平翻转" }, {
-              default: n(() => [
+              default: p(() => [
                 t(r, {
                   modelValue: e.propValue.flipHorizontal,
                   "onUpdate:modelValue": o[0] || (o[0] = (i) => e.propValue.flipHorizontal = i)
@@ -35,9 +35,9 @@ function v(d, o, p, e, a, s) {
               ]),
               _: 1
             }),
-            g(),
+            b(),
             t(u, { label: "垂直翻转" }, {
-              default: n(() => [
+              default: p(() => [
                 t(r, {
                   modelValue: e.propValue.flipVertical,
                   "onUpdate:modelValue": o[1] || (o[1] = (i) => e.propValue.flipVertical = i)

package/dist/{Attr-BDLtj3vb.js → Attr-KkML_lNr.js}

@@ -1,5 +1,5 @@
 import { useEditorStore as s } from "hflveditor3";
-import { resolveComponent as c, createElementBlock as m, openBlock as l, createVNode as a, withCtx as u, computed as _ } from "vue";
+import { resolveComponent as c, createElementBlock as i, openBlock as l, createVNode as a, withCtx as u, computed as _ } from "vue";
 import { _ as f } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const g = {
   __name: "Attr",
@@ -13,9 +13,9 @@ const g = {
   }
 };
 function x(r, n, t, e, p, o) {
-  const d = c("el-form"), i = c("VECommonAttr");
-  return l(), m("div", { class: "attr-list" }, [
-    a(i, {
+  const d = c("el-form"), m = c("VECommonAttr");
+  return l(), i("div", { class: "attr-list" }, [
+    a(m, {
       "page-id": e.props.pageId
     }, {
       default: u(() => [

package/dist/{Attr-lTpa0fp-.js → Attr-UXQpzT4o.js}

@@ -1,6 +1,6 @@
 import { useEditorStore as E } from "hflveditor3";
 import { b as O } from "./common-CUTMyEmo.js";
-import { E as w } from "./ElementIconDialog-DhgtYKn3.js";
+import { E as w } from "./ElementIconDialog-DfliInik.js";
 import { c as P, f as F, b as B, e as T } from "./constant-CU9c_PNt.js";
 import { resolveComponent as i, createElementBlock as f, openBlock as r, Fragment as v, createElementVNode as W, createTextVNode as n, createVNode as o, withCtx as a, createBlock as p, createCommentVNode as b, renderList as y, resolveDynamicComponent as U, computed as x, ref as C } from "vue";
 import { _ as j } from "./_plugin-vue_export-helper-CHgC5LLL.js";

package/dist/{Attr-bCVDOqW4.js → Attr-V8TouSeR.js}

@@ -2,7 +2,7 @@ import { useEditorStore as A } from "hflveditor3";
 import { p as N, b as L, c as B, f as W } from "./constant-CU9c_PNt.js";
 import { resolveComponent as p, createElementBlock as _, openBlock as u, Fragment as y, createElementVNode as D, createTextVNode as t, createVNode as o, withCtx as n, createBlock as m, createCommentVNode as V, renderList as v, resolveDynamicComponent as C, computed as U, ref as E } from "vue";
 import { b as O } from "./common-CUTMyEmo.js";
-import { E as T } from "./ElementIconDialog-DhgtYKn3.js";
+import { E as T } from "./ElementIconDialog-DfliInik.js";
 import { _ as R } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const j = {
   __name: "Attr",

package/dist/Attr-qBkm7nTx.js

@@ -0,0 +1,52 @@
+import { resolveComponent as r, createElementBlock as V, openBlock as x, createVNode as n, withCtx as l, computed as m } from "vue";
+import { useEditorStore as _ } from "hflveditor3";
+import { _ as S } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const g = {
+  __name: "Attr",
+  props: ["pageId", "formSize"],
+  setup(s, { expose: o }) {
+    o();
+    const p = s, e = _(p.pageId), a = m(() => e.curComponent), i = m(() => a.value.propValue || {}), t = { props: p, editorStore: e, curComponent: a, propValue: i, computed: m, get useEditorStore() {
+      return _;
+    } };
+    return Object.defineProperty(t, "__isScriptSetup", { enumerable: !1, value: !0 }), t;
+  }
+};
+function z(s, o, p, e, a, i) {
+  const t = r("el-input"), c = r("el-form-item"), d = r("el-form"), u = r("VECommonAttr");
+  return x(), V("div", { class: "attr-list" }, [
+    n(u, {
+      "page-id": e.props.pageId,
+      "form-size": e.props.formSize
+    }, {
+      default: l(() => [
+        n(d, {
+          size: e.props.formSize,
+          "label-width": "100px",
+          "label-position": "left",
+          style: { padding: "10px" }
+        }, {
+          default: l(() => [
+            n(c, { label: "对象Key" }, {
+              default: l(() => [
+                n(t, {
+                  modelValue: e.propValue.dataKey,
+                  "onUpdate:modelValue": o[0] || (o[0] = (f) => e.propValue.dataKey = f),
+                  type: "text",
+                  class: "common-item"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["size"])
+      ]),
+      _: 1
+    }, 8, ["page-id", "form-size"])
+  ]);
+}
+const C = /* @__PURE__ */ S(g, [["render", z], ["__scopeId", "data-v-0598a9b6"], ["__file", "Attr.vue"]]);
+export {
+  C as default
+};

package/dist/{Attr-BtpOO97b.js → Attr-x-B-wwN_.js}

@@ -1,4 +1,4 @@
-import { p as b } from "./constant-CU9c_PNt.js";
+import { p as C } from "./constant-CU9c_PNt.js";
 import { useEditorStore as f } from "hflveditor3";
 import { resolveComponent as n, createElementBlock as x, openBlock as g, createVNode as r, withCtx as p, createTextVNode as _, computed as d } from "vue";
 import { _ as k } from "./_plugin-vue_export-helper-CHgC5LLL.js";
@@ -8,7 +8,7 @@ const S = {
   setup(s, { expose: o }) {
     o();
     const a = s, e = f(a.pageId), m = d(() => e.curComponent), u = d(() => m.value.propValue || {}), t = { props: a, editorStore: e, curComponent: m, propValue: u, get predefine() {
-      return b;
+      return C;
     }, get useEditorStore() {
       return f;
     }, computed: d };
@@ -16,9 +16,9 @@ const S = {
   }
 };
 function z(s, o, a, e, m, u) {
-  const t = n("el-color-picker"), i = n("el-form-item"), c = n("el-input-number"), V = n("el-form"), C = n("VECommonAttr");
+  const t = n("el-color-picker"), i = n("el-form-item"), c = n("el-input-number"), V = n("el-form"), b = n("VECommonAttr");
   return g(), x("div", { class: "attr-list" }, [
-    r(C, {
+    r(b, {
       "page-id": e.props.pageId,
       "form-size": e.props.formSize
     }, {

package/dist/Attr-ysSfJJXC.js

@@ -0,0 +1,136 @@
+import { resolveComponent as u, createElementBlock as b, openBlock as v, createVNode as a, withCtx as s, createTextVNode as S, computed as n } from "vue";
+import { useEditorStore as V } from "hflveditor3";
+import { g as i, t as p } from "./common-CUTMyEmo.js";
+import { _ as E } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const w = {
+  __name: "Attr",
+  props: ["pageId", "formSize"],
+  setup(y, { expose: l }) {
+    l();
+    const c = y, e = V(c.pageId), _ = n(() => e.curComponent), o = n(() => _.value.propValue || {}), m = n({
+      get: () => {
+        let t = o.value.borderStyle || {};
+        return p(t);
+      },
+      set: (t) => {
+        o.value.borderStyle = i(t, {});
+      }
+    }), d = n({
+      get: () => {
+        let t = o.value.rowStyle || {};
+        return p(t);
+      },
+      set: (t) => {
+        o.value.rowStyle = i(t, {});
+      }
+    }), f = n({
+      get: () => {
+        let t = o.value.colStyle || {};
+        return p(t);
+      },
+      set: (t) => {
+        o.value.colStyle = i(t, {});
+      }
+    }), g = n({
+      get: () => {
+        let t = o.value.diagonalStyle || {};
+        return p(t);
+      },
+      set: (t) => {
+        o.value.diagonalStyle = i(t, {});
+      }
+    }), x = { props: c, editorStore: e, curComponent: _, propValue: o, borderStyle: m, rowStyle: d, colStyle: f, diagonalStyle: g, styleDataExample: {
+      flag: !0,
+      text: '[{"color":"#F8F8FF","width":1,"dash":""}]'
+    }, computed: n, get useEditorStore() {
+      return V;
+    }, get getJsonObject() {
+      return i;
+    }, get toJsonStr() {
+      return p;
+    } };
+    return Object.defineProperty(x, "__isScriptSetup", { enumerable: !1, value: !0 }), x;
+  }
+};
+function j(y, l, c, e, _, o) {
+  const m = u("VeOmitInput"), d = u("el-form-item"), f = u("el-form"), g = u("VECommonAttr");
+  return v(), b("div", { class: "attr-list" }, [
+    a(g, {
+      "page-id": e.props.pageId,
+      "form-size": e.props.formSize
+    }, {
+      default: s(() => [
+        a(f, {
+          size: e.props.formSize,
+          "label-width": "100px",
+          "label-position": "left",
+          style: { padding: "10px" }
+        }, {
+          default: s(() => [
+            a(d, { label: "边框样式" }, {
+              default: s(() => [
+                a(m, {
+                  modelValue: e.borderStyle,
+                  "onUpdate:modelValue": l[0] || (l[0] = (r) => e.borderStyle = r),
+                  dialogTitle: "数据编辑(json格式对象)",
+                  "max-length": 1e3,
+                  example: e.styleDataExample,
+                  class: "common-item"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            S(),
+            a(d, { label: "行样式" }, {
+              default: s(() => [
+                a(m, {
+                  modelValue: e.rowStyle,
+                  "onUpdate:modelValue": l[1] || (l[1] = (r) => e.rowStyle = r),
+                  dialogTitle: "数据编辑(json格式对象)",
+                  "max-length": 1e3,
+                  example: e.styleDataExample,
+                  class: "common-item"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            S(),
+            a(d, { label: "列样式" }, {
+              default: s(() => [
+                a(m, {
+                  modelValue: e.colStyle,
+                  "onUpdate:modelValue": l[2] || (l[2] = (r) => e.colStyle = r),
+                  dialogTitle: "数据编辑(json格式对象)",
+                  "max-length": 1e3,
+                  example: e.styleDataExample,
+                  class: "common-item"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            S(),
+            a(d, { label: "对角线样式" }, {
+              default: s(() => [
+                a(m, {
+                  modelValue: e.diagonalStyle,
+                  "onUpdate:modelValue": l[3] || (l[3] = (r) => e.diagonalStyle = r),
+                  dialogTitle: "数据编辑(json格式对象)",
+                  "max-length": 1e3,
+                  example: e.styleDataExample,
+                  class: "common-item"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["size"])
+      ]),
+      _: 1
+    }, 8, ["page-id", "form-size"])
+  ]);
+}
+const A = /* @__PURE__ */ E(w, [["render", j], ["__scopeId", "data-v-1f7627e4"], ["__file", "Attr.vue"]]);
+export {
+  A as default
+};

package/dist/{CommonDialog-C1bFj3bZ.js → CommonDialog-ZbSGTSN4.js}

@@ -23,20 +23,20 @@ const N = {
     let o = null;
     const s = k(() => e.value && y(e.value) ? e.value : i.title), b = () => {
       t("confirm", { callBack: o });
-    }, p = () => {
+    }, f = () => {
       n.value = !1;
-    }, f = (a = {}) => {
+    }, p = (a = {}) => {
       n.value = !0, o = a.callBack, e.value = a.title || "";
     };
     l({
-      show: f,
-      cancel: p
+      show: p,
+      cancel: f
     });
     const _ = { showTitle: e, openDialog: n, props: i, emit: t, get callBack() {
       return o;
     }, set callBack(a) {
       o = a;
-    }, title: s, confirmInner: b, cancel: p, show: f, ref: d, computed: k, get isNotEmpty() {
+    }, title: s, confirmInner: b, cancel: f, show: p, ref: d, computed: k, get isNotEmpty() {
       return y;
     } };
     return Object.defineProperty(_, "__isScriptSetup", { enumerable: !1, value: !0 }), _;