hfl-comp-editor 0.0.0

package/dist/Attr-CsGMFQbV.js

@@ -0,0 +1,429 @@
+import { p as S, g as T } from "./constant-CU9c_PNt.js";
+import { _ as v, g as x } from "./_plugin-vue_export-helper-Bos-KsiI.js";
+import { resolveComponent as u, createElementBlock as b, openBlock as d, createVNode as a, withCtx as r, createTextVNode as n, createBlock as i, createCommentVNode as m, Fragment as O, renderList as X } from "vue";
+const Y = {
+  __name: "Attr",
+  props: ["pageId", "formSize"],
+  setup(y, { expose: o }) {
+    o();
+    const s = y, e = x(s.pageId), f = computed(() => e.curComponent), g = computed(() => f.value.propValue || {}), p = { props: s, editorStore: e, curComponent: f, propValue: g, get gradientTypeArr() {
+      return T;
+    }, get predefine() {
+      return S;
+    }, get useEditorStore() {
+      return x;
+    } };
+    return Object.defineProperty(p, "__isScriptSetup", { enumerable: !1, value: !0 }), p;
+  }
+};
+function w(y, o, s, e, f, g) {
+  const p = u("el-input-number"), t = u("el-form-item"), _ = u("el-input"), V = u("el-color-picker"), k = u("el-switch"), U = u("el-option"), c = u("el-select"), C = u("el-form"), G = u("VECommonAttr");
+  return d(), b("div", { class: "attr-list" }, [
+    a(G, {
+      "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(t, { label: "边框宽度" }, {
+              default: r(() => [
+                a(p, {
+                  modelValue: e.propValue.strokeWidth,
+                  "onUpdate:modelValue": o[0] || (o[0] = (l) => e.propValue.strokeWidth = l),
+                  precision: 0,
+                  min: 1,
+                  max: 10,
+                  type: "text",
+                  class: "common-item"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            n(),
+            a(t, { label: "边框Dash" }, {
+              default: r(() => [
+                a(_, {
+                  modelValue: e.propValue.strokeDasharray,
+                  "onUpdate:modelValue": o[1] || (o[1] = (l) => e.propValue.strokeDasharray = l),
+                  type: "text",
+                  class: "common-item"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            n(),
+            a(t, { label: "边框圆角RX" }, {
+              default: r(() => [
+                a(p, {
+                  modelValue: e.propValue.rx,
+                  "onUpdate:modelValue": o[2] || (o[2] = (l) => e.propValue.rx = l),
+                  precision: 0,
+                  min: 0,
+                  step: 1,
+                  type: "text",
+                  class: "common-item"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            n(),
+            a(t, { label: "边框圆角RY" }, {
+              default: r(() => [
+                a(p, {
+                  modelValue: e.propValue.ry,
+                  "onUpdate:modelValue": o[3] || (o[3] = (l) => e.propValue.ry = l),
+                  precision: 0,
+                  min: 0,
+                  step: 1,
+                  type: "text",
+                  class: "common-item"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            n(),
+            a(t, { label: "边框颜色" }, {
+              default: r(() => [
+                a(V, {
+                  modelValue: e.propValue.strokeColor,
+                  "onUpdate:modelValue": o[4] || (o[4] = (l) => e.propValue.strokeColor = l),
+                  "show-alpha": "",
+                  predefine: e.predefine
+                }, null, 8, ["modelValue", "predefine"])
+              ]),
+              _: 1
+            }),
+            n(),
+            a(t, { label: "笔触透明度" }, {
+              default: r(() => [
+                a(p, {
+                  modelValue: e.propValue.strokeOpacity,
+                  "onUpdate:modelValue": o[5] || (o[5] = (l) => e.propValue.strokeOpacity = l),
+                  precision: 1,
+                  min: 0,
+                  step: 0.1,
+                  max: 1,
+                  type: "text",
+                  class: "common-item"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            n(),
+            a(t, { label: "填充渐变" }, {
+              default: r(() => [
+                a(k, {
+                  modelValue: e.propValue.hasGradient,
+                  "onUpdate:modelValue": o[6] || (o[6] = (l) => e.propValue.hasGradient = l)
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            n(),
+            e.propValue.hasGradient ? (d(), i(t, {
+              key: 0,
+              label: "渐变方式"
+            }, {
+              default: r(() => [
+                a(c, {
+                  modelValue: e.propValue.gradientType,
+                  "onUpdate:modelValue": o[7] || (o[7] = (l) => e.propValue.gradientType = l),
+                  placeholder: "请选择",
+                  class: "common-item"
+                }, {
+                  default: r(() => [
+                    (d(!0), b(O, null, X(e.gradientTypeArr, (l) => (d(), i(U, {
+                      key: l.value,
+                      label: l.label,
+                      value: l.value
+                    }, null, 8, ["label", "value"]))), 128))
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            })) : m("", !0),
+            n(),
+            e.propValue.hasGradient && e.propValue.gradientType == "linear" ? (d(), i(t, {
+              key: 1,
+              label: "起始坐标X(%)"
+            }, {
+              default: r(() => [
+                a(p, {
+                  modelValue: e.propValue.gradientX1,
+                  "onUpdate:modelValue": o[8] || (o[8] = (l) => e.propValue.gradientX1 = l),
+                  precision: 2,
+                  min: 0,
+                  max: 100,
+                  step: 1,
+                  type: "text",
+                  class: "common-item"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            })) : m("", !0),
+            n(),
+            e.propValue.hasGradient && e.propValue.gradientType == "linear" ? (d(), i(t, {
+              key: 2,
+              label: "起始坐标Y(%)"
+            }, {
+              default: r(() => [
+                a(p, {
+                  modelValue: e.propValue.gradientY1,
+                  "onUpdate:modelValue": o[9] || (o[9] = (l) => e.propValue.gradientY1 = l),
+                  precision: 2,
+                  min: 0,
+                  max: 100,
+                  step: 1,
+                  type: "text",
+                  class: "common-item"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            })) : m("", !0),
+            n(),
+            e.propValue.hasGradient && e.propValue.gradientType == "linear" ? (d(), i(t, {
+              key: 3,
+              label: "结束坐标X(%)"
+            }, {
+              default: r(() => [
+                a(p, {
+                  modelValue: e.propValue.gradientX2,
+                  "onUpdate:modelValue": o[10] || (o[10] = (l) => e.propValue.gradientX2 = l),
+                  precision: 2,
+                  min: 0,
+                  max: 100,
+                  step: 1,
+                  type: "text",
+                  class: "common-item"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            })) : m("", !0),
+            n(),
+            e.propValue.hasGradient && e.propValue.gradientType == "linear" ? (d(), i(t, {
+              key: 4,
+              label: "结束坐标Y(%)"
+            }, {
+              default: r(() => [
+                a(p, {
+                  modelValue: e.propValue.gradientY2,
+                  "onUpdate:modelValue": o[11] || (o[11] = (l) => e.propValue.gradientY2 = l),
+                  precision: 2,
+                  min: 0,
+                  max: 100,
+                  step: 1,
+                  type: "text",
+                  class: "common-item"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            })) : m("", !0),
+            n(),
+            e.propValue.hasGradient && e.propValue.gradientType == "radial" ? (d(), i(t, {
+              key: 5,
+              label: "圆心坐标X(%)"
+            }, {
+              default: r(() => [
+                a(p, {
+                  modelValue: e.propValue.gradientCx,
+                  "onUpdate:modelValue": o[12] || (o[12] = (l) => e.propValue.gradientCx = l),
+                  precision: 2,
+                  min: 0,
+                  max: 100,
+                  step: 1,
+                  type: "text",
+                  class: "common-item"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            })) : m("", !0),
+            n(),
+            e.propValue.hasGradient && e.propValue.gradientType == "radial" ? (d(), i(t, {
+              key: 6,
+              label: "圆心坐标Y(%)"
+            }, {
+              default: r(() => [
+                a(p, {
+                  modelValue: e.propValue.gradientCy,
+                  "onUpdate:modelValue": o[13] || (o[13] = (l) => e.propValue.gradientCy = l),
+                  precision: 2,
+                  min: 0,
+                  max: 100,
+                  step: 1,
+                  type: "text",
+                  class: "common-item"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            })) : m("", !0),
+            n(),
+            e.propValue.hasGradient && e.propValue.gradientType == "radial" ? (d(), i(t, {
+              key: 7,
+              label: "半径(%)"
+            }, {
+              default: r(() => [
+                a(p, {
+                  modelValue: e.propValue.gradientR,
+                  "onUpdate:modelValue": o[14] || (o[14] = (l) => e.propValue.gradientR = l),
+                  precision: 2,
+                  min: 0,
+                  max: 100,
+                  step: 1,
+                  type: "text"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            })) : m("", !0),
+            n(),
+            e.propValue.hasGradient && e.propValue.gradientType == "radial" ? (d(), i(t, {
+              key: 8,
+              label: "焦点坐标X(%)"
+            }, {
+              default: r(() => [
+                a(p, {
+                  modelValue: e.propValue.gradientFx,
+                  "onUpdate:modelValue": o[15] || (o[15] = (l) => e.propValue.gradientFx = l),
+                  precision: 2,
+                  min: 0,
+                  max: 100,
+                  step: 1,
+                  type: "text",
+                  class: "common-item"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            })) : m("", !0),
+            n(),
+            e.propValue.hasGradient && e.propValue.gradientType == "radial" ? (d(), i(t, {
+              key: 9,
+              label: "焦点坐标Y(%)"
+            }, {
+              default: r(() => [
+                a(p, {
+                  modelValue: e.propValue.gradientFy,
+                  "onUpdate:modelValue": o[16] || (o[16] = (l) => e.propValue.gradientFy = l),
+                  precision: 2,
+                  min: 0,
+                  max: 100,
+                  step: 1,
+                  type: "text",
+                  class: "common-item"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            })) : m("", !0),
+            n(),
+            e.propValue.hasGradient ? (d(), i(t, {
+              key: 10,
+              label: "渐变位置(%)"
+            }, {
+              default: r(() => [
+                a(p, {
+                  modelValue: e.propValue.gradientStopsOffset,
+                  "onUpdate:modelValue": o[17] || (o[17] = (l) => e.propValue.gradientStopsOffset = l),
+                  precision: 2,
+                  min: 0,
+                  max: 100,
+                  step: 0.1,
+                  type: "text",
+                  class: "common-item"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            })) : m("", !0),
+            n(),
+            e.propValue.hasGradient ? (d(), i(t, {
+              key: 11,
+              label: "渐变颜色(%)"
+            }, {
+              default: r(() => [
+                a(V, {
+                  modelValue: e.propValue.gradientStopsColor,
+                  "onUpdate:modelValue": o[18] || (o[18] = (l) => e.propValue.gradientStopsColor = l),
+                  "show-alpha": "",
+                  predefine: e.predefine
+                }, null, 8, ["modelValue", "predefine"])
+              ]),
+              _: 1
+            })) : m("", !0),
+            n(),
+            e.propValue.hasGradient ? (d(), i(t, {
+              key: 12,
+              label: "渐变位置2(%)"
+            }, {
+              default: r(() => [
+                a(p, {
+                  modelValue: e.propValue.gradientStopsOffset2,
+                  "onUpdate:modelValue": o[19] || (o[19] = (l) => e.propValue.gradientStopsOffset2 = l),
+                  precision: 2,
+                  min: 0,
+                  max: 100,
+                  step: 0.1,
+                  type: "text",
+                  class: "common-item"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            })) : m("", !0),
+            n(),
+            e.propValue.hasGradient ? (d(), i(t, {
+              key: 13,
+              label: "渐变颜色2(%)"
+            }, {
+              default: r(() => [
+                a(V, {
+                  modelValue: e.propValue.gradientStopsColor2,
+                  "onUpdate:modelValue": o[20] || (o[20] = (l) => e.propValue.gradientStopsColor2 = l),
+                  "show-alpha": "",
+                  predefine: e.predefine
+                }, null, 8, ["modelValue", "predefine"])
+              ]),
+              _: 1
+            })) : m("", !0),
+            n(),
+            a(t, { label: "背景颜色" }, {
+              default: r(() => [
+                a(V, {
+                  modelValue: e.propValue.fillColor,
+                  "onUpdate:modelValue": o[21] || (o[21] = (l) => e.propValue.fillColor = l),
+                  "show-alpha": "",
+                  predefine: e.predefine
+                }, null, 8, ["modelValue", "predefine"])
+              ]),
+              _: 1
+            }),
+            n(),
+            a(t, { label: "填充透明度" }, {
+              default: r(() => [
+                a(p, {
+                  modelValue: e.propValue.fillOpacity,
+                  "onUpdate:modelValue": o[22] || (o[22] = (l) => e.propValue.fillOpacity = l),
+                  precision: 1,
+                  min: 0,
+                  step: 0.1,
+                  max: 1,
+                  type: "text",
+                  class: "common-item"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["size"])
+      ]),
+      _: 1
+    }, 8, ["page-id", "form-size"])
+  ]);
+}
+const E = /* @__PURE__ */ v(Y, [["render", w], ["__scopeId", "data-v-110989f3"], ["__file", "Attr.vue"]]);
+export {
+  E as default
+};