@qynpm/ui 1.0.40 → 1.0.42

package/dist/shared/index.vue_vue_type_script_setup_true_lang-DwFGEW4B.mjs

@@ -0,0 +1,143 @@
+import { defineComponent as S, useAttrs as _, ref as f, computed as d, openBlock as j, createBlock as F, unref as L, mergeProps as U, createSlots as W, withCtx as s, renderSlot as c } from "vue";
+import { ElInputTag as k } from "element-plus";
+const M = /* @__PURE__ */ S({
+  name: "QyInputTag",
+  inheritAttrs: !1,
+  __name: "index",
+  props: {
+    modelValue: { default: () => [] },
+    max: {},
+    trigger: { default: "enter" },
+    tagTone: { default: "neutral" },
+    tagEffect: { default: "light" },
+    size: {},
+    clearable: { type: Boolean },
+    disabled: { type: Boolean },
+    readonly: { type: Boolean },
+    placeholder: {},
+    autofocus: { type: Boolean },
+    validateEvent: { type: Boolean, default: !0 },
+    id: {},
+    tabindex: {},
+    maxlength: {},
+    minlength: {},
+    autocomplete: {},
+    ariaLabel: {}
+  },
+  emits: ["update:modelValue", "change", "input", "add", "remove", "clear", "focus", "blur"],
+  setup(g, { expose: m, emit: p }) {
+    const t = g, l = p, h = _(), i = f(null), o = f(null), v = d(() => Object.fromEntries(
+      Object.entries(h).filter(
+        ([e]) => e === "class" || e === "style" || e === "title" || e === "role" || e.startsWith("data-") || e.startsWith("aria-")
+      )
+    )), x = d(
+      () => t.tagTone === "neutral" ? "info" : t.tagTone
+    ), b = d(
+      () => t.trigger === "space" ? "Space" : "Enter"
+    );
+    function u(e) {
+      return e ? [...e] : [];
+    }
+    function y(e, a) {
+      if (e.length !== a.length + 1) return null;
+      for (let n = 0; n < e.length; n += 1)
+        if (e[n] !== a[n] && e.slice(n + 1).every((r, O) => r === a[n + O]))
+          return { value: e[n], index: n };
+      return { value: e[e.length - 1], index: e.length - 1 };
+    }
+    function T(e) {
+      const a = u(t.modelValue), n = u(e);
+      o.value = n.length === 0 && a.length > 0 ? null : y(a, n), l("update:modelValue", n);
+    }
+    function B(e) {
+      l("change", u(e));
+    }
+    function C(e) {
+      l("input", e);
+    }
+    function V(e) {
+      l("add", e);
+    }
+    function E(e) {
+      const a = o.value, n = (a == null ? void 0 : a.value) === e ? a.index : u(t.modelValue).indexOf(e);
+      l("remove", e, n), o.value = null;
+    }
+    function R() {
+      l("clear"), o.value = null;
+    }
+    function $(e) {
+      l("focus", e);
+    }
+    function z(e) {
+      l("blur", e);
+    }
+    function A() {
+      var e, a;
+      (a = (e = i.value) == null ? void 0 : e.focus) == null || a.call(e);
+    }
+    function I() {
+      var e, a;
+      (a = (e = i.value) == null ? void 0 : e.blur) == null || a.call(e);
+    }
+    return m({ focus: A, blur: I }), (e, a) => (j(), F(L(k), U({
+      ref_key: "inputTagRef",
+      ref: i,
+      class: "qy-input-tag"
+    }, v.value, {
+      "model-value": t.modelValue,
+      max: t.max,
+      "tag-type": x.value,
+      "tag-effect": t.tagEffect,
+      trigger: b.value,
+      size: t.size,
+      clearable: t.clearable,
+      disabled: t.disabled,
+      readonly: t.readonly,
+      placeholder: t.placeholder,
+      autofocus: t.autofocus,
+      "validate-event": t.validateEvent,
+      id: t.id,
+      tabindex: t.tabindex,
+      maxlength: t.maxlength,
+      minlength: t.minlength,
+      autocomplete: t.autocomplete,
+      "aria-label": t.ariaLabel,
+      "onUpdate:modelValue": T,
+      onChange: B,
+      onInput: C,
+      onAddTag: V,
+      onRemoveTag: E,
+      onClear: R,
+      onFocusCapture: $,
+      onBlurCapture: z
+    }), W({ _: 2 }, [
+      e.$slots.tag ? {
+        name: "tag",
+        fn: s(({ value: n, index: r }) => [
+          c(e.$slots, "tag", {
+            value: n,
+            index: r
+          })
+        ]),
+        key: "0"
+      } : void 0,
+      e.$slots.prefix ? {
+        name: "prefix",
+        fn: s(() => [
+          c(e.$slots, "prefix")
+        ]),
+        key: "1"
+      } : void 0,
+      e.$slots.suffix ? {
+        name: "suffix",
+        fn: s(() => [
+          c(e.$slots, "suffix")
+        ]),
+        key: "2"
+      } : void 0
+    ]), 1040, ["model-value", "max", "tag-type", "tag-effect", "trigger", "size", "clearable", "disabled", "readonly", "placeholder", "autofocus", "validate-event", "id", "tabindex", "maxlength", "minlength", "autocomplete", "aria-label"]));
+  }
+});
+export {
+  M as _
+};

