@qynpm/ui 1.0.35 → 1.0.37

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

@@ -0,0 +1,148 @@
+import { defineComponent as I, useAttrs as L, computed as P, ref as c, onMounted as z, onBeforeUnmount as M, openBlock as N, createBlock as S, unref as k, mergeProps as A, createSlots as T, withCtx as s, renderSlot as d } from "vue";
+import { ElInputNumber as U } from "element-plus";
+const F = /* @__PURE__ */ I({
+  name: "QyInputNumber",
+  inheritAttrs: !1,
+  __name: "index",
+  props: {
+    id: {},
+    step: { default: 1 },
+    stepStrictly: { type: Boolean, default: !1 },
+    max: { default: void 0 },
+    min: { default: void 0 },
+    modelValue: { default: void 0 },
+    readonly: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    size: { default: void 0 },
+    controls: { type: Boolean, default: !0 },
+    controlsPosition: { default: "" },
+    valueOnClear: { default: null },
+    name: {},
+    placeholder: { default: "请输入数字" },
+    precision: { default: void 0 },
+    validateEvent: { type: Boolean },
+    ariaLabel: {}
+  },
+  emits: ["update:modelValue", "input", "change", "focus", "blur"],
+  setup(n, { expose: p, emit: b }) {
+    const t = n, o = b, h = L(), y = P(
+      () => Object.fromEntries(
+        Object.entries(h).filter(
+          ([e]) => e === "class" || e === "style" || e === "title" || e === "role" || e.startsWith("data-") || e.startsWith("aria-")
+        )
+      )
+    ), i = c(null), l = c(!1), f = c(t.modelValue);
+    function g() {
+      return t.valueOnClear === "min" ? t.min : t.valueOnClear === "max" ? t.max : t.valueOnClear;
+    }
+    function u(e = !1) {
+      var r, v;
+      if (!l.value) return;
+      l.value = !1;
+      const a = g();
+      o("update:modelValue", a), o("change", a, f.value), e && ((v = (r = i.value) == null ? void 0 : r.blur) == null || v.call(r));
+    }
+    function C(e) {
+      e === null && t.valueOnClear !== null && (l.value = !0, f.value = t.modelValue), o("update:modelValue", e);
+    }
+    function V(e) {
+      o("input", e);
+    }
+    function B(e, a) {
+      if (l.value && e === null) {
+        u();
+        return;
+      }
+      l.value = !1, o("change", e, a);
+    }
+    function O(e) {
+      o("focus", e);
+    }
+    function x(e) {
+      l.value && e.target instanceof HTMLInputElement && e.target.value === "" && u(), o("blur", e);
+    }
+    function E(e) {
+      l.value && e.key === "Tab" && e.target instanceof HTMLInputElement && e.target.value === "" && u(!0);
+    }
+    function m(e) {
+      const a = e.target;
+      l.value && a instanceof Element && !a.closest(".qy-input-number") && u(!0);
+    }
+    function $() {
+      var e, a;
+      (a = (e = i.value) == null ? void 0 : e.focus) == null || a.call(e);
+    }
+    function w() {
+      var e, a;
+      (a = (e = i.value) == null ? void 0 : e.blur) == null || a.call(e);
+    }
+    return p({
+      focus: $,
+      blur: w
+    }), z(() => {
+      document.addEventListener("pointerdown", m, !0);
+    }), M(() => {
+      document.removeEventListener("pointerdown", m, !0);
+    }), (e, a) => (N(), S(k(U), A({
+      ref_key: "inputNumberRef",
+      ref: i
+    }, y.value, {
+      class: "qy-input-number",
+      "model-value": n.modelValue,
+      min: n.min,
+      max: n.max,
+      step: n.step,
+      "step-strictly": n.stepStrictly,
+      precision: n.precision,
+      controls: n.controls,
+      "controls-position": n.controlsPosition,
+      placeholder: n.placeholder,
+      disabled: n.disabled,
+      readonly: n.readonly,
+      size: n.size,
+      "value-on-clear": n.valueOnClear,
+      "validate-event": n.validateEvent,
+      id: n.id,
+      name: n.name,
+      "aria-label": n.ariaLabel,
+      "onUpdate:modelValue": C,
+      onInput: V,
+      onChange: B,
+      onFocus: O,
+      onBlur: x,
+      onKeydownCapture: E
+    }), T({ _: 2 }, [
+      e.$slots.prefix ? {
+        name: "prefix",
+        fn: s(() => [
+          d(e.$slots, "prefix")
+        ]),
+        key: "0"
+      } : void 0,
+      e.$slots.suffix ? {
+        name: "suffix",
+        fn: s(() => [
+          d(e.$slots, "suffix")
+        ]),
+        key: "1"
+      } : void 0,
+      e.$slots["increase-icon"] ? {
+        name: "increase-icon",
+        fn: s(() => [
+          d(e.$slots, "increase-icon")
+        ]),
+        key: "2"
+      } : void 0,
+      e.$slots["decrease-icon"] ? {
+        name: "decrease-icon",
+        fn: s(() => [
+          d(e.$slots, "decrease-icon")
+        ]),
+        key: "3"
+      } : void 0
+    ]), 1040, ["model-value", "min", "max", "step", "step-strictly", "precision", "controls", "controls-position", "placeholder", "disabled", "readonly", "size", "value-on-clear", "validate-event", "id", "name", "aria-label"]));
+  }
+});
+export {
+  F as _
+};

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-DVXf-yUs.cjs

