hfl-comp-editor 0.0.0

package/dist/Attr-BSvQn17t.js

@@ -0,0 +1,411 @@
+import { p as E, b as F, c as N, f as z } from "./constant-CU9c_PNt.js";
+import { _ as P, g as w } from "./_plugin-vue_export-helper-Bos-KsiI.js";
+import { E as T } from "./ElementIconDialog-DpPWksjB.js";
+import { b as B } from "./common-D8VQk1vN.js";
+import { resolveComponent as d, createElementBlock as x, openBlock as n, Fragment as _, createElementVNode as W, createTextVNode as u, createVNode as a, withCtx as t, createBlock as p, createCommentVNode as m, renderList as S, resolveDynamicComponent as U } from "vue";
+const D = {
+  __name: "Attr",
+  props: ["pageId", "formSize"],
+  setup(A, { expose: o }) {
+    o();
+    const g = A, e = w(g.pageId), k = computed(() => e.curComponent), i = computed(() => k.value.propValue || {}), c = computed(() => i.value.type !== "textarea"), s = [{
+      value: "text",
+      label: "文本"
+    }, {
+      value: "textarea",
+      label: "文本域"
+    }, {
+      value: "password",
+      label: "密码"
+    }], r = ref(null), f = { props: g, editorStore: e, curComponent: k, propValue: i, isNotTextArea: c, typeArr: s, elementIconRef: r, setPreIcon: () => {
+      r.value.show({
+        callBack: function(b) {
+          i.value.prefixIcon = b;
+        }
+      });
+    }, reSetPreIcon: () => {
+      i.value.prefixIcon = "";
+    }, setSuffixIcon: () => {
+      r.value.show({
+        callBack: function(b) {
+          i.value.suffixIcon = b;
+        }
+      });
+    }, reSetSuffixIcon: () => {
+      i.value.suffixIcon = "";
+    }, get fontFamilyArr() {
+      return z;
+    }, get fontStyleArr() {
+      return N;
+    }, get fontWeightArr() {
+      return F;
+    }, get predefine() {
+      return E;
+    }, get useEditorStore() {
+      return w;
+    }, ElementIconDialog: T, get isNotEmpty() {
+      return B;
+    } };
+    return Object.defineProperty(f, "__isScriptSetup", { enumerable: !1, value: !0 }), f;
+  }
+};
+function L(A, o, g, e, k, i) {
+  const c = d("el-option"), s = d("el-select"), r = d("el-form-item"), V = d("el-switch"), v = d("el-input"), I = d("el-icon"), y = d("el-button"), f = d("el-input-number"), b = d("el-form"), C = d("VECommonAttr");
+  return n(), x(_, null, [
+    W("div", { class: "attr-list" }, [
+      a(C, {
+        "page-id": e.props.pageId,
+        "form-size": e.props.formSize
+      }, {
+        default: t(() => [
+          a(b, {
+            size: e.props.formSize,
+            "label-width": "100px",
+            "label-position": "left",
+            style: { padding: "10px" }
+          }, {
+            default: t(() => [
+              a(r, {
+                label: "类型",
+                title: "设置按钮颜色后，后者优先"
+              }, {
+                default: t(() => [
+                  a(s, {
+                    modelValue: e.propValue.type,
+                    "onUpdate:modelValue": o[0] || (o[0] = (l) => e.propValue.type = l),
+                    placeholder: "请选择",
+                    class: "common-item"
+                  }, {
+                    default: t(() => [
+                      (n(), x(_, null, S(e.typeArr, (l) => a(c, {
+                        key: l.value,
+                        label: l.label,
+                        value: l.value
+                      }, null, 8, ["label", "value"])), 64))
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue"])
+                ]),
+                _: 1
+              }),
+              u(),
+              a(r, { label: "禁用" }, {
+                default: t(() => [
+                  a(V, {
+                    modelValue: e.propValue.disabled,
+                    "onUpdate:modelValue": o[1] || (o[1] = (l) => e.propValue.disabled = l)
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              }),
+              u(),
+              a(r, { label: "占位文本" }, {
+                default: t(() => [
+                  a(v, {
+                    modelValue: e.propValue.placeholder,
+                    "onUpdate:modelValue": o[2] || (o[2] = (l) => e.propValue.placeholder = l),
+                    type: "text",
+                    class: "common-item"
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              }),
+              u(),
+              e.propValue.type != "textarea" ? (n(), p(r, {
+                key: 0,
+                label: "显示清除按钮"
+              }, {
+                default: t(() => [
+                  a(V, {
+                    modelValue: e.propValue.clearable,
+                    "onUpdate:modelValue": o[3] || (o[3] = (l) => e.propValue.clearable = l)
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              })) : m("", !0),
+              u(),
+              e.propValue.type == "password" ? (n(), p(r, {
+                key: 1,
+                label: "密码图标",
+                title: "是否显示切换密码图标"
+              }, {
+                default: t(() => [
+                  a(V, {
+                    modelValue: e.propValue.showPassword,
+                    "onUpdate:modelValue": o[4] || (o[4] = (l) => e.propValue.showPassword = l)
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              })) : m("", !0),
+              u(),
+              e.propValue.type != "textarea" ? (n(), p(r, {
+                key: 2,
+                label: "前缀图标",
+                class: "icon-edit"
+              }, {
+                default: t(() => [
+                  a(I, { size: 20 }, {
+                    default: t(() => [
+                      e.isNotEmpty(e.propValue.prefixIcon) ? (n(), p(U(e.propValue.prefixIcon), { key: 0 })) : m("", !0)
+                    ]),
+                    _: 1
+                  }),
+                  u(),
+                  a(y, {
+                    type: "primary",
+                    icon: "plus",
+                    onClick: e.setPreIcon
+                  }),
+                  u(),
+                  a(y, {
+                    type: "danger",
+                    icon: "delete",
+                    onClick: e.reSetPreIcon
+                  })
+                ]),
+                _: 1
+              })) : m("", !0),
+              u(),
+              e.propValue.type != "textarea" ? (n(), p(r, {
+                key: 3,
+                label: "后缀图标",
+                class: "icon-edit"
+              }, {
+                default: t(() => [
+                  a(I, { size: 20 }, {
+                    default: t(() => [
+                      e.isNotEmpty(e.propValue.suffixIcon) ? (n(), p(U(e.propValue.suffixIcon), { key: 0 })) : m("", !0)
+                    ]),
+                    _: 1
+                  }),
+                  u(),
+                  a(y, {
+                    type: "primary",
+                    icon: "plus",
+                    onClick: e.setSuffixIcon
+                  }),
+                  u(),
+                  a(y, {
+                    type: "danger",
+                    icon: "delete",
+                    onClick: e.reSetSuffixIcon
+                  })
+                ]),
+                _: 1
+              })) : m("", !0),
+              u(),
+              e.propValue.type == "textarea" ? (n(), p(r, {
+                key: 4,
+                label: "输入框行数"
+              }, {
+                default: t(() => [
+                  a(f, {
+                    modelValue: e.propValue.rows,
+                    "onUpdate:modelValue": o[5] || (o[5] = (l) => e.propValue.rows = l),
+                    precision: 0,
+                    step: 1,
+                    min: 1,
+                    class: "common-item"
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              })) : m("", !0),
+              u(),
+              e.propValue.type != "password" ? (n(), p(r, {
+                key: 5,
+                label: "显示统计字数"
+              }, {
+                default: t(() => [
+                  a(V, {
+                    modelValue: e.propValue.showWordLimit,
+                    "onUpdate:modelValue": o[6] || (o[6] = (l) => e.propValue.showWordLimit = l)
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              })) : m("", !0),
+              u(),
+              a(r, { label: "最小长度" }, {
+                default: t(() => [
+                  a(f, {
+                    modelValue: e.propValue.minlength,
+                    "onUpdate:modelValue": o[7] || (o[7] = (l) => e.propValue.minlength = l),
+                    precision: 0,
+                    step: 1,
+                    min: 0,
+                    class: "common-item"
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              }),
+              u(),
+              a(r, { label: "最大长度" }, {
+                default: t(() => [
+                  a(f, {
+                    modelValue: e.propValue.maxlength,
+                    "onUpdate:modelValue": o[8] || (o[8] = (l) => e.propValue.maxlength = l),
+                    precision: 0,
+                    step: 1,
+                    min: 0,
+                    class: "common-item"
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              }),
+              u(),
+              a(r, { label: "自定义字体" }, {
+                default: t(() => [
+                  a(V, {
+                    modelValue: e.propValue.customFont,
+                    "onUpdate:modelValue": o[9] || (o[9] = (l) => e.propValue.customFont = l)
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              }),
+              u(),
+              e.propValue.customFont ? (n(), p(r, {
+                key: 6,
+                label: "字体大小"
+              }, {
+                default: t(() => [
+                  a(f, {
+                    modelValue: e.propValue.fontSize,
+                    "onUpdate:modelValue": o[10] || (o[10] = (l) => e.propValue.fontSize = l),
+                    precision: 0,
+                    min: 2,
+                    max: 500,
+                    type: "text",
+                    class: "common-item"
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              })) : m("", !0),
+              u(),
+              e.propValue.customFont ? (n(), p(r, {
+                key: 7,
+                label: "字体粗细"
+              }, {
+                default: t(() => [
+                  a(s, {
+                    modelValue: e.propValue.fontWeight,
+                    "onUpdate:modelValue": o[11] || (o[11] = (l) => e.propValue.fontWeight = l),
+                    placeholder: "请选择",
+                    class: "common-item"
+                  }, {
+                    default: t(() => [
+                      (n(!0), x(_, null, S(e.fontWeightArr, (l) => (n(), p(c, {
+                        key: l.value,
+                        label: l.label,
+                        value: l.value
+                      }, null, 8, ["label", "value"]))), 128))
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue"])
+                ]),
+                _: 1
+              })) : m("", !0),
+              u(),
+              e.propValue.customFont ? (n(), p(r, {
+                key: 8,
+                label: "字体"
+              }, {
+                default: t(() => [
+                  a(s, {
+                    modelValue: e.propValue.fontFamily,
+                    "onUpdate:modelValue": o[12] || (o[12] = (l) => e.propValue.fontFamily = l),
+                    placeholder: "请选择",
+                    class: "common-item"
+                  }, {
+                    default: t(() => [
+                      (n(!0), x(_, null, S(e.fontFamilyArr, (l) => (n(), p(c, {
+                        key: l.value,
+                        label: l.label,
+                        value: l.value
+                      }, null, 8, ["label", "value"]))), 128))
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue"])
+                ]),
+                _: 1
+              })) : m("", !0),
+              u(),
+              e.propValue.customFont ? (n(), p(r, {
+                key: 9,
+                label: "字体样式"
+              }, {
+                default: t(() => [
+                  a(s, {
+                    modelValue: e.propValue.fontStyle,
+                    "onUpdate:modelValue": o[13] || (o[13] = (l) => e.propValue.fontStyle = l),
+                    placeholder: "请选择",
+                    class: "common-item"
+                  }, {
+                    default: t(() => [
+                      (n(!0), x(_, null, S(e.fontStyleArr, (l) => (n(), p(c, {
+                        key: l.value,
+                        label: l.label,
+                        value: l.value
+                      }, null, 8, ["label", "value"]))), 128))
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue"])
+                ]),
+                _: 1
+              })) : m("", !0),
+              u(),
+              e.isNotTextArea ? (n(), p(r, {
+                key: 10,
+                label: "自定义插槽"
+              }, {
+                default: t(() => [
+                  a(V, {
+                    modelValue: e.propValue.customSlot,
+                    "onUpdate:modelValue": o[14] || (o[14] = (l) => e.propValue.customSlot = l)
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              })) : m("", !0),
+              u(),
+              e.isNotTextArea && e.propValue.customSlot ? (n(), p(r, {
+                key: 11,
+                label: "框头-文本"
+              }, {
+                default: t(() => [
+                  a(v, {
+                    modelValue: e.propValue.prefixText,
+                    "onUpdate:modelValue": o[15] || (o[15] = (l) => e.propValue.prefixText = l),
+                    type: "text",
+                    class: "common-item"
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              })) : m("", !0),
+              u(),
+              e.isNotTextArea && e.propValue.customSlot ? (n(), p(r, {
+                key: 12,
+                label: "框尾-文本"
+              }, {
+                default: t(() => [
+                  a(v, {
+                    modelValue: e.propValue.suffixText,
+                    "onUpdate:modelValue": o[16] || (o[16] = (l) => e.propValue.suffixText = l),
+                    type: "text",
+                    class: "common-item"
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              })) : m("", !0)
+            ]),
+            _: 1
+          }, 8, ["size"])
+        ]),
+        _: 1
+      }, 8, ["page-id", "form-size"])
+    ]),
+    u(),
+    a(e.ElementIconDialog, { ref: "elementIconRef" }, null, 512)
+  ], 64);
+}
+const H = /* @__PURE__ */ P(D, [["render", L], ["__scopeId", "data-v-4af09d3c"], ["__file", "Attr.vue"]]);
+export {
+  H as default
+};

package/dist/Attr-BUi4qTa1.js

@@ -0,0 +1,257 @@
+import { _ as x, g } from "./_plugin-vue_export-helper-Bos-KsiI.js";
+import { f as I, p as w } from "./constant-CU9c_PNt.js";
+import { resolveComponent as p, createElementBlock as V, openBlock as u, createVNode as o, withCtx as r, createTextVNode as n, Fragment as c, renderList as _, createBlock as k } from "vue";
+const z = {
+  __name: "Attr",
+  props: ["pageId", "formSize"],
+  setup(v, { expose: a }) {
+    a();
+    const f = v, e = g(f.pageId), b = computed(() => e.curComponent), C = computed(() => b.value.propValue || {}), t = { props: f, editorStore: e, curComponent: b, propValue: C, typeArr: [
+      {
+        value: "card",
+        label: "卡片"
+      },
+      {
+        value: "border-card",
+        label: "边框卡片"
+      }
+    ], tabPositionArr: [
+      {
+        value: "top",
+        label: "顶部"
+      },
+      {
+        value: "right",
+        label: "右侧"
+      },
+      {
+        value: "bottom",
+        label: "底部"
+      },
+      {
+        value: "left",
+        label: "左侧"
+      }
+    ], get useEditorStore() {
+      return g;
+    }, get predefine() {
+      return w;
+    }, get fontFamilyArr() {
+      return I;
+    } };
+    return Object.defineProperty(t, "__isScriptSetup", { enumerable: !1, value: !0 }), t;
+  }
+};
+function S(v, a, f, e, b, C) {
+  const m = p("el-option"), i = p("el-select"), t = p("el-form-item"), s = p("el-switch"), y = p("el-input-number"), d = p("el-color-picker"), A = p("el-form"), U = p("VECommonAttr");
+  return u(), V("div", { class: "attr-list" }, [
+    o(U, {
+      "page-id": e.props.pageId,
+      "form-size": e.props.formSize
+    }, {
+      default: r(() => [
+        o(A, {
+          size: e.props.formSize,
+          "label-width": "100px",
+          "label-position": "left",
+          style: { padding: "10px" }
+        }, {
+          default: r(() => [
+            o(t, { label: "风格类型" }, {
+              default: r(() => [
+                o(i, {
+                  modelValue: e.propValue.type,
+                  "onUpdate:modelValue": a[0] || (a[0] = (l) => e.propValue.type = l),
+                  placeholder: "请选择",
+                  class: "common-item",
+                  clearable: ""
+                }, {
+                  default: r(() => [
+                    (u(), V(c, null, _(e.typeArr, (l) => o(m, {
+                      key: l.value,
+                      label: l.label,
+                      value: l.value
+                    }, null, 8, ["label", "value"])), 64))
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            n(),
+            o(t, { label: "选项卡位置" }, {
+              default: r(() => [
+                o(i, {
+                  modelValue: e.propValue.tabPosition,
+                  "onUpdate:modelValue": a[1] || (a[1] = (l) => e.propValue.tabPosition = l),
+                  placeholder: "请选择",
+                  class: "common-item"
+                }, {
+                  default: r(() => [
+                    (u(), V(c, null, _(e.tabPositionArr, (l) => o(m, {
+                      key: l.value,
+                      label: l.label,
+                      value: l.value
+                    }, null, 8, ["label", "value"])), 64))
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            n(),
+            o(t, {
+              label: "可关闭",
+              title: "标签是否可关闭"
+            }, {
+              default: r(() => [
+                o(s, {
+                  modelValue: e.propValue.closable,
+                  "onUpdate:modelValue": a[2] || (a[2] = (l) => e.propValue.closable = l)
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            n(),
+            o(t, {
+              label: "可增加",
+              title: "标签是否可增加"
+            }, {
+              default: r(() => [
+                o(s, {
+                  modelValue: e.propValue.addable,
+                  "onUpdate:modelValue": a[3] || (a[3] = (l) => e.propValue.addable = l)
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            n(),
+            o(t, {
+              label: "自撑开",
+              title: "标签的宽度是否自撑开"
+            }, {
+              default: r(() => [
+                o(s, {
+                  modelValue: e.propValue.stretch,
+                  "onUpdate:modelValue": a[4] || (a[4] = (l) => e.propValue.stretch = l)
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            n(),
+            o(t, { label: "最大Tab数" }, {
+              default: r(() => [
+                o(y, {
+                  modelValue: e.propValue.maxTabs,
+                  "onUpdate:modelValue": a[5] || (a[5] = (l) => e.propValue.maxTabs = l),
+                  precision: 0,
+                  step: 1,
+                  min: 1,
+                  max: 50,
+                  class: "common-item"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            n(),
+            o(t, { label: "选项栏背景色" }, {
+              default: r(() => [
+                o(d, {
+                  modelValue: e.curComponent.propValue.bgColor,
+                  "onUpdate:modelValue": a[6] || (a[6] = (l) => e.curComponent.propValue.bgColor = l),
+                  "show-alpha": "",
+                  predefine: e.predefine
+                }, null, 8, ["modelValue", "predefine"])
+              ]),
+              _: 1
+            }),
+            n(),
+            o(t, { label: "选项栏边框色" }, {
+              default: r(() => [
+                o(d, {
+                  modelValue: e.curComponent.propValue.borderColor,
+                  "onUpdate:modelValue": a[7] || (a[7] = (l) => e.curComponent.propValue.borderColor = l),
+                  "show-alpha": "",
+                  predefine: e.predefine
+                }, null, 8, ["modelValue", "predefine"])
+              ]),
+              _: 1
+            }),
+            n(),
+            o(t, {
+              label: "激活项背景色",
+              title: "激活选项背景颜色"
+            }, {
+              default: r(() => [
+                o(d, {
+                  modelValue: e.curComponent.propValue.activeItemBgColor,
+                  "onUpdate:modelValue": a[8] || (a[8] = (l) => e.curComponent.propValue.activeItemBgColor = l),
+                  "show-alpha": "",
+                  predefine: e.predefine
+                }, null, 8, ["modelValue", "predefine"])
+              ]),
+              _: 1
+            }),
+            n(),
+            o(t, {
+              label: "激活项颜色",
+              title: "激活选项文字颜色"
+            }, {
+              default: r(() => [
+                o(d, {
+                  modelValue: e.curComponent.propValue.activeItemColor,
+                  "onUpdate:modelValue": a[9] || (a[9] = (l) => e.curComponent.propValue.activeItemColor = l),
+                  "show-alpha": "",
+                  predefine: e.predefine
+                }, null, 8, ["modelValue", "predefine"])
+              ]),
+              _: 1
+            }),
+            n(),
+            o(t, {
+              label: "悬停项颜色",
+              title: "悬停项文字颜色"
+            }, {
+              default: r(() => [
+                o(d, {
+                  modelValue: e.curComponent.propValue.hoverItemColor,
+                  "onUpdate:modelValue": a[10] || (a[10] = (l) => e.curComponent.propValue.hoverItemColor = l),
+                  "show-alpha": "",
+                  predefine: e.predefine
+                }, null, 8, ["modelValue", "predefine"])
+              ]),
+              _: 1
+            }),
+            n(),
+            o(t, { label: "字体" }, {
+              default: r(() => [
+                o(i, {
+                  modelValue: e.propValue.fontFamily,
+                  "onUpdate:modelValue": a[11] || (a[11] = (l) => e.propValue.fontFamily = l),
+                  placeholder: "请选择",
+                  class: "common-item"
+                }, {
+                  default: r(() => [
+                    (u(!0), V(c, null, _(e.fontFamilyArr, (l) => (u(), k(m, {
+                      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 E = /* @__PURE__ */ x(z, [["render", S], ["__scopeId", "data-v-3c9b2a44"], ["__file", "Attr.vue"]]);
+export {
+  E as default
+};