package/dist/shared/index.vue_vue_type_script_setup_true_lang-EiHoQBXt.mjs

@@ -0,0 +1,94 @@
+import { defineComponent as x, useAttrs as K, ref as M, computed as s, unref as r, openBlock as k, createBlock as q, mergeProps as F } from "vue";
+import { ElAutocomplete as I } from "element-plus";
+const T = /* @__PURE__ */ x({
+  name: "QyAutocomplete",
+  inheritAttrs: !1,
+  __name: "index",
+  props: {
+    modelValue: { default: "" },
+    options: { default: () => [] },
+    valueKey: { default: "value" },
+    labelKey: { default: "label" },
+    placeholder: { default: "请输入" },
+    disabled: { type: Boolean, default: !1 },
+    clearable: { type: Boolean, default: !0 },
+    size: { default: void 0 },
+    teleported: { type: Boolean, default: !0 },
+    appendTo: { default: "body" },
+    popperClass: { default: "" },
+    filterMethod: { type: Function, default: void 0 }
+  },
+  emits: ["update:modelValue", "input", "change", "select", "focus", "blur", "clear"],
+  setup(t, { expose: f, emit: p }) {
+    const n = t, u = p, i = K(), d = M(null), m = s(
+      () => ["qy-autocomplete__popper", n.popperClass].filter(Boolean).join(" ")
+    ), h = s(() => {
+      const e = r(n.options);
+      return (Array.isArray(e) ? e : r(e == null ? void 0 : e.value) || []).map((l) => ({
+        ...l,
+        value: (l == null ? void 0 : l[n.valueKey]) ?? (l == null ? void 0 : l.value) ?? (l == null ? void 0 : l[n.labelKey]) ?? (l == null ? void 0 : l.label) ?? ""
+      }));
+    });
+    function c(e, a) {
+      const l = String(e ?? ""), S = h.value.filter((o) => n.filterMethod ? n.filterMethod(l, o) : l ? String(o.value ?? "").includes(l) : !0);
+      a(S);
+    }
+    function b(e) {
+      u("update:modelValue", e);
+    }
+    function y(e) {
+      u("input", e);
+    }
+    function v(e) {
+      u("change", e);
+    }
+    function g(e) {
+      u("select", e);
+    }
+    function B(e) {
+      u("focus", e);
+    }
+    function C(e) {
+      u("blur", e);
+    }
+    function A() {
+      u("clear");
+    }
+    function V() {
+      var e, a;
+      (a = (e = d.value) == null ? void 0 : e.focus) == null || a.call(e);
+    }
+    function z() {
+      var e, a;
+      (a = (e = d.value) == null ? void 0 : e.blur) == null || a.call(e);
+    }
+    return f({
+      querySearch: c,
+      focus: V,
+      blur: z
+    }), (e, a) => (k(), q(r(I), F({
+      ref_key: "autocompleteRef",
+      ref: d
+    }, r(i), {
+      "model-value": t.modelValue,
+      "fetch-suggestions": c,
+      placeholder: t.placeholder,
+      disabled: t.disabled,
+      clearable: t.clearable,
+      size: t.size,
+      teleported: t.teleported,
+      "append-to": t.appendTo,
+      "popper-class": m.value,
+      "onUpdate:modelValue": b,
+      onInput: y,
+      onChange: v,
+      onSelect: g,
+      onFocus: B,
+      onBlur: C,
+      onClear: A
+    }), null, 16, ["model-value", "placeholder", "disabled", "clearable", "size", "teleported", "append-to", "popper-class"]));
+  }
+});
+export {
+  T as _
+};