@@ -0,0 +1 @@
+"use strict";const n=require("vue"),E=require("element-plus"),$=n.defineComponent({name:"QyInputNumber",inheritAttrs:!1,__name:"index",props:{id:{},step:{default:1},stepStrictly:{type:Boolean,default:!1},max:{default:void 0},min:{default:void 0},modelValue:{default:void 0},readonly:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},size:{default:void 0},controls:{type:Boolean,default:!0},controlsPosition:{default:""},valueOnClear:{default:null},name:{},placeholder:{default:"请输入数字"},precision:{default:void 0},validateEvent:{type:Boolean},ariaLabel:{}},emits:["update:modelValue","input","change","focus","blur"],setup(t,{expose:m,emit:v}){const a=t,i=v,p=n.useAttrs(),h=n.computed(()=>Object.fromEntries(Object.entries(p).filter(([e])=>e==="class"||e==="style"||e==="title"||e==="role"||e.startsWith("data-")||e.startsWith("aria-")))),u=n.ref(null),o=n.ref(!1),d=n.ref(a.modelValue);function b(){return a.valueOnClear==="min"?a.min:a.valueOnClear==="max"?a.max:a.valueOnClear}function r(e=!1){var s,f;if(!o.value)return;o.value=!1;const l=b();i("update:modelValue",l),i("change",l,d.value),e&&((f=(s=u.value)==null?void 0:s.blur)==null||f.call(s))}function y(e){e===null&&a.valueOnClear!==null&&(o.value=!0,d.value=a.modelValue),i("update:modelValue",e)}function C(e){i("input",e)}function g(e,l){if(o.value&&e===null){r();return}o.value=!1,i("change",e,l)}function x(e){i("focus",e)}function V(e){o.value&&e.target instanceof HTMLInputElement&&e.target.value===""&&r(),i("blur",e)}function B(e){o.value&&e.key==="Tab"&&e.target instanceof HTMLInputElement&&e.target.value===""&&r(!0)}function c(e){const l=e.target;o.value&&l instanceof Element&&!l.closest(".qy-input-number")&&r(!0)}function O(){var e,l;(l=(e=u.value)==null?void 0:e.focus)==null||l.call(e)}function w(){var e,l;(l=(e=u.value)==null?void 0:e.blur)==null||l.call(e)}return m({focus:O,blur:w}),n.onMounted(()=>{document.addEventListener("pointerdown",c,!0)}),n.onBeforeUnmount(()=>{document.removeEventListener("pointerdown",c,!0)}),(e,l)=>(n.openBlock(),n.createBlock(n.unref(E.ElInputNumber),n.mergeProps({ref_key:"inputNumberRef",ref:u},h.value,{class:"qy-input-number","model-value":t.modelValue,min:t.min,max:t.max,step:t.step,"step-strictly":t.stepStrictly,precision:t.precision,controls:t.controls,"controls-position":t.controlsPosition,placeholder:t.placeholder,disabled:t.disabled,readonly:t.readonly,size:t.size,"value-on-clear":t.valueOnClear,"validate-event":t.validateEvent,id:t.id,name:t.name,"aria-label":t.ariaLabel,"onUpdate:modelValue":y,onInput:C,onChange:g,onFocus:x,onBlur:V,onKeydownCapture:B}),n.createSlots({_:2},[e.$slots.prefix?{name:"prefix",fn:n.withCtx(()=>[n.renderSlot(e.$slots,"prefix")]),key:"0"}:void 0,e.$slots.suffix?{name:"suffix",fn:n.withCtx(()=>[n.renderSlot(e.$slots,"suffix")]),key:"1"}:void 0,e.$slots["increase-icon"]?{name:"increase-icon",fn:n.withCtx(()=>[n.renderSlot(e.$slots,"increase-icon")]),key:"2"}:void 0,e.$slots["decrease-icon"]?{name:"decrease-icon",fn:n.withCtx(()=>[n.renderSlot(e.$slots,"decrease-icon")]),key:"3"}:void 0]),1040,["model-value","min","max","step","step-strictly","precision","controls","controls-position","placeholder","disabled","readonly","size","value-on-clear","validate-event","id","name","aria-label"]))}});exports._sfc_main=$;

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/index.d.ts

