hfl-comp-editor 0.0.0

package/dist/Attr-BAFtdDJg.js

@@ -0,0 +1,305 @@
+import { _ as z, g as k } from "./_plugin-vue_export-helper-Bos-KsiI.js";
+import { c as T, f as C, b as w, e as F } from "./constant-CU9c_PNt.js";
+import { resolveComponent as V, createElementBlock as f, openBlock as r, createVNode as a, withCtx as t, createTextVNode as n, createBlock as p, createCommentVNode as m, Fragment as _, renderList as y } from "vue";
+const W = {
+  __name: "Attr",
+  props: ["pageId", "formSize"],
+  setup(v, { expose: o }) {
+    o();
+    const c = v, l = k(c.pageId), g = computed(() => l.curComponent), A = computed(() => g.value.propValue || {}), i = { props: c, editorStore: l, curComponent: g, propValue: A, get useEditorStore() {
+      return k;
+    }, get elementSizeArr() {
+      return F;
+    }, get fontWeightArr() {
+      return w;
+    }, get fontFamilyArr() {
+      return C;
+    }, get fontStyleArr() {
+      return T;
+    } };
+    return Object.defineProperty(i, "__isScriptSetup", { enumerable: !1, value: !0 }), i;
+  }
+};
+function E(v, o, c, l, g, A) {
+  const i = V("el-input"), u = V("el-form-item"), d = V("el-switch"), S = V("el-input-number"), s = V("el-option"), b = V("el-select"), x = V("el-form"), U = V("VECommonAttr");
+  return r(), f("div", { class: "attr-list" }, [
+    a(U, {
+      "page-id": l.props.pageId,
+      "form-size": l.props.formSize
+    }, {
+      default: t(() => [
+        a(x, {
+          size: l.props.formSize,
+          "label-width": "100px",
+          "label-position": "left",
+          style: { padding: "10px" }
+        }, {
+          default: t(() => [
+            a(u, { label: "占位符" }, {
+              default: t(() => [
+                a(i, {
+                  modelValue: l.propValue.placeholder,
+                  "onUpdate:modelValue": o[0] || (o[0] = (e) => l.propValue.placeholder = e),
+                  type: "text",
+                  class: "common-item"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            n(),
+            a(u, { label: "多选" }, {
+              default: t(() => [
+                a(d, {
+                  modelValue: l.propValue.multiple,
+                  "onUpdate:modelValue": o[1] || (o[1] = (e) => l.propValue.multiple = e)
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            n(),
+            a(u, { label: "禁用" }, {
+              default: t(() => [
+                a(d, {
+                  modelValue: l.propValue.disabled,
+                  "onUpdate:modelValue": o[2] || (o[2] = (e) => l.propValue.disabled = e)
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            n(),
+            a(u, {
+              label: "清空选项",
+              title: "是否可以清空选项"
+            }, {
+              default: t(() => [
+                a(d, {
+                  modelValue: l.propValue.clearable,
+                  "onUpdate:modelValue": o[3] || (o[3] = (e) => l.propValue.clearable = e)
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            n(),
+            a(u, {
+              label: "可筛选",
+              title: "组件是否可筛选"
+            }, {
+              default: t(() => [
+                a(d, {
+                  modelValue: l.propValue.filterable,
+                  "onUpdate:modelValue": o[4] || (o[4] = (e) => l.propValue.filterable = e)
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            n(),
+            l.propValue.filterable ? (r(), p(u, {
+              key: 0,
+              label: "创建新条目",
+              title: "是否允许用户创建新条目"
+            }, {
+              default: t(() => [
+                a(d, {
+                  modelValue: l.propValue.allowCreate,
+                  "onUpdate:modelValue": o[5] || (o[5] = (e) => l.propValue.allowCreate = e)
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            })) : m("", !0),
+            n(),
+            a(u, {
+              label: "无选项时显示",
+              title: "无选项时显示的文字"
+            }, {
+              default: t(() => [
+                a(i, {
+                  modelValue: l.propValue.noDataText,
+                  "onUpdate:modelValue": o[6] || (o[6] = (e) => l.propValue.noDataText = e),
+                  type: "text",
+                  class: "common-item"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            n(),
+            l.propValue.multiple ? (r(), p(u, {
+              key: 1,
+              label: "折叠标签",
+              title: "多选时是否将选中值按文字的形式展示"
+            }, {
+              default: t(() => [
+                a(d, {
+                  modelValue: l.propValue.collapseTags,
+                  "onUpdate:modelValue": o[7] || (o[7] = (e) => l.propValue.collapseTags = e)
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            })) : m("", !0),
+            n(),
+            l.propValue.multiple && l.propValue.collapseTags ? (r(), p(u, {
+              key: 2,
+              label: "折叠提示",
+              title: "当鼠标悬停于折叠标签的文本时，是否显示所有选中的标签"
+            }, {
+              default: t(() => [
+                a(d, {
+                  modelValue: l.propValue.collapseTagsTooltip,
+                  "onUpdate:modelValue": o[8] || (o[8] = (e) => l.propValue.collapseTagsTooltip = e)
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            })) : m("", !0),
+            n(),
+            l.propValue.multiple ? (r(), p(u, {
+              key: 3,
+              label: "多选限制",
+              title: "代表多选场景下用户最多可以选择的项目数， 为0则不限制"
+            }, {
+              default: t(() => [
+                a(S, {
+                  modelValue: l.propValue.multipleLimit,
+                  "onUpdate:modelValue": o[9] || (o[9] = (e) => l.propValue.multipleLimit = e),
+                  class: "common-item",
+                  precision: 0,
+                  step: 1,
+                  min: 0
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            })) : m("", !0),
+            n(),
+            a(u, { label: "自定义" }, {
+              default: t(() => [
+                a(d, {
+                  modelValue: l.propValue.custom,
+                  "onUpdate:modelValue": o[10] || (o[10] = (e) => l.propValue.custom = e)
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            n(),
+            l.propValue.custom ? m("", !0) : (r(), p(u, {
+              key: 4,
+              label: "大小"
+            }, {
+              default: t(() => [
+                a(b, {
+                  modelValue: l.propValue.size,
+                  "onUpdate:modelValue": o[11] || (o[11] = (e) => l.propValue.size = e),
+                  placeholder: "请选择",
+                  class: "common-item"
+                }, {
+                  default: t(() => [
+                    (r(!0), f(_, null, y(l.elementSizeArr, (e) => (r(), p(s, {
+                      key: e.value,
+                      label: e.label,
+                      value: e.value
+                    }, null, 8, ["label", "value"]))), 128))
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            })),
+            n(),
+            l.propValue.custom ? (r(), p(u, {
+              key: 5,
+              label: "字体大小"
+            }, {
+              default: t(() => [
+                a(S, {
+                  modelValue: l.propValue.fontSize,
+                  "onUpdate:modelValue": o[12] || (o[12] = (e) => l.propValue.fontSize = e),
+                  precision: 0,
+                  min: 2,
+                  max: 500,
+                  type: "text",
+                  class: "common-item"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            })) : m("", !0),
+            n(),
+            l.propValue.custom ? (r(), p(u, {
+              key: 6,
+              label: "字体粗细"
+            }, {
+              default: t(() => [
+                a(b, {
+                  modelValue: l.propValue.fontWeight,
+                  "onUpdate:modelValue": o[13] || (o[13] = (e) => l.propValue.fontWeight = e),
+                  placeholder: "请选择",
+                  class: "common-item"
+                }, {
+                  default: t(() => [
+                    (r(!0), f(_, null, y(l.fontWeightArr, (e) => (r(), p(s, {
+                      key: e.value,
+                      label: e.label,
+                      value: e.value
+                    }, null, 8, ["label", "value"]))), 128))
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            })) : m("", !0),
+            n(),
+            l.propValue.custom ? (r(), p(u, {
+              key: 7,
+              label: "字体"
+            }, {
+              default: t(() => [
+                a(b, {
+                  modelValue: l.propValue.fontFamily,
+                  "onUpdate:modelValue": o[14] || (o[14] = (e) => l.propValue.fontFamily = e),
+                  placeholder: "请选择",
+                  class: "common-item"
+                }, {
+                  default: t(() => [
+                    (r(!0), f(_, null, y(l.fontFamilyArr, (e) => (r(), p(s, {
+                      key: e.value,
+                      label: e.label,
+                      value: e.value
+                    }, null, 8, ["label", "value"]))), 128))
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            })) : m("", !0),
+            n(),
+            l.propValue.custom ? (r(), p(u, {
+              key: 8,
+              label: "字体样式"
+            }, {
+              default: t(() => [
+                a(b, {
+                  modelValue: l.propValue.fontStyle,
+                  "onUpdate:modelValue": o[15] || (o[15] = (e) => l.propValue.fontStyle = e),
+                  placeholder: "请选择",
+                  class: "common-item"
+                }, {
+                  default: t(() => [
+                    (r(!0), f(_, null, y(l.fontStyleArr, (e) => (r(), p(s, {
+                      key: e.value,
+                      label: e.label,
+                      value: e.value
+                    }, null, 8, ["label", "value"]))), 128))
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            })) : m("", !0)
+          ]),
+          _: 1
+        }, 8, ["size"])
+      ]),
+      _: 1
+    }, 8, ["page-id", "form-size"])
+  ]);
+}
+const N = /* @__PURE__ */ z(W, [["render", E], ["__scopeId", "data-v-d2916c23"], ["__file", "Attr.vue"]]);
+export {
+  N as default
+};

package/dist/Attr-BBfczLXs.js

@@ -0,0 +1,35 @@
+import { _ as l, g as s } from "./_plugin-vue_export-helper-Bos-KsiI.js";
+import { resolveComponent as a, createElementBlock as i, openBlock as m, createVNode as c, withCtx as u } from "vue";
+const f = {
+  __name: "Attr",
+  props: ["pageId"],
+  setup(r, { expose: n }) {
+    n();
+    const t = r, e = s(t.pageId), p = computed(() => e.curComponent), o = { props: t, editorStore: e, curComponent: p, get useEditorStore() {
+      return s;
+    } };
+    return Object.defineProperty(o, "__isScriptSetup", { enumerable: !1, value: !0 }), o;
+  }
+};
+function g(r, n, t, e, p, o) {
+  const _ = a("el-form"), d = a("VECommonAttr");
+  return m(), i("div", { class: "attr-list" }, [
+    c(d, {
+      "page-id": e.props.pageId
+    }, {
+      default: u(() => [
+        c(_, {
+          size: "small",
+          "label-width": "100px",
+          "label-position": "left",
+          style: { padding: "10px" }
+        })
+      ]),
+      _: 1
+    }, 8, ["page-id"])
+  ]);
+}
+const $ = /* @__PURE__ */ l(f, [["render", g], ["__scopeId", "data-v-ebef7214"], ["__file", "Attr.vue"]]);
+export {
+  $ as default
+};

package/dist/Attr-BJEwiBrV.js

@@ -0,0 +1,347 @@
+import { p as U, b as z, c as w, f as W } from "./constant-CU9c_PNt.js";
+import { _ as E, g as S } from "./_plugin-vue_export-helper-Bos-KsiI.js";
+import { resolveComponent as p, createElementBlock as f, openBlock as t, createVNode as a, withCtx as r, createTextVNode as u, createBlock as d, createCommentVNode as m, Fragment as b, renderList as c } from "vue";
+const F = {
+  __name: "Attr",
+  props: ["pageId", "formSize"],
+  setup(g, { expose: o }) {
+    o();
+    const v = g, e = S(v.pageId), _ = computed(() => e.curComponent), A = computed(() => _.value.propValue || {}), s = { props: v, editorStore: e, curComponent: _, propValue: A, directionArr: [
+      {
+        value: "horizontal",
+        label: "水平"
+      },
+      {
+        value: "vertical",
+        label: "垂直"
+      }
+    ], borderStyleArr: [
+      {
+        value: "none",
+        label: "none"
+      },
+      {
+        value: "hidden",
+        label: "hidden"
+      },
+      {
+        value: "dotted",
+        label: "点线"
+      },
+      {
+        value: "dashed",
+        label: "虚线"
+      },
+      {
+        value: "solid",
+        label: "实线"
+      },
+      {
+        value: "double",
+        label: "双实线"
+      },
+      {
+        value: "groove",
+        label: "雕刻效果"
+      },
+      {
+        value: "ridge",
+        label: "浮雕效果"
+      },
+      {
+        value: "inset",
+        label: "陷入边框"
+      },
+      {
+        value: "outset",
+        label: "突出边框"
+      }
+    ], contentPositionArr: [
+      {
+        value: "left",
+        label: "左"
+      },
+      {
+        value: "right",
+        label: "右"
+      },
+      {
+        value: "center",
+        label: "居中"
+      }
+    ], get fontFamilyArr() {
+      return W;
+    }, get fontStyleArr() {
+      return w;
+    }, get fontWeightArr() {
+      return z;
+    }, get predefine() {
+      return U;
+    }, get useEditorStore() {
+      return S;
+    } };
+    return Object.defineProperty(s, "__isScriptSetup", { enumerable: !1, value: !0 }), s;
+  }
+};
+function P(g, o, v, e, _, A) {
+  const i = p("el-option"), V = p("el-select"), n = p("el-form-item"), s = p("el-switch"), k = p("el-input-number"), y = p("el-color-picker"), x = p("el-form"), C = p("VECommonAttr");
+  return t(), f("div", { class: "attr-list" }, [
+    a(C, {
+      "page-id": e.props.pageId,
+      "form-size": e.props.formSize
+    }, {
+      default: r(() => [
+        a(x, {
+          size: e.props.formSize,
+          "label-width": "100px",
+          "label-position": "left",
+          style: { padding: "10px" }
+        }, {
+          default: r(() => [
+            a(n, {
+              label: "方向",
+              title: "分割线方向"
+            }, {
+              default: r(() => [
+                a(V, {
+                  modelValue: e.propValue.direction,
+                  "onUpdate:modelValue": o[0] || (o[0] = (l) => e.propValue.direction = l),
+                  placeholder: "请选择",
+                  class: "common-item"
+                }, {
+                  default: r(() => [
+                    (t(), f(b, null, c(e.directionArr, (l) => a(i, {
+                      key: l.value,
+                      label: l.label,
+                      value: l.value
+                    }, null, 8, ["label", "value"])), 64))
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            u(),
+            a(n, {
+              label: "分割符样式",
+              title: "分割线方向"
+            }, {
+              default: r(() => [
+                a(V, {
+                  modelValue: e.propValue.borderStyle,
+                  "onUpdate:modelValue": o[1] || (o[1] = (l) => e.propValue.borderStyle = l),
+                  placeholder: "请选择",
+                  class: "common-item"
+                }, {
+                  default: r(() => [
+                    (t(), f(b, null, c(e.borderStyleArr, (l) => a(i, {
+                      key: l.value,
+                      label: l.label,
+                      value: l.value
+                    }, null, 8, ["label", "value"])), 64))
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            u(),
+            a(n, {
+              label: "位置",
+              title: "分隔线内容的位置"
+            }, {
+              default: r(() => [
+                a(V, {
+                  modelValue: e.propValue.contentPosition,
+                  "onUpdate:modelValue": o[2] || (o[2] = (l) => e.propValue.contentPosition = l),
+                  placeholder: "请选择",
+                  class: "common-item"
+                }, {
+                  default: r(() => [
+                    (t(), f(b, null, c(e.contentPositionArr, (l) => a(i, {
+                      key: l.value,
+                      label: l.label,
+                      value: l.value
+                    }, null, 8, ["label", "value"])), 64))
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            u(),
+            a(n, { label: "自定义" }, {
+              default: r(() => [
+                a(s, {
+                  modelValue: e.propValue.custom,
+                  "onUpdate:modelValue": o[3] || (o[3] = (l) => e.propValue.custom = l)
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            u(),
+            e.propValue.custom ? (t(), d(n, {
+              key: 0,
+              label: "线宽"
+            }, {
+              default: r(() => [
+                a(k, {
+                  modelValue: e.propValue.borderLineWidth,
+                  "onUpdate:modelValue": o[4] || (o[4] = (l) => e.propValue.borderLineWidth = l),
+                  precision: 0,
+                  min: 1,
+                  max: 5,
+                  step: 1,
+                  type: "text",
+                  class: "common-item"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            })) : m("", !0),
+            u(),
+            e.propValue.custom ? (t(), d(n, {
+              key: 1,
+              label: "线颜色"
+            }, {
+              default: r(() => [
+                a(y, {
+                  modelValue: e.propValue.lineColor,
+                  "onUpdate:modelValue": o[5] || (o[5] = (l) => e.propValue.lineColor = l),
+                  "show-alpha": "",
+                  predefine: e.predefine
+                }, null, 8, ["modelValue", "predefine"])
+              ]),
+              _: 1
+            })) : m("", !0),
+            u(),
+            e.propValue.custom ? (t(), d(n, {
+              key: 2,
+              label: "背景色"
+            }, {
+              default: r(() => [
+                a(y, {
+                  modelValue: e.propValue.bgColor,
+                  "onUpdate:modelValue": o[6] || (o[6] = (l) => e.propValue.bgColor = l),
+                  "show-alpha": "",
+                  predefine: e.predefine
+                }, null, 8, ["modelValue", "predefine"])
+              ]),
+              _: 1
+            })) : m("", !0),
+            u(),
+            e.propValue.custom ? (t(), d(n, {
+              key: 3,
+              label: "文字颜色"
+            }, {
+              default: r(() => [
+                a(y, {
+                  modelValue: e.propValue.textColor,
+                  "onUpdate:modelValue": o[7] || (o[7] = (l) => e.propValue.textColor = l),
+                  "show-alpha": "",
+                  predefine: e.predefine
+                }, null, 8, ["modelValue", "predefine"])
+              ]),
+              _: 1
+            })) : m("", !0),
+            u(),
+            e.propValue.custom ? (t(), d(n, {
+              key: 4,
+              label: "字体大小"
+            }, {
+              default: r(() => [
+                a(k, {
+                  modelValue: e.propValue.fontSize,
+                  "onUpdate:modelValue": o[8] || (o[8] = (l) => e.propValue.fontSize = l),
+                  precision: 0,
+                  min: 2,
+                  max: 50,
+                  type: "text",
+                  class: "common-item"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            })) : m("", !0),
+            u(),
+            e.propValue.custom ? (t(), d(n, {
+              key: 5,
+              label: "字体粗细"
+            }, {
+              default: r(() => [
+                a(V, {
+                  modelValue: e.propValue.fontWeight,
+                  "onUpdate:modelValue": o[9] || (o[9] = (l) => e.propValue.fontWeight = l),
+                  placeholder: "请选择",
+                  class: "common-item"
+                }, {
+                  default: r(() => [
+                    (t(!0), f(b, null, c(e.fontWeightArr, (l) => (t(), d(i, {
+                      key: l.value,
+                      label: l.label,
+                      value: l.value
+                    }, null, 8, ["label", "value"]))), 128))
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            })) : m("", !0),
+            u(),
+            e.propValue.custom ? (t(), d(n, {
+              key: 6,
+              label: "字体"
+            }, {
+              default: r(() => [
+                a(V, {
+                  modelValue: e.propValue.fontFamily,
+                  "onUpdate:modelValue": o[10] || (o[10] = (l) => e.propValue.fontFamily = l),
+                  placeholder: "请选择",
+                  class: "common-item"
+                }, {
+                  default: r(() => [
+                    (t(!0), f(b, null, c(e.fontFamilyArr, (l) => (t(), d(i, {
+                      key: l.value,
+                      label: l.label,
+                      value: l.value
+                    }, null, 8, ["label", "value"]))), 128))
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            })) : m("", !0),
+            u(),
+            e.propValue.custom ? (t(), d(n, {
+              key: 7,
+              label: "字体样式"
+            }, {
+              default: r(() => [
+                a(V, {
+                  modelValue: e.propValue.fontStyle,
+                  "onUpdate:modelValue": o[11] || (o[11] = (l) => e.propValue.fontStyle = l),
+                  placeholder: "请选择",
+                  class: "common-item"
+                }, {
+                  default: r(() => [
+                    (t(!0), f(b, null, c(e.fontStyleArr, (l) => (t(), d(i, {
+                      key: l.value,
+                      label: l.label,
+                      value: l.value
+                    }, null, 8, ["label", "value"]))), 128))
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            })) : m("", !0)
+          ]),
+          _: 1
+        }, 8, ["size"])
+      ]),
+      _: 1
+    }, 8, ["page-id", "form-size"])
+  ]);
+}
+const L = /* @__PURE__ */ E(F, [["render", P], ["__scopeId", "data-v-6523dded"], ["__file", "Attr.vue"]]);
+export {
+  L as default
+};