@qynpm/ui 1.0.40 → 1.0.42

package/dist/shared/index.vue_vue_type_style_index_0_lang-Da67JRFL.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,!0)});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,!0),(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-DbQkbvgb.mjs

@@ -0,0 +1,317 @@
+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-2D5AFexl.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-ByQyMTPg.mjs";
+function be(l, y) {
+  const m = y == null ? "" : String(y), a = l && m ? l.resolve(m) : void 0;
+  return Object.freeze({
+    value: m,
+    known: !!a,
+    canonicalName: a == null ? void 0 : a.name,
+    definition: a
+  });
+}
+function ge(l, y, m = "") {
+  const a = (l == null ? void 0 : l.list()) ?? [], i = y === void 0 ? void 0 : new Set(
+    y.map((t) => {
+      var v;
+      return (v = l == null ? void 0 : l.resolve(t)) == null ? void 0 : v.name;
+    }).filter((t) => !!t).map(H)
+  ), f = String(m).trim().toLocaleLowerCase();
+  return Object.freeze(
+    a.filter((t) => i && !i.has(H(t.name)) ? !1 : f ? [
+      t.name,
+      t.label,
+      ...t.keywords ?? []
+    ].some(
+      (v) => typeof v == "string" && v.toLocaleLowerCase().includes(f)
+    ) : !0)
+  );
+}
+function H(l) {
+  return _e(l).toLocaleLowerCase();
+}
+const qe = { class: "qy-icon-picker" }, we = ["onKeydown"], Ie = {
+  class: "qy-icon-picker__preview",
+  "aria-hidden": "true"
+}, Ce = {
+  key: 1,
+  class: "qy-icon-picker__missing",
+  "aria-hidden": "true"
+}, Le = ["id"], Pe = {
+  class: "qy-icon-picker__search",
+  "data-testid": "qy-icon-picker-search"
+}, Qe = {
+  key: 0,
+  class: "qy-icon-picker__state",
+  "data-testid": "qy-icon-picker-loading",
+  role: "status"
+}, Re = {
+  key: 1,
+  class: "qy-icon-picker__state qy-icon-picker__state--error",
+  "data-testid": "qy-icon-picker-error",
+  role: "alert"
+}, ze = ["aria-label"], Ke = ["id", "data-qy-icon-option", "data-qy-icon-active", "aria-selected", "tabindex", "onClick", "onFocus", "onKeydown"], Ne = { class: "qy-icon-picker__option-label" }, xe = {
+  key: 3,
+  class: "qy-icon-picker__empty"
+};
+let Ve = 0;
+const Ae = /* @__PURE__ */ ue({
+  name: "QyIconPicker",
+  __name: "index",
+  props: {
+    modelValue: { default: "" },
+    allowedNames: {},
+    disabled: { type: Boolean, default: !1 },
+    clearable: { type: Boolean, default: !1 },
+    size: { default: "default" },
+    placeholder: { default: "点击选择图标" },
+    searchPlaceholder: { default: "搜索图标名称、标签或关键词" },
+    emptyText: { default: "暂无匹配图标" },
+    panelWidth: { default: 540 },
+    open: { type: Boolean, default: void 0 },
+    id: {},
+    ariaLabel: {}
+  },
+  emits: ["update:modelValue", "change", "clear", "update:open", "open-change"],
+  setup(l, { expose: y, emit: m }) {
+    const a = l, i = m, f = se(ke, null), t = d(""), v = d(!1), r = d(-1), N = d([]), g = d(!1), P = d(""), A = d(0);
+    let O = !1;
+    const q = d(null), U = d(null), x = d("pointer"), J = `qy-icon-picker-${++Ve}`, _ = b(
+      () => be(f, a.modelValue)
+    ), s = b(() => (A.value, ge(f, a.allowedNames, t.value))), w = b(() => a.open !== void 0), k = b(
+      () => w.value ? a.open === !0 : v.value
+    ), X = b(() => "click"), V = b(() => `${a.id || J}-panel`);
+    M(
+      k,
+      (e, n) => {
+        !e || n || (t.value = "", r.value = le(), N.value = [], !O && f && (O = !0, D(f.load())), x.value === "keyboard" && Q(() => {
+          var o, c;
+          return (c = (o = U.value) == null ? void 0 : o.focus) == null ? void 0 : c.call(o);
+        }));
+      }
+    );
+    function D(e) {
+      g.value = !0, P.value = "", e.then(
+        () => {
+          g.value = !1, A.value++;
+        },
+        (n) => {
+          g.value = !1, P.value = n instanceof Error ? n.message : String(n);
+        }
+      );
+    }
+    function Z() {
+      !f || g.value || D(f.retry());
+    }
+    M(s, () => {
+      if (!s.value.length) {
+        r.value = -1;
+        return;
+      }
+      r.value >= s.value.length && (r.value = 0), r.value < 0 && (r.value = 0);
+    });
+    function j() {
+      a.disabled || (x.value = "keyboard", $("keyboard"));
+    }
+    function ee(e) {
+      a.disabled || w.value && a.open !== !1 || (e.stopImmediatePropagation(), $("pointer"));
+    }
+    function ae(e) {
+      T(e);
+    }
+    function ne(e) {
+      e === k.value && (w.value || (v.value = e), i("open-change", e), e || Q(() => {
+        var n, o;
+        return (o = (n = q.value) == null ? void 0 : n.focus) == null ? void 0 : o.call(n);
+      }));
+    }
+    function T(e) {
+      e && a.disabled || e !== k.value && (w.value || (v.value = e), i("update:open", e));
+    }
+    function $(e = "programmatic") {
+      x.value = e, T(!0);
+    }
+    function B() {
+      T(!1), Q(() => {
+        var e, n;
+        return (n = (e = q.value) == null ? void 0 : e.focus) == null ? void 0 : n.call(e);
+      });
+    }
+    function F() {
+      a.disabled || (i("update:modelValue", ""), i("change", ""), i("clear"));
+    }
+    function E(e) {
+      a.disabled || (i("update:modelValue", e.name), i("change", e.name), B());
+    }
+    function oe(e) {
+      if (e.key === "Escape") {
+        e.preventDefault(), B();
+        return;
+      }
+      if (!s.value.length || !["ArrowDown", "ArrowUp", "ArrowLeft", "ArrowRight"].includes(e.key)) return;
+      e.preventDefault();
+      const n = e.key === "ArrowUp" || e.key === "ArrowLeft" ? -1 : 1, o = s.value.length;
+      r.value = (r.value + n + o) % o, Q(() => {
+        var c;
+        return (c = N.value[r.value]) == null ? void 0 : c.focus();
+      });
+    }
+    function le() {
+      const e = _.value.canonicalName;
+      if (!e) return s.value.length ? 0 : -1;
+      const n = s.value.findIndex(({ name: o }) => o === e);
+      return n >= 0 ? n : s.value.length ? 0 : -1;
+    }
+    function te(e, n) {
+      e instanceof HTMLElement && (N.value[n] = e);
+    }
+    function re(e) {
+      return `${V.value}-${encodeURIComponent(e)}`;
+    }
+    function ie() {
+      var e, n;
+      (n = (e = q.value) == null ? void 0 : e.focus) == null || n.call(e);
+    }
+    function ce() {
+      var e, n;
+      (n = (e = q.value) == null ? void 0 : e.blur) == null || n.call(e);
+    }
+    return y({ focus: ie, blur: ce, open: $, close: B }), (e, n) => (u(), p("div", qe, [
+      R(C(he), {
+        ref: "popoverRef",
+        class: "qy-icon-picker__popover",
+        open: k.value,
+        trigger: X.value,
+        placement: "bottom-start",
+        width: a.panelWidth,
+        "show-delay": 0,
+        "hide-delay": 0,
+        disabled: a.disabled || w.value && a.open === !1,
+        "onUpdate:open": ae,
+        onOpenChange: ne
+      }, {
+        reference: z(() => [
+          h("div", {
+            class: "qy-icon-picker__trigger",
+            "data-testid": "qy-icon-picker-trigger",
+            onClick: ee,
+            onKeydown: [
+              K(L(j, ["prevent"]), ["enter"]),
+              K(L(j, ["prevent"]), ["space"])
+            ]
+          }, [
+            R(C(G), {
+              ref_key: "triggerRef",
+              ref: q,
+              id: a.id,
+              "model-value": _.value.value,
+              size: a.size,
+              disabled: a.disabled,
+              clearable: a.clearable,
+              readonly: "",
+              placeholder: a.placeholder,
+              "aria-label": a.ariaLabel,
+              "aria-haspopup": "listbox",
+              "aria-expanded": k.value ? "true" : "false",
+              "aria-controls": V.value,
+              onClear: F
+            }, {
+              prefix: z(() => [
+                h("span", Ie, [
+                  _.value.definition ? (u(), me(C(W), {
+                    key: 0,
+                    name: _.value.definition.name,
+                    size: 18
+                  }, null, 8, ["name"])) : (u(), p("span", Ce, "?"))
+                ])
+              ]),
+              suffix: z(() => [
+                a.clearable && _.value.value ? (u(), p("button", {
+                  key: 0,
+                  type: "button",
+                  class: "qy-icon-picker__clear",
+                  "data-testid": "qy-icon-picker-clear",
+                  "aria-label": "清空图标",
+                  onClick: L(F, ["stop", "prevent"])
+                }, [...n[1] || (n[1] = [
+                  h("span", { "aria-hidden": "true" }, "×", -1)
+                ])])) : Y("", !0)
+              ]),
+              _: 1
+            }, 8, ["id", "model-value", "size", "disabled", "clearable", "placeholder", "aria-label", "aria-expanded", "aria-controls"])
+          ], 40, we)
+        ]),
+        default: z(() => [
+          k.value ? (u(), p("div", {
+            key: 0,
+            id: V.value,
+            class: "qy-icon-picker__panel",
+            onKeydown: oe
+          }, [
+            h("div", Pe, [
+              R(C(G), {
+                ref_key: "searchRef",
+                ref: U,
+                modelValue: t.value,
+                "onUpdate:modelValue": n[0] || (n[0] = (o) => t.value = o),
+                type: "search",
+                clearable: "",
+                placeholder: a.searchPlaceholder,
+                "aria-label": "搜索图标"
+              }, null, 8, ["modelValue", "placeholder"])
+            ]),
+            g.value ? (u(), p("div", Qe, " 正在加载图标… ")) : P.value ? (u(), p("div", Re, [
+              h("span", null, S(P.value), 1),
+              h("button", {
+                type: "button",
+                "data-testid": "qy-icon-picker-retry",
+                onClick: Z
+              }, " 重试 ")
+            ])) : s.value.length ? (u(), p("div", {
+              key: 2,
+              class: "qy-icon-picker__grid",
+              role: "listbox",
+              "aria-label": a.ariaLabel || "图标列表"
+            }, [
+              (u(!0), p(de, null, pe(s.value, (o, c) => (u(), p("div", {
+                id: re(o.name),
+                key: o.name,
+                ref_for: !0,
+                ref: (I) => te(I, c),
+                class: fe(["qy-icon-picker__option", { "is-active": r.value === c }]),
+                "data-qy-icon-option": o.name,
+                "data-qy-icon-active": r.value === c ? "true" : void 0,
+                role: "option",
+                "aria-selected": _.value.canonicalName === o.name ? "true" : "false",
+                tabindex: r.value === c ? 0 : -1,
+                onClick: (I) => E(o),
+                onFocus: (I) => r.value = c,
+                onKeydown: [
+                  K(L((I) => E(o), ["prevent"]), ["enter"]),
+                  K(L((I) => E(o), ["prevent"]), ["space"])
+                ]
+              }, [
+                R(C(W), {
+                  name: o.name,
+                  size: 18,
+                  "aria-hidden": "true"
+                }, null, 8, ["name"]),
+                h("span", Ne, S(o.label || o.name), 1)
+              ], 42, Ke))), 128))
+            ], 8, ze)) : (u(), p("div", xe, [
+              ve(e.$slots, "empty", {}, () => [
+                ye(S(a.emptyText), 1)
+              ])
+            ]))
+          ], 40, Le)) : Y("", !0)
+        ]),
+        _: 3
+      }, 8, ["open", "trigger", "width", "disabled"])
+    ]));
+  }
+});
+export {
+  Ae as _
+};

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

@@ -0,0 +1,128 @@
+import { defineComponent as z, computed as d, ref as v, useSlots as F, watch as m, onBeforeUnmount as M, onMounted as Q, openBlock as g, createBlock as T, unref as R, withCtx as B, renderSlot as j, createElementBlock as G, Fragment as H, renderList as J, resolveDynamicComponent as X } from "vue";
+import { ElPopover as Y } from "element-plus";
+const Z = 1e3, _ = /* @__PURE__ */ z({
+  name: "QyPopover",
+  inheritAttrs: !1,
+  __name: "index",
+  props: {
+    trigger: { type: String, default: "click" },
+    placement: { type: String, default: "bottom" },
+    effect: { type: String, default: "light" },
+    width: { type: [Number, String], default: 240 },
+    offset: { type: Number, default: 12 },
+    showDelay: { type: Number, default: 0 },
+    hideDelay: { type: Number, default: 200 },
+    showArrow: { type: Boolean, default: !0 },
+    transition: { type: String, default: void 0 },
+    disabled: { type: Boolean, default: !1 },
+    open: { type: Boolean, default: void 0 }
+  },
+  emits: ["update:open", "open-change", "open", "close"],
+  setup(r, { expose: L, emit: N }) {
+    const t = r, c = N, i = d(() => t.open !== void 0), w = i.value && t.open === !0 && !t.disabled, u = v(w), l = v(w), k = v(w), o = v(null), A = d(() => t.disabled ? !1 : i.value ? t.open === !0 : u.value);
+    let n, f = !1, s;
+    const C = d(
+      () => typeof t.width == "number" ? `${t.width}px` : t.width
+    ), q = d(() => ({
+      "--qy-popover-width": C.value,
+      "--qy-popover-mobile-gutter": "24px"
+    })), h = F(), W = d(
+      () => {
+        var e;
+        return ((e = h.reference) == null ? void 0 : e.call(h)) ?? [];
+      }
+    );
+    function y() {
+      n && (clearTimeout(n), n = void 0), o.value = null;
+    }
+    function I(e) {
+      n && clearTimeout(n), n = setTimeout(() => {
+        n = void 0, o.value === e && (o.value = null);
+      }, Z);
+    }
+    function a() {
+      if (f) return;
+      const e = A.value;
+      l.value !== e && (f = !0, s = e, l.value = e);
+    }
+    function p(e) {
+      if (!(e && t.disabled)) {
+        if (!i.value) {
+          if (u.value === e) return;
+          u.value = e, c("update:open", e), a();
+          return;
+        }
+        o.value !== e && (o.value === null && t.open === e || (o.value = e, e ? I(e) : n && (clearTimeout(n), n = void 0), c("update:open", e), a()));
+      }
+    }
+    function D(e) {
+      e === l.value && (!f || s !== e || (f = !1, s = void 0, e !== k.value && (k.value = e, o.value === e && y(), c("open-change", e), c(e ? "open" : "close"), a())));
+    }
+    function K(e) {
+      p(e), a();
+    }
+    function O() {
+      D(!0);
+    }
+    function P() {
+      D(!1);
+    }
+    function U() {
+      p(!1);
+    }
+    function E(e) {
+      e.key !== "Escape" && e.code !== "Escape" || l.value && (e.preventDefault(), p(!1), a());
+    }
+    return m(
+      A,
+      () => a()
+    ), m(i, (e) => {
+      y(), e ? u.value = t.open === !0 : u.value = l.value, a();
+    }), m(
+      () => t.open,
+      (e, b) => {
+        !i.value || o.value === null || (e === o.value || e !== b) && y();
+      }
+    ), m(
+      () => t.disabled,
+      (e) => {
+        e ? p(!1) : a();
+      }
+    ), M(() => {
+      window.removeEventListener("keydown", E), f = !1, s = void 0, n && clearTimeout(n);
+    }), Q(() => {
+      window.addEventListener("keydown", E);
+    }), L({ close: U }), (e, b) => (g(), T(R(Y), {
+      visible: l.value,
+      trigger: r.trigger,
+      placement: r.placement,
+      effect: r.effect,
+      width: r.width,
+      offset: r.offset,
+      "show-after": r.showDelay,
+      "hide-after": r.hideDelay,
+      "show-arrow": r.showArrow,
+      transition: r.transition,
+      disabled: r.disabled,
+      enterable: !0,
+      "popper-style": q.value,
+      "popper-class": "qy-popover-popper",
+      "onUpdate:visible": K,
+      onAfterEnter: O,
+      onAfterLeave: P
+    }, {
+      reference: B(() => [
+        (g(!0), G(H, null, J(W.value, (S, $) => (g(), T(X(S), {
+          key: S.key ?? $
+        }))), 128))
+      ]),
+      default: B(() => [
+        j(e.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["visible", "trigger", "placement", "effect", "width", "offset", "show-after", "hide-after", "show-arrow", "transition", "disabled", "popper-style"]));
+  }
+});
+export {
+  _
+};