@qynpm/ui 1.0.28 → 1.0.29

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

@@ -0,0 +1,63 @@
+import { defineComponent as u, useAttrs as m, computed as r, openBlock as p, createBlock as g, unref as h, mergeProps as b, withCtx as i, renderSlot as l } from "vue";
+import { ElLink as v } from "element-plus";
+const j = /* @__PURE__ */ u({
+  name: "QyLink",
+  inheritAttrs: !1,
+  __name: "index",
+  props: {
+    type: {
+      type: String,
+      default: void 0
+    },
+    underline: {
+      type: [Boolean, String],
+      default: void 0
+    },
+    disabled: Boolean,
+    href: {
+      type: String,
+      default: ""
+    },
+    target: {
+      type: String,
+      default: "_self"
+    },
+    icon: {
+      type: [String, Object, Function],
+      default: void 0
+    }
+  },
+  emits: ["click"],
+  setup(t, { emit: a }) {
+    const n = t, o = a, d = m(), s = r(() => n.underline === !0 ? "hover" : n.underline === !1 ? "never" : n.underline), c = r(
+      () => Object.fromEntries(
+        Object.entries(d).filter(
+          ([e]) => e === "class" || e === "style" || e === "id" || e === "role" || e === "title" || e === "rel" || e === "download" || e === "hreflang" || e === "referrerpolicy" || e === "ping" || e === "tabindex" || e.startsWith("data-") || e.startsWith("aria-")
+        )
+      )
+    );
+    function f(e) {
+      o("click", e);
+    }
+    return (e, S) => (p(), g(h(v), b(c.value, {
+      type: t.type,
+      underline: s.value,
+      disabled: t.disabled,
+      href: t.href,
+      target: t.target,
+      icon: t.icon,
+      onClick: f
+    }), {
+      icon: i(() => [
+        l(e.$slots, "icon")
+      ]),
+      default: i(() => [
+        l(e.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["type", "underline", "disabled", "href", "target", "icon"]));
+  }
+});
+export {
+  j as _
+};

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

@@ -0,0 +1 @@
+"use strict";const t=require("vue"),c=require("element-plus"),u=t.defineComponent({name:"QyLink",inheritAttrs:!1,__name:"index",props:{type:{type:String,default:void 0},underline:{type:[Boolean,String],default:void 0},disabled:Boolean,href:{type:String,default:""},target:{type:String,default:"_self"},icon:{type:[String,Object,Function],default:void 0}},emits:["click"],setup(n,{emit:i}){const r=n,l=i,a=t.useAttrs(),o=t.computed(()=>r.underline===!0?"hover":r.underline===!1?"never":r.underline),s=t.computed(()=>Object.fromEntries(Object.entries(a).filter(([e])=>e==="class"||e==="style"||e==="id"||e==="role"||e==="title"||e==="rel"||e==="download"||e==="hreflang"||e==="referrerpolicy"||e==="ping"||e==="tabindex"||e.startsWith("data-")||e.startsWith("aria-"))));function d(e){l("click",e)}return(e,f)=>(t.openBlock(),t.createBlock(t.unref(c.ElLink),t.mergeProps(s.value,{type:n.type,underline:o.value,disabled:n.disabled,href:n.href,target:n.target,icon:n.icon,onClick:d}),{icon:t.withCtx(()=>[t.renderSlot(e.$slots,"icon")]),default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},16,["type","underline","disabled","href","target","icon"]))}});exports._sfc_main=u;

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

@@ -0,0 +1,126 @@
+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 B, unref as R, withCtx as L, 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, V = /* @__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 },
+    disabled: { type: Boolean, default: !1 },
+    open: { type: Boolean, default: void 0 }
+  },
+  emits: ["update:open", "open-change", "open", "close"],
+  setup(r, { expose: N, emit: S }) {
+    const t = r, c = S, u = d(() => t.open !== void 0), w = u.value && t.open === !0 && !t.disabled, i = v(w), l = v(w), k = v(w), o = v(null), A = d(() => t.disabled ? !1 : u.value ? t.open === !0 : i.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 (!u.value) {
+          if (i.value === e) return;
+          i.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(u, (e) => {
+      y(), e ? i.value = t.open === !0 : i.value = l.value, a();
+    }), m(
+      () => t.open,
+      (e, b) => {
+        !u.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);
+    }), N({ close: U }), (e, b) => (g(), B(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,
+      disabled: r.disabled,
+      enterable: !0,
+      "popper-style": q.value,
+      "popper-class": "qy-popover-popper",
+      "onUpdate:visible": K,
+      onAfterEnter: O,
+      onAfterLeave: P
+    }, {
+      reference: L(() => [
+        (g(!0), G(H, null, J(W.value, (T, $) => (g(), B(X(T), {
+          key: T.key ?? $
+        }))), 128))
+      ]),
+      default: L(() => [
+        j(e.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["visible", "trigger", "placement", "effect", "width", "offset", "show-after", "hide-after", "show-arrow", "disabled", "popper-style"]));
+  }
+});
+export {
+  V as _
+};

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

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),E=require("./index-B6xIO6kg.cjs"),K=require("./index-4cLP6sJP.cjs"),j=require("../qy-popover/index.cjs"),L=require("./index-AirHUQwm.cjs");function F(l,p){const f=p==null?"":String(p),n=l&&f?l.resolve(f):void 0;return Object.freeze({value:f,known:!!n,canonicalName:n==null?void 0:n.name,definition:n})}function Y(l,p,f=""){const n=(l==null?void 0:l.list())??[],c=p===void 0?void 0:new Set(p.map(r=>{var s;return(s=l==null?void 0:l.resolve(r))==null?void 0:s.name}).filter(r=>!!r).map(P)),h=String(f).trim().toLocaleLowerCase();return Object.freeze(n.filter(r=>c&&!c.has(P(r.name))?!1:h?[r.name,r.label,...r.keywords??[]].some(s=>typeof s=="string"&&s.toLocaleLowerCase().includes(h)):!0))}function P(l){return L.normalizeQyIconName(l).toLocaleLowerCase()}const W={class:"qy-icon-picker"},G=["onKeydown"],H={class:"qy-icon-picker__preview","aria-hidden":"true"},J={key:1,class:"qy-icon-picker__missing","aria-hidden":"true"},X=["id"],Z={class:"qy-icon-picker__search","data-testid":"qy-icon-picker-search"},ee=["aria-label"],ae=["id","data-qy-icon-option","data-qy-icon-active","aria-selected","tabindex","onClick","onFocus","onKeydown"],ne={class:"qy-icon-picker__option-label"},oe={key:1,class:"qy-icon-picker__empty"};let te=0;const le=e.defineComponent({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:p,emit:f}){const n=l,c=f,h=e.inject(L.QY_ICON_REGISTRY_KEY,null),r=e.ref(""),s=e.ref(!1),i=e.ref(-1),b=e.ref([]),y=e.ref(null),x=e.ref(null),w=e.ref("pointer"),Q=`qy-icon-picker-${++te}`,v=e.computed(()=>F(h,n.modelValue)),d=e.computed(()=>Y(h,n.allowedNames,r.value)),k=e.computed(()=>n.open!==void 0),m=e.computed(()=>k.value?n.open===!0:s.value),R=e.computed(()=>"click"),g=e.computed(()=>`${n.id||Q}-panel`);e.watch(m,(a,o)=>{!a||o||(r.value="",i.value=M(),b.value=[],w.value==="keyboard"&&e.nextTick(()=>{var t,u;return(u=(t=x.value)==null?void 0:t.focus)==null?void 0:u.call(t)}))}),e.watch(d,()=>{if(!d.value.length){i.value=-1;return}i.value>=d.value.length&&(i.value=0),i.value<0&&(i.value=0)});function N(){n.disabled||(w.value="keyboard",I("keyboard"))}function T(a){n.disabled||k.value&&n.open!==!1||(a.stopImmediatePropagation(),I("pointer"))}function z(a){q(a)}function $(a){a===m.value&&(k.value||(s.value=a),c("open-change",a),a||e.nextTick(()=>{var o,t;return(t=(o=y.value)==null?void 0:o.focus)==null?void 0:t.call(o)}))}function q(a){a&&n.disabled||a!==m.value&&(k.value||(s.value=a),c("update:open",a))}function I(a="programmatic"){w.value=a,q(!0)}function B(){q(!1),e.nextTick(()=>{var a,o;return(o=(a=y.value)==null?void 0:a.focus)==null?void 0:o.call(a)})}function V(){n.disabled||(c("update:modelValue",""),c("change",""),c("clear"))}function C(a){n.disabled||(c("update:modelValue",a.name),c("change",a.name),B())}function S(a){if(a.key==="Escape"){a.preventDefault(),B();return}if(!d.value.length||!["ArrowDown","ArrowUp","ArrowLeft","ArrowRight"].includes(a.key))return;a.preventDefault();const o=a.key==="ArrowUp"||a.key==="ArrowLeft"?-1:1,t=d.value.length;i.value=(i.value+o+t)%t,e.nextTick(()=>{var u;return(u=b.value[i.value])==null?void 0:u.focus()})}function M(){const a=v.value.canonicalName;if(!a)return d.value.length?0:-1;const o=d.value.findIndex(({name:t})=>t===a);return o>=0?o:d.value.length?0:-1}function A(a,o){a instanceof HTMLElement&&(b.value[o]=a)}function O(a){return`${g.value}-${encodeURIComponent(a)}`}function D(){var a,o;(o=(a=y.value)==null?void 0:a.focus)==null||o.call(a)}function U(){var a,o;(o=(a=y.value)==null?void 0:a.blur)==null||o.call(a)}return p({focus:D,blur:U,open:I,close:B}),(a,o)=>(e.openBlock(),e.createElementBlock("div",W,[e.createVNode(e.unref(j.QyPopover),{ref:"popoverRef",class:"qy-icon-picker__popover",open:m.value,trigger:R.value,placement:"bottom-start",width:n.panelWidth,"show-delay":0,"hide-delay":0,disabled:n.disabled||k.value&&n.open===!1,"onUpdate:open":z,onOpenChange:$},{reference:e.withCtx(()=>[e.createElementVNode("div",{class:"qy-icon-picker__trigger","data-testid":"qy-icon-picker-trigger",onClick:T,onKeydown:[e.withKeys(e.withModifiers(N,["prevent"]),["enter"]),e.withKeys(e.withModifiers(N,["prevent"]),["space"])]},[e.createVNode(e.unref(K.QyInput),{ref_key:"triggerRef",ref:y,id:n.id,"model-value":v.value.value,size:n.size,disabled:n.disabled,clearable:n.clearable,readonly:"",placeholder:n.placeholder,"aria-label":n.ariaLabel,"aria-haspopup":"listbox","aria-expanded":m.value?"true":"false","aria-controls":g.value,onClear:V},{prefix:e.withCtx(()=>[e.createElementVNode("span",H,[v.value.definition?(e.openBlock(),e.createBlock(e.unref(E.QyIcon),{key:0,name:v.value.definition.name,size:18},null,8,["name"])):(e.openBlock(),e.createElementBlock("span",J,"?"))])]),suffix:e.withCtx(()=>[n.clearable&&v.value.value?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"qy-icon-picker__clear","data-testid":"qy-icon-picker-clear","aria-label":"清空图标",onClick:e.withModifiers(V,["stop","prevent"])},[...o[1]||(o[1]=[e.createElementVNode("span",{"aria-hidden":"true"},"×",-1)])])):e.createCommentVNode("",!0)]),_:1},8,["id","model-value","size","disabled","clearable","placeholder","aria-label","aria-expanded","aria-controls"])],40,G)]),default:e.withCtx(()=>[m.value?(e.openBlock(),e.createElementBlock("div",{key:0,id:g.value,class:"qy-icon-picker__panel",onKeydown:S},[e.createElementVNode("div",Z,[e.createVNode(e.unref(K.QyInput),{ref_key:"searchRef",ref:x,modelValue:r.value,"onUpdate:modelValue":o[0]||(o[0]=t=>r.value=t),type:"search",clearable:"",placeholder:n.searchPlaceholder,"aria-label":"搜索图标"},null,8,["modelValue","placeholder"])]),d.value.length?(e.openBlock(),e.createElementBlock("div",{key:0,class:"qy-icon-picker__grid",role:"listbox","aria-label":n.ariaLabel||"图标列表"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,(t,u)=>(e.openBlock(),e.createElementBlock("div",{id:O(t.name),key:t.name,ref_for:!0,ref:_=>A(_,u),class:e.normalizeClass(["qy-icon-picker__option",{"is-active":i.value===u}]),"data-qy-icon-option":t.name,"data-qy-icon-active":i.value===u?"true":void 0,role:"option","aria-selected":v.value.canonicalName===t.name?"true":"false",tabindex:i.value===u?0:-1,onClick:_=>C(t),onFocus:_=>i.value=u,onKeydown:[e.withKeys(e.withModifiers(_=>C(t),["prevent"]),["enter"]),e.withKeys(e.withModifiers(_=>C(t),["prevent"]),["space"])]},[e.createVNode(e.unref(E.QyIcon),{name:t.name,size:18,"aria-hidden":"true"},null,8,["name"]),e.createElementVNode("span",ne,e.toDisplayString(t.label||t.name),1)],42,ae))),128))],8,ee)):(e.openBlock(),e.createElementBlock("div",oe,[e.renderSlot(a.$slots,"empty",{},()=>[e.createTextVNode(e.toDisplayString(n.emptyText),1)])]))],40,X)):e.createCommentVNode("",!0)]),_:3},8,["open","trigger","width","disabled"])]))}});exports._sfc_main=le;

package/dist/shared/index.vue_vue_type_style_index_0_lang-Bc-Ya_zS.mjs

@@ -0,0 +1,286 @@
+import { defineComponent as oe, inject as le, ref as m, computed as _, watch as E, nextTick as L, openBlock as d, createElementBlock as f, createVNode as P, unref as q, withCtx as Q, createElementVNode as I, Fragment as te, renderList as re, withKeys as R, withModifiers as C, normalizeClass as ie, toDisplayString as O, renderSlot as ce, createTextVNode as ue, createCommentVNode as U, createBlock as se } from "vue";
+import { Q as D } from "./index-xuTVtF4x.mjs";
+import { Q as j } from "./index-C2n0R6rA.mjs";
+import { QyPopover as de } from "../qy-popover/index.mjs";
+import { n as pe, Q as fe } from "./index-CaNxcPSD.mjs";
+function ve(l, p) {
+  const v = p == null ? "" : String(p), a = l && v ? l.resolve(v) : void 0;
+  return Object.freeze({
+    value: v,
+    known: !!a,
+    canonicalName: a == null ? void 0 : a.name,
+    definition: a
+  });
+}
+function me(l, p, v = "") {
+  const a = (l == null ? void 0 : l.list()) ?? [], i = p === void 0 ? void 0 : new Set(
+    p.map((t) => {
+      var s;
+      return (s = l == null ? void 0 : l.resolve(t)) == null ? void 0 : s.name;
+    }).filter((t) => !!t).map(F)
+  ), k = String(v).trim().toLocaleLowerCase();
+  return Object.freeze(
+    a.filter((t) => i && !i.has(F(t.name)) ? !1 : k ? [
+      t.name,
+      t.label,
+      ...t.keywords ?? []
+    ].some(
+      (s) => typeof s == "string" && s.toLocaleLowerCase().includes(k)
+    ) : !0)
+  );
+}
+function F(l) {
+  return pe(l).toLocaleLowerCase();
+}
+const ye = { class: "qy-icon-picker" }, he = ["onKeydown"], _e = {
+  class: "qy-icon-picker__preview",
+  "aria-hidden": "true"
+}, ke = {
+  key: 1,
+  class: "qy-icon-picker__missing",
+  "aria-hidden": "true"
+}, be = ["id"], ge = {
+  class: "qy-icon-picker__search",
+  "data-testid": "qy-icon-picker-search"
+}, we = ["aria-label"], qe = ["id", "data-qy-icon-option", "data-qy-icon-active", "aria-selected", "tabindex", "onClick", "onFocus", "onKeydown"], Ie = { class: "qy-icon-picker__option-label" }, Ce = {
+  key: 1,
+  class: "qy-icon-picker__empty"
+};
+let Le = 0;
+const Ne = /* @__PURE__ */ oe({
+  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: p, emit: v }) {
+    const a = l, i = v, k = le(fe, null), t = m(""), s = m(!1), r = m(-1), z = m([]), b = m(null), B = m(null), K = m("pointer"), M = `qy-icon-picker-${++Le}`, y = _(
+      () => ve(k, a.modelValue)
+    ), u = _(
+      () => me(k, a.allowedNames, t.value)
+    ), g = _(() => a.open !== void 0), h = _(
+      () => g.value ? a.open === !0 : s.value
+    ), Y = _(() => "click"), N = _(() => `${a.id || M}-panel`);
+    E(
+      h,
+      (e, n) => {
+        !e || n || (t.value = "", r.value = X(), z.value = [], K.value === "keyboard" && L(() => {
+          var o, c;
+          return (c = (o = B.value) == null ? void 0 : o.focus) == null ? void 0 : c.call(o);
+        }));
+      }
+    ), E(u, () => {
+      if (!u.value.length) {
+        r.value = -1;
+        return;
+      }
+      r.value >= u.value.length && (r.value = 0), r.value < 0 && (r.value = 0);
+    });
+    function S() {
+      a.disabled || (K.value = "keyboard", V("keyboard"));
+    }
+    function W(e) {
+      a.disabled || g.value && a.open !== !1 || (e.stopImmediatePropagation(), V("pointer"));
+    }
+    function G(e) {
+      x(e);
+    }
+    function H(e) {
+      e === h.value && (g.value || (s.value = e), i("open-change", e), e || L(() => {
+        var n, o;
+        return (o = (n = b.value) == null ? void 0 : n.focus) == null ? void 0 : o.call(n);
+      }));
+    }
+    function x(e) {
+      e && a.disabled || e !== h.value && (g.value || (s.value = e), i("update:open", e));
+    }
+    function V(e = "programmatic") {
+      K.value = e, x(!0);
+    }
+    function T() {
+      x(!1), L(() => {
+        var e, n;
+        return (n = (e = b.value) == null ? void 0 : e.focus) == null ? void 0 : n.call(e);
+      });
+    }
+    function A() {
+      a.disabled || (i("update:modelValue", ""), i("change", ""), i("clear"));
+    }
+    function $(e) {
+      a.disabled || (i("update:modelValue", e.name), i("change", e.name), T());
+    }
+    function J(e) {
+      if (e.key === "Escape") {
+        e.preventDefault(), T();
+        return;
+      }
+      if (!u.value.length || !["ArrowDown", "ArrowUp", "ArrowLeft", "ArrowRight"].includes(e.key)) return;
+      e.preventDefault();
+      const n = e.key === "ArrowUp" || e.key === "ArrowLeft" ? -1 : 1, o = u.value.length;
+      r.value = (r.value + n + o) % o, L(() => {
+        var c;
+        return (c = z.value[r.value]) == null ? void 0 : c.focus();
+      });
+    }
+    function X() {
+      const e = y.value.canonicalName;
+      if (!e) return u.value.length ? 0 : -1;
+      const n = u.value.findIndex(({ name: o }) => o === e);
+      return n >= 0 ? n : u.value.length ? 0 : -1;
+    }
+    function Z(e, n) {
+      e instanceof HTMLElement && (z.value[n] = e);
+    }
+    function ee(e) {
+      return `${N.value}-${encodeURIComponent(e)}`;
+    }
+    function ae() {
+      var e, n;
+      (n = (e = b.value) == null ? void 0 : e.focus) == null || n.call(e);
+    }
+    function ne() {
+      var e, n;
+      (n = (e = b.value) == null ? void 0 : e.blur) == null || n.call(e);
+    }
+    return p({ focus: ae, blur: ne, open: V, close: T }), (e, n) => (d(), f("div", ye, [
+      P(q(de), {
+        ref: "popoverRef",
+        class: "qy-icon-picker__popover",
+        open: h.value,
+        trigger: Y.value,
+        placement: "bottom-start",
+        width: a.panelWidth,
+        "show-delay": 0,
+        "hide-delay": 0,
+        disabled: a.disabled || g.value && a.open === !1,
+        "onUpdate:open": G,
+        onOpenChange: H
+      }, {
+        reference: Q(() => [
+          I("div", {
+            class: "qy-icon-picker__trigger",
+            "data-testid": "qy-icon-picker-trigger",
+            onClick: W,
+            onKeydown: [
+              R(C(S, ["prevent"]), ["enter"]),
+              R(C(S, ["prevent"]), ["space"])
+            ]
+          }, [
+            P(q(j), {
+              ref_key: "triggerRef",
+              ref: b,
+              id: a.id,
+              "model-value": y.value.value,
+              size: a.size,
+              disabled: a.disabled,
+              clearable: a.clearable,
+              readonly: "",
+              placeholder: a.placeholder,
+              "aria-label": a.ariaLabel,
+              "aria-haspopup": "listbox",
+              "aria-expanded": h.value ? "true" : "false",
+              "aria-controls": N.value,
+              onClear: A
+            }, {
+              prefix: Q(() => [
+                I("span", _e, [
+                  y.value.definition ? (d(), se(q(D), {
+                    key: 0,
+                    name: y.value.definition.name,
+                    size: 18
+                  }, null, 8, ["name"])) : (d(), f("span", ke, "?"))
+                ])
+              ]),
+              suffix: Q(() => [
+                a.clearable && y.value.value ? (d(), f("button", {
+                  key: 0,
+                  type: "button",
+                  class: "qy-icon-picker__clear",
+                  "data-testid": "qy-icon-picker-clear",
+                  "aria-label": "清空图标",
+                  onClick: C(A, ["stop", "prevent"])
+                }, [...n[1] || (n[1] = [
+                  I("span", { "aria-hidden": "true" }, "×", -1)
+                ])])) : U("", !0)
+              ]),
+              _: 1
+            }, 8, ["id", "model-value", "size", "disabled", "clearable", "placeholder", "aria-label", "aria-expanded", "aria-controls"])
+          ], 40, he)
+        ]),
+        default: Q(() => [
+          h.value ? (d(), f("div", {
+            key: 0,
+            id: N.value,
+            class: "qy-icon-picker__panel",
+            onKeydown: J
+          }, [
+            I("div", ge, [
+              P(q(j), {
+                ref_key: "searchRef",
+                ref: B,
+                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"])
+            ]),
+            u.value.length ? (d(), f("div", {
+              key: 0,
+              class: "qy-icon-picker__grid",
+              role: "listbox",
+              "aria-label": a.ariaLabel || "图标列表"
+            }, [
+              (d(!0), f(te, null, re(u.value, (o, c) => (d(), f("div", {
+                id: ee(o.name),
+                key: o.name,
+                ref_for: !0,
+                ref: (w) => Z(w, c),
+                class: ie(["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": y.value.canonicalName === o.name ? "true" : "false",
+                tabindex: r.value === c ? 0 : -1,
+                onClick: (w) => $(o),
+                onFocus: (w) => r.value = c,
+                onKeydown: [
+                  R(C((w) => $(o), ["prevent"]), ["enter"]),
+                  R(C((w) => $(o), ["prevent"]), ["space"])
+                ]
+              }, [
+                P(q(D), {
+                  name: o.name,
+                  size: 18,
+                  "aria-hidden": "true"
+                }, null, 8, ["name"]),
+                I("span", Ie, O(o.label || o.name), 1)
+              ], 42, qe))), 128))
+            ], 8, we)) : (d(), f("div", Ce, [
+              ce(e.$slots, "empty", {}, () => [
+                ue(O(a.emptyText), 1)
+              ])
+            ]))
+          ], 40, be)) : U("", !0)
+        ]),
+        _: 3
+      }, 8, ["open", "trigger", "width", "disabled"])
+    ]));
+  }
+});
+export {
+  Ne as _
+};

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

@@ -0,0 +1 @@
+"use strict";const t=require("vue"),P=require("element-plus"),K=1e3,O=t.defineComponent({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},disabled:{type:Boolean,default:!1},open:{type:Boolean,default:void 0}},emits:["update:open","open-change","open","close"],setup(r,{expose:B,emit:E}){const n=r,d=E,i=t.computed(()=>n.open!==void 0),v=i.value&&n.open===!0&&!n.disabled,f=t.ref(v),u=t.ref(v),h=t.ref(v),a=t.ref(null),y=t.computed(()=>n.disabled?!1:i.value?n.open===!0:f.value);let o,c=!1,s;const b=t.computed(()=>typeof n.width=="number"?`${n.width}px`:n.width),T=t.computed(()=>({"--qy-popover-width":b.value,"--qy-popover-mobile-gutter":"24px"})),m=t.useSlots(),q=t.computed(()=>{var e;return((e=m.reference)==null?void 0:e.call(m))??[]});function w(){o&&(clearTimeout(o),o=void 0),a.value=null}function C(e){o&&clearTimeout(o),o=setTimeout(()=>{o=void 0,a.value===e&&(a.value=null)},K)}function l(){if(c)return;const e=y.value;u.value!==e&&(c=!0,s=e,u.value=e)}function p(e){if(!(e&&n.disabled)){if(!i.value){if(f.value===e)return;f.value=e,d("update:open",e),l();return}a.value!==e&&(a.value===null&&n.open===e||(a.value=e,e?C(e):o&&(clearTimeout(o),o=void 0),d("update:open",e),l()))}}function g(e){e===u.value&&(!c||s!==e||(c=!1,s=void 0,e!==h.value&&(h.value=e,a.value===e&&w(),d("open-change",e),d(e?"open":"close"),l())))}function L(e){p(e),l()}function N(){g(!0)}function S(){g(!1)}function W(){p(!1)}function k(e){e.key!=="Escape"&&e.code!=="Escape"||u.value&&(e.preventDefault(),p(!1),l())}return t.watch(y,()=>l()),t.watch(i,e=>{w(),e?f.value=n.open===!0:f.value=u.value,l()}),t.watch(()=>n.open,(e,A)=>{!i.value||a.value===null||(e===a.value||e!==A)&&w()}),t.watch(()=>n.disabled,e=>{e?p(!1):l()}),t.onBeforeUnmount(()=>{window.removeEventListener("keydown",k),c=!1,s=void 0,o&&clearTimeout(o)}),t.onMounted(()=>{window.addEventListener("keydown",k)}),B({close:W}),(e,A)=>(t.openBlock(),t.createBlock(t.unref(P.ElPopover),{visible:u.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,disabled:r.disabled,enterable:!0,"popper-style":T.value,"popper-class":"qy-popover-popper","onUpdate:visible":L,onAfterEnter:N,onAfterLeave:S},{reference:t.withCtx(()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(q.value,(D,I)=>(t.openBlock(),t.createBlock(t.resolveDynamicComponent(D),{key:D.key??I}))),128))]),default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},8,["visible","trigger","placement","effect","width","offset","show-after","hide-after","show-arrow","disabled","popper-style"]))}});exports._sfc_main=O;

package/index.d.ts

@@ -18,6 +18,14 @@ import type QyTabsComponent from './qy-tabs'
 import type QyTabPaneComponent from './qy-tab-pane'
 import type QyStepsComponent from './qy-steps'
 import type QyStepComponent from './qy-step'
+import type QyFullscreenComponent from './qy-fullscreen'
+import type QyIconComponent from './qy-icon'
+import type QyIconPickerComponent from './qy-icon-picker'
+import type QyRowComponent from './qy-row'
+import type QyColComponent from './qy-col'
+import type QyContainerComponent from './qy-container'
+import type QyAsideComponent from './qy-aside'
+import type QyMainComponent from './qy-main'
 import type QyDescriptionsComponent from './qy-descriptions'
 import type QyDescriptionsItemComponent from './qy-descriptions-item'
 import type QyCollapseComponent from './qy-collapse'
@@ -29,6 +37,7 @@ import type QyAlertComponent from './qy-alert'
 import type QyCardComponent from './qy-card'
 import type QyScrollbarComponent from './qy-scrollbar'
 import type QyProgressComponent from './qy-progress'
+import type QyStatisticComponent from './qy-statistic'
 import type QyAvatarComponent from './qy-avatar'
 import type QyTreeComponent from './qy-tree'
 import type QyInputComponent from './qy-input'
@@ -204,6 +213,74 @@ export type {
   QyStepProps,
   QyStepSlots
 } from './qy-step'
+export type {
+  QyIconAlias,
+  QyIconAliases,
+  QyIconAttrs,
+  QyIconDefinition,
+  QyIconDefinitionInput,
+  QyIconFallbackSlotProps,
+  QyIconProps,
+  QyIconRegistry,
+  QyIconRegistryOptions,
+  QyIconSlots,
+  QyIconSource
+} from './qy-icon'
+export type {
+  QyFullscreenAction,
+  QyFullscreenEmits,
+  QyFullscreenErrorCode,
+  QyFullscreenErrorSnapshot,
+  QyFullscreenExposed,
+  QyFullscreenProps,
+  QyFullscreenSize,
+  QyFullscreenSlots
+} from './qy-fullscreen'
+export type {
+  QyIconPickerEmits,
+  QyIconPickerExposed,
+  QyIconPickerModelValue,
+  QyIconPickerProps,
+  QyIconPickerSize,
+  QyIconPickerSlots
+} from './qy-icon-picker'
+export {
+  QY_ICON_REGISTRY_KEY,
+  createQyIconPlugin,
+  createQyIconRegistry,
+  mergeQyIconRegistries,
+  normalizeQyIconName
+} from './qy-icon'
+export type {
+  QyRowAlign,
+  QyRowAttrs,
+  QyRowJustify,
+  QyRowProps,
+  QyRowSlots
+} from './qy-row'
+export type {
+  QyColAttrs,
+  QyColProps,
+  QyColSize,
+  QyColSizeObject,
+  QyColSlots
+} from './qy-col'
+export type {
+  QyContainerAttrs,
+  QyContainerDirection,
+  QyContainerProps,
+  QyContainerSlots
+} from './qy-container'
+export type {
+  QyAsideAttrs,
+  QyAsideProps,
+  QyAsideSlots
+} from './qy-aside'
+export type {
+  QyMainAttrs,
+  QyMainProps,
+  QyMainSlots
+} from './qy-main'
 export type {
   QyDescriptionsDirection,
   QyDescriptionsEmits,
@@ -288,6 +365,12 @@ export type {
   QyProgressStrokeLinecap,
   QyProgressType
 } from './qy-progress'
+export type {
+  QyStatisticAttrs,
+  QyStatisticFormatter,
+  QyStatisticProps,
+  QyStatisticSlots
+} from './qy-statistic'
 export type {
   QyAvatarAttrs,
   QyAvatarEmits,
@@ -371,6 +454,14 @@ export const QyTabs: typeof QyTabsComponent
 export const QyTabPane: typeof QyTabPaneComponent
 export const QySteps: typeof QyStepsComponent
 export const QyStep: typeof QyStepComponent
+export const QyFullscreen: typeof QyFullscreenComponent
+export const QyIcon: typeof QyIconComponent
+export const QyIconPicker: typeof QyIconPickerComponent
+export const QyRow: typeof QyRowComponent
+export const QyCol: typeof QyColComponent
+export const QyContainer: typeof QyContainerComponent
+export const QyAside: typeof QyAsideComponent
+export const QyMain: typeof QyMainComponent
 export const QyDescriptions: typeof QyDescriptionsComponent
 export const QyDescriptionsItem: typeof QyDescriptionsItemComponent
 export const QyCollapse: typeof QyCollapseComponent
@@ -382,6 +473,7 @@ export const QyAlert: typeof QyAlertComponent
 export const QyCard: typeof QyCardComponent
 export const QyScrollbar: typeof QyScrollbarComponent
 export const QyProgress: typeof QyProgressComponent
+export const QyStatistic: typeof QyStatisticComponent
 export const QyAvatar: typeof QyAvatarComponent
 export const QyTree: typeof QyTreeComponent
 export const QyRemarkImage: Plugin
@@ -442,6 +534,14 @@ declare const _default: Plugin & {
   QyTabPane: typeof QyTabPaneComponent
   QySteps: typeof QyStepsComponent
   QyStep: typeof QyStepComponent
+  QyFullscreen: typeof QyFullscreenComponent
+  QyIcon: typeof QyIconComponent
+  QyIconPicker: typeof QyIconPickerComponent
+  QyRow: typeof QyRowComponent
+  QyCol: typeof QyColComponent
+  QyContainer: typeof QyContainerComponent
+  QyAside: typeof QyAsideComponent
+  QyMain: typeof QyMainComponent
   QyDescriptions: typeof QyDescriptionsComponent
   QyDescriptionsItem: typeof QyDescriptionsItemComponent
   QyCollapse: typeof QyCollapseComponent
@@ -453,6 +553,7 @@ declare const _default: Plugin & {
   QyCard: typeof QyCardComponent
   QyScrollbar: typeof QyScrollbarComponent
   QyProgress: typeof QyProgressComponent
+  QyStatistic: typeof QyStatisticComponent
   QyAvatar: typeof QyAvatarComponent
   QyTree: typeof QyTreeComponent
   QyRemarkImage: typeof QyRemarkImage