@qynpm/ui 1.0.37 → 1.0.39

package/dist/shared/index.vue_vue_type_style_index_0_lang-DOAbOPGO.mjs

@@ -0,0 +1,403 @@
+import { ElDialog as he, ElIcon as xe } from "element-plus/es";
+import { defineComponent as we, useSlots as be, ref as d, computed as C, createVNode as z, watchEffect as ke, watch as te, h as le, onMounted as _e, nextTick as ne, onUnmounted as Ce, openBlock as i, createElementBlock as c, normalizeClass as I, createSlots as ze, withCtx as q, createElementVNode as l, normalizeStyle as A, unref as L, createCommentVNode as v, renderSlot as M, toDisplayString as ae, withModifiers as u, createBlock as ie, withDirectives as qe, vShow as Me } from "vue";
+import Se from "clsx";
+import { ElButton as se } from "element-plus";
+import { Close as Be } from "@element-plus/icons-vue";
+import { useBreakpoints as Ee, useDraggable as Ie } from "@vueuse/core";
+const Le = { class: "text-lg flex items-center pt-2 pl-[var(--content-padding)]" }, De = { key: 0 }, Oe = { key: 1 }, $e = {
+  key: 0,
+  class: "icon-[material-symbols--square-outline-rounded]",
+  role: "img",
+  "aria-hidden": "true"
+}, Te = {
+  key: 1,
+  class: "icon-[tdesign--fullscreen-exit-1]",
+  role: "img",
+  "aria-hidden": "true"
+}, Ze = {
+  key: 0,
+  class: "fixed -right-12 top-2 h-9 w-9 hover:bg-gray-600/80 transition-all"
+}, He = { class: "flex justify-between h-[var(--footer-height)] px-[var(--content-padding)] items-center" }, Ae = { class: "flex items-center justify-between w-full pl-1 pr-4 h-full ml-2" }, Ne = { class: "flex items-center gap-2" }, Fe = { class: "text-sm text-gray-700 truncate max-w-[200px]" }, je = { class: "flex items-center gap-2" }, re = 5, N = 2e3, Je = /* @__PURE__ */ we({
+  inheritAttrs: !1,
+  __name: "index",
+  props: {
+    open: { type: Boolean, default: !1 },
+    title: { default: "" },
+    width: { default: "50%" },
+    showFooter: { type: Boolean, default: !0 },
+    showConfirm: { type: Boolean, default: !0 },
+    showCancel: { type: Boolean, default: !0 },
+    confirmText: { default: "确 认" },
+    cancelText: { default: "取 消" },
+    confirmLoading: { type: Boolean, default: !1 },
+    confirmDisabled: { type: Boolean, default: !1 },
+    closeOnConfirm: { type: Boolean, default: !1 },
+    closeOnEscape: { type: Boolean, default: !0 },
+    closeOnOverlay: { type: Boolean, default: !1 },
+    minimizable: { type: Boolean, default: !0 },
+    destroyOnClose: { type: Boolean, default: !1 },
+    draggable: { type: Boolean, default: !0 },
+    lockScroll: { type: Boolean, default: !0 },
+    top: { default: "15vh" },
+    fullscreen: { type: Boolean, default: !1 },
+    showFullscreen: { type: Boolean, default: !1 },
+    size: { default: "default" },
+    zIndex: { default: 2e3 }
+  },
+  emits: ["update:open", "open-change", "confirm", "cancel", "close", "opened", "closed"],
+  setup(de, { expose: ce, emit: ue }) {
+    let m = 0;
+    const t = de, D = be(), F = d(!0), O = d(!1), j = d(N), R = d(null), fe = Ee({
+      mobile: 0,
+      tablet: 640,
+      laptop: 1024,
+      desktop: 1280
+    }).isSmaller("tablet"), $ = C(() => {
+      const e = [];
+      return t.showCancel && e.push("cancel"), t.showConfirm && e.push("confirm"), e;
+    }), V = C(() => ({
+      CancelButton: z(J),
+      ConfirmButton: z(G)
+    })), U = C(() => !!(D.footer || t.showFooter)), h = d(!1), b = d(!1);
+    let T = !1, x = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+    const k = d(
+      t.showFullscreen && fe ? !0 : t.fullscreen
+    ), s = ue, W = C(() => t.open);
+    ke(() => {
+      W.value && (h.value = !1);
+    }), te(
+      () => t.open,
+      (e, o) => {
+        if (e) {
+          h.value = !1, b.value = !1, x = document.activeElement instanceof HTMLElement ? document.activeElement : x, o === !1 && s("open-change", !0);
+          return;
+        }
+        o && !h.value && (h.value = !0, s("open-change", !1), s("close", "external"));
+      }
+    ), te(
+      () => t.confirmLoading,
+      (e) => {
+        e ? T = !0 : T && (T = !1, b.value = !1);
+      }
+    ), ce({
+      handleMinimize: H
+    });
+    const p = `qy-dialog-${Math.random().toString(36).slice(2, 11)}`, w = d(!1);
+    let _ = !1;
+    const S = d(null), { x: X, y: Z } = Ie(S, {
+      initialValue: {
+        x: 5,
+        y: window.innerHeight - 100 - m * 60
+      },
+      onMove(e) {
+        var o;
+        (o = S.value) == null || o.classList.add("dragging"), document.body.classList.add("qy-dialog--dragging"), X.value = Math.max(
+          0,
+          Math.min(window.innerWidth - 300, e.x)
+        ), Z.value = Math.max(
+          0,
+          Math.min(window.innerHeight - 50, e.y)
+        );
+      },
+      onEnd() {
+        var e;
+        (e = S.value) == null || e.classList.remove("dragging"), document.body.classList.remove("qy-dialog--dragging");
+      }
+    }), me = C(() => ({
+      transform: `translate(${X.value}px, ${Z.value}px)`,
+      willChange: "transform"
+    }));
+    function K(e) {
+      const o = e.target, { scrollTop: n, scrollHeight: r, clientHeight: f } = o;
+      F.value = n <= re, O.value = r - (n + f) <= re;
+    }
+    function pe() {
+      const e = document.querySelector(`.${p}.el-dialog`);
+      e && (R.value = e, e.addEventListener("scroll", K)), B(), s("opened");
+    }
+    function Y() {
+      k.value = !k.value, B();
+    }
+    function g(e) {
+      t.confirmLoading && e !== "external" || h.value || (h.value = !0, oe(), s("update:open", !1), s("open-change", !1), (e === "cancel" || e === "header") && s("cancel"), s("close", e));
+    }
+    function ge() {
+      s("closed"), ne(() => {
+        x != null && x.isConnected && x.focus();
+      });
+    }
+    function ye(e) {
+      t.showFullscreen && e.detail >= 2 && Y();
+    }
+    function G() {
+      return le(
+        se,
+        {
+          type: "primary",
+          class: "dialog__footerBtn",
+          loading: t.confirmLoading,
+          disabled: t.confirmDisabled || t.confirmLoading || b.value,
+          onClick: ve
+        },
+        () => t.confirmText
+      );
+    }
+    function ve() {
+      b.value || t.confirmLoading || t.confirmDisabled || (b.value = !0, s("confirm"), t.closeOnConfirm && g("confirm"));
+    }
+    function J() {
+      return le(
+        se,
+        { class: "dialog__footerBtn", onClick: () => g("cancel") },
+        () => t.cancelText
+      );
+    }
+    _e(() => {
+      typeof window.qyDialogMaxZIndex > "u" && (window.qyDialogMaxZIndex = N), B(), document.addEventListener("keydown", Q), document.addEventListener("mousedown", ee);
+    });
+    function P() {
+      var r, f;
+      const e = (r = document.querySelector(`.${p}`)) == null ? void 0 : r.closest(".el-overlay");
+      if (!e) return !1;
+      const n = Array.from(
+        document.querySelectorAll(".el-overlay")
+      ).filter((a) => window.getComputedStyle(a).display !== "none").map((a, y) => ({
+        overlay: a,
+        order: y,
+        zIndex: Number.parseInt(
+          window.getComputedStyle(a).zIndex || "0",
+          10
+        )
+      }));
+      return n.sort(
+        (a, y) => a.zIndex - y.zIndex || a.order - y.order
+      ), ((f = n.at(-1)) == null ? void 0 : f.overlay) === e;
+    }
+    function Q(e) {
+      e.key !== "Escape" || !t.open || !t.closeOnEscape || t.confirmLoading || !P() || (e.preventDefault(), g("escape"));
+    }
+    function ee(e) {
+      if (!t.open || !t.closeOnOverlay || t.confirmLoading || !P() || !(e.target instanceof Node))
+        return;
+      const o = document.querySelector(`.${p}.el-dialog`), n = o == null ? void 0 : o.closest(".el-overlay");
+      !o || !n || !n.contains(e.target) || o.contains(e.target) || g("overlay");
+    }
+    function B() {
+      var y;
+      const e = Array.from(
+        document.querySelectorAll(".el-overlay")
+      ).filter((E) => window.getComputedStyle(E).display !== "none" && !E.classList.contains("is-message")), o = (y = document.querySelector(`.${p}`)) == null ? void 0 : y.closest(".el-overlay"), n = document.querySelector(
+        `.${p}.el-dialog`
+      );
+      if (!o || !n) return;
+      const r = N;
+      window.qyDialogMaxZIndex = window.qyDialogMaxZIndex || r;
+      const a = Math.max(
+        window.qyDialogMaxZIndex,
+        ...e.map(
+          (E) => parseInt(window.getComputedStyle(E).zIndex || r.toString())
+        )
+      ) + 2;
+      window.qyDialogMaxZIndex = a, ne(() => {
+        o.style.zIndex = a.toString(), n.style.zIndex = (a + 1).toString(), j.value = a + 1;
+      });
+    }
+    Ce(() => {
+      var e;
+      document.removeEventListener("keydown", Q), document.removeEventListener("mousedown", ee), (e = R.value) == null || e.removeEventListener("scroll", K), oe();
+    });
+    function oe() {
+      if (!_) {
+        w.value = !1;
+        return;
+      }
+      _ = !1, m = Math.max(0, m - 1), w.value = !1;
+    }
+    function H() {
+      var o;
+      const e = (o = document.querySelector(`.${p}`)) == null ? void 0 : o.closest(".el-overlay");
+      !e || !t.open || (w.value ? (w.value = !1, e.style.display = "block", _ && (_ = !1, m = Math.max(0, m - 1)), B()) : (w.value = !0, e.style.display = "none", _ = !0, m += 1, Z.value = window.innerHeight - 50 - m * 60));
+    }
+    return (e, o) => {
+      const n = xe, r = he;
+      return i(), c("div", null, [
+        z(r, {
+          ref: "dialogRef",
+          class: I(["qy-dialog", [
+            t.size === "small" && "[&_.el-dialog__header]:!hidden",
+            p
+          ]]),
+          "model-value": W.value,
+          title: t.title,
+          width: t.width,
+          top: t.top,
+          "align-center": "",
+          "append-to-body": "",
+          "destroy-on-close": t.destroyOnClose,
+          "lock-scroll": t.lockScroll,
+          style: {
+            "--el-dialog-padding-primary": 0
+          },
+          "show-close": !1,
+          "close-on-press-escape": !1,
+          fullscreen: k.value,
+          "z-index": j.value,
+          onClosed: ge,
+          onOpened: pe,
+          draggable: t.draggable
+        }, ze({
+          header: q(() => [
+            t.size === "default" ? (i(), c("div", {
+              key: 0,
+              style: A({
+                borderBottom: "1px solid",
+                borderColor: F.value ? "transparent" : "var(--block-outline-color)",
+                transition: "border-color .2s linear"
+              }),
+              class: "flex justify-between h-[var(--header-height)]",
+              onDblclick: ye
+            }, [
+              l("div", Le, [
+                L(D).header ? L(D).header ? (i(), c("div", Oe, [
+                  M(e.$slots, "header")
+                ])) : v("", !0) : (i(), c("span", De, ae(t.title), 1))
+              ]),
+              l("div", {
+                class: "flex",
+                onMousedown: o[4] || (o[4] = u(() => {
+                }, ["stop"]))
+              }, [
+                t.size === "default" && t.minimizable ? (i(), c("div", {
+                  key: 0,
+                  class: "qy-dialog__btn qy-dialog__btn--default",
+                  onClick: u(H, ["stop"]),
+                  onMousedown: o[0] || (o[0] = u(() => {
+                  }, ["stop"]))
+                }, [...o[7] || (o[7] = [
+                  l("span", {
+                    class: "icon-[material-symbols--minimize] text-xl mb-3",
+                    role: "img",
+                    "aria-hidden": "true"
+                  }, null, -1)
+                ])], 32)) : v("", !0),
+                t.showFullscreen ? (i(), c("div", {
+                  key: 1,
+                  class: "qy-dialog__btn qy-dialog__btn--default",
+                  onClick: u(Y, ["stop"]),
+                  onMousedown: o[1] || (o[1] = u(() => {
+                  }, ["stop"]))
+                }, [
+                  k.value ? (i(), c("span", Te)) : (i(), c("span", $e))
+                ], 32)) : v("", !0),
+                l("div", {
+                  class: "qy-dialog__btn qy-dialog__btn--danger",
+                  onClick: o[2] || (o[2] = u((f) => g("header"), ["stop"])),
+                  onMousedown: o[3] || (o[3] = u(() => {
+                  }, ["stop"]))
+                }, [...o[8] || (o[8] = [
+                  l("span", {
+                    class: "icon-[ri--close-line] text-xl",
+                    role: "img",
+                    "aria-hidden": "true"
+                  }, null, -1)
+                ])], 32)
+              ], 32)
+            ], 36)) : v("", !0)
+          ]),
+          default: q(() => [
+            l("div", {
+              class: I(["qy-dialog__wrapper", L(Se)(k.value && "qy-dialog__wrapper--fullscreen")]),
+              style: A({
+                maxHeight: U.value ? "calc(100vh - var(--header-height) - var(--footer-height) - var(--sides-gap))" : "calc(100vh - var(--header-height) - var(--sides-gap))",
+                padding: t.size === "small" ? "var(--small-content-padding)" : "var(--content-padding)"
+              })
+            }, [
+              t.size === "small" ? (i(), c("div", Ze, [
+                z(n, {
+                  size: 36,
+                  class: "cursor-pointer text-gray-100 active:scale-75 rounded-sm transition-all",
+                  onClick: o[5] || (o[5] = (f) => g("header"))
+                }, {
+                  default: q(() => [
+                    z(L(Be))
+                  ]),
+                  _: 1
+                })
+              ])) : v("", !0),
+              M(e.$slots, "default")
+            ], 6)
+          ]),
+          _: 2
+        }, [
+          t.showFooter && !e.$slots.footer && Array.isArray($.value) ? {
+            name: "footer",
+            fn: q(() => [
+              l("div", He, [
+                l("div", null, [
+                  M(e.$slots, "footer-left")
+                ]),
+                l("div", {
+                  class: I([{
+                    "qy-dialog__footer--outline": O.value
+                  }, "qy-dialog__footer flex items-center justify-end"])
+                }, [
+                  $.value.includes("cancel") ? (i(), ie(J, { key: 0 })) : v("", !0),
+                  $.value.includes("confirm") ? (i(), ie(G, { key: 1 })) : v("", !0),
+                  M(e.$slots, "footer-append")
+                ], 2)
+              ])
+            ]),
+            key: "0"
+          } : U.value ? {
+            name: "footer",
+            fn: q(() => [
+              l("div", {
+                class: I([{
+                  "qy-dialog__footer--outline": O.value
+                }, "qy-dialog__footer px-[var(--content-padding)] min-h-[var(--footer-height)] flex items-center justify-end"])
+              }, [
+                M(e.$slots, "footer", {
+                  layouts: V.value,
+                  layoutsNode: Object.values(V.value)
+                })
+              ], 2)
+            ]),
+            key: "1"
+          } : void 0
+        ]), 1032, ["class", "model-value", "title", "width", "top", "destroy-on-close", "lock-scroll", "fullscreen", "z-index", "draggable"]),
+        qe(l("div", {
+          ref_key: "minimizedRef",
+          ref: S,
+          class: "fixed left-0 top-0 bg-white rounded shadow-lg cursor-pointer z-[9999] hover:bg-gray-50",
+          style: A([me.value, { width: "300px", height: "50px", "will-change": "transform" }])
+        }, [
+          l("div", Ae, [
+            l("div", Ne, [
+              o[9] || (o[9] = l("div", { class: "icon-[mdi--window-restore] text-gray-600" }, null, -1)),
+              l("span", Fe, ae(t.title), 1)
+            ]),
+            l("div", je, [
+              l("div", {
+                class: "p-1 hover:bg-gray-200 rounded",
+                onClick: u(H, ["stop"])
+              }, [...o[10] || (o[10] = [
+                l("div", { class: "icon-[mdi--window-maximize] text-gray-600" }, null, -1)
+              ])]),
+              l("div", {
+                class: "p-1 hover:bg-red-100 rounded",
+                onClick: o[6] || (o[6] = u((f) => g("header"), ["stop"]))
+              }, [...o[11] || (o[11] = [
+                l("div", { class: "icon-[mdi--close] text-red-600" }, null, -1)
+              ])])
+            ])
+          ])
+        ], 4), [
+          [Me, w.value]
+        ])
+      ]);
+    };
+  }
+});
+export {
+  Je as _
+};

