@qynpm/ui 1.0.38 → 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-DSur831A.mjs

@@ -0,0 +1,68 @@
+import { defineComponent as m, computed as n, ref as h, onBeforeUnmount as p, watch as y, openBlock as b, createBlock as w, unref as x, withCtx as f, renderSlot as i, createTextVNode as v, toDisplayString as D } from "vue";
+import { ElTooltip as W } from "element-plus";
+const C = /* @__PURE__ */ m({
+  name: "QyTooltip",
+  inheritAttrs: !1,
+  __name: "index",
+  props: {
+    content: { default: "" },
+    placement: { default: "top" },
+    effect: { default: "dark" },
+    disabled: { type: Boolean, default: !1 },
+    showDelay: { default: 0 },
+    hideDelay: { default: 200 },
+    offset: { default: 12 },
+    maxWidth: { default: 320 }
+  },
+  emits: ["open", "close"],
+  setup(e, { emit: d }) {
+    const s = d, c = n(
+      () => typeof e.maxWidth == "number" ? `${e.maxWidth}px` : e.maxWidth
+    ), r = n(() => ({
+      "--qy-tooltip-max-width": c.value
+    })), a = h(!1);
+    let l = !1;
+    p(() => {
+      l = !0;
+    });
+    function o(t) {
+      l || t === a.value || (a.value = t, s(t ? "open" : "close"));
+    }
+    function u(t) {
+      o(t);
+    }
+    return y(
+      () => e.disabled,
+      (t) => {
+        t && o(!1);
+      }
+    ), (t, g) => (b(), w(x(W), {
+      content: e.content,
+      placement: e.placement,
+      effect: e.effect,
+      disabled: e.disabled,
+      "show-after": e.showDelay,
+      "hide-after": e.hideDelay,
+      offset: e.offset,
+      trigger: ["hover", "focus"],
+      enterable: !1,
+      "raw-content": !1,
+      "popper-class": "qy-tooltip-popper",
+      "popper-style": r.value,
+      "onUpdate:visible": u
+    }, {
+      content: f(() => [
+        i(t.$slots, "content", {}, () => [
+          v(D(e.content), 1)
+        ])
+      ]),
+      default: f(() => [
+        i(t.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["content", "placement", "effect", "disabled", "show-after", "hide-after", "offset", "popper-style"]));
+  }
+});
+export {
+  C as _
+};

package/dist/shared/index.vue_vue_type_style_index_0_lang-DVXf-yUs.cjs

@@ -0,0 +1 @@
+"use strict";const n=require("vue"),E=require("element-plus"),$=n.defineComponent({name:"QyInputNumber",inheritAttrs:!1,__name:"index",props:{id:{},step:{default:1},stepStrictly:{type:Boolean,default:!1},max:{default:void 0},min:{default:void 0},modelValue:{default:void 0},readonly:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},size:{default:void 0},controls:{type:Boolean,default:!0},controlsPosition:{default:""},valueOnClear:{default:null},name:{},placeholder:{default:"请输入数字"},precision:{default:void 0},validateEvent:{type:Boolean},ariaLabel:{}},emits:["update:modelValue","input","change","focus","blur"],setup(t,{expose:m,emit:v}){const a=t,i=v,p=n.useAttrs(),h=n.computed(()=>Object.fromEntries(Object.entries(p).filter(([e])=>e==="class"||e==="style"||e==="title"||e==="role"||e.startsWith("data-")||e.startsWith("aria-")))),u=n.ref(null),o=n.ref(!1),d=n.ref(a.modelValue);function b(){return a.valueOnClear==="min"?a.min:a.valueOnClear==="max"?a.max:a.valueOnClear}function r(e=!1){var s,f;if(!o.value)return;o.value=!1;const l=b();i("update:modelValue",l),i("change",l,d.value),e&&((f=(s=u.value)==null?void 0:s.blur)==null||f.call(s))}function y(e){e===null&&a.valueOnClear!==null&&(o.value=!0,d.value=a.modelValue),i("update:modelValue",e)}function C(e){i("input",e)}function g(e,l){if(o.value&&e===null){r();return}o.value=!1,i("change",e,l)}function x(e){i("focus",e)}function V(e){o.value&&e.target instanceof HTMLInputElement&&e.target.value===""&&r(),i("blur",e)}function B(e){o.value&&e.key==="Tab"&&e.target instanceof HTMLInputElement&&e.target.value===""&&r(!0)}function c(e){const l=e.target;o.value&&l instanceof Element&&!l.closest(".qy-input-number")&&r(!0)}function O(){var e,l;(l=(e=u.value)==null?void 0:e.focus)==null||l.call(e)}function w(){var e,l;(l=(e=u.value)==null?void 0:e.blur)==null||l.call(e)}return m({focus:O,blur:w}),n.onMounted(()=>{document.addEventListener("pointerdown",c,!0)}),n.onBeforeUnmount(()=>{document.removeEventListener("pointerdown",c,!0)}),(e,l)=>(n.openBlock(),n.createBlock(n.unref(E.ElInputNumber),n.mergeProps({ref_key:"inputNumberRef",ref:u},h.value,{class:"qy-input-number","model-value":t.modelValue,min:t.min,max:t.max,step:t.step,"step-strictly":t.stepStrictly,precision:t.precision,controls:t.controls,"controls-position":t.controlsPosition,placeholder:t.placeholder,disabled:t.disabled,readonly:t.readonly,size:t.size,"value-on-clear":t.valueOnClear,"validate-event":t.validateEvent,id:t.id,name:t.name,"aria-label":t.ariaLabel,"onUpdate:modelValue":y,onInput:C,onChange:g,onFocus:x,onBlur:V,onKeydownCapture:B}),n.createSlots({_:2},[e.$slots.prefix?{name:"prefix",fn:n.withCtx(()=>[n.renderSlot(e.$slots,"prefix")]),key:"0"}:void 0,e.$slots.suffix?{name:"suffix",fn:n.withCtx(()=>[n.renderSlot(e.$slots,"suffix")]),key:"1"}:void 0,e.$slots["increase-icon"]?{name:"increase-icon",fn:n.withCtx(()=>[n.renderSlot(e.$slots,"increase-icon")]),key:"2"}:void 0,e.$slots["decrease-icon"]?{name:"decrease-icon",fn:n.withCtx(()=>[n.renderSlot(e.$slots,"decrease-icon")]),key:"3"}:void 0]),1040,["model-value","min","max","step","step-strictly","precision","controls","controls-position","placeholder","disabled","readonly","size","value-on-clear","validate-event","id","name","aria-label"]))}});exports._sfc_main=$;