package/dist/shared/index.vue_vue_type_script_setup_true_lang-IyZesuKm.mjs

@@ -0,0 +1,48 @@
+import { defineComponent as u, computed as c, watch as m, onBeforeUnmount as f, openBlock as s, createBlock as p, unref as y, createCommentVNode as h } from "vue";
+import { ElImageViewer as v } from "element-plus";
+import { n as w } from "./utils-DoyI5oM8.mjs";
+const I = /* @__PURE__ */ u({
+  name: "QyImagePreview",
+  __name: "index",
+  props: {
+    open: { type: Boolean, default: !1 },
+    urlList: { default: () => [] },
+    initialIndex: { default: 0 },
+    hideOnClickModal: { type: Boolean, default: !0 }
+  },
+  emits: ["update:open", "close"],
+  setup(e, { emit: a }) {
+    const n = e, l = a;
+    let i = "";
+    const r = c(
+      () => n.urlList.map((o) => w(o)).filter(Boolean)
+    );
+    m(
+      () => n.open,
+      (o) => {
+        if (o) {
+          i = document.body.style.overflow, document.body.style.overflow = "hidden";
+          return;
+        }
+        t();
+      }
+    ), f(t);
+    function d() {
+      t(), l("update:open", !1), l("close");
+    }
+    function t() {
+      typeof document > "u" || (document.body.style.overflow = i);
+    }
+    return (o, k) => e.open && r.value.length ? (s(), p(y(v), {
+      key: 0,
+      "url-list": r.value,
+      "initial-index": e.initialIndex,
+      "hide-on-click-modal": e.hideOnClickModal,
+      teleported: !0,
+      onClose: d
+    }, null, 8, ["url-list", "initial-index", "hide-on-click-modal"])) : h("", !0);
+  }
+});
+export {
+  I as _
+};

package/dist/shared/index.vue_vue_type_script_setup_true_lang-UBQQ6Z03.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),m=require("element-plus"),f=require("./index-DKw-seoh.cjs"),b=e.defineComponent({name:"QyCheckboxGroup",inheritAttrs:!1,__name:"index",props:{modelValue:{default:()=>[]},options:{default:()=>[]},disabled:{type:Boolean,default:!1},min:{},max:{},size:{default:void 0},ariaLabel:{}},emits:["update:modelValue","change"],setup(d,{emit:i}){const l=d,s=i,o=e.useAttrs(),n=e.computed(()=>Object.fromEntries(Object.entries(o).filter(([a])=>a==="class"||a==="style"||a==="role"||a==="title"||a==="id"||a.startsWith("data-")||a.startsWith("aria-"))));function r(a){s("update:modelValue",a.slice())}function u(a){s("change",a.slice())}return(a,p)=>(e.openBlock(),e.createBlock(e.unref(m.ElCheckboxGroup),e.mergeProps(n.value,{"model-value":l.modelValue,disabled:l.disabled,min:l.min,max:l.max,size:l.size,"aria-label":l.ariaLabel,"onUpdate:modelValue":r,onChange:u}),{default:e.withCtx(()=>[a.$slots.default?e.renderSlot(a.$slots,"default",{},void 0,void 0,0):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(l.options,(t,c)=>(e.openBlock(),e.createBlock(f.Checkbox,{key:`${String(t.value)}-${c}`,"model-value":l.modelValue.includes(t.value),value:t.value,disabled:l.disabled||t.disabled},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.label),1)]),_:2},1032,["model-value","value","disabled"]))),128))]),_:3},16,["model-value","disabled","min","max","size","aria-label"]))}});exports._sfc_main=b;

