@a2simcode/ui 0.0.41 → 0.0.43

package/dist/simcode-ui.es79.js

@@ -0,0 +1,426 @@
+import { defineComponent as me, ref as m, reactive as pe, watch as ye, nextTick as _, computed as W, resolveComponent as A, openBlock as r, createBlock as k, normalizeStyle as $, withCtx as E, createElementVNode as j, unref as X, toDisplayString as he, createElementBlock as L, resolveDynamicComponent as ge, createCommentVNode as C, createVNode as U, normalizeClass as be, Fragment as R, renderList as Z, renderSlot as we, mergeProps as ke } from "vue";
+import { useAppInject as Ce } from "./simcode-ui.es174.js";
+const Be = ["title"], Se = {
+  key: 0,
+  style: { "margin-left": "8px" }
+}, Xe = {
+  key: 0,
+  class: "j-dialog-steps"
+}, Ye = { class: "j-block j-overflow-y" }, xe = {
+  key: 1,
+  class: "j-dialog-btns"
+}, je = /* @__PURE__ */ me({
+  name: "JDialog",
+  __name: "index",
+  props: {
+    /**
+     * @zh 是否显示
+     * @defaultValue false
+     */
+    visible: {
+      type: Boolean
+    },
+    /**
+     * @zh 标题
+     */
+    title: {
+      type: String,
+      default: ""
+    },
+    /**
+     * @zh 副标题
+     */
+    subtitle: {
+      type: Function,
+      default: void 0
+    },
+    /**
+     * @zh 宽度
+     * @defaultValue 600
+     */
+    width: {
+      type: Number,
+      default: 600
+    },
+    /**
+     * @zh 高度
+     * @defaultValue 400
+     */
+    height: {
+      type: Number,
+      default: 400
+    },
+    /**
+     * @zh 最小宽度
+     * @defaultValue 300
+     */
+    minWidth: {
+      type: Number,
+      default: 300
+    },
+    /**
+     * @zh 最小高度
+     * @defaultValue 200
+     */
+    minHeight: {
+      type: Number,
+      default: 200
+    },
+    /**
+     * @zh 是否需要遮罩层
+     * @defaultValue true
+     */
+    mask: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * @zh 关闭时销毁抽屉内的元素
+     * @defaultValue false
+     */
+    destroyOnClose: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * @zh 是否需要"取消""确定"按钮
+     */
+    hasBtns: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * @zh 是否需要保存按钮
+     * @defaultValue true
+     */
+    hasSaveBtn: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * @zh 确定按钮文字
+     */
+    btnText: {
+      type: String,
+      default: "保存"
+    },
+    /**
+     * @zh 是否显示关闭按钮
+     * @defaultValue true
+     */
+    showCloseBtn: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * @zh 动态高度
+     * @defaultValue false
+     */
+    autoHeight: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @zh 是否需要步骤条
+     * @defaultValue false
+     */
+    isStep: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @zh 步骤条初始页码
+     * @defaultValue 0
+     */
+    stepActive: {
+      type: Number,
+      default: 0
+    },
+    /**
+     * @zh 步骤名称
+     * @defaultValue []
+     */
+    steps: {
+      type: Array,
+      default: () => []
+    },
+    /**
+     * @zh 到下一步校验
+     */
+    validateSteps: {
+      type: Function,
+      default: void 0
+    },
+    /**
+     * @zh 是否开启缩放控制
+     * @defaultValue false
+     */
+    zoomControls: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * @zh 弹窗关闭前
+     */
+    beforeClose: {
+      type: Function,
+      default: void 0
+    },
+    /**
+     * @zh 扩展按钮
+     */
+    buttons: {
+      type: Array,
+      default: () => []
+    }
+  },
+  emits: ["update:visible", "update:stepActive", "cancel", "ok", "closed"],
+  setup(l, { expose: ee, emit: te }) {
+    const i = l, z = te, { t: B } = Ce(), N = m(!1), G = m(!1), le = m(""), T = m(!1), D = m(!0), M = m(!1), F = m(!0), P = m(-1), t = pe({
+      isMove: !1,
+      pageX: 0,
+      pageY: 0,
+      left: 0,
+      top: 0,
+      _left: 0,
+      _top: 0
+    }), Y = m(0), s = m(), ne = m(48), f = m(0), d = m(0);
+    ye(
+      () => i.visible,
+      (e) => {
+        Y.value = 1, Y.value = 0, N.value = e, e === !0 && i.zoomControls && _(() => {
+          typeof document < "u" && (s.value = document.querySelector(".j-dialog"), s.value && (s.value.onmousemove = ve));
+        });
+      },
+      { immediate: !0 }
+    );
+    const V = W(() => {
+      let e = i.height + Y.value;
+      return typeof window < "u" && e + 40 > window.innerHeight && (e = window.innerHeight - 32 - 40), e;
+    }), g = W(() => {
+      let e = 0 + Y.value;
+      return typeof document < "u" && document.body && (e = (document.body.clientWidth - O.value) / 2), e;
+    }), b = W(() => {
+      let e = 0 + Y.value;
+      return typeof window < "u" && (e = (window.innerHeight - V.value - 40) / 2), e;
+    }), O = W(() => {
+      let e = 0 + Y.value;
+      return e = i.width, typeof document < "u" && document.body && e > document.body.clientWidth && (e = document.body.clientWidth - 32), e;
+    }), q = (e) => {
+      le.value = e || "保存数据中...", G.value = !0;
+    }, I = () => {
+      G.value = !1;
+    }, K = () => {
+      i.beforeClose && i.beforeClose() === !1 || (N.value = !1, z("update:visible", !1), z("cancel"));
+    }, oe = () => {
+      z("ok", q, I);
+    }, ie = () => {
+      t.left = 0, t.top = 0, d.value = 0, f.value = 0, i.isStep && (S.value = 0, _(() => {
+        J();
+      })), z("closed");
+    }, S = W({
+      get() {
+        return P.value !== -1 ? P.value : i.stepActive;
+      },
+      set(e) {
+        P.value = e, z("update:stepActive", e);
+      }
+    }), ae = () => {
+      S.value > 0 && S.value--, _(() => {
+        J();
+      });
+    }, ue = async () => {
+      await se() && (S.value < i.steps.length - 1 && (S.value += 1), _(() => {
+        J();
+      }));
+    }, se = async () => {
+      if (T.value = !0, i.validateSteps) {
+        const e = await i.validateSteps(i.stepActive, q, I);
+        return T.value = !1, e;
+      }
+      return T.value = !1, !0;
+    }, J = () => {
+      switch (F.value = !0, M.value = !0, D.value = !0, S.value) {
+        case 0:
+          M.value = !1;
+          break;
+        case i.steps.length - 1:
+          D.value = !1, F.value = !1;
+          break;
+        default:
+          D.value = !1, M.value = !1;
+          break;
+      }
+    }, Q = W(() => i.steps.map((e) => ({ title: e, disabled: !0 }))), de = function(e) {
+      i.autoHeight || (t.pageX = e.pageX, t.pageY = e.pageY, t._left = t.left, t._top = t.top, t.isMove = !0, typeof document < "u" && (document.onmouseup = ce, document.onmousemove = fe));
+    }, ce = () => {
+      t.isMove = !1, typeof document < "u" && (document.onmouseup = null, document.onmousemove = null);
+    }, fe = (e) => {
+      if (t.isMove) {
+        const p = e.pageX - t.pageX, c = e.pageY - t.pageY;
+        let n = t._left + p, v = t._top + c;
+        n + g.value < 0 && (n = -g.value), typeof document < "u" && document.body && (f.value ? n + f.value + g.value > document.body.clientWidth && (n = document.body.clientWidth - f.value - g.value) : n + O.value + g.value > document.body.clientWidth && (n = document.body.clientWidth - O.value - g.value)), v + b.value < 0 && (v = -b.value), typeof window < "u" && (d.value ? v + d.value + b.value + 40 > window.innerHeight && (v = window.innerHeight - d.value - b.value - 40) : v + V.value + b.value + 40 > window.innerHeight && (v = window.innerHeight - V.value - b.value - 40)), t.left = n, t.top = v;
+      }
+    }, ve = (e) => {
+      const p = s.value.offsetLeft, c = s.value.offsetTop, n = s.value.clientWidth, v = s.value.clientHeight, w = v - ne.value, h = s.value.scrollTop;
+      if (e.clientX > p + n - 10 && h + e.clientY > c + v - 10 || h + e.clientY < c + 5 && p + 10 > e.clientX)
+        s.value.style.cursor = "se-resize";
+      else if (p + 10 > e.clientX && h + e.clientY > c + v - 10 || e.clientX > p + n - 10 && h + e.clientY < c + 5)
+        s.value.style.cursor = "sw-resize";
+      else if (e.clientX > p + n - 10 || p + 10 > e.clientX)
+        s.value.style.cursor = "w-resize";
+      else if (h + e.clientY > c + v - 10 || h + e.clientY < c + 5)
+        s.value.style.cursor = "s-resize";
+      else {
+        s.value.style.cursor = "default", s.value.onmousedown = null;
+        return;
+      }
+      s.value.onmousedown = (y) => {
+        const { clientX: a } = y, { clientY: u } = y, x = t.left + g.value, H = t.top + b.value;
+        t._left = t.left, t._top = t.top, d.value || (d.value = w), f.value || (f.value = n), a > x + 10 && a < x + n - 10 && u > H + 5 && u < H + 47 || (typeof document < "u" && (document.onmousemove = function(o) {
+          o.preventDefault(), a > x && a < x + 10 && (a > o.clientX && (f.value = n + (a - o.clientX), t.left = t._left - (a - o.clientX)), a < o.clientX && f.value > i.minWidth && (f.value = n - (o.clientX - a), t.left = t._left + o.clientX - a)), a > x + n - 10 && a < x + n && (a > o.clientX && f.value > i.minWidth && (f.value = n - (a - o.clientX)), a < o.clientX && typeof document < "u" && document.body && g.value + t.left + f.value < document.body.clientWidth && (f.value = n + (o.clientX - a))), u > H && u < H + 5 && (u > o.clientY && (d.value = w + u - o.clientY, t.top = t._top - (u - o.clientY)), u < o.clientY && d.value > i.minHeight && (d.value = w - (o.clientY - u), t.top = t._top + o.clientY - u)), h + u > H + w + 38 && h + u < H + w + 48 && (u > o.clientY && d.value > i.minHeight && (d.value = w - (u - o.clientY)), u < o.clientY && typeof window < "u" && b.value + t.top + d.value + 48 < window.innerHeight && (d.value = w + o.clientY - u));
+        }), typeof document < "u" && (document.onmouseup = function() {
+          typeof document < "u" && (document.onmousemove = null, document.onmouseup = null);
+        }));
+      };
+    }, re = async (e) => {
+      e.click && await e.click();
+    };
+    return ee({
+      showLoading: q,
+      hideLoading: I
+    }), (e, p) => {
+      const c = A("j-button"), n = A("el-space"), v = A("el-step"), w = A("el-steps"), h = A("el-dialog");
+      return r(), k(h, {
+        modelValue: N.value,
+        "onUpdate:modelValue": p[0] || (p[0] = (y) => N.value = y),
+        class: "j-dialog",
+        "align-center": "",
+        "append-to-body": !0,
+        "destroy-on-close": l.destroyOnClose,
+        "show-close": !1,
+        modal: l.mask,
+        "modal-penetrable": !l.mask,
+        "close-on-click-modal": !1,
+        width: `${f.value || O.value}px`,
+        style: $({
+          position: "fixed",
+          left: `${g.value + t.left}px`,
+          top: `${b.value + t.top}px`,
+          "pointer-events": l.mask ? "" : "none"
+        }),
+        onClosed: ie
+      }, {
+        default: E(() => [
+          j("div", {
+            class: "j-dialog-header",
+            onMousedown: de
+          }, [
+            j("div", {
+              class: "j-dialog-header-left",
+              title: X(B)(l.title || ""),
+              style: $({ cursor: l.autoHeight ? "" : "move" })
+            }, [
+              j("span", null, he(X(B)(l.title || "")), 1),
+              l.subtitle ? (r(), L("span", Se, [
+                (r(), k(ge(l.subtitle())))
+              ])) : C("", !0)
+            ], 12, Be),
+            l.showCloseBtn ? (r(), k(n, {
+              key: 0,
+              size: 0
+            }, {
+              default: E(() => [
+                U(c, {
+                  type: "text",
+                  icon: "mdi:close",
+                  onClick: K
+                })
+              ]),
+              _: 1
+            })) : C("", !0)
+          ], 32),
+          j("div", {
+            class: be([
+              "j-dialog-window",
+              { "j-dialog-window-hasBtns": l.hasBtns },
+              { "j-dialog-window-hasSteps": l.isStep }
+            ]),
+            style: $({
+              height: l.autoHeight ? "auto" : (d.value > 0 ? d.value : V.value) + "px"
+            })
+          }, [
+            l.isStep ? (r(), L("div", Xe, [
+              j("div", {
+                style: $({ maxWidth: `${200 * Q.value.length}px`, width: "100%" })
+              }, [
+                U(w, {
+                  simple: "",
+                  active: S.value,
+                  space: 160,
+                  "finish-status": "success"
+                }, {
+                  default: E(() => [
+                    (r(!0), L(R, null, Z(Q.value, (y, a) => (r(), k(v, {
+                      key: a,
+                      title: X(B)(y.title)
+                    }, null, 8, ["title"]))), 128))
+                  ]),
+                  _: 1
+                }, 8, ["active"])
+              ], 4)
+            ])) : C("", !0),
+            j("div", Ye, [
+              we(e.$slots, "default")
+            ]),
+            l.hasBtns ? (r(), L("div", xe, [
+              U(n, { size: 8 }, {
+                default: E(() => [
+                  l.isStep ? (r(), k(c, {
+                    key: 0,
+                    size: "mini",
+                    disabled: D.value,
+                    label: X(B)("上一步"),
+                    onClick: ae
+                  }, null, 8, ["disabled", "label"])) : C("", !0),
+                  l.isStep ? (r(), k(c, {
+                    key: 1,
+                    size: "mini",
+                    disabled: M.value,
+                    loading: T.value,
+                    label: X(B)("下一步"),
+                    onClick: ue
+                  }, null, 8, ["disabled", "loading", "label"])) : C("", !0),
+                  !l.isStep && l.showCloseBtn ? (r(), k(c, {
+                    key: 2,
+                    size: "mini",
+                    label: X(B)("取消"),
+                    onClick: K
+                  }, null, 8, ["label"])) : C("", !0),
+                  (r(!0), L(R, null, Z(l.buttons, (y) => (r(), k(c, ke({ ref_for: !0 }, y.config, {
+                    key: y.id,
+                    label: y.label,
+                    onClick: (a) => re(y)
+                  }), null, 16, ["label", "onClick"]))), 128)),
+                  l.hasSaveBtn ? (r(), k(c, {
+                    key: 3,
+                    size: "mini",
+                    type: "primary",
+                    disabled: F.value && l.isStep,
+                    label: X(B)(l.btnText),
+                    onClick: oe
+                  }, null, 8, ["disabled", "label"])) : C("", !0)
+                ]),
+                _: 1
+              })
+            ])) : C("", !0)
+          ], 6)
+        ]),
+        _: 3
+      }, 8, ["modelValue", "destroy-on-close", "modal", "modal-penetrable", "width", "style"]);
+    };
+  }
+});
+export {
+  je as default
+};

package/dist/simcode-ui.es8.js

@@ -0,0 +1,6 @@
+import { withInstall as t } from "./simcode-ui.es66.js";
+import a from "./simcode-ui.es73.js";
+const e = t(a);
+export {
+  e as default
+};