hfl-comp-editor 0.0.0

package/dist/Attr-QInC_B1l.js

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

package/dist/Attr-SERejxJB.js

@@ -0,0 +1,352 @@
+import { _ as z, g as A } from "./_plugin-vue_export-helper-Bos-KsiI.js";
+import { h as S, f as w, p as W, b as F } from "./constant-CU9c_PNt.js";
+import { resolveComponent as d, createElementBlock as c, openBlock as p, createVNode as n, withCtx as r, createTextVNode as a, createBlock as u, createCommentVNode as i, Fragment as b, renderList as x } from "vue";
+const O = {
+  __name: "Attr",
+  props: ["pageId", "formSize"],
+  setup(g, { expose: l }) {
+    l();
+    const f = g, e = A(f.pageId), s = computed(() => e.curComponent), k = computed(() => s.value.propValue || {}), V = { props: f, editorStore: e, curComponent: s, propValue: k, get useEditorStore() {
+      return A;
+    }, get fontWeightArr() {
+      return F;
+    }, get predefine() {
+      return W;
+    }, get fontFamilyArr() {
+      return w;
+    }, get horizontalAlignArr() {
+      return S;
+    } };
+    return Object.defineProperty(V, "__isScriptSetup", { enumerable: !1, value: !0 }), V;
+  }
+};
+function T(g, l, f, e, s, k) {
+  const V = d("el-input"), t = d("el-form-item"), v = d("el-switch"), m = d("el-input-number"), C = d("el-color-picker"), y = d("el-option"), _ = d("el-select"), U = d("el-form"), B = d("VECommonAttr");
+  return p(), c("div", { class: "attr-list" }, [
+    n(B, {
+      "page-id": e.props.pageId
+    }, {
+      default: r(() => [
+        n(U, {
+          size: e.props.formSize,
+          "label-width": "100px",
+          "label-position": "left",
+          style: { padding: "10px" }
+        }, {
+          default: r(() => [
+            n(t, { label: "内容" }, {
+              default: r(() => [
+                n(V, {
+                  modelValue: e.curComponent.propValue.text,
+                  "onUpdate:modelValue": l[0] || (l[0] = (o) => e.curComponent.propValue.text = o),
+                  type: "text",
+                  class: "common-item"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            a(),
+            n(t, { label: "垂直文本" }, {
+              default: r(() => [
+                n(v, {
+                  modelValue: e.curComponent.propValue.verticalText,
+                  "onUpdate:modelValue": l[1] || (l[1] = (o) => e.curComponent.propValue.verticalText = o)
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            a(),
+            e.curComponent.propValue.verticalText ? (p(), u(t, {
+              key: 0,
+              label: "x方向平移"
+            }, {
+              default: r(() => [
+                n(m, {
+                  modelValue: e.curComponent.propValue.translateX,
+                  "onUpdate:modelValue": l[2] || (l[2] = (o) => e.curComponent.propValue.translateX = o),
+                  precision: 0,
+                  step: 1,
+                  type: "text",
+                  class: "common-item"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            })) : i("", !0),
+            a(),
+            e.curComponent.propValue.verticalText ? (p(), u(t, {
+              key: 1,
+              label: "y方向平移"
+            }, {
+              default: r(() => [
+                n(m, {
+                  modelValue: e.curComponent.propValue.translateY,
+                  "onUpdate:modelValue": l[3] || (l[3] = (o) => e.curComponent.propValue.translateY = o),
+                  precision: 0,
+                  step: 1,
+                  type: "text",
+                  class: "common-item"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            })) : i("", !0),
+            a(),
+            n(t, { label: "横向位移字符" }, {
+              default: r(() => [
+                n(V, {
+                  modelValue: e.curComponent.propValue.dx,
+                  "onUpdate:modelValue": l[4] || (l[4] = (o) => e.curComponent.propValue.dx = o),
+                  type: "text",
+                  class: "common-item"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            a(),
+            n(t, { label: "x方向偏移量" }, {
+              default: r(() => [
+                n(m, {
+                  modelValue: e.curComponent.propValue.offsetX,
+                  "onUpdate:modelValue": l[5] || (l[5] = (o) => e.curComponent.propValue.offsetX = o),
+                  precision: 0,
+                  step: 1,
+                  min: 0,
+                  type: "text",
+                  class: "common-item"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            a(),
+            n(t, { label: "边框背景" }, {
+              default: r(() => [
+                n(v, {
+                  modelValue: e.curComponent.propValue.hasBackground,
+                  "onUpdate:modelValue": l[6] || (l[6] = (o) => e.curComponent.propValue.hasBackground = o)
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            a(),
+            e.curComponent.propValue.hasBackground ? (p(), u(t, {
+              key: 2,
+              label: "边框宽度"
+            }, {
+              default: r(() => [
+                n(m, {
+                  modelValue: e.curComponent.propValue.strokeWidth,
+                  "onUpdate:modelValue": l[7] || (l[7] = (o) => e.curComponent.propValue.strokeWidth = o),
+                  precision: 0,
+                  min: 1,
+                  max: 10,
+                  type: "text",
+                  class: "common-item"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            })) : i("", !0),
+            a(),
+            e.curComponent.propValue.hasBackground ? (p(), u(t, {
+              key: 3,
+              label: "边框圆角RX"
+            }, {
+              default: r(() => [
+                n(m, {
+                  modelValue: e.curComponent.propValue.rx,
+                  "onUpdate:modelValue": l[8] || (l[8] = (o) => e.curComponent.propValue.rx = o),
+                  precision: 0,
+                  min: 0,
+                  step: 1,
+                  type: "text",
+                  class: "common-item"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            })) : i("", !0),
+            a(),
+            e.curComponent.propValue.hasBackground ? (p(), u(t, {
+              key: 4,
+              label: "边框圆角RY"
+            }, {
+              default: r(() => [
+                n(m, {
+                  modelValue: e.curComponent.propValue.ry,
+                  "onUpdate:modelValue": l[9] || (l[9] = (o) => e.curComponent.propValue.ry = o),
+                  precision: 0,
+                  min: 0,
+                  step: 1,
+                  type: "text",
+                  class: "common-item"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            })) : i("", !0),
+            a(),
+            e.curComponent.propValue.hasBackground ? (p(), u(t, {
+              key: 5,
+              label: "边框颜色"
+            }, {
+              default: r(() => [
+                n(C, {
+                  modelValue: e.curComponent.propValue.strokeColor,
+                  "onUpdate:modelValue": l[10] || (l[10] = (o) => e.curComponent.propValue.strokeColor = o),
+                  "show-alpha": "",
+                  predefine: e.predefine
+                }, null, 8, ["modelValue", "predefine"])
+              ]),
+              _: 1
+            })) : i("", !0),
+            a(),
+            e.curComponent.propValue.hasBackground ? (p(), u(t, {
+              key: 6,
+              label: "笔触透明度"
+            }, {
+              default: r(() => [
+                n(m, {
+                  modelValue: e.curComponent.propValue.strokeOpacity,
+                  "onUpdate:modelValue": l[11] || (l[11] = (o) => e.curComponent.propValue.strokeOpacity = o),
+                  precision: 1,
+                  min: 0,
+                  step: 0.1,
+                  max: 1,
+                  type: "text",
+                  class: "common-item"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            })) : i("", !0),
+            a(),
+            e.curComponent.propValue.hasBackground ? (p(), u(t, {
+              key: 7,
+              label: "背景颜色"
+            }, {
+              default: r(() => [
+                n(C, {
+                  modelValue: e.curComponent.propValue.fillColor,
+                  "onUpdate:modelValue": l[12] || (l[12] = (o) => e.curComponent.propValue.fillColor = o),
+                  "show-alpha": "",
+                  predefine: e.predefine
+                }, null, 8, ["modelValue", "predefine"])
+              ]),
+              _: 1
+            })) : i("", !0),
+            a(),
+            e.curComponent.propValue.hasBackground ? (p(), u(t, {
+              key: 8,
+              label: "填充透明度"
+            }, {
+              default: r(() => [
+                n(m, {
+                  modelValue: e.curComponent.propValue.fillOpacity,
+                  "onUpdate:modelValue": l[13] || (l[13] = (o) => e.curComponent.propValue.fillOpacity = o),
+                  precision: 1,
+                  min: 0,
+                  step: 0.1,
+                  max: 1,
+                  type: "text",
+                  class: "common-item"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            })) : i("", !0),
+            a(),
+            n(t, { label: "字体颜色" }, {
+              default: r(() => [
+                n(C, {
+                  modelValue: e.curComponent.propValue.fontColor,
+                  "onUpdate:modelValue": l[14] || (l[14] = (o) => e.curComponent.propValue.fontColor = o),
+                  "show-alpha": "",
+                  predefine: e.predefine
+                }, null, 8, ["modelValue", "predefine"])
+              ]),
+              _: 1
+            }),
+            a(),
+            n(t, { label: "字体大小" }, {
+              default: r(() => [
+                n(m, {
+                  modelValue: e.curComponent.propValue.fontSize,
+                  "onUpdate:modelValue": l[15] || (l[15] = (o) => e.curComponent.propValue.fontSize = o),
+                  precision: 0,
+                  min: 2,
+                  step: 1,
+                  type: "text",
+                  class: "common-item"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            a(),
+            n(t, { label: "字体粗细" }, {
+              default: r(() => [
+                n(_, {
+                  modelValue: e.curComponent.propValue.fontWeight,
+                  "onUpdate:modelValue": l[16] || (l[16] = (o) => e.curComponent.propValue.fontWeight = o),
+                  placeholder: "请选择",
+                  class: "common-item"
+                }, {
+                  default: r(() => [
+                    (p(!0), c(b, null, x(e.fontWeightArr, (o) => (p(), u(y, {
+                      key: o.value,
+                      label: o.label,
+                      value: o.value
+                    }, null, 8, ["label", "value"]))), 128))
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            a(),
+            n(t, { label: "字体" }, {
+              default: r(() => [
+                n(_, {
+                  modelValue: e.curComponent.propValue.fontFamily,
+                  "onUpdate:modelValue": l[17] || (l[17] = (o) => e.curComponent.propValue.fontFamily = o),
+                  placeholder: "请选择",
+                  class: "common-item"
+                }, {
+                  default: r(() => [
+                    (p(!0), c(b, null, x(e.fontFamilyArr, (o) => (p(), u(y, {
+                      key: o.value,
+                      label: o.label,
+                      value: o.value
+                    }, null, 8, ["label", "value"]))), 128))
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            a(),
+            n(t, { label: "水平对齐" }, {
+              default: r(() => [
+                n(_, {
+                  modelValue: e.curComponent.propValue.horizontalAlign,
+                  "onUpdate:modelValue": l[18] || (l[18] = (o) => e.curComponent.propValue.horizontalAlign = o),
+                  placeholder: "请选择",
+                  class: "common-item"
+                }, {
+                  default: r(() => [
+                    (p(!0), c(b, null, x(e.horizontalAlignArr, (o) => (p(), u(y, {
+                      key: o.value,
+                      label: o.label,
+                      value: o.value
+                    }, null, 8, ["label", "value"]))), 128))
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["size"])
+      ]),
+      _: 1
+    }, 8, ["page-id"])
+  ]);
+}
+const N = /* @__PURE__ */ z(O, [["render", T], ["__scopeId", "data-v-c8a8f413"], ["__file", "Attr.vue"]]);
+export {
+  N as default
+};