package/dist/shared/index.vue_vue_type_script_setup_true_lang-ccFLNRry.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("vue"),q=require("element-plus"),E=t.defineComponent({name:"QyMoneyInput",inheritAttrs:!1,__name:"index",props:{modelValue:{default:""},precision:{default:2},min:{default:void 0},max:{default:void 0},allowNegative:{type:Boolean,default:!1},formatTrigger:{default:"blur"},emptyValue:{default:""},placeholder:{default:void 0},clearable:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},size:{default:void 0},name:{default:void 0},id:{default:void 0},autocomplete:{default:void 0},autofocus:{type:Boolean,default:!1},maxlength:{default:void 0},minlength:{default:void 0},tabindex:{default:void 0},ariaLabel:{default:void 0}},emits:["update:modelValue","input","change","focus","blur","clear","enter"],setup(l,{expose:g,emit:y}){const a=l,i=y,V=t.useAttrs(),d=t.ref(null),s=t.ref(u(a.modelValue)),N=t.computed(()=>u(a.modelValue));t.watch(()=>a.modelValue,e=>{s.value=u(e)});function u(e){return e==null?"":String(e)}function b(e){return Number.isFinite(e)?Math.max(0,Math.floor(e)):2}function m(e){const n=u(e);let r="",c=!1,x=!1;const h=b(a.precision);for(let f=0;f<n.length;f+=1){const o=n[f];if(o>="0"&&o<="9"){r+=o;continue}if(o==="."&&h>0&&!c){r+=o,c=!0;continue}o==="-"&&a.allowNegative&&f===0&&!x&&(r+=o,x=!0)}if(h>0&&c){const[f,o=""]=r.split(".");return`${f}.${o.slice(0,h)}`}return r}function $(e){let n=e;return typeof a.min=="number"&&Number.isFinite(a.min)&&(n=Math.max(n,a.min)),typeof a.max=="number"&&Number.isFinite(a.max)&&(n=Math.min(n,a.max)),n}function v(e){const n=m(e);if(!n||n==="-"||n===".")return u(a.emptyValue);const r=Number(n);if(Number.isNaN(r))return u(a.emptyValue);const c=b(a.precision);return $(r).toFixed(c)}function p(e){s.value=e,i("update:modelValue",e)}function w(e){const n=m(e);p(n)}function B(e){const n=m(e);s.value=n,i("input",n)}function C(e){const n=a.formatTrigger==="change"?v(e):m(e);n!==u(a.modelValue)&&p(n),i("change",n)}function M(e){i("focus",e)}function k(e){if(a.formatTrigger==="blur"){const n=v(s.value);n!==u(a.modelValue)&&p(n)}i("blur",e)}function z(){const e=u(a.emptyValue);s.value=e,i("update:modelValue",e),i("clear")}function F(e){i("enter",e)}function I(){var e,n;(n=(e=d.value)==null?void 0:e.focus)==null||n.call(e)}function S(){var e,n;(n=(e=d.value)==null?void 0:e.blur)==null||n.call(e)}function A(){var e,n;(n=(e=d.value)==null?void 0:e.select)==null||n.call(e)}function P(){var e,n;(n=(e=d.value)==null?void 0:e.clear)==null||n.call(e)}function T(){var e;return((e=d.value)==null?void 0:e.input)||null}return g({focus:I,blur:S,select:A,clear:P,getNativeInput:T}),(e,n)=>(t.openBlock(),t.createBlock(t.unref(q.ElInput),t.mergeProps({ref_key:"inputRef",ref:d},t.unref(V),{"model-value":N.value,inputmode:"decimal",placeholder:l.placeholder,clearable:l.clearable,disabled:l.disabled,readonly:l.readonly,size:l.size,name:l.name,id:l.id,autocomplete:l.autocomplete,autofocus:l.autofocus,maxlength:l.maxlength,minlength:l.minlength,tabindex:l.tabindex,"aria-label":l.ariaLabel,"onUpdate:modelValue":w,onInput:B,onChange:C,onFocus:M,onBlur:k,onClear:z,onKeydown:t.withKeys(F,["enter"])}),t.createSlots({_:2},[e.$slots.prefix?{name:"prefix",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"prefix")]),key:"0"}:void 0,e.$slots.suffix?{name:"suffix",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"suffix")]),key:"1"}:void 0,e.$slots.prepend?{name:"prepend",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"prepend")]),key:"2"}:void 0,e.$slots.append?{name:"append",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"append")]),key:"3"}:void 0]),1040,["model-value","placeholder","clearable","disabled","readonly","size","name","id","autocomplete","autofocus","maxlength","minlength","tabindex","aria-label"]))}});exports._sfc_main=E;

