hfl-comp-editor 0.0.0

package/dist/Attr-D3B0BZze.js

@@ -0,0 +1,308 @@
+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 m, createElementBlock as c, openBlock as p, createVNode as n, withCtx as r, createTextVNode as a, createBlock as u, createCommentVNode as i, Fragment as g, renderList as y } from "vue";
+const O = {
+  __name: "Attr",
+  props: ["pageId", "formSize"],
+  setup(k, { expose: l }) {
+    l();
+    const f = k, e = A(f.pageId), s = computed(() => e.curComponent), x = computed(() => s.value.propValue || {}), V = { props: f, editorStore: e, curComponent: s, propValue: x, 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 h(k, l, f, e, s, x) {
+  const V = m("el-input"), t = m("el-form-item"), d = m("el-input-number"), v = m("el-switch"), C = m("el-color-picker"), _ = m("el-option"), b = m("el-select"), U = m("el-form"), B = m("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.dx,
+                  "onUpdate:modelValue": l[1] || (l[1] = (o) => e.curComponent.propValue.dx = o),
+                  type: "text",
+                  class: "common-item"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            a(),
+            n(t, { label: "x方向偏移量" }, {
+              default: r(() => [
+                n(d, {
+                  modelValue: e.curComponent.propValue.offsetX,
+                  "onUpdate:modelValue": l[2] || (l[2] = (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[3] || (l[3] = (o) => e.curComponent.propValue.hasBackground = o)
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            a(),
+            e.curComponent.propValue.hasBackground ? (p(), u(t, {
+              key: 0,
+              label: "边框宽度"
+            }, {
+              default: r(() => [
+                n(d, {
+                  modelValue: e.curComponent.propValue.strokeWidth,
+                  "onUpdate:modelValue": l[4] || (l[4] = (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: 1,
+              label: "边框圆角RX"
+            }, {
+              default: r(() => [
+                n(d, {
+                  modelValue: e.curComponent.propValue.rx,
+                  "onUpdate:modelValue": l[5] || (l[5] = (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: 2,
+              label: "边框圆角RY"
+            }, {
+              default: r(() => [
+                n(d, {
+                  modelValue: e.curComponent.propValue.ry,
+                  "onUpdate:modelValue": l[6] || (l[6] = (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: 3,
+              label: "边框颜色"
+            }, {
+              default: r(() => [
+                n(C, {
+                  modelValue: e.curComponent.propValue.strokeColor,
+                  "onUpdate:modelValue": l[7] || (l[7] = (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: 4,
+              label: "笔触透明度"
+            }, {
+              default: r(() => [
+                n(d, {
+                  modelValue: e.curComponent.propValue.strokeOpacity,
+                  "onUpdate:modelValue": l[8] || (l[8] = (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: 5,
+              label: "背景颜色"
+            }, {
+              default: r(() => [
+                n(C, {
+                  modelValue: e.curComponent.propValue.fillColor,
+                  "onUpdate:modelValue": l[9] || (l[9] = (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: 6,
+              label: "填充透明度"
+            }, {
+              default: r(() => [
+                n(d, {
+                  modelValue: e.curComponent.propValue.fillOpacity,
+                  "onUpdate:modelValue": l[10] || (l[10] = (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[11] || (l[11] = (o) => e.curComponent.propValue.fontColor = o),
+                  "show-alpha": "",
+                  predefine: e.predefine
+                }, null, 8, ["modelValue", "predefine"])
+              ]),
+              _: 1
+            }),
+            a(),
+            n(t, { label: "字体大小" }, {
+              default: r(() => [
+                n(d, {
+                  modelValue: e.curComponent.propValue.fontSize,
+                  "onUpdate:modelValue": l[12] || (l[12] = (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(b, {
+                  modelValue: e.curComponent.propValue.fontWeight,
+                  "onUpdate:modelValue": l[13] || (l[13] = (o) => e.curComponent.propValue.fontWeight = o),
+                  placeholder: "请选择",
+                  class: "common-item"
+                }, {
+                  default: r(() => [
+                    (p(!0), c(g, null, y(e.fontWeightArr, (o) => (p(), u(_, {
+                      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(b, {
+                  modelValue: e.curComponent.propValue.fontFamily,
+                  "onUpdate:modelValue": l[14] || (l[14] = (o) => e.curComponent.propValue.fontFamily = o),
+                  placeholder: "请选择",
+                  class: "common-item"
+                }, {
+                  default: r(() => [
+                    (p(!0), c(g, null, y(e.fontFamilyArr, (o) => (p(), u(_, {
+                      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(b, {
+                  modelValue: e.curComponent.propValue.horizontalAlign,
+                  "onUpdate:modelValue": l[15] || (l[15] = (o) => e.curComponent.propValue.horizontalAlign = o),
+                  placeholder: "请选择",
+                  class: "common-item"
+                }, {
+                  default: r(() => [
+                    (p(!0), c(g, null, y(e.horizontalAlignArr, (o) => (p(), u(_, {
+                      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 X = /* @__PURE__ */ z(O, [["render", h], ["__scopeId", "data-v-90bac112"], ["__file", "Attr.vue"]]);
+export {
+  X as default
+};