@@ -1,4 +1,6 @@
-import type { App, Plugin } from 'vue'
+import type { App, Plugin } from 'vue'
+import type QyUploadComponent from './qy-upload'
+import type QyImageUploadComponent from './qy-image-upload'
 import type QyFilePickerComponent from './qy-file-picker'
 import type QyCheckboxComponent from './qy-checkbox'
 import type QyCheckboxGroupComponent from './qy-checkbox-group'
@@ -47,29 +49,60 @@ 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'
-import type QyDatePickerComponent from './qy-date-picker'
+import type QyInputComponent from './qy-input'
+import type QyInputTagComponent from './qy-input-tag'
+import type QyInputNumberComponent from './qy-input-number'
+import type QyDatePickerComponent from './qy-date-picker'
+import type QyMoneyInputComponent from './qy-money-input'
 
 export type {
   QyInputNumberClearValue,
   QyInputNumberControlsPosition,
-  QyInputNumberEmits,
-  QyInputNumberExposed,
-  QyInputNumberProps,
-  QyInputNumberSize,
-  QyInputNumberValue
-} from './qy-input-number'
+  QyInputNumberEmits,
+  QyInputNumberExposed,
+  QyInputNumberProps,
+  QyInputNumberSize,
+  QyInputNumberSlots,
+  QyInputNumberValue
+} from './qy-input-number'
 