package/dist/shared/index.vue_vue_type_script_setup_true_lang-r7iyZzDS.mjs

@@ -0,0 +1,61 @@
+import { defineComponent as p, useAttrs as b, computed as h, openBlock as t, createBlock as s, unref as v, mergeProps as x, withCtx as i, renderSlot as g, createElementBlock as C, Fragment as V, renderList as _, createTextVNode as z, toDisplayString as B } from "vue";
+import { ElCheckboxGroup as $ } from "element-plus";
+import { C as A } from "./index-BSTMCPDj.mjs";
+const k = /* @__PURE__ */ p({
+  name: "QyCheckboxGroup",
+  inheritAttrs: !1,
+  __name: "index",
+  props: {
+    modelValue: { default: () => [] },
+    options: { default: () => [] },
+    disabled: { type: Boolean, default: !1 },
+    min: {},
+    max: {},
+    size: { default: void 0 },
+    ariaLabel: {}
+  },
+  emits: ["update:modelValue", "change"],
+  setup(o, { emit: r }) {
+    const a = o, d = r, n = b(), u = h(
+      () => Object.fromEntries(
+        Object.entries(n).filter(
+          ([e]) => e === "class" || e === "style" || e === "role" || e === "title" || e === "id" || e.startsWith("data-") || e.startsWith("aria-")
+        )
+      )
+    );
+    function m(e) {
+      d("update:modelValue", e.slice());
+    }
+    function c(e) {
+      d("change", e.slice());
+    }
+    return (e, E) => (t(), s(v($), x(u.value, {
+      "model-value": a.modelValue,
+      disabled: a.disabled,
+      min: a.min,
+      max: a.max,
+      size: a.size,
+      "aria-label": a.ariaLabel,
+      "onUpdate:modelValue": m,
+      onChange: c
+    }), {
+      default: i(() => [
+        e.$slots.default ? g(e.$slots, "default", {}, void 0, void 0, 0) : (t(!0), C(V, { key: 1 }, _(a.options, (l, f) => (t(), s(A, {
+          key: `${String(l.value)}-${f}`,
+          "model-value": a.modelValue.includes(l.value),
+          value: l.value,
+          disabled: a.disabled || l.disabled
+        }, {
+          default: i(() => [
+            z(B(l.label), 1)
+          ]),
+          _: 2
+        }, 1032, ["model-value", "value", "disabled"]))), 128))
+      ]),
+      _: 3
+    }, 16, ["model-value", "disabled", "min", "max", "size", "aria-label"]));
+  }
+});
+export {
+  k as _
+};

package/dist/shared/index.vue_vue_type_script_setup_true_lang-wG7OTsWa.mjs

