@a2simcode/ui 0.0.43 → 0.0.44

package/dist/simcode-ui.es79.js

@@ -1,426 +0,0 @@
-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

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