hldesigner 0.0.1

package/index-f849ef29.js

@@ -0,0 +1,216 @@
+import { openBlock as _, createElementBlock as h, defineComponent as Z, inject as N, ref as ee, resolveComponent as r, createBlock as b, withCtx as t, createVNode as i, unref as u, createElementVNode as p, Fragment as F, renderList as V, toDisplayString as g, mergeProps as te, createTextVNode as D, createCommentVNode as ne } from "vue";
+import { a as o, m as ae, k as le, f as ie } from "./enum-type-287a50b6.js";
+import { g as oe } from "./uuid-39f0308a.js";
+import { u as re } from "./icon-2bb9fa65.js";
+import { w as m } from "./optionItem-0ac4a3ae.js";
+import { S as se } from "./index-ffbcbc43.js";
+import { _ as ce } from "./_plugin-vue_export-helper-dad06003.js";
+import { u as de } from "./index-f146282d.js";
+import { d as P } from "./template-c30585f4.js";
+import { B as f, A as pe } from "./baseImp-8c4be88e.js";
+import "./enum-type-255ade69.js";
+import "./index-7fa591e3.js";
+import "./_commonjsHelpers-e7ea1525.js";
+import "./dialog-5e196819.js";
+import "element-plus";
+const me = {}, ue = { style: { height: "1px", margin: "0px", padding: "0px" } };
+function _e(T, v) {
+  return _(), h("div", ue);
+}
+const ge = /* @__PURE__ */ ce(me, [["render", _e]]), fe = { class: "collapse_title" }, he = ["title", "onDblclick"], ye = { class: "widget-item-span" }, be = ["src"], Fe = ["src"], Te = { class: "bottom clear-fix" }, ve = { class: "ft-title" }, Ie = /* @__PURE__ */ Z({
+  __name: "index",
+  props: {
+    designer: null
+  },
+  setup(T) {
+    const v = T, { $message: x, $confirm: $ } = re(), { copyNewFieldWidget: S, copyNewContainerWidget: W, addContainerByDbClick: E, addFieldByDbClick: J, loadPageJson: L, emitHistoryChange: I } = de(v.designer), y = N(P.getBannedWidgets), O = N(P.getPageTemplates, []), s = (e) => (y == null ? void 0 : y.indexOf(e)) > -1, c = (e) => {
+      var n;
+      return (n = le(e)) == null || n.forEach((a) => {
+        a.key = oe(), a.displayName = f.getWidgetTypeName(a == null ? void 0 : a.type);
+      }), e;
+    }, H = (e) => !0, j = (e) => f.isContainer(e) ? W(e) : S(e), A = (e) => f.isContainer(e) ? E(e) : J(e), G = [
+      {
+        title: "containerTitle",
+        data: c(m.containers).filter((e) => !e.internal && !s(e.type))
+      },
+      {
+        title: "navFieldTitle",
+        data: c(m.navFields).filter((e) => !e.internal && !s(e.type))
+      },
+      {
+        title: "basicFieldTitle",
+        data: c(m.basicFields).filter((e) => !e.internal && !s(e.type))
+      },
+      {
+        title: "formFieldTitle",
+        data: c(m.formFields).filter((e) => !e.internal && !s(e.type))
+      },
+      {
+        title: "dataFieldTitle",
+        data: c(m.dataFields).filter((e) => !e.internal && !s(e.type))
+      },
+      {
+        title: "feedBackFieldTitle",
+        data: c(m.feedBackFields).filter((e) => !e.internal && !s(e.type))
+      },
+      {
+        title: "advancedFieldTitle",
+        data: c(m.advancedFields).filter((e) => !e.internal && !s(e.type))
+      },
+      {
+        title: "otherFieldTitle",
+        data: c(m.otherFields).filter((e) => !e.internal && !s(e.type))
+      }
+    ], C = ee("formFieldTitle"), K = (e) => {
+      $(o.i18nt("designer.hint.loadFormTemplateHint"), o.i18nt("render.hint.prompt"), {
+        confirmButtonText: o.i18nt("render.hint.confirm"),
+        cancelButtonText: o.i18nt("render.hint.cancel")
+      }).then(async () => {
+        pe.isUrl(e) ? await M(e) : k(e);
+      }).catch((n) => {
+        console.error(n);
+      });
+    }, M = async (e) => {
+      (await import("./index-6d56f058.js")).default.get(e).then((a) => {
+        k(a.data);
+      }).catch((a) => {
+        x.error(o.i18nt("designer.hint.loadFormTemplateFailed") + ":" + a);
+      });
+    }, k = (e) => {
+      let n = !1;
+      n = L(ie(e)), n && I("load page template"), x.success(o.i18nt("designer.hint.loadFormTemplateSuccess"));
+    };
+    return (e, n) => {
+      const a = r("draggable"), U = r("el-collapse-item"), q = r("el-collapse"), B = r("el-scrollbar"), w = r("el-tab-pane"), z = r("el-popover"), Q = r("el-button"), R = r("el-card"), X = r("el-tabs");
+      return _(), b(X, {
+        stretch: !0,
+        class: "full-height-tab"
+      }, {
+        default: t(() => [
+          i(w, {
+            label: u(o).i18nt("designer.componentLib"),
+            class: "full-height"
+          }, {
+            default: t(() => [
+              i(B, { class: "noOutline" }, {
+                default: t(() => [
+                  p("div", null, [
+                    i(q, {
+                      modelValue: C.value,
+                      "onUpdate:modelValue": n[0] || (n[0] = (l) => C.value = l)
+                    }, {
+                      default: t(() => [
+                        (_(), h(F, null, V(G, (l) => (_(), h(F, null, [
+                          i(ge),
+                          u(ae)(l.data) ? (_(), b(U, {
+                            key: 0,
+                            name: l.title
+                          }, {
+                            title: t(() => [
+                              p("span", fe, g(u(o).i18nt("designer." + l.title)), 1)
+                            ]),
+                            default: t(() => [
+                              i(a, te({
+                                list: l.data,
+                                group: { name: "dragGroup", pull: "clone", put: !1 }
+                              }, { ghostClass: "ghost", sort: !1 }, {
+                                "item-key": "key",
+                                tag: "ul",
+                                clone: j,
+                                class: "widget-container",
+                                move: H
+                              }), {
+                                item: t(({ element: d }) => [
+                                  p("li", {
+                                    class: "widget-item",
+                                    title: d.displayName,
+                                    onDblclick: (Y) => A(d)
+                                  }, [
+                                    p("span", ye, [
+                                      i(se, {
+                                        name: d.icon,
+                                        "class-name": "primary-color"
+                                      }, null, 8, ["name"]),
+                                      D(" " + g(u(f).getWidgetTypeName(d == null ? void 0 : d.type)), 1)
+                                    ])
+                                  ], 40, he)
+                                ]),
+                                _: 2
+                              }, 1040, ["list"])
+                            ]),
+                            _: 2
+                          }, 1032, ["name"])) : ne("", !0)
+                        ], 64))), 64))
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue"])
+                  ])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["label"]),
+          i(w, {
+            label: u(o).i18nt("designer.formLib"),
+            class: "full-height"
+          }, {
+            default: t(() => [
+              i(B, null, {
+                default: t(() => [
+                  (_(!0), h(F, null, V(u(O), (l, d) => (_(), b(R, {
+                    "bord-style": { padding: "0" },
+                    shadow: "hover",
+                    class: "ft-card"
+                  }, {
+                    default: t(() => [
+                      i(z, {
+                        placement: "right",
+                        trigger: "hover"
+                      }, {
+                        reference: t(() => [
+                          p("img", {
+                            src: l.img,
+                            style: { width: "200px" }
+                          }, null, 8, be)
+                        ]),
+                        default: t(() => [
+                          p("img", {
+                            src: l.img,
+                            style: { height: "600px", width: "720px" }
+                          }, null, 8, Fe)
+                        ]),
+                        _: 2
+                      }, 1024),
+                      p("div", Te, [
+                        p("span", ve, "#" + g(d + 1) + " " + g(l.title), 1),
+                        i(Q, {
+                          link: "",
+                          type: "primary",
+                          class: "right-button",
+                          onClick: (Y) => K(l.json)
+                        }, {
+                          default: t(() => [
+                            D(g(u(o).i18nt("designer.hint.loadFormTemplate")), 1)
+                          ]),
+                          _: 2
+                        }, 1032, ["onClick"])
+                      ])
+                    ]),
+                    _: 2
+                  }, 1024))), 256))
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["label"])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  Ie as default
+};

package/index-ffbcbc43.js

@@ -0,0 +1,65 @@
+import { defineComponent as y, computed as d, ref as w, shallowRef as z, watch as C, isRef as I, resolveComponent as N, unref as t, openBlock as s, createElementBlock as _, normalizeClass as S, createElementVNode as b, toDisplayString as B, createCommentVNode as $, createBlock as h, withCtx as D, resolveDynamicComponent as E } from "vue";
+import { l as R } from "./enum-type-287a50b6.js";
+import { u as L, r as V } from "./icon-2bb9fa65.js";
+import { _ as W } from "./_plugin-vue_export-helper-dad06003.js";
+const j = ["width", "height", "color"], q = ["xlink:href"], A = {
+  key: 0,
+  slot: "title"
+}, F = /* @__PURE__ */ y({
+  __name: "index",
+  props: {
+    prefix: { default: "icon" },
+    dir: { default: "svg" },
+    name: null,
+    color: null,
+    size: null,
+    width: { default: "16" },
+    height: { default: "16" },
+    className: null,
+    title: { default: "" }
+  },
+  setup(n) {
+    var r, m;
+    const e = n, f = e.size || e.width, g = e.size || e.height, p = e.size || e.width, i = e.name, v = d(() => {
+      var o = "svg-icon";
+      return e.className ? o + " " + e.className : o;
+    }), c = w(), x = d(() => `#${e.prefix}-${e.dir}-${c.value}`);
+    let l = z();
+    const a = R(i) && ((r = String(i)) == null ? void 0 : r.startsWith("@"));
+    return a ? c.value = (m = String(i)) == null ? void 0 : m.substring(1) : C(() => e.name, (o) => {
+      if (I(e.name))
+        l.value = o;
+      else {
+        const { instance: u } = L();
+        l = V(o, u);
+      }
+    }, { immediate: !0 }), (o, u) => {
+      const k = N("el-icon");
+      return t(a) ? (s(), _("svg", {
+        key: 0,
+        class: S(t(v)),
+        width: t(f),
+        height: t(g),
+        color: e.color
+      }, [
+        b("use", { "xlink:href": t(x) }, null, 8, q),
+        n.title ? (s(), _("title", A, B(n.title), 1)) : $("", !0)
+      ], 10, j)) : (s(), h(k, {
+        key: 1,
+        size: t(p)
+      }, {
+        default: D(() => [
+          (s(), h(E(t(l)), {
+            color: (e == null ? void 0 : e.color) || "black",
+            key: n.name
+          }, null, 8, ["color"]))
+        ]),
+        _: 1
+      }, 8, ["size"]));
+    };
+  }
+});
+const M = /* @__PURE__ */ W(F, [["__scopeId", "data-v-eee47a33"]]);
+export {
+  M as S
+};

package/input-number-widget-64f89b9d.js

@@ -0,0 +1,66 @@
+import { defineComponent as d, resolveComponent as N, openBlock as r, createBlock as m, mergeProps as l, unref as e, withCtx as j, createElementVNode as F, isRef as I, toHandlers as O, createElementBlock as W, toDisplayString as h, createCommentVNode as z } from "vue";
+import { c as B } from "./share-field-451430de.js";
+import { I as M } from "./field-base-5547436d.js";
+import P from "./form-item-wrapper-8039c512.js";
+import { w as S } from "./template-c30585f4.js";
+import { _ as T } from "./_plugin-vue_export-helper-dad06003.js";
+import "./enum-type-287a50b6.js";
+import "./emitter-2b9b9409.js";
+import "./icon-2bb9fa65.js";
+import "./baseImp-8c4be88e.js";
+import "./uuid-39f0308a.js";
+import "./enum-type-255ade69.js";
+import "./dialog-5e196819.js";
+import "element-plus";
+import "./_commonjsHelpers-e7ea1525.js";
+import "./multirow-e1e1205c.js";
+import "./index-f146282d.js";
+import "./optionItem-0ac4a3ae.js";
+import "./index-7fa591e3.js";
+import "./slot-04a83a27.js";
+import "./widget-base-4c2d6265.js";
+import "./widget-wrapper.vue_vue_type_script_setup_true_name_form-item-wrapper_lang-bbe0cabe.js";
+import "./index-ffbcbc43.js";
+import "./label-wrapper.vue_vue_type_style_index_0_lang-0a7f6bdd.js";
+const A = { class: "input-with-unit" }, D = {
+  key: 0,
+  class: "unit"
+}, H = d({ componentName: S.FieldWidget }), K = /* @__PURE__ */ d({
+  ...H,
+  __name: "input-number-widget",
+  props: { ...M },
+  setup(u, { expose: _ }) {
+    const a = u, { fieldEditor: c, fieldKey: f, fieldModel: t, rules: g, attrs: y, events: x, extendAttrs: i, exposed: b, isError: v, errorMsg: k, fieldObj: E } = B(a);
+    return _({ ...b }), (V, p) => {
+      const w = N("el-input-number");
+      return r(), m(P, l(V.$props, {
+        propOptions: { fieldObj: e(E), rules: e(g), isError: e(v), errorMsg: e(k) }
+      }), {
+        default: j(({ data: o }) => {
+          var s, n;
+          return [
+            F("div", A, [
+              (r(), m(w, l({
+                ref_key: "fieldEditor",
+                ref: c,
+                modelValue: e(t),
+                "onUpdate:modelValue": p[0] || (p[0] = (C) => I(t) ? t.value = C : null),
+                key: e(f)
+              }, e(y), O(e(x)), {
+                size: o.size,
+                class: o.injectClass,
+                style: o.injectStyle
+              }), null, 16, ["modelValue", "size", "class", "style"])),
+              (s = e(i)) != null && s.unitText ? (r(), W("span", D, h((n = e(i)) == null ? void 0 : n.unitText), 1)) : z("", !0)
+            ])
+          ];
+        }),
+        _: 1
+      }, 16, ["propOptions"]);
+    };
+  }
+});
+const ae = /* @__PURE__ */ T(K, [["__scopeId", "data-v-5f28c44f"]]);
+export {
+  ae as default
+};

package/input-widget-0fe7c3d7.js

@@ -0,0 +1,71 @@
+import { defineComponent as f, resolveComponent as z, openBlock as i, createBlock as t, mergeProps as n, unref as r, withCtx as d, isRef as D, toHandlers as I, createSlots as M, renderList as N, resolveDynamicComponent as W, createCommentVNode as l } from "vue";
+import { a as h } from "./enum-type-287a50b6.js";
+import { I as x } from "./field-base-5547436d.js";
+import { c as A } from "./share-field-451430de.js";
+import { g as B } from "./slot-04a83a27.js";
+import L from "./form-item-wrapper-8039c512.js";
+import { w as P } from "./template-c30585f4.js";
+import { D as T } from "./drag-wrapper-f9fb1533.js";
+import "./widget-base-4c2d6265.js";
+import "./emitter-2b9b9409.js";
+import "./icon-2bb9fa65.js";
+import "./baseImp-8c4be88e.js";
+import "./uuid-39f0308a.js";
+import "./enum-type-255ade69.js";
+import "./dialog-5e196819.js";
+import "element-plus";
+import "./_commonjsHelpers-e7ea1525.js";
+import "./multirow-e1e1205c.js";
+import "./index-f146282d.js";
+import "./optionItem-0ac4a3ae.js";
+import "./index-7fa591e3.js";
+import "./widget-wrapper.vue_vue_type_script_setup_true_name_form-item-wrapper_lang-bbe0cabe.js";
+import "./index-ffbcbc43.js";
+import "./_plugin-vue_export-helper-dad06003.js";
+import "./label-wrapper.vue_vue_type_style_index_0_lang-0a7f6bdd.js";
+const $ = f({ componentName: P.FieldWidget }), ue = /* @__PURE__ */ f({
+  ...$,
+  __name: "input-widget",
+  props: { ...x },
+  setup(u, { expose: g }) {
+    const c = u, { fieldEditor: y, isError: w, errorMsg: k, fieldKey: C, fieldModel: o, rules: b, slots: V, attrs: j, extendAttrs: v, events: E, exposed: F, fieldObj: O } = A(c);
+    return g({ ...F }), (p, s) => {
+      const S = z("el-input");
+      return i(), t(L, n(p.$props, {
+        propOptions: { fieldObj: r(O), rules: r(b), isError: r(w), errorMsg: r(k) }
+      }), {
+        default: d(({ data: m }) => {
+          var a;
+          return [
+            (i(), t(S, n({
+              ref_key: "fieldEditor",
+              ref: y,
+              modelValue: r(o),
+              "onUpdate:modelValue": s[0] || (s[0] = (e) => D(o) ? o.value = e : null)
+            }, r(j), I(r(E)), {
+              class: [m.injectClass, "hide-spin-button"],
+              key: r(C),
+              style: m.injectStyle,
+              size: m.size
+            }), M({ _: 2 }, [
+              N(r(B)(r(V), p.designState, (a = r(v)) == null ? void 0 : a.slotable), (e) => ({
+                name: e == null ? void 0 : e.slotName,
+                fn: d(() => [
+                  e != null && e.default ? (i(), t(W(e == null ? void 0 : e.default), { key: 0 })) : l("", !0),
+                  e != null && e.widgetList ? (i(), t(T, n({ key: 1 }, p.$props, {
+                    widget: e,
+                    dragTip: r(h).i18nt("designer.hint.draggableArea1")
+                  }), null, 16, ["widget", "dragTip"])) : l("", !0)
+                ])
+              }))
+            ]), 1040, ["modelValue", "class", "style", "size"]))
+          ];
+        }),
+        _: 1
+      }, 16, ["propOptions"]);
+    };
+  }
+});
+export {
+  ue as default
+};