hldesigner 0.0.162 → 0.0.163

package/widget-wrapper.vue_vue_type_script_setup_true_name_form-item-wrapper_lang-548e5124.js

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

package/{wrapper-widget-cc1c6fa3.js → wrapper-widget-44b9e34a.js}

@@ -1,13 +1,13 @@
 import { ref as y, watch as L, defineComponent as h, resolveDirective as j, openBlock as W, createBlock as D, mergeProps as b, unref as s, withCtx as O, withDirectives as P, createElementBlock as x, normalizeClass as z, createVNode as R, createCommentVNode as S } from "vue";
 import { I as k } from "./widget-base-4c2d6265.js";
-import { D as A } from "./drag-wrapper-be17e580.js";
-import { _ as B } from "./widget-wrapper.vue_vue_type_script_setup_true_name_form-item-wrapper_lang-70569389.js";
-import { w as F } from "./expression-0474b710.js";
-import { W as v } from "./enum-type-8bcc66d1.js";
-import { c as N, a as $ } from "./share-field-586418d1.js";
-import { c as E } from "./slot-a9012bd4.js";
+import { D as A } from "./drag-wrapper-f9f0ab82.js";
+import { _ as B } from "./widget-wrapper.vue_vue_type_script_setup_true_name_form-item-wrapper_lang-548e5124.js";
+import { w as F } from "./expression-cacdcf66.js";
+import { W as v } from "./enum-type-4298f4a7.js";
+import { c as N, a as $ } from "./share-field-52bf5266.js";
+import { c as E } from "./slot-e90d51a9.js";
 function H(i) {
-  const n = y({}), { componentWrapperClass: c, customClass: a } = E({ widget: i.widget }), { exposed: t, attrs: d, extendAttrs: m, fieldKey: f, fieldObj: g } = N(i), { setAllRefList: l } = $(n.value), p = (o = !1) => {
+  const n = y({}), { componentWrapperClass: c, customClass: a } = E({ widget: i.widget }), { exposed: t, attrs: d, extendAttrs: f, fieldKey: g, fieldObj: m } = N(i), { setAllRefList: l } = $(n.value), p = (o = !1) => {
     l(v.setDisabled, { flag: o });
   }, r = (o = !1) => {
     var e;
@@ -23,7 +23,7 @@ function H(i) {
       e != null && o === "disabled" && p(e);
     }, { immediate: !0 });
   })("disabled"), {
-    extendAttrs: m,
+    extendAttrs: f,
     attrs: d,
     exposed: {
       ...t,
@@ -34,8 +34,8 @@ function H(i) {
     },
     componentWrapperClass: c,
     customClass: a,
-    fieldKey: f,
-    fieldObj: g,
+    fieldKey: g,
+    fieldObj: m,
     widgetRefList: n
   };
 }
