@qynpm/ui 1.0.40 → 1.0.41

package/dist/shared/index.vue_vue_type_style_index_0_lang-C1n-zAZh.mjs

@@ -0,0 +1,67 @@
+import { defineComponent as x, useAttrs as A, ref as r, computed as i, watch as C, openBlock as b, createBlock as g, unref as N, mergeProps as B, withCtx as P, renderSlot as j, nextTick as w } from "vue";
+import { ElCollapse as E } from "element-plus";
+const O = /* @__PURE__ */ x({
+  name: "QyCollapse",
+  inheritAttrs: !1,
+  __name: "index",
+  props: {
+    modelValue: { default: () => [] },
+    accordion: { type: Boolean, default: !1 },
+    expandIconPosition: { default: "right" },
+    beforeCollapse: {}
+  },
+  emits: ["update:modelValue", "change"],
+  setup(a, { expose: d, emit: u }) {
+    const t = a, n = u, m = A(), s = r(), l = r(t.modelValue), f = i(
+      () => Object.fromEntries(
+        Object.entries(m).filter(
+          ([e]) => e === "class" || e === "style" || e === "id" || e === "role" || e === "title" || e.startsWith("data-") || e.startsWith("aria-")
+        )
+      )
+    );
+    function c(e) {
+      const o = Array.isArray(e) ? e : [e];
+      return t.accordion ? o.slice(0, 1) : o;
+    }
+    C(
+      () => t.modelValue,
+      (e) => {
+        l.value = e;
+      },
+      { deep: !0 }
+    );
+    const p = i(() => c(t.modelValue));
+    function h(e) {
+      l.value = e, n("update:modelValue", e), w(() => {
+        l.value = t.modelValue;
+      });
+    }
+    function V(e) {
+      n("change", e);
+    }
+    function v(e) {
+      var o;
+      (o = s.value) == null || o.setActiveNames(c(e));
+    }
+    return d({ activeNames: p, setActiveNames: v }), (e, o) => (b(), g(N(E), B({
+      ref_key: "collapseRef",
+      ref: s
+    }, f.value, {
+      class: "qy-collapse",
+      "model-value": l.value,
+      accordion: a.accordion,
+      "expand-icon-position": a.expandIconPosition,
+      "before-collapse": a.beforeCollapse,
+      "onUpdate:modelValue": h,
+      onChange: V
+    }), {
+      default: P(() => [
+        j(e.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["model-value", "accordion", "expand-icon-position", "before-collapse"]));
+  }
+});
+export {
+  O as _
+};

package/dist/shared/index.vue_vue_type_style_index_0_lang-C4Yk-UdJ.mjs

@@ -0,0 +1,172 @@
+import { defineComponent as J, useAttrs as X, ref as o, computed as c, watch as Y, onBeforeUnmount as Z, openBlock as ee, createElementBlock as ae, createElementVNode as b, mergeProps as le, withKeys as _, withModifiers as w, normalizeStyle as ne, normalizeClass as te, toDisplayString as re, createVNode as oe, unref as ie, nextTick as B } from "vue";
+import { ElColorPicker as ue } from "element-plus";
+const se = ["id", "role", "aria-disabled", "tabindex", "disabled", "onKeydown"], de = {
+  class: "qy-color-picker__value",
+  "aria-hidden": "true"
+};
+let ce = 0;
+const fe = () => `qy-color-picker-${++ce}`, me = /* @__PURE__ */ J({
+  name: "QyColorPicker",
+  inheritAttrs: !1,
+  __name: "index",
+  props: {
+    modelValue: { default: null },
+    format: { default: void 0 },
+    showAlpha: { type: Boolean, default: !1 },
+    predefine: { default: void 0 },
+    size: { default: "default" },
+    disabled: { type: Boolean, default: !1 },
+    clearable: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "active-change", "change", "visible-change"],
+  setup(I, { emit: K }) {
+    const l = I, i = K, f = X(), C = o(null), V = o(null), m = o(null), t = o(u(l.modelValue)), g = o(t.value), n = o(!1), r = o(null), s = o(!1), v = o(!1), E = fe(), N = c(() => typeof f.id == "string" && f.id || E), x = `qy-color-picker__popper--${E}`, S = c(
+      () => l.format || (l.showAlpha ? "rgb" : "hex")
+    ), h = c(() => u(l.modelValue)), O = c(() => String(f.role || "button")), Q = c(
+      () => f["aria-disabled"] ?? (l.disabled ? "true" : "false")
+    ), T = c(
+      () => l.disabled ? void 0 : f.tabindex ?? 0
+    ), U = c(() => {
+      const e = {};
+      for (const [a, d] of Object.entries(f)) {
+        const k = a.toLowerCase();
+        (a === "class" || a === "style" || a === "id" || a === "title" || a === "tabindex" || a === "role" || k.startsWith("data-") || k.startsWith("aria-") || ["onkeydown", "onkeyup", "onkeypress"].includes(k)) && (e[a] = d);
+      }
+      return e;
+    });
+    Y(
+      () => l.modelValue,
+      (e) => {
+        t.value = u(e), n.value && (g.value = t.value);
+      }
+    );
+    function u(e) {
+      return e == null || e === "" ? null : String(e);
+    }
+    function $() {
+      if (!l.disabled) {
+        if (n.value) {
+          p();
+          return;
+        }
+        R();
+      }
+    }
+    function A() {
+      l.disabled || n.value || R();
+    }
+    function F() {
+      n.value && p();
+    }
+    function R() {
+      n.value || l.disabled || (g.value = u(l.modelValue), t.value = g.value, r.value = null, s.value = !1, v.value = !1, n.value = !0, H(), i("visible-change", !0), B(() => {
+        var e, a;
+        return (a = (e = m.value) == null ? void 0 : e.show) == null ? void 0 : a.call(e);
+      }));
+    }
+    function W(e) {
+      !n.value || r.value || (t.value = u(e), i("active-change", t.value));
+    }
+    function j(e) {
+      !n.value || r.value === "cancel" || (t.value = u(e), s.value || (s.value = !0, r.value = "commit", i("update:modelValue", t.value)));
+    }
+    function M(e) {
+      !n.value || r.value === "cancel" || (t.value = u(e), s.value || (s.value = !0, r.value = "commit", i("update:modelValue", t.value)), v.value || (v.value = !0, i("change", t.value)), y());
+    }
+    function G() {
+      !n.value || r.value === "cancel" || (s.value || (s.value = !0, r.value = "commit", t.value = null, i("update:modelValue", null)), v.value || (v.value = !0, i("change", null)), y());
+    }
+    function p() {
+      var e, a;
+      !n.value || r.value || (r.value = "cancel", t.value = u(l.modelValue), (a = (e = m.value) == null ? void 0 : e.hide) == null || a.call(e), y());
+    }
+    function y() {
+      var e, a;
+      n.value && (n.value = !1, z(), (a = (e = m.value) == null ? void 0 : e.hide) == null || a.call(e), i("visible-change", !1), B(() => {
+        var d;
+        return (d = V.value) == null ? void 0 : d.focus();
+      }));
+    }
+    function P(e) {
+      var a, d;
+      return e instanceof Node ? (a = C.value) != null && a.contains(e) ? !0 : !!((d = e.closest) != null && d.call(e, `.${x}`)) : !1;
+    }
+    function q(e) {
+      n.value && !P(e.target) && p();
+    }
+    function D(e) {
+      n.value && !P(e.target) && p();
+    }
+    function L(e) {
+      n.value && e.key === "Escape" && (e.preventDefault(), e.stopPropagation(), p());
+    }
+    function H() {
+      document.addEventListener("pointerdown", q, !0), document.addEventListener("focusin", D, !0), document.addEventListener("keydown", L, !0);
+    }
+    function z() {
+      document.removeEventListener("pointerdown", q, !0), document.removeEventListener("focusin", D, !0), document.removeEventListener("keydown", L, !0);
+    }
+    return Z(() => {
+      z();
+    }), (e, a) => (ee(), ae("div", {
+      ref_key: "rootRef",
+      ref: C,
+      class: "qy-color-picker",
+      "data-qy-color-picker": ""
+    }, [
+      b("button", le({
+        ref_key: "triggerRef",
+        ref: V,
+        type: "button",
+        class: "qy-color-picker__trigger"
+      }, U.value, {
+        id: N.value,
+        role: O.value,
+        "aria-disabled": Q.value,
+        tabindex: T.value,
+        disabled: l.disabled,
+        class: { "is-disabled": l.disabled, "is-open": n.value },
+        onClick: $,
+        onKeydown: [
+          _(w(A, ["prevent"]), ["enter"]),
+          _(w(A, ["prevent"]), ["space"]),
+          _(w(F, ["prevent"]), ["esc"])
+        ]
+      }), [
+        b("span", {
+          class: te(["qy-color-picker__swatch", { "is-empty": !h.value }]),
+          style: ne(h.value ? { backgroundColor: h.value } : void 0),
+          "aria-hidden": "true"
+        }, null, 6),
+        b("span", de, re(h.value || "选择颜色"), 1),
+        a[0] || (a[0] = b("span", {
+          class: "qy-color-picker__arrow",
+          "aria-hidden": "true"
+        }, "⌄", -1))
+      ], 16, se),
+      oe(ie(ue), {
+        ref_key: "rendererRef",
+        ref: m,
+        class: "qy-color-picker__renderer",
+        "model-value": t.value,
+        "show-alpha": l.showAlpha,
+        "color-format": S.value,
+        predefine: l.predefine,
+        size: l.size,
+        disabled: !1,
+        clearable: l.clearable,
+        teleported: !0,
+        tabindex: -1,
+        "popper-class": x,
+        "aria-hidden": "true",
+        onActiveChange: W,
+        "onUpdate:modelValue": j,
+        onChange: M,
+        onClear: G
+      }, null, 8, ["model-value", "show-alpha", "color-format", "predefine", "size", "clearable"])
+    ], 512));
+  }
+});
+export {
+  me as _
+};

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

@@ -0,0 +1,286 @@
+import { defineComponent as W, useAttrs as K, ref as H, computed as h, openBlock as N, createBlock as U, unref as q, mergeProps as Q, createSlots as G, withCtx as d, renderSlot as c, normalizeProps as J, guardReactiveProps as X } from "vue";
+import { ElCascader as Y } from "element-plus";
+const ee = /* @__PURE__ */ W({
+  name: "QyCascader",
+  inheritAttrs: !1,
+  __name: "index",
+  props: {
+    modelValue: {},
+    options: { default: () => [] },
+    props: { default: () => ({}) },
+    size: {},
+    placeholder: {},
+    disabled: { type: Boolean },
+    clearable: { type: Boolean, default: !0 },
+    clearIcon: {},
+    filterable: { type: Boolean, default: !1 },
+    filterMethod: {},
+    separator: { default: " / " },
+    showAllLevels: { type: Boolean, default: !0 },
+    collapseTags: { type: Boolean, default: !1 },
+    maxCollapseTags: { default: 1 },
+    collapseTagsTooltip: { type: Boolean, default: !1 },
+    maxCollapseTagsTooltipHeight: {},
+    debounce: { default: 300 },
+    beforeFilter: {},
+    placement: {},
+    fallbackPlacements: {},
+    popperClass: {},
+    popperStyle: { type: [Boolean, null, String, Object, Array] },
+    teleported: { type: Boolean, default: !0 },
+    effect: {},
+    persistent: { type: Boolean, default: !0 },
+    showCheckedStrategy: {},
+    fitInputWidth: { type: [Boolean, Number] },
+    tagType: {},
+    tagEffect: {},
+    validateEvent: { type: Boolean, default: !0 },
+    emptyValues: {},
+    valueOnClear: {},
+    virtualScroll: { type: Boolean, default: !1 },
+    itemSize: { default: 34 },
+    height: { default: 204 }
+  },
+  emits: ["update:modelValue", "change", "focus", "blur", "clear", "visible-change", "expand-change", "remove-tag"],
+  setup(a, { expose: y, emit: g }) {
+    const i = a, n = g, C = K(), u = H(), S = h(
+      () => Object.fromEntries(
+        Object.entries(C).filter(
+          ([e]) => e === "class" || e === "style" || e === "role" || e === "title" || e.startsWith("data-") || e.startsWith("aria-")
+        )
+      )
+    ), k = h(() => ({
+      ...i.emptyValues !== void 0 ? { emptyValues: i.emptyValues } : {},
+      ...i.valueOnClear !== void 0 ? { valueOnClear: i.valueOnClear } : {}
+    })), V = h(() => ({
+      ...S.value,
+      ...k.value
+    }));
+    function f(e, t = {}) {
+      return Object.freeze({
+        uid: e.uid,
+        level: e.level,
+        value: e.value,
+        label: e.label,
+        pathValues: Object.freeze([...e.pathValues]),
+        pathLabels: Object.freeze([...e.pathLabels]),
+        data: e.data,
+        root: e.root,
+        isLeaf: t.isLeaf ?? e.isLeaf,
+        isDisabled: t.isDisabled ?? e.isDisabled,
+        checked: e.checked,
+        indeterminate: e.indeterminate,
+        loading: e.loading,
+        loaded: e.loaded ?? !1
+      });
+    }
+    function T(e, t) {
+      var p, v;
+      const l = typeof t.leaf == "string" ? t.leaf : "leaf", s = t.children ?? "children", o = (p = e.data) == null ? void 0 : p[l];
+      if (typeof o == "boolean")
+        return o;
+      const r = Array.isArray(e.childrenData) ? e.childrenData : (v = e.data) == null ? void 0 : v[s];
+      return Array.isArray(r) && r.length > 0 ? !1 : t.lazy ? e.loaded === !0 : !0;
+    }
+    function m(e, t, l = /* @__PURE__ */ new Set()) {
+      var p;
+      if (l.has(e))
+        return !1;
+      l.add(e);
+      const s = typeof t.disabled == "string" ? t.disabled : "disabled", o = !!((p = e.data) != null && p[s]), r = t.checkStrictly !== !0 && e.parent ? m(e.parent, t, l) : !1;
+      return o || r;
+    }
+    function b(e, t) {
+      return f(e, {
+        isLeaf: T(e, t),
+        isDisabled: m(e, t)
+      });
+    }
+    const z = h(() => {
+      const e = i.props ?? {}, t = { ...e };
+      return typeof e.disabled == "function" && (t.disabled = (l, s) => {
+        var o;
+        return ((o = e.disabled) == null ? void 0 : o.call(e, b(s, e))) ?? !1;
+      }), typeof e.leaf == "function" && (t.leaf = (l, s) => {
+        var o;
+        return ((o = e.leaf) == null ? void 0 : o.call(e, b(s, e))) ?? !1;
+      }), typeof e.lazyLoad == "function" && (t.lazyLoad = (l, s, o) => {
+        var r;
+        return (r = e.lazyLoad) == null ? void 0 : r.call(e, f(l), s, o);
+      }), t;
+    }), B = h(
+      () => i.filterMethod ? (e, t) => {
+        var l;
+        return ((l = i.filterMethod) == null ? void 0 : l.call(i, f(e), t)) ?? !1;
+      } : void 0
+    );
+    function w(e) {
+      return {
+        ...e,
+        node: f(e.node)
+      };
+    }
+    function L(e, t) {
+      return e.map((l) => {
+        const s = f(l.node);
+        return Object.freeze({
+          uid: s.uid,
+          value: s.value,
+          label: s.label,
+          pathValues: s.pathValues,
+          pathLabels: s.pathLabels,
+          data: s.data,
+          text: l.text,
+          hitState: l.hitState,
+          closable: l.closable,
+          remove: () => t(l)
+        });
+      });
+    }
+    function $(e) {
+      n("update:modelValue", e);
+    }
+    function A(e) {
+      n("change", e);
+    }
+    function O(e) {
+      n("focus", e);
+    }
+    function x(e) {
+      n("blur", e);
+    }
+    function D() {
+      n("clear");
+    }
+    function E(e) {
+      n("visible-change", e);
+    }
+    function P(e) {
+      n("expand-change", e);
+    }
+    function j(e) {
+      n("remove-tag", e);
+    }
+    function F() {
+      var e;
+      (e = u.value) == null || e.focus();
+    }
+    function M() {
+      var e;
+      (e = u.value) == null || e.blur();
+    }
+    function R() {
+      var e, t;
+      (t = (e = u.value) == null ? void 0 : e.togglePopperVisible) == null || t.call(e, !0);
+    }
+    function I() {
+      var e, t;
+      (t = (e = u.value) == null ? void 0 : e.togglePopperVisible) == null || t.call(e, !1);
+    }
+    return y({ focus: F, blur: M, open: R, close: I }), (e, t) => (N(), U(q(Y), Q({
+      ref_key: "cascaderRef",
+      ref: u
+    }, V.value, {
+      class: "qy-cascader",
+      "model-value": a.modelValue,
+      options: a.options,
+      props: z.value,
+      size: a.size,
+      placeholder: a.placeholder,
+      disabled: a.disabled,
+      clearable: a.clearable,
+      "clear-icon": a.clearIcon,
+      filterable: a.filterable,
+      "filter-method": B.value,
+      separator: a.separator,
+      "show-all-levels": a.showAllLevels,
+      "collapse-tags": a.collapseTags,
+      "max-collapse-tags": a.maxCollapseTags,
+      "collapse-tags-tooltip": a.collapseTagsTooltip,
+      "max-collapse-tags-tooltip-height": a.maxCollapseTagsTooltipHeight,
+      debounce: a.debounce,
+      "before-filter": a.beforeFilter,
+      placement: a.placement,
+      "fallback-placements": a.fallbackPlacements,
+      "popper-class": a.popperClass,
+      "popper-style": a.popperStyle,
+      teleported: a.teleported,
+      effect: a.effect,
+      persistent: a.persistent,
+      "show-checked-strategy": a.showCheckedStrategy,
+      "fit-input-width": a.fitInputWidth,
+      "tag-type": a.tagType,
+      "tag-effect": a.tagEffect,
+      "validate-event": a.validateEvent,
+      "virtual-scroll": a.virtualScroll,
+      "item-size": a.itemSize,
+      height: a.height,
+      "onUpdate:modelValue": $,
+      onChange: A,
+      onFocus: O,
+      onBlur: x,
+      onClear: D,
+      onVisibleChange: E,
+      onExpandChange: P,
+      onRemoveTag: j
+    }), G({ _: 2 }, [
+      e.$slots.prefix ? {
+        name: "prefix",
+        fn: d(() => [
+          c(e.$slots, "prefix")
+        ]),
+        key: "0"
+      } : void 0,
+      e.$slots.header ? {
+        name: "header",
+        fn: d(() => [
+          c(e.$slots, "header")
+        ]),
+        key: "1"
+      } : void 0,
+      e.$slots.footer ? {
+        name: "footer",
+        fn: d(() => [
+          c(e.$slots, "footer")
+        ]),
+        key: "2"
+      } : void 0,
+      e.$slots.empty ? {
+        name: "empty",
+        fn: d(() => [
+          c(e.$slots, "empty")
+        ]),
+        key: "3"
+      } : void 0,
+      e.$slots.default ? {
+        name: "default",
+        fn: d((l) => [
+          c(e.$slots, "default", J(X(w(l))))
+        ]),
+        key: "4"
+      } : void 0,
+      e.$slots["suggestion-item"] ? {
+        name: "suggestion-item",
+        fn: d((l) => [
+          c(e.$slots, "suggestion-item", {
+            item: f(l.item)
+          })
+        ]),
+        key: "5"
+      } : void 0,
+      e.$slots.tag ? {
+        name: "tag",
+        fn: d((l) => [
+          c(e.$slots, "tag", {
+            data: L(l.data, l.deleteTag),
+            remove: (s) => s == null ? void 0 : s.remove()
+          })
+        ]),
+        key: "6"
+      } : void 0
+    ]), 1040, ["model-value", "options", "props", "size", "placeholder", "disabled", "clearable", "clear-icon", "filterable", "filter-method", "separator", "show-all-levels", "collapse-tags", "max-collapse-tags", "collapse-tags-tooltip", "max-collapse-tags-tooltip-height", "debounce", "before-filter", "placement", "fallback-placements", "popper-class", "popper-style", "teleported", "effect", "persistent", "show-checked-strategy", "fit-input-width", "tag-type", "tag-effect", "validate-event", "virtual-scroll", "item-size", "height"]));
+  }
+});
+export {
+  ee as _
+};

package/dist/shared/index.vue_vue_type_style_index_0_lang-CU9gg9t5.cjs

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

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

@@ -0,0 +1,98 @@
+import { defineComponent as g, useAttrs as h, ref as v, computed as w, openBlock as x, createBlock as p, unref as z, mergeProps as A, withCtx as B, renderSlot as T } from "vue";
+import { ElScrollbar as C } from "element-plus";
+const N = /* @__PURE__ */ g({
+  name: "QyScrollbar",
+  inheritAttrs: !1,
+  __name: "index",
+  props: {
+    distance: { type: Number, default: 0 },
+    height: { type: [String, Number], default: "" },
+    maxHeight: { type: [String, Number], default: "" },
+    native: { type: Boolean, default: !1 },
+    wrapStyle: { type: [String, Object, Array, Boolean], default: "" },
+    wrapClass: { type: [String, Array], default: "" },
+    viewClass: { type: [String, Array], default: "" },
+    viewStyle: { type: [String, Object, Array, Boolean], default: "" },
+    noresize: { type: Boolean, default: !1 },
+    tag: { type: String, default: "div" },
+    always: { type: Boolean, default: !1 },
+    minSize: { type: Number, default: 20 },
+    tabindex: { type: [String, Number], default: void 0 },
+    id: { type: String, default: void 0 },
+    role: { type: String, default: void 0 },
+    ariaLabel: { type: String, default: void 0 },
+    ariaOrientation: { type: String, default: void 0 }
+  },
+  emits: ["scroll", "end-reached"],
+  setup(t, { expose: o, emit: s }) {
+    const i = s, c = h(), l = v(), d = w(
+      () => Object.fromEntries(
+        Object.entries(c).filter(
+          ([e]) => e === "class" || e === "style" || e === "title" || e.startsWith("data-") || e.startsWith("aria-")
+        )
+      )
+    );
+    function f(e) {
+      i("scroll", Object.freeze({
+        scrollTop: e.scrollTop,
+        scrollLeft: e.scrollLeft
+      }));
+    }
+    function u(e) {
+      i("end-reached", e);
+    }
+    function y(e, a) {
+      var r, n;
+      if (typeof e == "number") {
+        typeof a == "number" && ((r = l.value) == null || r.scrollTo(e, a));
+        return;
+      }
+      (n = l.value) == null || n.scrollTo(e);
+    }
+    function m(e) {
+      var a;
+      (a = l.value) == null || a.setScrollTop(e);
+    }
+    function S(e) {
+      var a;
+      (a = l.value) == null || a.setScrollLeft(e);
+    }
+    function b() {
+      var e;
+      (e = l.value) == null || e.update();
+    }
+    return o({ scrollTo: y, setScrollTop: m, setScrollLeft: S, update: b }), (e, a) => (x(), p(z(C), A({
+      ref_key: "scrollbarRef",
+      ref: l
+    }, d.value, {
+      class: "qy-scrollbar",
+      distance: t.distance,
+      height: t.height,
+      "max-height": t.maxHeight,
+      native: t.native,
+      "wrap-style": t.wrapStyle,
+      "wrap-class": t.wrapClass,
+      "view-class": t.viewClass,
+      "view-style": t.viewStyle,
+      noresize: t.noresize,
+      tag: t.tag,
+      always: t.always,
+      "min-size": t.minSize,
+      tabindex: t.tabindex,
+      id: t.id,
+      role: t.role,
+      "aria-label": t.ariaLabel,
+      "aria-orientation": t.ariaOrientation,
+      onScroll: f,
+      onEndReached: u
+    }), {
+      default: B(() => [
+        T(e.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["distance", "height", "max-height", "native", "wrap-style", "wrap-class", "view-class", "view-style", "noresize", "tag", "always", "min-size", "tabindex", "id", "role", "aria-label", "aria-orientation"]));
+  }
+});
+export {
+  N as _
+};