package/dist/shared/{index.vue_vue_type_style_index_0_lang-Dr9Elmzn.mjs → index.vue_vue_type_style_index_0_lang-Daww52B9.mjs}

@@ -1,8 +1,8 @@
 import { defineComponent as ue, inject as se, ref as d, computed as b, watch as M, nextTick as Q, openBlock as u, createElementBlock as p, createVNode as R, unref as C, withCtx as z, createElementVNode as h, toDisplayString as S, Fragment as de, renderList as pe, withKeys as K, withModifiers as L, normalizeClass as fe, renderSlot as ve, createTextVNode as ye, createCommentVNode as Y, createBlock as me } from "vue";
-import { Q as W } from "./index-BF6f9QDU.mjs";
-import { Q as G } from "./index-JjHutKmT.mjs";
+import { Q as W } from "./index-lKF1vwdE.mjs";
+import { Q as G } from "./index-B3GsIwhf.mjs";
 import { QyPopover as he } from "../qy-popover/index.mjs";
-import { n as _e, Q as ke } from "./index-Dm8kY2v6.mjs";
+import { n as _e, Q as ke } from "./index-D8OXRBGc.mjs";
 function be(l, y) {
   const m = y == null ? "" : String(y), a = l && m ? l.resolve(m) : void 0;
   return Object.freeze({

package/index.d.ts

@@ -49,12 +49,19 @@ import type QyProgressComponent from './qy-progress'
 import type QyStatisticComponent from './qy-statistic'
 import type QyAvatarComponent from './qy-avatar'
 import type QyTreeComponent from './qy-tree'
+import type QyPaginationComponent from './qy-pagination'
 import type QyInputComponent from './qy-input'
 import type QyInputTagComponent from './qy-input-tag'
 import type QyInputNumberComponent from './qy-input-number'
 import type QyDatePickerComponent from './qy-date-picker'
 import type QyMoneyInputComponent from './qy-money-input'
 
+export type {
+  QyPaginationBinding,
+  QyPaginationEmits,
+  QyPaginationProps
+} from './qy-pagination'
+
 export type {
   QyInputNumberClearValue,
   QyInputNumberControlsPosition,
@@ -600,6 +607,7 @@ export const QyProgress: typeof QyProgressComponent
 export const QyStatistic: typeof QyStatisticComponent
 export const QyAvatar: typeof QyAvatarComponent
 export const QyTree: typeof QyTreeComponent
+export const QyPagination: typeof QyPaginationComponent
 export const QyRemarkImage: Plugin
 export function parseRemarkText(remarkText: string): {
   imageUrl: string
@@ -690,6 +698,7 @@ declare const _default: Plugin & {
   QyStatistic: typeof QyStatisticComponent
   QyAvatar: typeof QyAvatarComponent
   QyTree: typeof QyTreeComponent
+  QyPagination: typeof QyPaginationComponent
   QyRemarkImage: typeof QyRemarkImage
 }