-export type {
-  QyInputEmits,
-  QyInputExposed,
-  QyInputModelValue,
-  QyInputProps,
-  QyInputSize,
-  QyInputTrimMode,
+export type {
+  QyInputAutoSize,
+  QyInputEmits,
+  QyInputExposed,
+  QyInputIcon,
+  QyInputInputMode,
+  QyInputModelValue,
+  QyInputModelModifiers,
+  QyInputProps,
+  QyInputSize,
+  QyInputStyle,
+  QyInputTrimMode,
   QyInputType,
   QyInputValue
-} from './qy-input'
+} from './qy-input'
+
+export type {
+  QyInputTagEffect,
+  QyInputTagEmits,
+  QyInputTagExposed,
+  QyInputTagModelValue,
+  QyInputTagProps,
+  QyInputTagSize,
+  QyInputTagSlots,
+  QyInputTagTone,
+  QyInputTagTrigger
+} from './qy-input-tag'
+
+export type {
+  QyMoneyInputEmits,
+  QyMoneyInputExposed,
+  QyMoneyInputFormatTrigger,
+  QyMoneyInputProps,
+  QyMoneyInputSize,
+  QyMoneyInputSlots,
+  QyMoneyInputValue
+} from './qy-money-input'
 
 export type {
   QyFilePickerExposed,
@@ -348,6 +381,27 @@ export type {
   QyCollapseItemProps,
   QyCollapseItemSlots
 } from './qy-collapse-item'
+export type {
+  QyUploadEmits,
+  QyUploadExposed,
+  QyUploadInvalidCode,
+  QyUploadInvalidDetail,
+  QyUploadProps,
+  QyUploadRequest,
+  QyUploadRequestContext,
+  QyUploadResult,
+  QyUploadValue,
+  QyUploadValueFormat,
+  QyUploadVariant
+} from './qy-upload'
+
+export type {
+  QyImageUploadEmits,
+  QyImageUploadExposed,
+  QyImageUploadMode,
+  QyImageUploadProps
+} from './qy-image-upload'
+
 export type {
   QyLinkAttrs,
   QyLinkEmits,
@@ -473,16 +527,17 @@ export type {
 } from './qy-date-picker'
 
 // 根入口类型声明，对应 @qynpm/ui 的命名导出和 app.use(QyUI) 整包注册。
-export const QyUpload: Plugin
+export const QyUpload: typeof QyUploadComponent
 export const QyImage: Plugin
 export const QyImagePreview: Plugin
-export const QyImageUpload: Plugin
+export const QyImageUpload: typeof QyImageUploadComponent
 export const QyDialog: typeof QyDialogComponent
 export const QyButton: Plugin
 export const QyDropdown: Plugin
-export const QyInput: typeof QyInputComponent
-export { QyInputNumber } from './qy-input-number'
-export const QyMoneyInput: Plugin
+export const QyInput: typeof QyInputComponent
+export const QyInputTag: typeof QyInputTagComponent
+export { QyInputNumber } from './qy-input-number'
+export const QyMoneyInput: typeof QyMoneyInputComponent
 export const QyDatePicker: typeof QyDatePickerComponent
 export const QyCheckbox: typeof QyCheckboxComponent
 export const QyCheckboxGroup: typeof QyCheckboxGroupComponent
@@ -500,7 +555,8 @@ export const QySelectionDialog: Plugin
 export const QyLegacySelectionDialog: Plugin
 export const QyFormSection: Plugin
 export const QyActionBar: Plugin
-export const QyFilePicker: typeof QyFilePickerComponent
+/** @deprecated 请使用 QyUpload 的本地选择模式。 */
+export const QyFilePicker: typeof QyFilePickerComponent
 export const QySwitch: typeof QySwitchComponent
 export const QyTag: typeof QyTagComponent
 export const QyBadge: typeof QyBadgeComponent
@@ -569,8 +625,9 @@ declare const _default: Plugin & {
   QyDialog: typeof QyDialog
   QyButton: typeof QyButton
   QyDropdown: typeof QyDropdown
-  QyInput: typeof QyInput
-  QyInputNumber: typeof QyInputNumber
+  QyInput: typeof QyInput
+  QyInputTag: typeof QyInputTagComponent
+  QyInputNumber: typeof QyInputNumberComponent
   QyMoneyInput: typeof QyMoneyInput
   QyDatePicker: typeof QyDatePickerComponent
   QyCheckbox: typeof QyCheckbox