hldesigner 0.0.1

package/widget-base-4c2d6265.js

@@ -0,0 +1,27 @@
+var n = Object.defineProperty;
+var o = (a, t, p) => t in a ? n(a, t, { enumerable: !0, configurable: !0, writable: !0, value: p }) : a[t] = p;
+var e = (a, t, p) => (o(a, typeof t != "symbol" ? t + "" : t, p), p);
+class s {
+  constructor() {
+    e(this, "widget", { type: Object });
+    e(this, "propOptions", { type: Object, default: {} });
+    e(this, "parentWidget", { type: Object });
+    e(this, "parentList", { type: Array });
+    e(this, "designer", { type: Object });
+    e(this, "designState", { type: Boolean, default: !1 });
+  }
+}
+const i = new s();
+class r extends s {
+  constructor() {
+    super(...arguments);
+    e(this, "componentName", { type: String, default: "div" });
+    e(this, "showWrapperComponent", { type: Boolean, default: !1 });
+  }
+}
+const l = new r();
+export {
+  i as I,
+  s as W,
+  l as a
+};

package/widget-wrapper.vue_vue_type_script_setup_true_name_form-item-wrapper_lang-bbe0cabe.js

@@ -0,0 +1,277 @@
+import { defineComponent as pe, resolveComponent as z, openBlock as l, createElementBlock as h, Fragment as I, createVNode as d, createCommentVNode as k, createBlock as O, createSlots as oe, withCtx as a, createElementVNode as E, renderList as de, createTextVNode as L, toDisplayString as $, withModifiers as y, unref as n, renderSlot as S, computed as B, ref as re, resolveDynamicComponent as le, mergeProps as G } from "vue";
+import { c as me } from "./uuid-39f0308a.js";
+import { I as fe, a as we } from "./widget-base-4c2d6265.js";
+import { a as m, o as ve, G as ae } from "./enum-type-287a50b6.js";
+import { u as ge, j as ye, k as he, l as We, d as Ce } from "./index-f146282d.js";
+import { S as g } from "./index-ffbcbc43.js";
+import { f as ce } from "./baseImp-8c4be88e.js";
+import { d as q } from "./enum-type-255ade69.js";
+const ke = { key: 0 }, Oe = { class: "clWhite" }, be = { class: "clWhite" }, Le = ["title"], $e = ["title"], je = ["title"], Se = ["title"], Te = /* @__PURE__ */ pe({
+  __name: "drag-handler",
+  props: { ...fe, parentTree: { type: Object, default: null }, hidden: { type: Boolean, default: !1 }, simple: { type: Boolean } },
+  setup(f) {
+    const o = f, { setSelected: J, findWidgetById: K, removeWidget: D, moveDownWidget: F, moveUpWidget: R, cloneWidget: V } = ge(o.designer), H = (t) => {
+      const s = t == null ? void 0 : t.id;
+      if (t.selectable === !1)
+        ce.info(m.i18nt("designer.hint.currentNodeCannotBeSelected"));
+      else {
+        const p = K(s);
+        J(p);
+      }
+    };
+    return (t, s) => {
+      var T, w;
+      const p = z("el-dropdown-item"), P = z("el-dropdown-menu"), j = z("el-dropdown"), U = z("el-divider");
+      return l(), h(I, null, [
+        f.hidden === !0 ? (l(), h("i", ke, [
+          d(g, { name: "@el-hide" })
+        ])) : k("", !0),
+        f.simple ? (l(), O(j, {
+          key: 1,
+          onCommand: H
+        }, oe({
+          default: a(() => [
+            E("span", Oe, [
+              d(g, { name: "@el-arrow-down" })
+            ])
+          ]),
+          _: 2
+        }, [
+          ((T = f.parentTree) == null ? void 0 : T.length) > 0 ? {
+            name: "dropdown",
+            fn: a(() => [
+              d(P, null, {
+                default: a(() => [
+                  (l(!0), h(I, null, de(f.parentTree, (i, W) => (l(), O(p, { command: i }, {
+                    default: a(() => [
+                      L($(i == null ? void 0 : i.label), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["command"]))), 256)),
+                  d(p, {
+                    divided: "",
+                    onClick: s[0] || (s[0] = y((i) => n(V)(t.widget, t.parentList), ["stop"]))
+                  }, {
+                    default: a(() => [
+                      d(g, { name: "@el-clone" }),
+                      L($(n(m).i18nt("designer.hint.cloneWidget")), 1)
+                    ]),
+                    _: 1
+                  }),
+                  d(p, {
+                    onClick: s[1] || (s[1] = y((i) => n(D)(t.widget, t.parentWidget, t.parentList), ["stop"]))
+                  }, {
+                    default: a(() => [
+                      d(g, { name: "@el-delete" }),
+                      L($(n(m).i18nt("designer.hint.remove")), 1)
+                    ]),
+                    _: 1
+                  }),
+                  t.parentList && t.parentList.length > 1 ? (l(), O(p, {
+                    key: 0,
+                    onClick: s[2] || (s[2] = y((i) => n(R)(t.parentList, t.widget), ["stop"]))
+                  }, {
+                    default: a(() => [
+                      d(g, { name: "@el-move-up" }),
+                      L($(n(m).i18nt("designer.hint.moveUpWidget")), 1)
+                    ]),
+                    _: 1
+                  })) : k("", !0),
+                  t.parentList && t.parentList.length > 1 ? (l(), O(p, {
+                    key: 1,
+                    onClick: s[3] || (s[3] = y((i) => n(F)(t.parentList, t.widget), ["stop"]))
+                  }, {
+                    default: a(() => [
+                      d(g, { name: "@el-move-down" }),
+                      L($(n(m).i18nt("designer.hint.moveDownWidget")), 1)
+                    ]),
+                    _: 1
+                  })) : k("", !0),
+                  t.$slots.default ? (l(), O(p, {
+                    key: 2,
+                    divied: ""
+                  }, {
+                    default: a(() => [
+                      S(t.$slots, "default")
+                    ]),
+                    _: 3
+                  })) : k("", !0)
+                ]),
+                _: 3
+              })
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1024)) : (l(), h(I, { key: 2 }, [
+          d(j, { onCommand: H }, oe({
+            default: a(() => {
+              var i, W;
+              return [
+                E("span", be, [
+                  L($(n(m).i18n2t(
+                    `designer.widgetLabel.${(i = t.widget) == null ? void 0 : i.type}`,
+                    `extension.widgetLabel.${(W = t.widget) == null ? void 0 : W.type}`
+                  )) + " ", 1),
+                  d(g, {
+                    name: "@el-arrow-down",
+                    class: "el-icon--right"
+                  })
+                ])
+              ];
+            }),
+            _: 2
+          }, [
+            ((w = f.parentTree) == null ? void 0 : w.length) > 0 ? {
+              name: "dropdown",
+              fn: a(() => [
+                d(P, null, {
+                  default: a(() => [
+                    (l(!0), h(I, null, de(f.parentTree, (i, W) => (l(), O(p, { command: i }, {
+                      default: a(() => [
+                        L($(i == null ? void 0 : i.label), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["command"]))), 256))
+                  ]),
+                  _: 1
+                })
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1024),
+          d(U, {
+            direction: "vertical",
+            "border-style": "dashed",
+            color: "white"
+          }),
+          S(t.$slots, "default"),
+          t.parentList && t.parentList.length > 1 ? (l(), h("i", {
+            key: 0,
+            title: n(m).i18nt("designer.hint.moveUpWidget"),
+            onClick: s[4] || (s[4] = y((i) => n(R)(t.parentList, t.widget), ["stop"]))
+          }, [
+            d(g, { name: "@el-move-up" })
+          ], 8, Le)) : k("", !0),
+          t.parentList && t.parentList.length > 1 ? (l(), h("i", {
+            key: 1,
+            title: n(m).i18nt("designer.hint.moveDownWidget"),
+            onClick: s[5] || (s[5] = y((i) => n(F)(t.parentList, t.widget), ["stop"]))
+          }, [
+            d(g, { name: "@el-move-down" })
+          ], 8, $e)) : k("", !0),
+          E("i", {
+            title: n(m).i18nt("designer.hint.cloneWidget"),
+            onClick: s[6] || (s[6] = y((i) => n(V)(t.widget, t.parentList), ["stop"]))
+          }, [
+            d(g, { name: "@el-clone" })
+          ], 8, je),
+          E("i", {
+            title: n(m).i18nt("designer.hint.remove"),
+            onClick: s[7] || (s[7] = y((i) => n(D)(t.widget, t.parentWidget, t.parentList), ["stop"]))
+          }, [
+            d(g, { name: "@el-delete" })
+          ], 8, Se)
+        ], 64))
+      ], 64);
+    };
+  }
+});
+const He = /* @__PURE__ */ pe({
+  __name: "widget-wrapper",
+  props: { ...we },
+  setup(f) {
+    var Q;
+    const o = f, { selectWidget: J } = ge(o.designer), { widgetTree: K } = ye((Q = o.designer) == null ? void 0 : Q.widgetList, !0), { pathNodes: D, parentTree: F } = he(K.value, o.widget), { size: R, displayLayout: V, labelAlign: H, labelWidth: t, formItemFlag: s, labelSuffix: p } = We(o, me(D.value)), { idClass: P } = Ce(o.widget), j = B(() => {
+      var u, b, C, c, v;
+      const e = (b = (u = o.propOptions) == null ? void 0 : u.fieldObj) == null ? void 0 : b.extendAttrs, r = (c = (C = o.propOptions) == null ? void 0 : C.fieldObj) == null ? void 0 : c.attrs;
+      return (v = ve(e)) != null && v.includes("hidden") ? e == null ? void 0 : e.hidden : r == null ? void 0 : r.hidden;
+    }), U = (e) => e && !["div", "span"].includes(e), T = B(() => {
+      var e, r;
+      return (e = o.widget) != null && e.type ? [q.grid, q.gridCol, q.wrapper].includes((r = o.widget) == null ? void 0 : r.type) : !1;
+    }), w = B(() => {
+      var C, c, v, N, A, X, Y, Z, _, x, ee, te, ne, ie, se;
+      const e = ((v = (c = (C = o.propOptions) == null ? void 0 : C.fieldObj) == null ? void 0 : c.extendAttrs) == null ? void 0 : v.width) || ((X = (A = (N = o.propOptions) == null ? void 0 : N.fieldObj) == null ? void 0 : A.attrs) == null ? void 0 : X.width), r = (_ = (Z = (Y = o.propOptions) == null ? void 0 : Y.fieldObj) == null ? void 0 : Z.extendAttrs) == null ? void 0 : _.ctrlWidth, u = (te = (ee = (x = o.propOptions) == null ? void 0 : x.fieldObj) == null ? void 0 : ee.extendAttrs) == null ? void 0 : te.customClass, b = (se = (ie = (ne = o.propOptions) == null ? void 0 : ne.fieldObj) == null ? void 0 : ie.extendAttrs) == null ? void 0 : se.componentWrapperClass;
+      return {
+        size: R.value,
+        labelAlign: H.value,
+        labelWidth: t.value,
+        //props.propOptions?.fieldObj?.extendAttrs?.labelHidden ? '0px' : 隐藏的标签宽度仍旧保留，为占位
+        formItemFlag: s.value,
+        ctrlWidth: r,
+        displayStyle: V.value,
+        labelSuffix: p.value || "",
+        injectStyle: {},
+        //verticalAlign: verticalAlign.value, width: withLabel.value ? '100%' : ctrlWidth.value
+        //注：宽度全屏
+        injectClass: [ae(u), e ? "" : "full-width", P],
+        // filterDisplay.value ? displayStyle.value : ''
+        componentWrapperClass: ae(b)
+      };
+    }), i = B(() => {
+      var e, r, u;
+      return !!o.designer && ((e = o.widget) == null ? void 0 : e.id) === ((u = (r = o.designer) == null ? void 0 : r.selectedWidget) == null ? void 0 : u.id);
+    }), W = re(), M = re(), ue = B(() => {
+      var e, r;
+      if (W.value && M.value && i.value)
+        return ((e = W.value) == null ? void 0 : e.offsetWidth) > ((r = M.value) == null ? void 0 : r.offsetWidth);
+    });
+    return (e, r) => {
+      var u, b, C, c;
+      return e.designState ? (l(), O(le(e.componentName), G({
+        key: 0,
+        class: ["field-wrapper", [n(i) ? "selected" : "", " drag-handler", e.propOptions.class, e.showWrapperComponent ? n(w).injectClass : null]],
+        style: e.propOptions.style,
+        onClick: r[0] || (r[0] = y((v) => n(J)(e.widget, e.parentWidget, e.parentList), ["stop"])),
+        ref_key: "wrapperRef",
+        ref: M,
+        tabindex: 0
+      }, U(e.componentName) ? (b = (u = e.propOptions) == null ? void 0 : u.fieldObj) == null ? void 0 : b.attrs : {}), {
+        default: a(() => {
+          var v, N, A;
+          return [
+            S(e.$slots, "default", { data: n(w) }),
+            ((N = (v = e.designer) == null ? void 0 : v.selectedWidget) == null ? void 0 : N.id) === ((A = e.widget) == null ? void 0 : A.id) ? (l(), h("div", {
+              key: 0,
+              class: "action",
+              ref_key: "dragHandlerRef",
+              ref: W
+            }, [
+              d(Te, {
+                simple: n(ue),
+                "design-state": e.designState,
+                designer: e.designer,
+                widget: e.widget,
+                "parent-widget": e.parentWidget,
+                "parent-list": e.parentList,
+                parentTree: n(F),
+                hidden: n(j)
+              }, {
+                default: a(() => [
+                  S(e.$slots, "drag")
+                ]),
+                _: 3
+              }, 8, ["simple", "design-state", "designer", "widget", "parent-widget", "parent-list", "parentTree", "hidden"])
+            ], 512)) : k("", !0)
+          ];
+        }),
+        _: 3
+      }, 16, ["class", "style"])) : !n(j) || n(T) ? (l(), h(I, { key: 1 }, [
+        e.showWrapperComponent ? (l(), O(le(e.componentName), G({ key: 0 }, U(e.componentName) ? (c = (C = e.propOptions) == null ? void 0 : C.fieldObj) == null ? void 0 : c.attrs : {}, {
+          class: ["_id_BycomponentName", [...n(w).injectClass, e.propOptions.class, n(j) && n(T) ? "hlhidden" : ""]],
+          style: { ...n(w).injectStyle, ...e.propOptions.style }
+        }), {
+          default: a(() => [
+            S(e.$slots, "default", G({ data: n(w) }, e.$props))
+          ]),
+          _: 3
+        }, 16, ["class", "style"])) : S(e.$slots, "default", G({
+          key: 1,
+          data: n(w)
+        }, e.$props))
+      ], 64)) : k("", !0);
+    };
+  }
+});
+export {
+  He as _
+};

package/wrapper-widget-5702502d.js

@@ -0,0 +1,78 @@
+import { ref as h, onMounted as j, watch as v, defineComponent as W, openBlock as C, createBlock as L, mergeProps as b, unref as n, withCtx as O, createElementBlock as R, normalizeClass as P, createVNode as q } from "vue";
+import { I as D } from "./widget-base-4c2d6265.js";
+import { D as y } from "./drag-wrapper-f9fb1533.js";
+import { _ as z } from "./widget-wrapper.vue_vue_type_script_setup_true_name_form-item-wrapper_lang-bbe0cabe.js";
+import { w as B } from "./template-c30585f4.js";
+import { W as g } from "./enum-type-255ade69.js";
+import { c as F, a as S } from "./share-field-451430de.js";
+import { c as $ } from "./multirow-e1e1205c.js";
+function E(a) {
+  const d = h({}), { componentWrapperClass: l, customClass: c } = $({ widget: a.widget }), { exposed: s, attrs: p, fieldKey: f, fieldObj: m } = F(a), { setAllRefList: o } = S(d.value), r = (e = !1) => {
+    o(g.setDisabled, { flag: e });
+  }, u = (e = !1) => {
+    var t;
+    (t = s == null ? void 0 : s.setHidden) == null || t.call(s, e);
+  }, i = (e = !1) => {
+    o(g.setRequired, { flag: e });
+  }, w = (e = !1) => {
+    o(g.resetField, { flag: e });
+  }, _ = (e) => {
+    v(() => {
+      var t;
+      return (t = p.value) == null ? void 0 : t[e];
+    }, (t) => {
+      e === "disabled" && r(t), e === "hidden" && u(t), e === "required" && i(t);
+    }, { immediate: !0 });
+  };
+  return j(() => {
+    _("disabled"), _("hidden"), _("required");
+  }), {
+    attrs: p,
+    exposed: {
+      ...s,
+      setDisabled: r,
+      setHidden: u,
+      setRequired: i,
+      resetField: w
+    },
+    componentWrapperClass: l,
+    customClass: c,
+    fieldKey: f,
+    fieldObj: m,
+    widgetRefList: d
+  };
+}
+const H = W({ componentName: B.ContainerWidget }), I = /* @__PURE__ */ W({
+  ...H,
+  __name: "wrapper-widget",
+  props: { ...D },
+  setup(a, { expose: d }) {
+    const l = a, { exposed: c, customClass: s, componentWrapperClass: p, fieldObj: f, fieldKey: m, widgetRefList: o } = E(l);
+    return d({ ...c }), (r, u) => (C(), L(z, b(r.$props, {
+      "prop-options": { fieldObj: n(f), class: [n(s), n(p)] },
+      "component-name": "div",
+      "show-wrapper-component": !0
+    }), {
+      default: O(({ data: i }) => [
+        (C(), R("div", {
+          ref: "fieldEditor",
+          class: P(i.injectClass),
+          key: n(m)
+        }, [
+          q(y, b(r.$props, {
+            dragClass: "dragSize",
+            "component-class": i.componentWrapperClass,
+            refList: n(o)
+          }), null, 16, ["component-class", "refList"])
+        ], 2))
+      ]),
+      _: 1
+    }, 16, ["prop-options"]));
+  }
+}), J = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: I
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  J as _
+};