@qynpm/ui 1.0.36 → 1.0.37

package/dist/shared/index-Dm8kY2v6.mjs

@@ -0,0 +1,285 @@
+import { defineComponent as D, useAttrs as q, useSlots as B, inject as V, computed as y, markRaw as M, toRaw as F, ref as W, watchEffect as O, openBlock as I, createElementBlock as _, mergeProps as Y, unref as Q, createBlock as A, resolveDynamicComponent as N, createElementVNode as Z, normalizeClass as G, renderSlot as H, normalizeProps as J, guardReactiveProps as U, createCommentVNode as X } from "vue";
+import { _ as ee } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+const R = Symbol("QyIconRegistry"), E = /* @__PURE__ */ new WeakMap();
+function C(e) {
+  const r = [], o = /* @__PURE__ */ new Map();
+  for (const s of (e == null ? void 0 : e.icons) ?? []) {
+    const n = w(s == null ? void 0 : s.name);
+    if (!n)
+      throw new Error("QyIcon definition name must not be empty.");
+    const a = b(n);
+    if (o.has(a))
+      throw new Error(`Duplicate icon name "${n}".`);
+    const i = re(s, n);
+    r.push(i), o.set(a, i);
+  }
+  const c = [], f = /* @__PURE__ */ new Map();
+  for (const s of x(e == null ? void 0 : e.aliases)) {
+    const n = w(s.name), a = w(s.target), i = b(n), v = b(a);
+    if (!n)
+      throw new Error("QyIcon alias name must not be empty.");
+    if (!a)
+      throw new Error(`QyIcon alias "${n}" target must not be empty.`);
+    if (o.has(i))
+      throw new Error(`Icon alias "${n}" conflicts with a canonical icon name.`);
+    if (f.has(i))
+      throw new Error(`Duplicate icon alias "${n}".`);
+    const p = o.get(v);
+    if (!p)
+      throw new Error(`Icon alias "${n}" target "${a}" not found.`);
+    f.set(i, b(p.name)), c.push(Object.freeze({ name: n, target: p.name }));
+  }
+  let l = Object.freeze({
+    definitions: Object.freeze(r),
+    aliases: Object.freeze(c),
+    byName: o,
+    aliasTargets: f
+  }), m, u = !1;
+  const d = () => {
+    if (!e.loader) return m ?? (m = Promise.resolve());
+    u = !1;
+    let s;
+    try {
+      s = e.loader();
+    } catch (n) {
+      s = Promise.reject(n);
+    }
+    return m = Promise.resolve(s).then((n) => {
+      let a;
+      try {
+        a = C({
+          icons: [...l.definitions, ...n.icons],
+          aliases: [...l.aliases, ...x(n.aliases)]
+        });
+      } catch (i) {
+        const v = i instanceof Error ? i.message : String(i);
+        throw new Error(`Icon registry load conflict: ${v}`);
+      }
+      l = E.get(a), E.set(h, l);
+    }).catch((n) => {
+      throw u = !0, n;
+    }), m;
+  }, h = Object.freeze({
+    resolve(s) {
+      const n = b(w(s)), a = l.aliasTargets.get(n) ?? n, i = l.byName.get(a);
+      return i ? P(i) : void 0;
+    },
+    has(s) {
+      const n = b(w(s));
+      return l.byName.has(l.aliasTargets.get(n) ?? n);
+    },
+    list() {
+      return Object.freeze(l.definitions.map(P));
+    },
+    load() {
+      return m ?? d();
+    },
+    retry() {
+      return u ? d() : Promise.reject(new Error("QyIcon registry retry is only available after a failed load."));
+    }
+  });
+  return E.set(h, l), h;
+}
+function ue(...e) {
+  const r = [], o = [];
+  for (const c of e) {
+    const f = E.get(c);
+    if (!f)
+      throw new TypeError("mergeQyIconRegistries accepts only QyIcon registries created by this package.");
+    r.push(...f.definitions), o.push(...f.aliases);
+  }
+  try {
+    return C({ icons: r, aliases: o });
+  } catch (c) {
+    const f = c instanceof Error ? c.message : String(c);
+    throw new Error(`Icon registry merge conflict: ${f}`);
+  }
+}
+function fe(e) {
+  if (!E.has(e))
+    throw new TypeError("createQyIconPlugin accepts only a QyIcon registry created by this package.");
+  return Object.freeze({
+    install(r) {
+      r.provide(R, e);
+    }
+  });
+}
+function w(e) {
+  const r = typeof e == "string" || typeof e == "number" ? String(e).trim() : "";
+  if (!r) return "";
+  const o = /^#icon-(.+)$/i.exec(r);
+  if (o) return o[1].trim();
+  const c = /^icon-\[([^\[\]]+?)--([^\[\]]+?)\]$/i.exec(r);
+  return c ? `iconify:${c[1]}:${c[2]}` : r;
+}
+function b(e) {
+  return e.toLocaleLowerCase();
+}
+function x(e) {
+  return e ? Array.isArray(e) ? [...e] : Object.entries(e).map(([r, o]) => ({ name: r, target: o })) : [];
+}
+function re(e, r) {
+  const o = {
+    ...e.label === void 0 ? {} : { label: te(e.label, r) },
+    ...e.keywords === void 0 ? {} : { keywords: oe(e.keywords, r) }
+  };
+  switch (e.source) {
+    case "symbol":
+      return z({
+        name: r,
+        source: "symbol",
+        value: k("symbol", e.value, r),
+        ...o
+      });
+    case "component":
+      return z({
+        name: r,
+        source: "component",
+        value: k("component", e.value, r),
+        ...o
+      });
+    case "class":
+      return z({
+        name: r,
+        source: "class",
+        value: k("class", e.value, r),
+        ...o
+      });
+    default:
+      throw new Error(`QyIcon definition "${r}" has unsupported source "${String(e.source)}".`);
+  }
+}
+function k(e, r, o) {
+  if (e === "symbol") {
+    if (typeof r != "string" || !/^#[^\s#]+$/.test(r))
+      throw new Error(`QyIcon symbol "${o}" must be a same-document #fragment.`);
+    return r;
+  }
+  if (e === "component") {
+    if (typeof r != "object" && typeof r != "function" || r === null)
+      throw new Error(`QyIcon component "${o}" must be a Vue component.`);
+    return r;
+  }
+  if (e !== "class")
+    throw new Error(`QyIcon definition "${o}" has unsupported source "${String(e)}".`);
+  if (typeof r != "string" || !r.trim() || !/^[A-Za-z0-9_:.\/\[\]%-]+(?:\s+[A-Za-z0-9_:.\/\[\]%-]+)*$/.test(r.trim()))
+    throw new Error(`QyIcon class "${o}" must be a trusted static class string.`);
+  return r.trim();
+}
+function te(e, r) {
+  if (typeof e != "string")
+    throw new Error(`QyIcon label "${r}" must be a string.`);
+  return e;
+}
+function oe(e, r) {
+  if (!Array.isArray(e) || e.some((o) => typeof o != "string"))
+    throw new Error(`QyIcon keywords "${r}" must be strings.`);
+  return Object.freeze([...e]);
+}
+function z(e) {
+  return e.keywords && !Object.isFrozen(e.keywords) && (e = { ...e, keywords: Object.freeze([...e.keywords]) }), Object.freeze(e);
+}
+function P(e) {
+  return z({
+    ...e,
+    ...e.keywords ? { keywords: [...e.keywords] } : {}
+  });
+}
+const ne = ["role", "aria-label", "aria-hidden", "data-qy-icon-missing"], se = {
+  key: 1,
+  "aria-hidden": "true",
+  focusable: "false"
+}, ae = ["href", "xlink:href"], ie = /* @__PURE__ */ D({
+  name: "QyIcon",
+  inheritAttrs: !1,
+  __name: "index",
+  props: {
+    name: {},
+    icon: {},
+    size: { default: "1em" },
+    color: { default: "currentColor" },
+    spin: { type: Boolean, default: !1 },
+    label: {}
+  },
+  setup(e) {
+    const r = e, o = q(), c = B(), f = V(R, null), l = y(
+      () => r.icon ? M(F(r.icon)) : void 0
+    ), m = y(
+      () => r.name === void 0 || r.name === null ? "" : w(r.name)
+    ), u = y(() => {
+      if (!(r.icon || !f || !m.value))
+        return f.resolve(m.value);
+    }), d = W(null), h = y(() => !!(!r.icon && m.value && !u.value)), s = y(() => {
+      const t = typeof r.label == "string" ? r.label.trim() : "";
+      if (t) return t;
+      const g = o["aria-label"];
+      return L(g) ? String(g) : "";
+    }), n = y(() => s.value ? "img" : o.role), a = y(() => K(r.size)), i = y(() => ({
+      width: a.value,
+      height: a.value,
+      fontSize: a.value,
+      color: r.color || "currentColor"
+    })), v = y(() => {
+      const t = {};
+      for (const [g, $] of Object.entries(o))
+        T(g) && (t[g] = $);
+      return t;
+    }), p = y(() => Object.freeze({ name: m.value }));
+    O(() => {
+      const t = u.value;
+      d.value && (t == null ? void 0 : t.source) === "symbol" && (d.value.setAttributeNS(
+        "http://www.w3.org/1999/xlink",
+        "xlink:href",
+        t.value
+      ), d.value.setAttribute("xlink:href", t.value));
+    }), O(() => {
+    });
+    function K(t) {
+      return typeof t == "number" ? Number.isFinite(t) && t > 0 ? `${t}px` : "1em" : t.trim() || "1em";
+    }
+    function L(t) {
+      return typeof t == "string" ? t.trim().length > 0 : t != null && t !== !1;
+    }
+    function T(t) {
+      return t !== "class" && t !== "style" && t !== "role" && t !== "aria-label" && t !== "aria-hidden" && t !== "data-qy-icon-missing" && (t === "id" || t === "title" || t.startsWith("data-") || t.startsWith("aria-"));
+    }
+    return (t, g) => {
+      var $, S, j;
+      return I(), _("span", Y(v.value, {
+        class: ["qy-icon", [Q(o).class, { "is-spin": r.spin }]],
+        style: [Q(o).style, i.value],
+        role: n.value,
+        "aria-label": s.value || void 0,
+        "aria-hidden": s.value ? void 0 : "true",
+        "data-qy-icon-missing": h.value ? m.value : void 0
+      }), [
+        l.value ? (I(), A(N(l.value), {
+          key: 0,
+          "aria-hidden": "true"
+        })) : (($ = u.value) == null ? void 0 : $.source) === "symbol" ? (I(), _("svg", se, [
+          Z("use", {
+            ref_key: "symbolElement",
+            ref: d,
+            href: u.value.value,
+            "xlink:href": u.value.value
+          }, null, 8, ae)
+        ])) : ((S = u.value) == null ? void 0 : S.source) === "component" ? (I(), A(N(u.value.value), {
+          key: 2,
+          "aria-hidden": "true"
+        })) : ((j = u.value) == null ? void 0 : j.source) === "class" ? (I(), _("span", {
+          key: 3,
+          class: G(["qy-icon__class", u.value.value]),
+          "aria-hidden": "true"
+        }, null, 2)) : h.value && Q(c).fallback ? H(t.$slots, "fallback", J(U(p.value)), void 0, !0, 4) : X("", !0)
+      ], 16, ne);
+    };
+  }
+}), me = /* @__PURE__ */ ee(ie, [["__scopeId", "data-v-e4e9c6ae"]]);
+export {
+  me as I,
+  R as Q,
+  C as a,
+  fe as c,
+  ue as m,
+  w as n
+};

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

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

package/dist/shared/index.vue_vue_type_style_index_0_lang-Dr9Elmzn.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-BF6f9QDU.mjs";
+import { Q as G } from "./index-JjHutKmT.mjs";
+import { QyPopover as he } from "../qy-popover/index.mjs";
+import { n as _e, Q as ke } from "./index-Dm8kY2v6.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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qynpm/ui",
-  "version": "1.0.36",
+  "version": "1.0.37",
   "description": "起印公共 UI 组件包。",
   "author": "qy",
   "license": "MIT",
@@ -456,7 +456,7 @@
     "clsx": ">=2.0.0"
   },
   "dependencies": {
-    "@qynpm/hooks": "^1.0.4",
+    "@qynpm/hooks": "^1.0.6",
     "js-cookie": "^3.0.5",
     "lodash-es": "^4.17.21",
     "mitt": "^3.0.1"
@@ -477,7 +477,8 @@
     "unplugin-vue-components": "^0.27.0",
     "vite": "^5.0.0",
     "vite-plugin-css-injected-by-js": "^3.5.2",
-    "vitest": "^3.2.2"
+    "vitest": "^3.2.2",
+    "@qynpm/hooks": "1.0.6"
   },
   "scripts": {
     "dev": "vite",

package/qy-icon/index.d.ts

@@ -57,16 +57,19 @@ export type QyIconAliases =
   | Readonly<Record<string, string | number>>
   | readonly QyIconAlias[]
 
-export type QyIconRegistryOptions = Readonly<{
-  icons: readonly QyIconDefinitionInput[]
-  aliases?: QyIconAliases
-}>
+export type QyIconRegistryOptions = Readonly<{
+  icons: readonly QyIconDefinitionInput[]
+  aliases?: QyIconAliases
+  loader?: () => Promise<QyIconRegistryOptions>
+}>
 
 export interface QyIconRegistry {
   resolve(name: string | number): QyIconDefinition | undefined
   has(name: string | number): boolean
-  list(): readonly QyIconDefinition[]
-}
+  list(): readonly QyIconDefinition[]
+  load(): Promise<void>
+  retry(): Promise<void>
+}
 
 export interface QyIconAttrs {
   class?: string