@@ -44,11 +44,11 @@ const I = ["element-loading-text"], K = h({ componentName: F.ContainerWidget }),
   __name: "wrapper-widget",
   props: { ...k },
   setup(i, { expose: n }) {
-    const c = i, { attrs: a, extendAttrs: t, exposed: d, customClass: m, componentWrapperClass: f, fieldObj: g, fieldKey: l, widgetRefList: p } = H(c);
+    const c = i, { attrs: a, extendAttrs: t, exposed: d, customClass: f, componentWrapperClass: g, fieldObj: m, fieldKey: l, widgetRefList: p } = H(c);
     return n({ ...d }), (r, _) => {
       const u = j("loading");
       return W(), D(B, b(r.$props, {
-        "prop-options": { fieldObj: s(g), class: [s(m), s(f)] },
+        "prop-options": { fieldObj: s(m) },
         "component-name": "div",
         "show-wrapper-component": !0
       }), {
@@ -57,7 +57,7 @@ const I = ["element-loading-text"], K = h({ componentName: F.ContainerWidget }),
           return [
             r.designState || !((e = s(a)) != null && e.hidden) || !((w = s(a)) != null && w.lazy) ? P((W(), x("div", {
               ref: "fieldEditor",
-              class: z([...o.injectClass]),
+              class: z(o.injectClass),
               key: s(l),
               "element-loading-text": s(t).loadingText
             }, [

package/badge-widget-d61ee4ab.js

@@ -1,48 +0,0 @@
-import { defineComponent as t, openBlock as n, createBlock as l, mergeProps as c, unref as d } from "vue";
-import { r as f } from "./enum-type-0b82c86c.js";
-import { I as u } from "./field-base-5547436d.js";
-import { _ } from "./default-slot-widget.vue_vue_type_script_setup_true_name_default-slot-widget_lang-490f7664.js";
-import { w as g } from "./expression-0474b710.js";
-import { c as b } from "./share-field-586418d1.js";
-import "./widget-base-4c2d6265.js";
-import "./widget-wrapper.vue_vue_type_script_setup_true_name_form-item-wrapper_lang-70569389.js";
-import "./index-a2a68353.js";
-import "./uuid-009aae31.js";
-import "./enum-type-8bcc66d1.js";
-import "./optionItem-60b0a14b.js";
-import "./baseImp-44073145.js";
-import "./icon-6342f929.js";
-import "./dialog-909ff181.js";
-import "./_commonjsHelpers-e7ea1525.js";
-import "element-plus";
-import "./index-20033da7.js";
-import "./index-4cfed3f7.js";
-import "./_plugin-vue_export-helper-dad06003.js";
-import "./fieldobj-3f12e0a2.js";
-import "./slot-a9012bd4.js";
-import "./content-wrapper.vue_vue_type_script_setup_true_lang-825b18de.js";
-import "./drag-wrapper-be17e580.js";
-import "./source-map-b04aec4a.js";
-import "./esprima-e8d15055.js";
-import "./emitter-5e4b8b68.js";
-import "./multirow-dd089014.js";
-const O = t({ componentName: g.FieldWidget }), S = /* @__PURE__ */ t({
-  ...O,
-  __name: "badge-widget",
-  props: { ...u },
-  setup(p, { expose: e }) {
-    var r;
-    const m = p, { attrs: o, exposed: i, fieldObj: s } = b(m);
-    return Object.assign(
-      o.value,
-      {
-        value: f((r = o.value) == null ? void 0 : r.value, !0)
-      }
-    ), e({ ...i }), (a, v) => (n(), l(_, c(a.$props, {
-      propOptions: { elementName: "el-badge", fieldObj: d(s) }
-    }), null, 16, ["propOptions"]));
-  }
-});
-export {
-  S as default
-};

package/common-editor-378b1ae7.js

@@ -1,26 +0,0 @@
-import { _ as o } from "./common-editor.vue_vue_type_script_setup_true_name_common-editor_lang-286d5cc6.js";
-import "vue";
-import "./property-base-7beaef78.js";
-import "./enum-type-8bcc66d1.js";
-import "./enum-type-0b82c86c.js";
-import "./baseImp-44073145.js";
-import "./expression-0474b710.js";
-import "./source-map-b04aec4a.js";
-import "./uuid-009aae31.js";
-import "./_commonjsHelpers-e7ea1525.js";
-import "./esprima-e8d15055.js";
-import "./icon-6342f929.js";
-import "./dialog-909ff181.js";
-import "element-plus";
-import "./editor-wrapper-3638b03f.js";
-import "./share-event-793826e6.js";
-import "./emitter-5e4b8b68.js";
-import "./share-editor-ced2e1e8.js";
-import "./index-a2a68353.js";
-import "./optionItem-60b0a14b.js";
-import "./index-20033da7.js";
-import "./index-4cfed3f7.js";
-import "./_plugin-vue_export-helper-dad06003.js";
-export {
-  o as default
-};

package/default-slot-widget-99bc4a4e.js

@@ -1,28 +0,0 @@
-import { _ as o } from "./default-slot-widget.vue_vue_type_script_setup_true_name_default-slot-widget_lang-490f7664.js";
-import "vue";
-import "./enum-type-0b82c86c.js";
-import "./field-base-5547436d.js";
-import "./widget-base-4c2d6265.js";
-import "./widget-wrapper.vue_vue_type_script_setup_true_name_form-item-wrapper_lang-70569389.js";
-import "./index-a2a68353.js";
-import "./uuid-009aae31.js";
-import "./enum-type-8bcc66d1.js";
-import "./optionItem-60b0a14b.js";
-import "./baseImp-44073145.js";
-import "./expression-0474b710.js";
-import "./source-map-b04aec4a.js";
-import "./_commonjsHelpers-e7ea1525.js";
-import "./esprima-e8d15055.js";
-import "./icon-6342f929.js";
-import "./dialog-909ff181.js";
-import "element-plus";
-import "./index-20033da7.js";
-import "./index-4cfed3f7.js";
-import "./_plugin-vue_export-helper-dad06003.js";
-import "./fieldobj-3f12e0a2.js";
-import "./slot-a9012bd4.js";
-import "./content-wrapper.vue_vue_type_script_setup_true_lang-825b18de.js";
-import "./drag-wrapper-be17e580.js";
-export {
-  o as default
-};

package/divider-widget-ca805031.js

@@ -1,42 +0,0 @@
-import { defineComponent as o, openBlock as l, createBlock as c, mergeProps as f, unref as t } from "vue";
-import { I as _ } from "./field-base-5547436d.js";
-import { _ as u } from "./default-slot-widget.vue_vue_type_script_setup_true_name_default-slot-widget_lang-490f7664.js";
-import { w as g } from "./expression-0474b710.js";
-import { c as v } from "./share-field-586418d1.js";
-import "./widget-base-4c2d6265.js";
-import "./enum-type-0b82c86c.js";
-import "./widget-wrapper.vue_vue_type_script_setup_true_name_form-item-wrapper_lang-70569389.js";
-import "./index-a2a68353.js";
-import "./uuid-009aae31.js";
-import "./enum-type-8bcc66d1.js";
-import "./optionItem-60b0a14b.js";
-import "./baseImp-44073145.js";
-import "./icon-6342f929.js";
-import "./dialog-909ff181.js";
-import "./_commonjsHelpers-e7ea1525.js";
-import "element-plus";
-import "./index-20033da7.js";
-import "./index-4cfed3f7.js";
-import "./_plugin-vue_export-helper-dad06003.js";
-import "./fieldobj-3f12e0a2.js";
-import "./slot-a9012bd4.js";
-import "./content-wrapper.vue_vue_type_script_setup_true_lang-825b18de.js";
-import "./drag-wrapper-be17e580.js";
-import "./source-map-b04aec4a.js";
-import "./esprima-e8d15055.js";
-import "./emitter-5e4b8b68.js";
-import "./multirow-dd089014.js";
-const x = o({ componentName: g.FieldWidget }), S = /* @__PURE__ */ o({
-  ...x,
-  __name: "divider-widget",
-  props: { ..._ },
-  setup(r, { expose: p }) {
-    const e = r, { slots: i, attrs: m, extendAttrs: s, events: n, exposed: a } = v(e);
-    return p({ ...a }), (d, w) => (l(), c(u, f(d.$props, {
-      propOptions: { elementName: "el-divider", fieldObj: { attrs: t(m), events: t(n), slots: t(i), extendAttrs: t(s) } }
-    }), null, 16, ["propOptions"]));
-  }
-});
-export {
-  S as default
-};