hfl-comp-editor 0.0.3 → 0.0.4

package/dist/{Attr-CkLe8GVR.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",
@@ -14,7 +14,7 @@ const g = {
 };
 function x(r, n, t, e, p, o) {
   const d = a("el-form"), i = a("VECommonAttr");
-  return l(), m("div", { class: "attr-list" }, [
+  return m(), l("div", { class: "attr-list" }, [
     c(i, {
       "page-id": e.props.pageId
     }, {

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-BYvgL_uJ.js → Attr-KkML_lNr.js}

@@ -1,5 +1,5 @@
 import { useEditorStore as s } from "hflveditor3";
-import { resolveComponent as c, createElementBlock as l, openBlock as m, 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 m(), l("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-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/Data-BDX7IqiW.js

@@ -0,0 +1,296 @@
+import { useEditorStore as v } from "hflveditor3";
+import { resolveComponent as g, createElementBlock as S, openBlock as U, createVNode as t, withCtx as r, createTextVNode as d, computed as i } from "vue";
+import { g as s, t as p } from "./common-CUTMyEmo.js";
+import { _ as F } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const j = {
+  __name: "Data",
+  props: ["pageId", "formSize"],
+  setup(_, { expose: a }) {
+    a();
+    const V = _, e = v(V.pageId), x = i(() => e.curComponent), n = i(() => x.value.propValue || {}), c = i({
+      get: () => {
+        let l = n.value.borders || [];
+        return p(l);
+      },
+      set: (l) => {
+        n.value.borders = s(l, []);
+      }
+    }), m = i({
+      get: () => {
+        let l = n.value.rowHeights || [];
+        return p(l);
+      },
+      set: (l) => {
+        n.value.rowHeights = s(l, []);
+      }
+    }), D = i({
+      get: () => {
+        let l = n.value.colWidths || [];
+        return p(l);
+      },
+      set: (l) => {
+        n.value.colWidths = s(l, []);
+      }
+    }), u = i({
+      get: () => {
+        let l = n.value.rowLine || [];
+        return p(l);
+      },
+      set: (l) => {
+        n.value.rowLine = s(l, []);
+      }
+    }), f = i({
+      get: () => {
+        let l = n.value.colLine || [];
+        return p(l);
+      },
+      set: (l) => {
+        n.value.colLine = s(l, []);
+      }
+    }), o = i({
+      get: () => {
+        let l = n.value.mergedCells || [];
+        return p(l);
+      },
+      set: (l) => {
+        n.value.mergedCells = s(l, []);
+      }
+    }), w = i({
+      get: () => {
+        let l = n.value.diagonalCells || [];
+        return p(l);
+      },
+      set: (l) => {
+        n.value.diagonalCells = s(l, []);
+      }
+    }), E = i({
+      get: () => {
+        let l = n.value.cellStyle || [];
+        return p(l);
+      },
+      set: (l) => {
+        n.value.cellStyle = s(l, []);
+      }
+    }), b = { props: V, editorStore: e, curComponent: x, propValue: n, borderData: c, rowHeightData: m, colWidthData: D, rowLineData: u, colLineData: f, mergeData: o, diagonalData: w, cellData: E, DataExample: {
+      flag: !0,
+      text: "[80,100]"
+    }, lineDataExample: {
+      flag: !0,
+      text: '[{"color":"#F8F8FF","width":1,"dash":""}]'
+    }, mergeDataExample: {
+      flag: !0,
+      text: '[{"row":0,"col":0,"colSpan":1,"rowSpan":2}]'
+    }, diagonalDataExample: {
+      flag: !0,
+      text: '[{"row":0,"col":0,"reverse":false,"color":"#F8F8FF","width":1,"dash":""}]'
+    }, cellDataExample: {
+      flag: !0,
+      text: '[{"row":0,"col":0,"color":"#F8F8FF","width":1,"dash":""}]'
+    }, get useEditorStore() {
+      return v;
+    }, computed: i, get getJsonObject() {
+      return s;
+    }, get toJsonStr() {
+      return p;
+    } };
+    return Object.defineProperty(b, "__isScriptSetup", { enumerable: !1, value: !0 }), b;
+  }
+};
+function L(_, a, V, e, x, n) {
+  const c = g("el-input-number"), m = g("el-form-item"), D = g("el-switch"), u = g("VeOmitInput"), f = g("el-form");
+  return U(), S("div", { class: "data-list" }, [
+    t(f, {
+      size: e.props.formSize,
+      "label-width": "100px",
+      "label-position": "left",
+      style: { padding: "10px" }
+    }, {
+      default: r(() => [
+        t(m, { label: "行数" }, {
+          default: r(() => [
+            t(c, {
+              modelValue: e.propValue.rows,
+              "onUpdate:modelValue": a[0] || (a[0] = (o) => e.propValue.rows = o),
+              min: 1,
+              precision: 0,
+              class: "common-item"
+            }, null, 8, ["modelValue"])
+          ]),
+          _: 1
+        }),
+        d(),
+        t(m, { label: "列数" }, {
+          default: r(() => [
+            t(c, {
+              modelValue: e.propValue.cols,
+              "onUpdate:modelValue": a[1] || (a[1] = (o) => e.propValue.cols = o),
+              min: 1,
+              precision: 0,
+              class: "common-item"
+            }, null, 8, ["modelValue"])
+          ]),
+          _: 1
+        }),
+        d(),
+        t(m, { label: "自动适应" }, {
+          default: r(() => [
+            t(D, {
+              modelValue: e.propValue.autoResize,
+              "onUpdate:modelValue": a[2] || (a[2] = (o) => e.propValue.autoResize = o)
+            }, null, 8, ["modelValue"])
+          ]),
+          _: 1
+        }),
+        d(),
+        t(m, { label: "行高" }, {
+          default: r(() => [
+            t(c, {
+              modelValue: e.propValue.cellHeight,
+              "onUpdate:modelValue": a[3] || (a[3] = (o) => e.propValue.cellHeight = o),
+              min: 1,
+              precision: 0,
+              class: "common-item"
+            }, null, 8, ["modelValue"])
+          ]),
+          _: 1
+        }),
+        d(),
+        t(m, { label: "列宽" }, {
+          default: r(() => [
+            t(c, {
+              modelValue: e.propValue.cellWidth,
+              "onUpdate:modelValue": a[4] || (a[4] = (o) => e.propValue.cellWidth = o),
+              min: 1,
+              precision: 0,
+              class: "common-item"
+            }, null, 8, ["modelValue"])
+          ]),
+          _: 1
+        }),
+        d(),
+        t(m, {
+          label: "边框数组",
+          title: "自定义边框样式"
+        }, {
+          default: r(() => [
+            t(u, {
+              modelValue: e.borderData,
+              "onUpdate:modelValue": a[5] || (a[5] = (o) => e.borderData = o),
+              dialogTitle: "数据编辑(json格式字符数组)",
+              "max-length": 1e3,
+              example: e.lineDataExample,
+              class: "common-item"
+            }, null, 8, ["modelValue"])
+          ]),
+          _: 1
+        }),
+        d(),
+        t(m, { label: "行高数组" }, {
+          default: r(() => [
+            t(u, {
+              modelValue: e.rowHeightData,
+              "onUpdate:modelValue": a[6] || (a[6] = (o) => e.rowHeightData = o),
+              dialogTitle: "数据编辑(json格式字符数组)",
+              "max-length": 1e3,
+              example: e.DataExample,
+              class: "common-item"
+            }, null, 8, ["modelValue"])
+          ]),
+          _: 1
+        }),
+        d(),
+        t(m, { label: "列宽数组" }, {
+          default: r(() => [
+            t(u, {
+              modelValue: e.colWidthData,
+              "onUpdate:modelValue": a[7] || (a[7] = (o) => e.colWidthData = o),
+              dialogTitle: "数据编辑(json格式字符数组)",
+              "max-length": 1e3,
+              example: e.DataExample,
+              class: "common-item"
+            }, null, 8, ["modelValue"])
+          ]),
+          _: 1
+        }),
+        d(),
+        t(m, { label: "行线数组" }, {
+          default: r(() => [
+            t(u, {
+              modelValue: e.rowLineData,
+              "onUpdate:modelValue": a[8] || (a[8] = (o) => e.rowLineData = o),
+              dialogTitle: "数据编辑(json格式字符数组)",
+              "max-length": 1e3,
+              example: e.lineDataExample,
+              class: "common-item"
+            }, null, 8, ["modelValue"])
+          ]),
+          _: 1
+        }),
+        d(),
+        t(m, { label: "列线数组" }, {
+          default: r(() => [
+            t(u, {
+              modelValue: e.colLineData,
+              "onUpdate:modelValue": a[9] || (a[9] = (o) => e.colLineData = o),
+              dialogTitle: "数据编辑(json格式字符数组)",
+              "max-length": 1e3,
+              example: e.lineDataExample,
+              class: "common-item"
+            }, null, 8, ["modelValue"])
+          ]),
+          _: 1
+        }),
+        d(),
+        t(m, { label: "合并数组" }, {
+          default: r(() => [
+            t(u, {
+              modelValue: e.mergeData,
+              "onUpdate:modelValue": a[10] || (a[10] = (o) => e.mergeData = o),
+              dialogTitle: "数据编辑(json格式字符数组)",
+              "max-length": 1e3,
+              example: e.mergeDataExample,
+              class: "common-item"
+            }, null, 8, ["modelValue"])
+          ]),
+          _: 1
+        }),
+        d(),
+        t(m, { label: "斜线数组" }, {
+          default: r(() => [
+            t(u, {
+              modelValue: e.diagonalData,
+              "onUpdate:modelValue": a[11] || (a[11] = (o) => e.diagonalData = o),
+              dialogTitle: "数据编辑(json格式字符数组)",
+              "max-length": 1e3,
+              example: e.diagonalDataExample,
+              class: "common-item"
+            }, null, 8, ["modelValue"])
+          ]),
+          _: 1
+        }),
+        d(),
+        t(m, {
+          label: "单元数组",
+          title: "设置单元格样式"
+        }, {
+          default: r(() => [
+            t(u, {
+              modelValue: e.cellData,
+              "onUpdate:modelValue": a[12] || (a[12] = (o) => e.cellData = o),
+              dialogTitle: "单元格编辑(json格式字符数组)",
+              "max-length": 1e3,
+              example: e.cellDataExample,
+              class: "common-item"
+            }, null, 8, ["modelValue"])
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["size"])
+  ]);
+}
+const J = /* @__PURE__ */ F(j, [["render", L], ["__scopeId", "data-v-9100f14c"], ["__file", "Data.vue"]]);
+export {
+  J as default
+};

package/dist/{Data-CvqiFMMy.js → Data-BH0T-uVd.js}

@@ -55,7 +55,7 @@ function C(s, t, l, e, p, i) {
     }, 8, ["size"])
   ]);
 }
-const w = /* @__PURE__ */ D(y, [["render", C], ["__scopeId", "data-v-f14565f9"], ["__file", "Data.vue"]]);
+const z = /* @__PURE__ */ D(y, [["render", C], ["__scopeId", "data-v-f14565f9"], ["__file", "Data.vue"]]);
 export {
-  w as default
+  z as default
 };

package/dist/{Data-Az483gB3.js → Data-DgzdNPae.js}

@@ -6,15 +6,15 @@ const S = {
   props: ["pageId", "formSize"],
   setup(m, { expose: o }) {
     o();
-    const a = m, e = d(a.pageId), p = c(() => e.curComponent), i = c(() => p.value.propValue || {}), l = { props: a, editorStore: e, curComponent: p, propValue: i, openPicUrl: () => {
+    const a = m, e = d(a.pageId), p = c(() => e.curComponent), s = c(() => p.value.propValue || {}), l = { props: a, editorStore: e, curComponent: p, propValue: s, openPicUrl: () => {
     }, get useEditorStore() {
       return d;
     }, computed: c };
     return Object.defineProperty(l, "__isScriptSetup", { enumerable: !1, value: !0 }), l;
   }
 };
-function v(m, o, a, e, p, i) {
-  const s = r("el-button"), l = r("el-input"), _ = r("el-form-item"), f = r("el-form");
+function v(m, o, a, e, p, s) {
+  const i = r("el-button"), l = r("el-input"), _ = r("el-form-item"), f = r("el-form");
   return x(), V("div", { class: "data-list" }, [
     t(f, {
       size: e.props.formSize,
@@ -33,7 +33,7 @@ function v(m, o, a, e, p, i) {
               clearable: ""
             }, {
               append: n(() => [
-                t(s, {
+                t(i, {
                   icon: "search",
                   onClick: e.openPicUrl
                 })
@@ -63,7 +63,7 @@ function v(m, o, a, e, p, i) {
     }, 8, ["size"])
   ]);
 }
-const z = /* @__PURE__ */ C(S, [["render", v], ["__scopeId", "data-v-26335a8a"], ["__file", "Data.vue"]]);
+const y = /* @__PURE__ */ C(S, [["render", v], ["__scopeId", "data-v-26335a8a"], ["__file", "Data.vue"]]);
 export {
-  z as default
+  y as default
 };