@@ -0,0 +1,331 @@
+import { defineComponent as F, computed as g, openBlock as V, createBlock as T, unref as p, normalizeClass as H, createSlots as P, withCtx as v, renderSlot as w, createElementVNode as C, toDisplayString as I, createElementBlock as G, createCommentVNode as U, ref as k, watch as Z, onMounted as j, onBeforeUnmount as Q, nextTick as K } from "vue";
+import { ElDrawer as W } from "element-plus";
+const J = { class: "qy-drawer__header" }, X = { class: "qy-drawer__header-content" }, Y = { class: "qy-drawer__title" }, ee = /* @__PURE__ */ F({
+  name: "QyDrawerElementRenderer",
+  inheritAttrs: !1,
+  __name: "ElementDrawerRenderer",
+  props: {
+    id: {},
+    modelValue: { type: Boolean },
+    direction: {},
+    size: {},
+    teleportTo: {},
+    title: {},
+    showHeader: { type: Boolean },
+    showClose: { type: Boolean },
+    showOverlay: { type: Boolean },
+    destroyOnClose: { type: Boolean },
+    bodyPadding: {},
+    overlayVariant: {},
+    close: { type: Function }
+  },
+  emits: ["opened", "closed"],
+  setup(e, { expose: o }) {
+    const t = e, r = g(
+      () => t.bodyPadding === "none" ? "qy-drawer__body--none" : "qy-drawer__body--default"
+    ), f = g(
+      () => t.overlayVariant === "transparent" ? "qy-drawer__overlay--transparent" : "qy-drawer__overlay--default"
+    ), s = g(() => [
+      "qy-drawer",
+      `qy-drawer--body-${t.bodyPadding}`,
+      `qy-drawer--overlay-${t.overlayVariant}`
+    ]), d = t.close;
+    function y() {
+      return typeof document > "u" ? null : document.querySelector(
+        `[data-qy-drawer-id="${t.id}"]`
+      );
+    }
+    function m() {
+      const l = y();
+      return (l == null ? void 0 : l.closest(".el-overlay")) || null;
+    }
+    return o({ getPanelElement: y, getOverlayElement: m }), (l, i) => (V(), T(p(W), {
+      "model-value": e.modelValue,
+      direction: e.direction,
+      size: e.size,
+      "append-to": e.teleportTo,
+      title: e.title,
+      "with-header": e.showHeader,
+      "show-close": !1,
+      modal: e.showOverlay,
+      "close-on-click-modal": !1,
+      "close-on-press-escape": !1,
+      "destroy-on-close": e.destroyOnClose,
+      "lock-scroll": !1,
+      "body-class": r.value,
+      "modal-class": f.value,
+      class: H(s.value),
+      "data-qy-drawer-id": e.id,
+      onOpened: i[1] || (i[1] = (h) => l.$emit("opened")),
+      onClosed: i[2] || (i[2] = (h) => l.$emit("closed"))
+    }, P({
+      header: v(({ titleId: h }) => [
+        C("div", J, [
+          C("div", X, [
+            w(l.$slots, "header", {
+              close: p(d),
+              titleId: h
+            }, () => [
+              C("span", Y, I(e.title), 1)
+            ])
+          ]),
+          e.showClose ? (V(), G("button", {
+            key: 0,
+            "data-testid": "qy-drawer-close",
+            class: "qy-drawer__close",
+            type: "button",
+            "aria-label": "关闭抽屉",
+            onClick: i[0] || (i[0] = //@ts-ignore
+            (...b) => p(d) && p(d)(...b))
+          }, [...i[3] || (i[3] = [
+            C("span", { "aria-hidden": "true" }, "×", -1)
+          ])])) : U("", !0)
+        ])
+      ]),
+      default: v(() => [
+        w(l.$slots, "default", { close: p(d) })
+      ]),
+      _: 2
+    }, [
+      l.$slots.footer ? {
+        name: "footer",
+        fn: v(() => [
+          w(l.$slots, "footer", { close: p(d) })
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1032, ["model-value", "direction", "size", "append-to", "title", "with-header", "modal", "destroy-on-close", "body-class", "modal-class", "class", "data-qy-drawer-id"]));
+  }
+}), x = [
+  "a[href]",
+  "area[href]",
+  "button:not([disabled])",
+  'input:not([disabled]):not([type="hidden"])',
+  "select:not([disabled])",
+  "textarea:not([disabled])",
+  "iframe",
+  "object",
+  "embed",
+  '[contenteditable="true"]',
+  '[tabindex]:not([tabindex="-1"])'
+].join(",");
+function te() {
+  if (typeof document > "u") return null;
+  const e = document.activeElement;
+  return e instanceof HTMLElement ? e : null;
+}
+function oe(e) {
+  var t, r;
+  if (!e) return;
+  (r = (t = e.querySelector(x) || e).focus) == null || r.call(t);
+}
+function ne(e) {
+  return !!(e != null && e.querySelector(x));
+}
+function le(e) {
+  !e || !e.isConnected || e.focus();
+}
+const c = [], O = /* @__PURE__ */ new Set();
+let q = null;
+function A() {
+  return [...c].reverse().find((e) => e.isOpen());
+}
+function S(e) {
+  if (!e.isConnected) return !1;
+  const o = window.getComputedStyle(e);
+  return o.display !== "none" && o.visibility !== "hidden";
+}
+function re(e) {
+  const { panel: o, overlay: t } = e.getLayerElements();
+  return t && S(t) ? t : o && S(o) ? o : null;
+}
+function L(e) {
+  const o = Number.parseInt(window.getComputedStyle(e).zIndex, 10);
+  return Number.isFinite(o) ? o : 0;
+}
+function ae(e, o) {
+  const t = L(e), r = L(o);
+  return t !== r ? t > r : !!(o.compareDocumentPosition(e) & Node.DOCUMENT_POSITION_FOLLOWING);
+}
+function se(e) {
+  return Array.from(
+    document.querySelectorAll(".el-overlay, .el-drawer, .el-dialog")
+  ).filter(S).some((t) => t === e || !t.matches(".el-overlay") && t.closest(".el-overlay") ? !1 : ae(t, e));
+}
+function de(e) {
+  const o = re(e);
+  return !!(o && !se(o));
+}
+function ie(e) {
+  return c.some((o) => o.id !== e && o.isOpen());
+}
+function ue(e) {
+  return [...c].reverse().filter((o) => o.id !== e).map((o) => o.getFocusTarget()).find((o) => o == null ? void 0 : o.isConnected) || null;
+}
+function ce(e) {
+  return c.push(e), () => {
+    const o = c.indexOf(e);
+    o >= 0 && c.splice(o, 1);
+  };
+}
+function fe(e) {
+  const o = c.findIndex((r) => r.id === e);
+  if (o < 0) return;
+  const [t] = c.splice(o, 1);
+  c.push(t);
+}
+function B(e, o) {
+  if (!(typeof document > "u" || !document.body)) {
+    if (o) {
+      if (O.has(e)) return;
+      O.size === 0 && (q = document.body.style.overflow), O.add(e), document.body.style.overflow = "hidden";
+      return;
+    }
+    !O.delete(e) || O.size > 0 || (document.body.style.overflow = q ?? "", q = null);
+  }
+}
+function ye(e) {
+  if (e.key !== "Escape" && e.code !== "Escape") return;
+  const o = A();
+  !o || !de(o) || (e.preventDefault(), e.stopPropagation(), o.requestClose("escape"));
+}
+function me(e) {
+  const o = A();
+  !o || !o.isMaskTarget(e.target) || (e.preventDefault(), e.stopPropagation(), o.requestClose("mask"));
+}
+typeof window < "u" && (window.addEventListener("keydown", ye, !0), document.addEventListener("click", me, !0));
+const pe = { class: "qy-drawer__title" }, he = /* @__PURE__ */ F({
+  name: "QyDrawer",
+  inheritAttrs: !1,
+  __name: "index",
+  props: {
+    modelValue: { type: Boolean },
+    placement: { default: "right" },
+    size: { default: "30%" },
+    title: { default: "" },
+    showHeader: { type: Boolean, default: !0 },
+    showClose: { type: Boolean, default: !0 },
+    showOverlay: { type: Boolean, default: !0 },
+    closeOnMask: { type: Boolean, default: !0 },
+    closeOnEscape: { type: Boolean, default: !0 },
+    destroyOnClose: { type: Boolean, default: !0 },
+    lockScroll: { type: Boolean, default: !0 },
+    autoFocus: { type: Boolean, default: !0 },
+    restoreFocus: { type: Boolean, default: !0 },
+    closeDisabled: { type: Boolean, default: !1 },
+    teleportTo: { default: "body" },
+    bodyPadding: { default: "default" },
+    overlayVariant: { default: "default" }
+  },
+  emits: ["update:modelValue", "close", "opened", "closed"],
+  setup(e, { emit: o }) {
+    const t = e, r = o, f = k(null), s = `qy-drawer-${Math.random().toString(36).slice(2, 10)}`, d = k(!1), y = k(!1), m = k(null);
+    let l;
+    const i = g(() => ({
+      left: "ltr",
+      right: "rtl",
+      top: "ttb",
+      bottom: "btt"
+    })[t.placement]), h = g(
+      () => typeof t.size == "number" ? `${t.size}px` : t.size
+    ), b = () => $("close-button");
+    function M() {
+      return t.modelValue;
+    }
+    function N(n) {
+      var E, z;
+      if (!t.showOverlay || !t.closeOnMask) return !1;
+      const a = (E = f.value) == null ? void 0 : E.getPanelElement(), u = (z = f.value) == null ? void 0 : z.getOverlayElement();
+      return !a || !u || !(n instanceof Node) ? !1 : u.contains(n) && !a.contains(n);
+    }
+    function $(n) {
+      !t.modelValue || t.closeDisabled || n === "mask" && !t.closeOnMask || n === "escape" && !t.closeOnEscape || d.value || (d.value = !0, r("update:modelValue", !1), r("close", n));
+    }
+    function D() {
+      t.modelValue && (d.value = !1, y.value = !0, m.value = te(), fe(s), B(s, t.lockScroll));
+    }
+    function R() {
+      !t.modelValue || !y.value || (t.autoFocus && K(() => {
+        var u;
+        const n = ((u = f.value) == null ? void 0 : u.getPanelElement()) || null, a = (n == null ? void 0 : n.querySelector(".el-drawer__body")) || null;
+        oe(ne(a) ? a : n);
+      }), r("opened"));
+    }
+    function _() {
+      var a;
+      if (t.modelValue || !y.value) return;
+      y.value = !1, B(s, !1), r("closed");
+      const n = ie(s);
+      if (t.restoreFocus && !n) {
+        const u = (a = m.value) != null && a.isConnected ? m.value : ue(s);
+        le(u);
+      }
+      n || (m.value = null), d.value = !1;
+    }
+    return Z(
+      () => t.modelValue,
+      (n, a) => {
+        n && D();
+      }
+    ), j(() => {
+      l = ce({
+        id: s,
+        isOpen: M,
+        isMaskTarget: N,
+        requestClose: $,
+        getFocusTarget: () => m.value,
+        getLayerElements: () => {
+          var n, a;
+          return {
+            panel: ((n = f.value) == null ? void 0 : n.getPanelElement()) || null,
+            overlay: ((a = f.value) == null ? void 0 : a.getOverlayElement()) || null
+          };
+        }
+      }), D();
+    }), Q(() => {
+      l == null || l(), B(s, !1), y.value = !1;
+    }), (n, a) => (V(), T(ee, {
+      ref_key: "rendererRef",
+      ref: f,
+      id: s,
+      "model-value": t.modelValue,
+      direction: i.value,
+      size: h.value,
+      "teleport-to": t.teleportTo,
+      title: t.title,
+      "show-header": t.showHeader,
+      "show-close": t.showClose,
+      "show-overlay": t.showOverlay,
+      "destroy-on-close": t.destroyOnClose,
+      "body-padding": t.bodyPadding,
+      "overlay-variant": t.overlayVariant,
+      close: b,
+      onOpened: R,
+      onClosed: _
+    }, P({
+      header: v(({ close: u, titleId: E }) => [
+        w(n.$slots, "header", {
+          close: u,
+          titleId: E
+        }, () => [
+          C("span", pe, I(t.title), 1)
+        ])
+      ]),
+      default: v(() => [
+        w(n.$slots, "default", { close: b })
+      ]),
+      _: 2
+    }, [
+      n.$slots.footer ? {
+        name: "footer",
+        fn: v(() => [
+          w(n.$slots, "footer", { close: b })
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1032, ["model-value", "direction", "size", "teleport-to", "title", "show-header", "show-close", "show-overlay", "destroy-on-close", "body-padding", "overlay-variant"]));
+  }
+});
+export {
+  he as _
+};