hfl-comp-editor 0.0.0

package/dist/Attr-DZjrJBsB.js

@@ -0,0 +1,133 @@
+import { _ as x, g as v } from "./_plugin-vue_export-helper-Bos-KsiI.js";
+import { j as y, k as E } from "./constant-CU9c_PNt.js";
+import { resolveComponent as p, createElementBlock as _, openBlock as t, createVNode as r, withCtx as a, createTextVNode as d, createBlock as i, createCommentVNode as b, Fragment as C, renderList as A } from "vue";
+const S = {
+  __name: "Attr",
+  props: ["pageId", "formSize"],
+  setup(c, { expose: o }) {
+    o();
+    const s = c, e = v(s.pageId), V = computed(() => e.curComponent), f = computed(() => V.value.propValue || {}), u = { props: s, editorStore: e, curComponent: V, propValue: f, get useEditorStore() {
+      return v;
+    }, get imgFitArr() {
+      return E;
+    }, get imgLoadingArr() {
+      return y;
+    } };
+    return Object.defineProperty(u, "__isScriptSetup", { enumerable: !1, value: !0 }), u;
+  }
+};
+function z(c, o, s, e, V, f) {
+  const u = p("el-option"), g = p("el-select"), n = p("el-form-item"), m = p("el-switch"), k = p("el-form"), w = p("VECommonAttr");
+  return t(), _("div", { class: "attr-list" }, [
+    r(w, {
+      "page-id": e.props.pageId
+    }, {
+      default: a(() => [
+        r(k, {
+          size: e.props.formSize,
+          "label-width": "100px",
+          "label-position": "left",
+          style: { padding: "10px" }
+        }, {
+          default: a(() => [
+            r(n, { label: "适应容器" }, {
+              default: a(() => [
+                r(g, {
+                  modelValue: e.propValue.fit,
+                  "onUpdate:modelValue": o[0] || (o[0] = (l) => e.propValue.fit = l),
+                  placeholder: "请选择",
+                  class: "common-item"
+                }, {
+                  default: a(() => [
+                    (t(!0), _(C, null, A(e.imgFitArr, (l) => (t(), i(u, {
+                      key: l.value,
+                      label: l.label,
+                      value: l.value
+                    }, null, 8, ["label", "value"]))), 128))
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            d(),
+            r(n, { label: "加载策略" }, {
+              default: a(() => [
+                r(g, {
+                  modelValue: e.propValue.loading,
+                  "onUpdate:modelValue": o[1] || (o[1] = (l) => e.propValue.loading = l),
+                  placeholder: "请选择",
+                  class: "common-item"
+                }, {
+                  default: a(() => [
+                    (t(!0), _(C, null, A(e.imgLoadingArr, (l) => (t(), i(u, {
+                      key: l.value,
+                      label: l.label,
+                      value: l.value
+                    }, null, 8, ["label", "value"]))), 128))
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            d(),
+            r(n, { label: "懒加载" }, {
+              default: a(() => [
+                r(m, {
+                  modelValue: e.propValue.lazy,
+                  "onUpdate:modelValue": o[2] || (o[2] = (l) => e.propValue.lazy = l)
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            d(),
+            r(n, { label: "开启预览" }, {
+              default: a(() => [
+                r(m, {
+                  modelValue: e.propValue.preview,
+                  "onUpdate:modelValue": o[3] || (o[3] = (l) => e.propValue.preview = l)
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            d(),
+            e.propValue.preview ? (t(), i(n, {
+              key: 0,
+              label: "遮罩层关闭",
+              title: "当开启 preview 功能时，是否可以通过点击遮罩层关闭"
+            }, {
+              default: a(() => [
+                r(m, {
+                  modelValue: e.propValue.hideOnClickModal,
+                  "onUpdate:modelValue": o[4] || (o[4] = (l) => e.propValue.hideOnClickModal = l)
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            })) : b("", !0),
+            d(),
+            e.propValue.preview ? (t(), i(n, {
+              key: 1,
+              label: "ESC关闭",
+              title: "是否可以通过按下 ESC 关闭 Image Viewer"
+            }, {
+              default: a(() => [
+                r(m, {
+                  modelValue: e.propValue.closeOnPressEscape,
+                  "onUpdate:modelValue": o[5] || (o[5] = (l) => e.propValue.closeOnPressEscape = l)
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            })) : b("", !0)
+          ]),
+          _: 1
+        }, 8, ["size"])
+      ]),
+      _: 1
+    }, 8, ["page-id"])
+  ]);
+}
+const F = /* @__PURE__ */ x(S, [["render", z], ["__scopeId", "data-v-8006f3c4"], ["__file", "Attr.vue"]]);
+export {
+  F as default
+};

package/dist/Attr-DeYdKMTp.js

@@ -0,0 +1,212 @@
+import { _ as x, g as w } from "./_plugin-vue_export-helper-Bos-KsiI.js";
+import { t as C, e as I } from "./constant-CU9c_PNt.js";
+import { resolveComponent as m, createElementBlock as f, openBlock as p, createVNode as a, withCtx as t, createTextVNode as n, createBlock as V, createCommentVNode as _, Fragment as z, renderList as S } from "vue";
+const k = {
+  __name: "Attr",
+  props: ["pageId", "formSize"],
+  setup(b, { expose: o }) {
+    o();
+    const i = b, e = w(i.pageId), s = computed(() => e.curComponent), c = computed(() => s.value.propValue || {}), d = { props: i, editorStore: e, curComponent: s, propValue: c, get useEditorStore() {
+      return w;
+    }, get elementSizeArr() {
+      return I;
+    }, get tooltipPlacementArr() {
+      return C;
+    } };
+    return Object.defineProperty(d, "__isScriptSetup", { enumerable: !1, value: !0 }), d;
+  }
+};
+function y(b, o, i, e, s, c) {
+  const d = m("el-input-number"), r = m("el-form-item"), u = m("el-switch"), v = m("el-option"), g = m("el-select"), U = m("el-form"), A = m("VECommonAttr");
+  return p(), f("div", { class: "attr-list" }, [
+    a(A, {
+      "page-id": e.props.pageId,
+      "form-size": e.props.formSize
+    }, {
+      default: t(() => [
+        a(U, {
+          size: e.props.formSize,
+          "label-width": "100px",
+          "label-position": "left",
+          style: { padding: "10px" }
+        }, {
+          default: t(() => [
+            a(r, { label: "最小值" }, {
+              default: t(() => [
+                a(d, {
+                  modelValue: e.propValue.min,
+                  "onUpdate:modelValue": o[0] || (o[0] = (l) => e.propValue.min = l),
+                  precision: 0,
+                  step: 1,
+                  class: "common-item"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            n(),
+            a(r, { label: "最大值" }, {
+              default: t(() => [
+                a(d, {
+                  modelValue: e.propValue.max,
+                  "onUpdate:modelValue": o[1] || (o[1] = (l) => e.propValue.max = l),
+                  precision: 0,
+                  step: 1,
+                  class: "common-item"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            n(),
+            a(r, { label: "步长" }, {
+              default: t(() => [
+                a(d, {
+                  modelValue: e.propValue.step,
+                  "onUpdate:modelValue": o[2] || (o[2] = (l) => e.propValue.step = l),
+                  precision: 0,
+                  step: 1,
+                  class: "common-item"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            n(),
+            a(r, { label: "禁用" }, {
+              default: t(() => [
+                a(u, {
+                  modelValue: e.propValue.disabled,
+                  "onUpdate:modelValue": o[3] || (o[3] = (l) => e.propValue.disabled = l)
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            n(),
+            a(r, {
+              label: "范围选择",
+              title: "是否开启选择范围"
+            }, {
+              default: t(() => [
+                a(u, {
+                  modelValue: e.propValue.range,
+                  "onUpdate:modelValue": o[4] || (o[4] = (l) => e.propValue.range = l)
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            n(),
+            e.propValue.range ? _("", !0) : (p(), V(r, {
+              key: 0,
+              label: "输入框",
+              title: "是否显示输入框，仅在非范围选择时有效"
+            }, {
+              default: t(() => [
+                a(u, {
+                  modelValue: e.propValue.showInput,
+                  "onUpdate:modelValue": o[5] || (o[5] = (l) => e.propValue.showInput = l)
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            })),
+            n(),
+            !e.propValue.range && e.propValue.showInput ? (p(), V(r, {
+              key: 1,
+              label: "控制按钮",
+              title: "输入框的控制按钮"
+            }, {
+              default: t(() => [
+                a(u, {
+                  modelValue: e.propValue.showInputControls,
+                  "onUpdate:modelValue": o[6] || (o[6] = (l) => e.propValue.showInputControls = l)
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            })) : _("", !0),
+            n(),
+            a(r, { label: "显示间断点" }, {
+              default: t(() => [
+                a(u, {
+                  modelValue: e.propValue.showStops,
+                  "onUpdate:modelValue": o[7] || (o[7] = (l) => e.propValue.showStops = l)
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            n(),
+            a(r, { label: "显示提示信息" }, {
+              default: t(() => [
+                a(u, {
+                  modelValue: e.propValue.showTooltip,
+                  "onUpdate:modelValue": o[8] || (o[8] = (l) => e.propValue.showTooltip = l)
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            n(),
+            a(r, { label: "垂直模式" }, {
+              default: t(() => [
+                a(u, {
+                  modelValue: e.propValue.vertical,
+                  "onUpdate:modelValue": o[9] || (o[9] = (l) => e.propValue.vertical = l)
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            n(),
+            e.propValue.vertical ? _("", !0) : (p(), V(r, {
+              key: 2,
+              label: "大小"
+            }, {
+              default: t(() => [
+                a(g, {
+                  modelValue: e.propValue.size,
+                  "onUpdate:modelValue": o[10] || (o[10] = (l) => e.propValue.size = l),
+                  placeholder: "请选择",
+                  class: "common-item"
+                }, {
+                  default: t(() => [
+                    (p(!0), f(z, null, S(e.elementSizeArr, (l) => (p(), V(v, {
+                      key: l.value,
+                      label: l.label,
+                      value: l.value
+                    }, null, 8, ["label", "value"]))), 128))
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            })),
+            n(),
+            a(r, {
+              label: "提示位置",
+              title: "Tooltip 出现的位置"
+            }, {
+              default: t(() => [
+                a(g, {
+                  modelValue: e.propValue.placement,
+                  "onUpdate:modelValue": o[11] || (o[11] = (l) => e.propValue.placement = l),
+                  placeholder: "请选择",
+                  class: "common-item"
+                }, {
+                  default: t(() => [
+                    (p(!0), f(z, null, S(e.tooltipPlacementArr, (l) => (p(), V(v, {
+                      key: l.value,
+                      label: l.label,
+                      value: l.value
+                    }, null, 8, ["label", "value"]))), 128))
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["size"])
+      ]),
+      _: 1
+    }, 8, ["page-id", "form-size"])
+  ]);
+}
+const B = /* @__PURE__ */ x(k, [["render", y], ["__scopeId", "data-v-301417fe"], ["__file", "Attr.vue"]]);
+export {
+  B as default
+};