hfl-comp-editor 0.0.0

package/README.md

@@ -0,0 +1,5 @@
+# Vue 3 + Vite
+
+This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
+
+Learn more about IDE Support for Vue in the [Vue Docs Scaling up Guide](https://vuejs.org/guide/scaling-up/tooling.html#ide-support).

package/dist/Attr-6xFWM3Vu.js

@@ -0,0 +1,148 @@
+import { p as y, f as k } from "./constant-CU9c_PNt.js";
+import { _ as z, g as b } from "./_plugin-vue_export-helper-Bos-KsiI.js";
+import { resolveComponent as a, createElementBlock as g, openBlock as c, createVNode as r, withCtx as n, createTextVNode as p, Fragment as S, renderList as A, createBlock as N } from "vue";
+const U = {
+  __name: "Attr",
+  props: ["pageId", "formSize"],
+  setup(V, { expose: l }) {
+    l();
+    const u = V, e = b(u.pageId), i = computed(() => e.curComponent), d = computed(() => i.value.propValue || {}), t = { props: u, editorStore: e, curComponent: i, propValue: d, inputNumber: (s) => {
+      const m = s.replace(/[^0-9.]/g, "");
+      isNumber(m) && (d.value.factor = Number(m));
+    }, get fontFamilyArr() {
+      return k;
+    }, get predefine() {
+      return y;
+    }, get useEditorStore() {
+      return b;
+    } };
+    return Object.defineProperty(t, "__isScriptSetup", { enumerable: !1, value: !0 }), t;
+  }
+};
+function F(V, l, u, e, i, d) {
+  const f = a("el-input-number"), t = a("el-form-item"), s = a("el-input"), m = a("el-option"), v = a("el-select"), _ = a("el-color-picker"), C = a("el-form"), x = a("VECommonAttr");
+  return c(), g("div", { class: "attr-list" }, [
+    r(x, {
+      "page-id": e.props.pageId,
+      "form-size": e.props.formSize
+    }, {
+      default: n(() => [
+        r(C, {
+          size: e.props.formSize,
+          "label-width": "100px",
+          "label-position": "left",
+          style: { padding: "10px" }
+        }, {
+          default: n(() => [
+            r(t, { label: "小数位数" }, {
+              default: n(() => [
+                r(f, {
+                  modelValue: e.propValue.fractionDigits,
+                  "onUpdate:modelValue": l[0] || (l[0] = (o) => e.propValue.fractionDigits = o),
+                  precision: 0,
+                  step: 1,
+                  min: 0,
+                  type: "text",
+                  class: "common-item"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            p(),
+            r(t, { label: "系数" }, {
+              default: n(() => [
+                r(s, {
+                  modelValue: e.propValue.factor,
+                  "onUpdate:modelValue": l[1] || (l[1] = (o) => e.propValue.factor = o),
+                  modelModifiers: { number: !0 },
+                  type: "number",
+                  onInput: e.inputNumber,
+                  class: "common-item"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            p(),
+            r(t, { label: "字体大小" }, {
+              default: n(() => [
+                r(f, {
+                  modelValue: e.propValue.fontSize,
+                  "onUpdate:modelValue": l[2] || (l[2] = (o) => e.propValue.fontSize = o),
+                  precision: 0,
+                  min: 2,
+                  max: 50,
+                  type: "text",
+                  class: "common-item"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            p(),
+            r(t, { label: "字体" }, {
+              default: n(() => [
+                r(v, {
+                  modelValue: e.propValue.fontFamily,
+                  "onUpdate:modelValue": l[3] || (l[3] = (o) => e.propValue.fontFamily = o),
+                  placeholder: "请选择",
+                  class: "common-item"
+                }, {
+                  default: n(() => [
+                    (c(!0), g(S, null, A(e.fontFamilyArr, (o) => (c(), N(m, {
+                      key: o.value,
+                      label: o.label,
+                      value: o.value
+                    }, null, 8, ["label", "value"]))), 128))
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            p(),
+            r(t, { label: "字体颜色" }, {
+              default: n(() => [
+                r(_, {
+                  modelValue: e.propValue.fontColor,
+                  "onUpdate:modelValue": l[4] || (l[4] = (o) => e.propValue.fontColor = o),
+                  "show-alpha": "",
+                  predefine: e.predefine
+                }, null, 8, ["modelValue", "predefine"])
+              ]),
+              _: 1
+            }),
+            p(),
+            r(t, { label: "圆环颜色" }, {
+              default: n(() => [
+                r(_, {
+                  modelValue: e.propValue.strokeColor,
+                  "onUpdate:modelValue": l[5] || (l[5] = (o) => e.propValue.strokeColor = o),
+                  "show-alpha": "",
+                  predefine: e.predefine
+                }, null, 8, ["modelValue", "predefine"])
+              ]),
+              _: 1
+            }),
+            p(),
+            r(t, { label: "液体颜色" }, {
+              default: n(() => [
+                r(_, {
+                  modelValue: e.propValue.strokeColor2,
+                  "onUpdate:modelValue": l[6] || (l[6] = (o) => e.propValue.strokeColor2 = o),
+                  "show-alpha": "",
+                  predefine: e.predefine
+                }, null, 8, ["modelValue", "predefine"])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["size"])
+      ]),
+      _: 1
+    }, 8, ["page-id", "form-size"])
+  ]);
+}
+const B = /* @__PURE__ */ z(U, [["render", F], ["__scopeId", "data-v-6474bee2"], ["__file", "Attr.vue"]]);
+export {
+  B as default
+};

package/dist/Attr-7IY8eomx.js

@@ -0,0 +1,336 @@
+import { p as U } from "./constant-CU9c_PNt.js";
+import { _ as k, g as _ } from "./_plugin-vue_export-helper-Bos-KsiI.js";
+import { resolveComponent as u, createElementBlock as B, openBlock as p, createVNode as a, withCtx as r, createTextVNode as n, createBlock as t, createCommentVNode as i } from "vue";
+const y = {
+  __name: "Attr",
+  props: ["pageId", "formSize"],
+  setup(g, { expose: o }) {
+    o();
+    const V = g, e = _(V.pageId), f = computed(() => e.curComponent), b = computed(() => f.value.propValue || {}), m = { props: V, editorStore: e, curComponent: f, propValue: b, get predefine() {
+      return U;
+    }, get useEditorStore() {
+      return _;
+    } };
+    return Object.defineProperty(m, "__isScriptSetup", { enumerable: !1, value: !0 }), m;
+  }
+};
+function H(g, o, V, e, f, b) {
+  const m = u("el-input-number"), d = u("el-form-item"), s = u("el-color-picker"), P = u("el-switch"), c = u("el-form"), C = u("VECommonAttr");
+  return p(), B("div", { class: "attr-list" }, [
+    a(C, {
+      "page-id": e.props.pageId,
+      "form-size": e.props.formSize
+    }, {
+      default: r(() => [
+        a(c, {
+          size: e.props.formSize,
+          "label-width": "100px",
+          "label-position": "left",
+          style: { padding: "10px" }
+        }, {
+          default: r(() => [
+            a(d, { label: "内边距-左" }, {
+              default: r(() => [
+                a(m, {
+                  modelValue: e.propValue.mainPaddingLeft,
+                  "onUpdate:modelValue": o[0] || (o[0] = (l) => e.propValue.mainPaddingLeft = l),
+                  precision: 0,
+                  step: 1,
+                  min: 0,
+                  class: "common-item"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            n(),
+            a(d, { label: "内边距-右" }, {
+              default: r(() => [
+                a(m, {
+                  modelValue: e.propValue.mainPaddingRight,
+                  "onUpdate:modelValue": o[1] || (o[1] = (l) => e.propValue.mainPaddingRight = l),
+                  precision: 0,
+                  step: 1,
+                  min: 0,
+                  class: "common-item"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            n(),
+            a(d, { label: "内边距-上" }, {
+              default: r(() => [
+                a(m, {
+                  modelValue: e.propValue.mainPaddingTop,
+                  "onUpdate:modelValue": o[2] || (o[2] = (l) => e.propValue.mainPaddingTop = l),
+                  precision: 0,
+                  step: 1,
+                  min: 0,
+                  class: "common-item"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            n(),
+            a(d, { label: "内边距-下" }, {
+              default: r(() => [
+                a(m, {
+                  modelValue: e.propValue.mainPaddingBottom,
+                  "onUpdate:modelValue": o[3] || (o[3] = (l) => e.propValue.mainPaddingBottom = l),
+                  precision: 0,
+                  step: 1,
+                  min: 0,
+                  class: "common-item"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            n(),
+            a(d, { label: "背景色" }, {
+              default: r(() => [
+                a(s, {
+                  modelValue: e.curComponent.propValue.mainBgColor,
+                  "onUpdate:modelValue": o[4] || (o[4] = (l) => e.curComponent.propValue.mainBgColor = l),
+                  "show-alpha": "",
+                  predefine: e.predefine
+                }, null, 8, ["modelValue", "predefine"])
+              ]),
+              _: 1
+            }),
+            n(),
+            a(d, {
+              label: "有顶栏",
+              title: "是否有顶栏"
+            }, {
+              default: r(() => [
+                a(P, {
+                  modelValue: e.propValue.hasHeader,
+                  "onUpdate:modelValue": o[5] || (o[5] = (l) => e.propValue.hasHeader = l)
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            n(),
+            e.propValue.hasHeader ? (p(), t(d, {
+              key: 0,
+              label: "顶栏高度"
+            }, {
+              default: r(() => [
+                a(m, {
+                  modelValue: e.propValue.headerHeight,
+                  "onUpdate:modelValue": o[6] || (o[6] = (l) => e.propValue.headerHeight = l),
+                  precision: 0,
+                  step: 1,
+                  min: 0,
+                  class: "common-item"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            })) : i("", !0),
+            n(),
+            e.propValue.hasHeader ? (p(), t(d, {
+              key: 1,
+              label: "内边距-左"
+            }, {
+              default: r(() => [
+                a(m, {
+                  modelValue: e.propValue.headerPaddingLeft,
+                  "onUpdate:modelValue": o[7] || (o[7] = (l) => e.propValue.headerPaddingLeft = l),
+                  precision: 0,
+                  step: 1,
+                  min: 0,
+                  class: "common-item"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            })) : i("", !0),
+            n(),
+            e.propValue.hasHeader ? (p(), t(d, {
+              key: 2,
+              label: "内边距-右"
+            }, {
+              default: r(() => [
+                a(m, {
+                  modelValue: e.propValue.headerPaddingRight,
+                  "onUpdate:modelValue": o[8] || (o[8] = (l) => e.propValue.headerPaddingRight = l),
+                  precision: 0,
+                  step: 1,
+                  min: 0,
+                  class: "common-item"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            })) : i("", !0),
+            n(),
+            e.propValue.hasHeader ? (p(), t(d, {
+              key: 3,
+              label: "内边距-上"
+            }, {
+              default: r(() => [
+                a(m, {
+                  modelValue: e.propValue.headerPaddingTop,
+                  "onUpdate:modelValue": o[9] || (o[9] = (l) => e.propValue.headerPaddingTop = l),
+                  precision: 0,
+                  step: 1,
+                  min: 0,
+                  class: "common-item"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            })) : i("", !0),
+            n(),
+            e.propValue.hasHeader ? (p(), t(d, {
+              key: 4,
+              label: "内边距-下"
+            }, {
+              default: r(() => [
+                a(m, {
+                  modelValue: e.propValue.headerPaddingBottom,
+                  "onUpdate:modelValue": o[10] || (o[10] = (l) => e.propValue.headerPaddingBottom = l),
+                  precision: 0,
+                  step: 1,
+                  min: 0,
+                  class: "common-item"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            })) : i("", !0),
+            n(),
+            e.propValue.hasHeader ? (p(), t(d, {
+              key: 5,
+              label: "背景色"
+            }, {
+              default: r(() => [
+                a(s, {
+                  modelValue: e.curComponent.propValue.headerBgColor,
+                  "onUpdate:modelValue": o[11] || (o[11] = (l) => e.curComponent.propValue.headerBgColor = l),
+                  "show-alpha": "",
+                  predefine: e.predefine
+                }, null, 8, ["modelValue", "predefine"])
+              ]),
+              _: 1
+            })) : i("", !0),
+            n(),
+            a(d, {
+              label: "有底栏",
+              title: "是否有底栏"
+            }, {
+              default: r(() => [
+                a(P, {
+                  modelValue: e.propValue.hasFooter,
+                  "onUpdate:modelValue": o[12] || (o[12] = (l) => e.propValue.hasFooter = l)
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            n(),
+            e.propValue.hasFooter ? (p(), t(d, {
+              key: 6,
+              label: "底栏高度"
+            }, {
+              default: r(() => [
+                a(m, {
+                  modelValue: e.propValue.footerHeight,
+                  "onUpdate:modelValue": o[13] || (o[13] = (l) => e.propValue.footerHeight = l),
+                  precision: 0,
+                  step: 1,
+                  min: 0,
+                  class: "common-item"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            })) : i("", !0),
+            n(),
+            e.propValue.hasFooter ? (p(), t(d, {
+              key: 7,
+              label: "内边距-左"
+            }, {
+              default: r(() => [
+                a(m, {
+                  modelValue: e.propValue.footerPaddingLeft,
+                  "onUpdate:modelValue": o[14] || (o[14] = (l) => e.propValue.footerPaddingLeft = l),
+                  precision: 0,
+                  step: 1,
+                  min: 0,
+                  class: "common-item"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            })) : i("", !0),
+            n(),
+            e.propValue.hasFooter ? (p(), t(d, {
+              key: 8,
+              label: "内边距-右"
+            }, {
+              default: r(() => [
+                a(m, {
+                  modelValue: e.propValue.footerPaddingRight,
+                  "onUpdate:modelValue": o[15] || (o[15] = (l) => e.propValue.footerPaddingRight = l),
+                  precision: 0,
+                  step: 1,
+                  min: 0,
+                  class: "common-item"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            })) : i("", !0),
+            n(),
+            e.propValue.hasFooter ? (p(), t(d, {
+              key: 9,
+              label: "内边距-上"
+            }, {
+              default: r(() => [
+                a(m, {
+                  modelValue: e.propValue.footerPaddingTop,
+                  "onUpdate:modelValue": o[16] || (o[16] = (l) => e.propValue.footerPaddingTop = l),
+                  precision: 0,
+                  step: 1,
+                  min: 0,
+                  class: "common-item"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            })) : i("", !0),
+            n(),
+            e.propValue.hasFooter ? (p(), t(d, {
+              key: 10,
+              label: "内边距-下"
+            }, {
+              default: r(() => [
+                a(m, {
+                  modelValue: e.propValue.footerPaddingBottom,
+                  "onUpdate:modelValue": o[17] || (o[17] = (l) => e.propValue.footerPaddingBottom = l),
+                  precision: 0,
+                  step: 1,
+                  min: 0,
+                  class: "common-item"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            })) : i("", !0),
+            n(),
+            e.propValue.hasFooter ? (p(), t(d, {
+              key: 11,
+              label: "背景色"
+            }, {
+              default: r(() => [
+                a(s, {
+                  modelValue: e.curComponent.propValue.footerBgColor,
+                  "onUpdate:modelValue": o[18] || (o[18] = (l) => e.curComponent.propValue.footerBgColor = l),
+                  "show-alpha": "",
+                  predefine: e.predefine
+                }, null, 8, ["modelValue", "predefine"])
+              ]),
+              _: 1
+            })) : i("", !0)
+          ]),
+          _: 1
+        }, 8, ["size"])
+      ]),
+      _: 1
+    }, 8, ["page-id", "form-size"])
+  ]);
+}
+const w = /* @__PURE__ */ k(y, [["render", H], ["__scopeId", "data-v-2d58a11a"], ["__file", "Attr.vue"]]);
+export {
+  w as default
+};

package/dist/Attr-B1lXQOcv.js

@@ -0,0 +1,201 @@
+import { _ as x, g as A } from "./_plugin-vue_export-helper-Bos-KsiI.js";
+import { f as U, c as C, b as F, e as W } from "./constant-CU9c_PNt.js";
+import { resolveComponent as m, createElementBlock as i, openBlock as t, createVNode as a, withCtx as r, createTextVNode as p, createBlock as n, createCommentVNode as f, Fragment as _, renderList as c } from "vue";
+const w = {
+  __name: "Attr",
+  props: ["pageId", "formSize"],
+  setup(v, { expose: o }) {
+    o();
+    const b = v, e = A(b.pageId), y = computed(() => e.curComponent), g = computed(() => y.value.propValue || {}), d = { props: b, editorStore: e, curComponent: y, propValue: g, get useEditorStore() {
+      return A;
+    }, get elementSizeArr() {
+      return W;
+    }, get fontWeightArr() {
+      return F;
+    }, get fontStyleArr() {
+      return C;
+    }, get fontFamilyArr() {
+      return U;
+    } };
+    return Object.defineProperty(d, "__isScriptSetup", { enumerable: !1, value: !0 }), d;
+  }
+};
+function E(v, o, b, e, y, g) {
+  const d = m("el-switch"), u = m("el-form-item"), V = m("el-option"), s = m("el-select"), S = m("el-input-number"), z = m("el-form"), k = m("VECommonAttr");
+  return t(), i("div", { class: "attr-list" }, [
+    a(k, {
+      "page-id": e.props.pageId,
+      "form-size": e.props.formSize
+    }, {
+      default: r(() => [
+        a(z, {
+          size: e.props.formSize,
+          "label-width": "100px",
+          "label-position": "left",
+          style: { padding: "10px" }
+        }, {
+          default: r(() => [
+            a(u, {
+              label: "禁用",
+              title: "是否禁用单选框"
+            }, {
+              default: r(() => [
+                a(d, {
+                  modelValue: e.propValue.disabled,
+                  "onUpdate:modelValue": o[0] || (o[0] = (l) => e.propValue.disabled = l)
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            p(),
+            a(u, {
+              label: "边框",
+              title: "是否显示边框"
+            }, {
+              default: r(() => [
+                a(d, {
+                  modelValue: e.propValue.border,
+                  "onUpdate:modelValue": o[1] || (o[1] = (l) => e.propValue.border = l)
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            p(),
+            a(u, {
+              label: "自定义",
+              title: "自定义字体等"
+            }, {
+              default: r(() => [
+                a(d, {
+                  modelValue: e.propValue.custom,
+                  "onUpdate:modelValue": o[2] || (o[2] = (l) => e.propValue.custom = l)
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            p(),
+            e.propValue.custom ? f("", !0) : (t(), n(u, {
+              key: 0,
+              label: "大小"
+            }, {
+              default: r(() => [
+                a(s, {
+                  modelValue: e.propValue.size,
+                  "onUpdate:modelValue": o[3] || (o[3] = (l) => e.propValue.size = l),
+                  placeholder: "请选择",
+                  class: "common-item"
+                }, {
+                  default: r(() => [
+                    (t(!0), i(_, null, c(e.elementSizeArr, (l) => (t(), n(V, {
+                      key: l.value,
+                      label: l.label,
+                      value: l.value
+                    }, null, 8, ["label", "value"]))), 128))
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            })),
+            p(),
+            e.propValue.custom ? (t(), n(u, {
+              key: 1,
+              label: "字体大小",
+              title: "字体大小"
+            }, {
+              default: r(() => [
+                a(S, {
+                  modelValue: e.propValue.fontSize,
+                  "onUpdate:modelValue": o[4] || (o[4] = (l) => e.propValue.fontSize = l),
+                  precision: 0,
+                  step: 1,
+                  min: 1,
+                  class: "common-item"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            })) : f("", !0),
+            p(),
+            e.propValue.custom ? (t(), n(u, {
+              key: 2,
+              label: "字体粗细"
+            }, {
+              default: r(() => [
+                a(s, {
+                  modelValue: e.propValue.fontWeight,
+                  "onUpdate:modelValue": o[5] || (o[5] = (l) => e.propValue.fontWeight = l),
+                  placeholder: "请选择",
+                  class: "common-item"
+                }, {
+                  default: r(() => [
+                    (t(!0), i(_, null, c(e.fontWeightArr, (l) => (t(), n(V, {
+                      key: l.value,
+                      label: l.label,
+                      value: l.value
+                    }, null, 8, ["label", "value"]))), 128))
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            })) : f("", !0),
+            p(),
+            e.propValue.custom ? (t(), n(u, {
+              key: 3,
+              label: "字体"
+            }, {
+              default: r(() => [
+                a(s, {
+                  modelValue: e.propValue.fontFamily,
+                  "onUpdate:modelValue": o[6] || (o[6] = (l) => e.propValue.fontFamily = l),
+                  placeholder: "请选择",
+                  class: "common-item"
+                }, {
+                  default: r(() => [
+                    (t(!0), i(_, null, c(e.fontFamilyArr, (l) => (t(), n(V, {
+                      key: l.value,
+                      label: l.label,
+                      value: l.value
+                    }, null, 8, ["label", "value"]))), 128))
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            })) : f("", !0),
+            p(),
+            e.propValue.custom ? (t(), n(u, {
+              key: 4,
+              label: "字体样式"
+            }, {
+              default: r(() => [
+                a(s, {
+                  modelValue: e.propValue.fontStyle,
+                  "onUpdate:modelValue": o[7] || (o[7] = (l) => e.propValue.fontStyle = l),
+                  placeholder: "请选择",
+                  class: "common-item"
+                }, {
+                  default: r(() => [
+                    (t(!0), i(_, null, c(e.fontStyleArr, (l) => (t(), n(V, {
+                      key: l.value,
+                      label: l.label,
+                      value: l.value
+                    }, null, 8, ["label", "value"]))), 128))
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            })) : f("", !0)
+          ]),
+          _: 1
+        }, 8, ["size"])
+      ]),
+      _: 1
+    }, 8, ["page-id", "form-size"])
+  ]);
+}
+const j = /* @__PURE__ */ x(w, [["render", E], ["__scopeId", "data-v-6bff3df6"], ["__file", "Attr.vue"]]);
+export {
+  j as default
+};