@axin666/ai-ui 0.1.9 → 0.1.12

package/README.md

@@ -13,10 +13,10 @@
 
 ```bash
 # npm
-npm install ai-ui
+npm install @axin666/ai-ui
 
 # pnpm
-pnpm add ai-ui
+pnpm add @axin666/ai-ui
 ```
 
 ## 🔨 使用
@@ -25,8 +25,8 @@ pnpm add ai-ui
 
 ```ts
 import { createApp } from 'vue'
-import AiUI from '@ai-ui'
-import '@ai-ui/theme/index.scss'
+import AiUI from '@axin666/ai-ui'
+import '@axin666/ai-ui/dist/style.css'
 import App from './App.vue'
 
 const app = createApp(App)
@@ -39,13 +39,13 @@ app.mount('#app')
 ```vue
 <script setup lang="ts">
 // 从主入口引入组件
-import { AiButton, AiLoadingIcon } from '@ai-ui'
+import { AiButton, AiLoadingIcon } from '@axin666/ai-ui'
 
 // 导入工具函数
-import { createBem } from '@ai-ui'
+import { createBem } from '@axin666/ai-ui'
 
 // 导入 Hooks
-import { useEventListener } from '@ai-ui'
+import { useEventListener } from '@axin666/ai-ui'
 </script>
 
 <template>

package/dist/ai-ui.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue");function g(n){return function(t,s){if(t===void 0)return n;if(typeof t=="object")return y(n,t);const r=`${n}__${t}`;return s===void 0?r:typeof s=="string"?`${r}--${s}`:y(r,s)}}function y(n,o){const t=[n];for(const[s,r]of Object.entries(o))r&&t.push(`${n}--${s}`);return t.join(" ")}function b(n="ai"){return function(o){return g(`${n}-${o}`)}}const T=b("ai"),p=typeof window<"u";function j(n){return p?n in document.documentElement.style:!1}function W(n,o,t,s){return n.addEventListener(o,t,s),()=>n.removeEventListener(o,t,s)}function H(n){let o=n.parentElement;for(;o;){const{overflow:t,overflowX:s,overflowY:r}=getComputedStyle(o);if(/(auto|scroll|overlay)/.test(t+s+r))return o;o=o.parentElement}return window}function h(n){return n.getBoundingClientRect()}function U(n,o=0){const t=h(n),s=window.innerHeight||document.documentElement.clientHeight,r=window.innerWidth||document.documentElement.clientWidth,l=t.top<=s*(1-o)&&t.bottom>=s*o,c=t.left<=r*(1-o)&&t.right>=r*o;return l&&c}function F(n){n.stopPropagation()}function G(n){n.preventDefault()}const k=e.defineComponent({name:"AiButton",__name:"AiButton",props:{type:{default:"default"},size:{default:"md"},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},ghost:{type:Boolean,default:!1},block:{type:Boolean,default:!1},round:{type:Boolean,default:!1},circle:{type:Boolean,default:!1},nativeType:{default:"button"},icon:{},iconRight:{},href:{},target:{}},emits:["click"],setup(n,{emit:o}){const t=n,s=o,r=e.useSlots(),l=g("ai-button"),c=e.computed(()=>!!t.href),d=e.computed(()=>{const a=l(),u=[a,`${a}--${t.type}`,`${a}--${t.size}`];return t.block&&u.push(`${a}--block`),t.ghost&&u.push(`${a}--ghost`),t.round&&u.push(`${a}--round`),t.circle&&u.push(`${a}--circle`),t.loading&&u.push(`${a}--loading`),t.disabled&&u.push(`${a}--disabled`),u}),m=a=>{if(t.disabled||t.loading){a.preventDefault(),a.stopPropagation();return}s("click",a)},f=a=>a?typeof a=="string"?a:e.h(a):null;return(a,u)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(c.value?"a":"button"),{class:e.normalizeClass(d.value),href:c.value?n.href:void 0,target:c.value?n.target:void 0,type:c.value?void 0:n.nativeType,disabled:!c.value&&n.disabled,onClick:m},{default:e.withCtx(()=>[n.loading?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(l)("spinner"))},null,2)):e.createCommentVNode("",!0),e.createElementVNode("span",{class:e.normalizeClass(e.unref(l)("content"))},[e.unref(r).icon||n.icon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass([e.unref(l)("icon"),e.unref(l)("icon","left")])},[e.renderSlot(a.$slots,"icon",{},()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(f(n.icon))))])],2)):e.createCommentVNode("",!0),e.createElementVNode("span",{class:e.normalizeClass(e.unref(l)("text"))},[e.renderSlot(a.$slots,"default")],2),e.unref(r).iconRight||n.iconRight?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass([e.unref(l)("icon"),e.unref(l)("icon","right")])},[e.renderSlot(a.$slots,"iconRight",{},()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(f(n.iconRight))))])],2)):e.createCommentVNode("",!0)],2)]),_:3},8,["class","href","target","type","disabled"]))}}),q={class:"ai-loading-icon"},O=["width","height","stroke","stroke-width"],x=e.defineComponent({name:"AiLoadingIcon",__name:"AiLoadingIcon",props:{size:{default:"1em"},color:{default:"currentColor"},strokeWidth:{default:2}},setup(n){const o=n,t=e.computed(()=>typeof o.size=="number"?`${o.size}px`:o.size);return(s,r)=>(e.openBlock(),e.createElementBlock("span",q,[(e.openBlock(),e.createElementBlock("svg",{width:t.value,height:t.value,viewBox:"0 0 24 24",fill:"none",stroke:n.color,"stroke-width":n.strokeWidth,"stroke-linecap":"round","stroke-linejoin":"round"},[...r[0]||(r[0]=[e.createElementVNode("path",{d:"M21 12a9 9 0 1 1-6.219-8.56"},null,-1)])],8,O))]))}}),X=[k,x];function Y(n){X.forEach(o=>{n.component(o.name,o)})}function J(n,o){if(!p)return;const t=s=>{const r=n.value;!r||r===s.target||r.contains(s.target)||o(s)};e.onMounted(()=>{document.addEventListener("click",t,!0)}),e.onUnmounted(()=>{document.removeEventListener("click",t,!0)})}function K(n,o,t,s){if(!p)return;let r;const l=d=>{d.addEventListener(o,t,s),r=()=>d.removeEventListener(o,t,s)},c=()=>{r==null||r(),r=void 0};e.isRef(n)?e.watch(n,(d,m,f)=>{d&&(l(d),f(c))},{immediate:!0}):e.onMounted(()=>l(n)),e.onUnmounted(c)}const v={primary:"#6366f1",primaryLight:"#818cf8",primaryDark:"#4f46e5",primaryBg:"#eef2ff"},C={success:"#10b981",successLight:"#34d399",successDark:"#059669",successBg:"#ecfdf5",warning:"#f59e0b",warningLight:"#fbbf24",warningDark:"#d97706",warningBg:"#fffbeb",error:"#ef4444",errorLight:"#f87171",errorDark:"#dc2626",errorBg:"#fef2f2",info:"#3b82f6",infoLight:"#60a5fa",infoDark:"#2563eb",infoBg:"#eff6ff"},i={white:"#ffffff",black:"#000000",gray50:"#f9fafb",gray100:"#f3f4f6",gray200:"#e5e7eb",gray300:"#d1d5db",gray400:"#9ca3af",gray500:"#6b7280",gray600:"#4b5563",gray700:"#374151",gray800:"#1f2937",gray900:"#111827"},w={primary:i.gray900,secondary:i.gray600,placeholder:i.gray400,disabled:i.gray300,inverse:i.white},B={page:i.gray50,container:i.white,elevated:i.white,disabled:i.gray100,mask:"rgba(0, 0, 0, 0.45)"},E={base:i.gray200,light:i.gray100,dark:i.gray300},S={brand:v,functional:C,neutral:i,text:w,bg:B,border:E},Q=4,L={none:0,xs:4,sm:8,md:12,lg:16,xl:20,"2xl":24,"3xl":32,"4xl":40,"5xl":48,"6xl":64},$={buttonSm:{x:12,y:6},buttonMd:{x:16,y:8},buttonLg:{x:20,y:12},inputSm:{x:8,y:4},inputMd:{x:12,y:8},inputLg:{x:16,y:12},cardSm:12,cardMd:16,cardLg:24},N={none:0,xs:2,sm:4,md:6,lg:8,xl:12,"2xl":16,full:9999},z={none:"none",sm:"0 1px 2px 0 rgb(0 0 0 / 0.05)",base:"0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",md:"0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",lg:"0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",xl:"0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)"},I={fast:"150ms ease",base:"200ms ease",slow:"300ms ease"},P={spacing:L,padding:$,radius:N,shadow:z,transition:I},R={sans:"-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",mono:"'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace"},A={xs:12,sm:14,base:16,lg:18,xl:20,"2xl":24,"3xl":30,"4xl":36},D={none:1,tight:1.25,snug:1.375,normal:1.5,relaxed:1.625,loose:2},V={normal:400,medium:500,semibold:600,bold:700},M={fontFamily:R,fontSize:A,lineHeight:D,fontWeight:V},Z={...S,...P,...M};exports.AiButton=k;exports.AiLoadingIcon=x;exports.BASE_SPACING_UNIT=Q;exports.addEventListener=W;exports.bgColors=B;exports.borderColors=E;exports.borderRadius=N;exports.brandColors=v;exports.colorTokens=S;exports.componentPadding=$;exports.createBem=g;exports.createNamespace=b;exports.fontFamily=R;exports.fontSize=A;exports.fontWeight=V;exports.functionalColors=C;exports.getElementRect=h;exports.getScrollParent=H;exports.install=Y;exports.isClient=p;exports.isCssPropertySupported=j;exports.isElementInViewport=U;exports.lineHeight=D;exports.neutralColors=i;exports.preventDefault=G;exports.shadows=z;exports.spacingScale=L;exports.spacingTokens=P;exports.stopPropagation=F;exports.textColors=w;exports.tokens=Z;exports.transitions=I;exports.typographyTokens=M;exports.useClickOutside=J;exports.useEventListener=K;exports.useNamespace=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue");function h(t){return function(n,r){if(n===void 0)return t;if(typeof n=="object")return B(t,n);const l=`${t}__${n}`;return r===void 0?l:typeof r=="string"?`${l}--${r}`:B(l,r)}}function B(t,o){const n=[t];for(const[r,l]of Object.entries(o))l&&n.push(`${t}--${r}`);return n.join(" ")}function w(t="ai"){return function(o){return h(`${t}-${o}`)}}const Q=w("ai"),k=typeof window<"u";function Z(t){return k?t in document.documentElement.style:!1}function ee(t,o,n,r){return t.addEventListener(o,n,r),()=>t.removeEventListener(o,n,r)}function te(t){let o=t.parentElement;for(;o;){const{overflow:n,overflowX:r,overflowY:l}=getComputedStyle(o);if(/(auto|scroll|overlay)/.test(n+r+l))return o;o=o.parentElement}return window}function E(t){return t.getBoundingClientRect()}function ne(t,o=0){const n=E(t),r=window.innerHeight||document.documentElement.clientHeight,l=window.innerWidth||document.documentElement.clientWidth,i=n.top<=r*(1-o)&&n.bottom>=r*o,c=n.left<=l*(1-o)&&n.right>=l*o;return i&&c}function oe(t){t.stopPropagation()}function se(t){t.preventDefault()}const x=e.defineComponent({name:"AiButton",__name:"AiButton",props:{type:{default:"default"},size:{default:"md"},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},ghost:{type:Boolean,default:!1},block:{type:Boolean,default:!1},round:{type:Boolean,default:!1},circle:{type:Boolean,default:!1},nativeType:{default:"button"},icon:{},iconRight:{},href:{},target:{}},emits:["click"],setup(t,{emit:o}){const n=t,r=o,l=e.useSlots(),i=h("ai-button"),c=e.computed(()=>!!n.href),u=e.computed(()=>{const a=i(),f=[a,`${a}--${n.type}`,`${a}--${n.size}`];return n.block&&f.push(`${a}--block`),n.ghost&&f.push(`${a}--ghost`),n.round&&f.push(`${a}--round`),n.circle&&f.push(`${a}--circle`),n.loading&&f.push(`${a}--loading`),n.disabled&&f.push(`${a}--disabled`),f}),g=a=>{if(n.disabled||n.loading){a.preventDefault(),a.stopPropagation();return}r("click",a)},m=a=>a?typeof a=="string"?a:e.h(a):null;return(a,f)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(c.value?"a":"button"),{class:e.normalizeClass(u.value),href:c.value?t.href:void 0,target:c.value?t.target:void 0,type:c.value?void 0:t.nativeType,disabled:!c.value&&t.disabled,onClick:g},{default:e.withCtx(()=>[t.loading?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(i)("spinner"))},null,2)):e.createCommentVNode("",!0),e.createElementVNode("span",{class:e.normalizeClass(e.unref(i)("content"))},[e.unref(l).icon||t.icon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass([e.unref(i)("icon"),e.unref(i)("icon","left")])},[e.renderSlot(a.$slots,"icon",{},()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(m(t.icon))))])],2)):e.createCommentVNode("",!0),e.createElementVNode("span",{class:e.normalizeClass(e.unref(i)("text"))},[e.renderSlot(a.$slots,"default")],2),e.unref(l).iconRight||t.iconRight?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass([e.unref(i)("icon"),e.unref(i)("icon","right")])},[e.renderSlot(a.$slots,"iconRight",{},()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(m(t.iconRight))))])],2)):e.createCommentVNode("",!0)],2)]),_:3},8,["class","href","target","type","disabled"]))}}),le={class:"ai-loading-icon"},re=["width","height","stroke","stroke-width"],z=e.defineComponent({name:"AiLoadingIcon",__name:"AiLoadingIcon",props:{size:{default:"1em"},color:{default:"currentColor"},strokeWidth:{default:2}},setup(t){const o=t,n=e.computed(()=>typeof o.size=="number"?`${o.size}px`:o.size);return(r,l)=>(e.openBlock(),e.createElementBlock("span",le,[(e.openBlock(),e.createElementBlock("svg",{width:n.value,height:n.value,viewBox:"0 0 24 24",fill:"none",stroke:t.color,"stroke-width":t.strokeWidth,"stroke-linecap":"round","stroke-linejoin":"round"},[...l[0]||(l[0]=[e.createElementVNode("path",{d:"M21 12a9 9 0 1 1-6.219-8.56"},null,-1)])],8,re))]))}}),ae={class:"ai-icon"},ie=["width","height","fill"],b=e.defineComponent({name:"AiCloseCircleIcon",__name:"AiCloseCircleIcon",props:{size:{default:"1em"},color:{default:"currentColor"},strokeWidth:{}},setup(t){const o=t,n=e.computed(()=>typeof o.size=="number"?`${o.size}px`:o.size);return(r,l)=>(e.openBlock(),e.createElementBlock("span",ae,[(e.openBlock(),e.createElementBlock("svg",{viewBox:"0 0 1024 1024",width:n.value,height:n.value,fill:t.color},[...l[0]||(l[0]=[e.createElementVNode("path",{d:"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-47.4 47.4L512 611.4l-118 118.2-47.4-47.4L464.6 564l-118.2-118 47.4-47.4L512 516.6l118-118.2 47.4 47.4L559.4 564l118 118.2z"},null,-1)])],8,ie))]))}}),ce={class:"ai-icon"},ue=["width","height","fill"],v=e.defineComponent({name:"AiEyeIcon",__name:"AiEyeIcon",props:{size:{default:"1em"},color:{default:"currentColor"},strokeWidth:{}},setup(t){const o=t,n=e.computed(()=>typeof o.size=="number"?`${o.size}px`:o.size);return(r,l)=>(e.openBlock(),e.createElementBlock("span",ce,[(e.openBlock(),e.createElementBlock("svg",{viewBox:"0 0 1024 1024",width:n.value,height:n.value,fill:t.color},[...l[0]||(l[0]=[e.createElementVNode("path",{d:"M942.2 486.2C847.4 286.6 704.1 186 512 186c-192.2 0-335.4 100.6-430.2 300.2-9.6 20.2-9.6 43.5 0 63.7C176.6 749.4 319.9 850 512 850c192.2 0 335.4-100.6 430.2-300.2 9.6-20.2 9.6-43.5 0-63.6zM512 774c-158.4 0-281.4-82.6-365.1-262 83.7-179.4 206.7-262 365.1-262 158.4 0 281.4 82.6 365.1 262-83.7 179.4-206.7 262-365.1 262z"},null,-1),e.createElementVNode("path",{d:"M512 354c-87.3 0-158 70.7-158 158s70.7 158 158 158 158-70.7 158-158-70.7-158-158-158zm0 240c-45.3 0-82-36.7-82-82s36.7-82 82-82 82 36.7 82 82-36.7 82-82 82z"},null,-1)])],8,ue))]))}}),de={class:"ai-icon"},pe=["width","height","fill"],C=e.defineComponent({name:"AiEyeInvisibleIcon",__name:"AiEyeInvisibleIcon",props:{size:{default:"1em"},color:{default:"currentColor"},strokeWidth:{}},setup(t){const o=t,n=e.computed(()=>typeof o.size=="number"?`${o.size}px`:o.size);return(r,l)=>(e.openBlock(),e.createElementBlock("span",de,[(e.openBlock(),e.createElementBlock("svg",{viewBox:"0 0 1024 1024",width:n.value,height:n.value,fill:t.color},[...l[0]||(l[0]=[e.createElementVNode("path",{d:"M512 354c-87.3 0-158 70.7-158 158 0 23.6 5.2 46 14.4 66.1l40.3-40.3c-1.7-8.1-2.7-16.4-2.7-25.1 0-45.3 36.7-82 82-82 8.7 0 17 1 25.1 2.7l40.3-40.3c-20.1-9.2-42.5-14.4-66.1-14.4zM471.7 667.3c20.1 9.2 42.5 14.4 66.1 14.4 87.3 0 158-70.7 158-158 0-23.6-5.2-46-14.4-66.1l-40.3 40.3c1.7 8.1 2.7 16.4 2.7 25.1 0 45.3-36.7 82-82 82-8.7 0-17-1-25.1-2.7l-40.3 40.3zM942.2 486.2C847.4 286.6 704.1 186 512 186c-19.1 0-37.8 1-56.1 3l74.1 74.1C523.3 261 517.7 261 512 261c-158.4 0-281.4 82.6-365.1 262 3.1 6.6 6.3 13.2 9.8 19.7l-64.4 64.4c-6.7-13.8-12.8-27.9-18.4-42.4-9.6-20.2-9.6-43.5 0-63.7C176.6 300.6 319.9 200 512 200c30.2 0 59.3 2.5 87.2 7.3l-56.9 56.9zM662.6 662.6L169.1 169.1c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l100.3 100.3C185.3 363.3 151.2 421.4 121.8 486.2c-9.6 20.2-9.6 43.5 0 63.7C216.6 749.4 359.9 850 552 850c45.3 0 88.6-5.6 128.9-16.1l111.9 111.9c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L662.6 662.6zM552 774c-158.4 0-281.4-82.6-365.1-262 14.8-31.7 32.8-60.6 53.6-86.3l371.4 371.4C592.1 768.1 572.4 774 552 774z"},null,-1)])],8,pe))]))}}),fe={modelValue:{type:[String,Number],default:""},type:{type:String,default:"text"},size:{type:String,default:"md"},placeholder:{type:String,default:""},disabled:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1},showPassword:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},autofocus:{type:Boolean,default:!1},form:{type:String},autocomplete:{type:String,default:"off"}},me={"update:modelValue":t=>typeof t=="string"||typeof t=="number",input:t=>typeof t=="string"||typeof t=="number",change:t=>typeof t=="string"||typeof t=="number",focus:t=>t instanceof FocusEvent,blur:t=>t instanceof FocusEvent,clear:()=>!0},ge={key:0,class:"ai-input-group__prepend"},ye=["type","value","placeholder","disabled","readonly","form","autofocus","autocomplete"],he={key:1,class:"ai-input-group__append"},y=e.defineComponent({name:"AiInput",inheritAttrs:!1,__name:"AiInput",props:fe,emits:me,setup(t,{expose:o,emit:n}){const r=t,l=n,i=e.useSlots(),c=h("ai-input"),u=e.ref(null),g=e.ref(!1),m=e.ref(!1),a=e.computed(()=>r.modelValue===null||r.modelValue===void 0?"":String(r.modelValue)),f=e.computed(()=>r.type==="password"&&r.showPassword?m.value?"text":"password":r.type),U=e.computed(()=>{const s=c(),p=[s,`${s}--${r.size}`];return r.disabled&&p.push(`${s}--disabled`),(i.prepend||i.append)&&(p.push("ai-input-group"),i.prepend&&p.push("ai-input-group--prepend"),i.append&&p.push("ai-input-group--append")),p}),G=e.computed(()=>[c("wrapper"),g.value?"is-focus":""]),q=s=>{const{value:p}=s.target;l("update:modelValue",p),l("input",p)},O=s=>{const{value:p}=s.target;l("change",p)},X=s=>{g.value=!0,l("focus",s)},Y=s=>{g.value=!1,l("blur",s)},J=()=>{l("update:modelValue",""),l("input",""),l("change",""),l("clear"),e.nextTick(()=>{var s;(s=u.value)==null||s.focus()})},K=()=>{m.value=!m.value,e.nextTick(()=>{var s;(s=u.value)==null||s.focus()})};return o({input:u,focus:()=>{var s;return(s=u.value)==null?void 0:s.focus()},blur:()=>{var s;return(s=u.value)==null?void 0:s.blur()},select:()=>{var s;return(s=u.value)==null?void 0:s.select()}}),e.watch(()=>r.modelValue,()=>{}),(s,p)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:U.value},s.$attrs),[e.unref(i).prepend?(e.openBlock(),e.createElementBlock("div",ge,[e.renderSlot(s.$slots,"prepend")])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(G.value)},[e.unref(i).prefix?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(c)("prefix"))},[e.renderSlot(s.$slots,"prefix")],2)):e.createCommentVNode("",!0),e.createElementVNode("input",{ref_key:"inputRef",ref:u,class:e.normalizeClass(e.unref(c)("inner")),type:f.value,value:a.value,placeholder:s.placeholder,disabled:s.disabled,readonly:s.readonly,form:s.form,autofocus:s.autofocus,autocomplete:s.autocomplete,onInput:q,onChange:O,onFocus:X,onBlur:Y},null,42,ye),e.unref(i).suffix||s.clearable||s.showPassword?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(c)("suffix"))},[e.renderSlot(s.$slots,"suffix"),s.clearable&&a.value&&!s.disabled&&!s.readonly?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(c)("clear")),onMousedown:p[0]||(p[0]=e.withModifiers(()=>{},["prevent"])),onClick:J},[e.createVNode(e.unref(b))],34)):e.createCommentVNode("",!0),s.showPassword&&s.type==="password"&&!s.disabled?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(c)("password")),onClick:K},[m.value?(e.openBlock(),e.createBlock(e.unref(v),{key:0})):(e.openBlock(),e.createBlock(e.unref(C),{key:1}))],2)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0)],2),e.unref(i).append?(e.openBlock(),e.createElementBlock("div",he,[e.renderSlot(s.$slots,"append")])):e.createCommentVNode("",!0)],16))}});y.install=t=>{t.component(y.name,y)};const ke=[x,y,z,b,v,C];function be(t){ke.forEach(o=>{t.component(o.name,o)})}function ve(t,o){if(!k)return;const n=r=>{const l=t.value;!l||l===r.target||l.contains(r.target)||o(r)};e.onMounted(()=>{document.addEventListener("click",n,!0)}),e.onUnmounted(()=>{document.removeEventListener("click",n,!0)})}function Ce(t,o,n,r){if(!k)return;let l;const i=u=>{u.addEventListener(o,n,r),l=()=>u.removeEventListener(o,n,r)},c=()=>{l==null||l(),l=void 0};e.isRef(t)?e.watch(t,(u,g,m)=>{u&&(i(u),m(c))},{immediate:!0}):e.onMounted(()=>i(t)),e.onUnmounted(c)}const $={primary:"#6366f1",primaryLight:"#818cf8",primaryDark:"#4f46e5",primaryBg:"#eef2ff"},S={success:"#10b981",successLight:"#34d399",successDark:"#059669",successBg:"#ecfdf5",warning:"#f59e0b",warningLight:"#fbbf24",warningDark:"#d97706",warningBg:"#fffbeb",error:"#ef4444",errorLight:"#f87171",errorDark:"#dc2626",errorBg:"#fef2f2",info:"#3b82f6",infoLight:"#60a5fa",infoDark:"#2563eb",infoBg:"#eff6ff"},d={white:"#ffffff",black:"#000000",gray50:"#f9fafb",gray100:"#f3f4f6",gray200:"#e5e7eb",gray300:"#d1d5db",gray400:"#9ca3af",gray500:"#6b7280",gray600:"#4b5563",gray700:"#374151",gray800:"#1f2937",gray900:"#111827"},V={primary:d.gray900,secondary:d.gray600,placeholder:d.gray400,disabled:d.gray300,inverse:d.white},I={page:d.gray50,container:d.white,elevated:d.white,disabled:d.gray100,mask:"rgba(0, 0, 0, 0.45)"},L={base:d.gray200,light:d.gray100,dark:d.gray300},N={brand:$,functional:S,neutral:d,text:V,bg:I,border:L},Be=4,A={none:0,xs:4,sm:8,md:12,lg:16,xl:20,"2xl":24,"3xl":32,"4xl":40,"5xl":48,"6xl":64},M={buttonSm:{x:12,y:6},buttonMd:{x:16,y:8},buttonLg:{x:20,y:12},inputSm:{x:8,y:4},inputMd:{x:12,y:8},inputLg:{x:16,y:12},cardSm:12,cardMd:16,cardLg:24},P={none:0,xs:2,sm:4,md:6,lg:8,xl:12,"2xl":16,full:9999},R={none:"none",sm:"0 1px 2px 0 rgb(0 0 0 / 0.05)",base:"0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",md:"0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",lg:"0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",xl:"0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)"},T={fast:"150ms ease",base:"200ms ease",slow:"300ms ease"},D={spacing:A,padding:M,radius:P,shadow:R,transition:T},_={sans:"-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",mono:"'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace"},F={xs:12,sm:14,base:16,lg:18,xl:20,"2xl":24,"3xl":30,"4xl":36},W={none:1,tight:1.25,snug:1.375,normal:1.5,relaxed:1.625,loose:2},j={normal:400,medium:500,semibold:600,bold:700},H={fontFamily:_,fontSize:F,lineHeight:W,fontWeight:j},we={...N,...D,...H};exports.AiButton=x;exports.AiCloseCircleIcon=b;exports.AiEyeIcon=v;exports.AiEyeInvisibleIcon=C;exports.AiInput=y;exports.AiLoadingIcon=z;exports.BASE_SPACING_UNIT=Be;exports.addEventListener=ee;exports.bgColors=I;exports.borderColors=L;exports.borderRadius=P;exports.brandColors=$;exports.colorTokens=N;exports.componentPadding=M;exports.createBem=h;exports.createNamespace=w;exports.fontFamily=_;exports.fontSize=F;exports.fontWeight=j;exports.functionalColors=S;exports.getElementRect=E;exports.getScrollParent=te;exports.install=be;exports.isClient=k;exports.isCssPropertySupported=Z;exports.isElementInViewport=ne;exports.lineHeight=W;exports.neutralColors=d;exports.preventDefault=se;exports.shadows=R;exports.spacingScale=A;exports.spacingTokens=D;exports.stopPropagation=oe;exports.textColors=V;exports.tokens=we;exports.transitions=T;exports.typographyTokens=H;exports.useClickOutside=ve;exports.useEventListener=Ce;exports.useNamespace=Q;

package/dist/ai-ui.esm.js

@@ -1,56 +1,56 @@
-import { defineComponent as $, useSlots as I, computed as v, createBlock as y, openBlock as d, resolveDynamicComponent as b, normalizeClass as g, withCtx as R, createElementBlock as p, createCommentVNode as h, createElementVNode as k, unref as c, renderSlot as x, h as A, onMounted as B, onUnmounted as E, isRef as z, watch as D } from "vue";
-function S(e) {
-  return function(t, s) {
+import { defineComponent as C, useSlots as V, computed as y, createBlock as $, openBlock as l, resolveDynamicComponent as B, normalizeClass as m, withCtx as Y, createElementBlock as d, createCommentVNode as v, createElementVNode as w, unref as u, renderSlot as x, h as q, ref as E, watch as M, mergeProps as J, withModifiers as K, createVNode as Q, nextTick as S, onMounted as P, onUnmounted as R, isRef as Z } from "vue";
+function L(e) {
+  return function(t, a) {
     if (t === void 0)
       return e;
     if (typeof t == "object")
-      return L(e, t);
-    const o = `${e}__${t}`;
-    return s === void 0 ? o : typeof s == "string" ? `${o}--${s}` : L(o, s);
+      return A(e, t);
+    const s = `${e}__${t}`;
+    return a === void 0 ? s : typeof a == "string" ? `${s}--${a}` : A(s, a);
   };
 }
-function L(e, n) {
+function A(e, n) {
   const t = [e];
-  for (const [s, o] of Object.entries(n))
-    o && t.push(`${e}--${s}`);
+  for (const [a, s] of Object.entries(n))
+    s && t.push(`${e}--${a}`);
   return t.join(" ");
 }
-function M(e = "ai") {
+function O(e = "ai") {
   return function(n) {
-    return S(`${e}-${n}`);
+    return L(`${e}-${n}`);
   };
 }
-const re = M("ai"), w = typeof window < "u";
-function ie(e) {
-  return w ? e in document.documentElement.style : !1;
+const Re = O("ai"), I = typeof window < "u";
+function Ne(e) {
+  return I ? e in document.documentElement.style : !1;
 }
-function ae(e, n, t, s) {
-  return e.addEventListener(n, t, s), () => e.removeEventListener(n, t, s);
+function De(e, n, t, a) {
+  return e.addEventListener(n, t, a), () => e.removeEventListener(n, t, a);
 }
-function le(e) {
+function Fe(e) {
   let n = e.parentElement;
   for (; n; ) {
-    const { overflow: t, overflowX: s, overflowY: o } = getComputedStyle(n);
-    if (/(auto|scroll|overlay)/.test(t + s + o))
+    const { overflow: t, overflowX: a, overflowY: s } = getComputedStyle(n);
+    if (/(auto|scroll|overlay)/.test(t + a + s))
       return n;
     n = n.parentElement;
   }
   return window;
 }
-function N(e) {
+function ee(e) {
   return e.getBoundingClientRect();
 }
-function ce(e, n = 0) {
-  const t = N(e), s = window.innerHeight || document.documentElement.clientHeight, o = window.innerWidth || document.documentElement.clientWidth, i = t.top <= s * (1 - n) && t.bottom >= s * n, l = t.left <= o * (1 - n) && t.right >= o * n;
-  return i && l;
+function We(e, n = 0) {
+  const t = ee(e), a = window.innerHeight || document.documentElement.clientHeight, s = window.innerWidth || document.documentElement.clientWidth, r = t.top <= a * (1 - n) && t.bottom >= a * n, c = t.left <= s * (1 - n) && t.right >= s * n;
+  return r && c;
 }
-function ue(e) {
+function _e(e) {
   e.stopPropagation();
 }
-function de(e) {
+function Te(e) {
   e.preventDefault();
 }
-const P = /* @__PURE__ */ $({
+const te = /* @__PURE__ */ C({
   name: "AiButton",
   __name: "AiButton",
   props: {
@@ -70,59 +70,59 @@ const P = /* @__PURE__ */ $({
   },
   emits: ["click"],
   setup(e, { emit: n }) {
-    const t = e, s = n, o = I(), i = S("ai-button"), l = v(() => !!t.href), f = v(() => {
-      const r = i(), u = [r, `${r}--${t.type}`, `${r}--${t.size}`];
-      return t.block && u.push(`${r}--block`), t.ghost && u.push(`${r}--ghost`), t.round && u.push(`${r}--round`), t.circle && u.push(`${r}--circle`), t.loading && u.push(`${r}--loading`), t.disabled && u.push(`${r}--disabled`), u;
-    }), C = (r) => {
+    const t = e, a = n, s = V(), r = L("ai-button"), c = y(() => !!t.href), p = y(() => {
+      const i = r(), h = [i, `${i}--${t.type}`, `${i}--${t.size}`];
+      return t.block && h.push(`${i}--block`), t.ghost && h.push(`${i}--ghost`), t.round && h.push(`${i}--round`), t.circle && h.push(`${i}--circle`), t.loading && h.push(`${i}--loading`), t.disabled && h.push(`${i}--disabled`), h;
+    }), k = (i) => {
       if (t.disabled || t.loading) {
-        r.preventDefault(), r.stopPropagation();
+        i.preventDefault(), i.stopPropagation();
         return;
       }
-      s("click", r);
-    }, m = (r) => r ? typeof r == "string" ? r : A(r) : null;
-    return (r, u) => (d(), y(b(l.value ? "a" : "button"), {
-      class: g(f.value),
-      href: l.value ? e.href : void 0,
-      target: l.value ? e.target : void 0,
-      type: l.value ? void 0 : e.nativeType,
-      disabled: !l.value && e.disabled,
-      onClick: C
+      a("click", i);
+    }, b = (i) => i ? typeof i == "string" ? i : q(i) : null;
+    return (i, h) => (l(), $(B(c.value ? "a" : "button"), {
+      class: m(p.value),
+      href: c.value ? e.href : void 0,
+      target: c.value ? e.target : void 0,
+      type: c.value ? void 0 : e.nativeType,
+      disabled: !c.value && e.disabled,
+      onClick: k
     }, {
-      default: R(() => [
-        e.loading ? (d(), p("span", {
+      default: Y(() => [
+        e.loading ? (l(), d("span", {
           key: 0,
-          class: g(c(i)("spinner"))
-        }, null, 2)) : h("", !0),
-        k("span", {
-          class: g(c(i)("content"))
+          class: m(u(r)("spinner"))
+        }, null, 2)) : v("", !0),
+        w("span", {
+          class: m(u(r)("content"))
         }, [
-          c(o).icon || e.icon ? (d(), p("span", {
+          u(s).icon || e.icon ? (l(), d("span", {
             key: 0,
-            class: g([c(i)("icon"), c(i)("icon", "left")])
+            class: m([u(r)("icon"), u(r)("icon", "left")])
           }, [
-            x(r.$slots, "icon", {}, () => [
-              (d(), y(b(m(e.icon))))
+            x(i.$slots, "icon", {}, () => [
+              (l(), $(B(b(e.icon))))
             ])
-          ], 2)) : h("", !0),
-          k("span", {
-            class: g(c(i)("text"))
+          ], 2)) : v("", !0),
+          w("span", {
+            class: m(u(r)("text"))
           }, [
-            x(r.$slots, "default")
+            x(i.$slots, "default")
           ], 2),
-          c(o).iconRight || e.iconRight ? (d(), p("span", {
+          u(s).iconRight || e.iconRight ? (l(), d("span", {
             key: 1,
-            class: g([c(i)("icon"), c(i)("icon", "right")])
+            class: m([u(r)("icon"), u(r)("icon", "right")])
           }, [
-            x(r.$slots, "iconRight", {}, () => [
-              (d(), y(b(m(e.iconRight))))
+            x(i.$slots, "iconRight", {}, () => [
+              (l(), $(B(b(e.iconRight))))
             ])
-          ], 2)) : h("", !0)
+          ], 2)) : v("", !0)
         ], 2)
       ]),
       _: 3
     }, 8, ["class", "href", "target", "type", "disabled"]));
   }
-}), j = { class: "ai-loading-icon" }, V = ["width", "height", "stroke", "stroke-width"], W = /* @__PURE__ */ $({
+}), ne = { class: "ai-loading-icon" }, oe = ["width", "height", "stroke", "stroke-width"], se = /* @__PURE__ */ C({
   name: "AiLoadingIcon",
   __name: "AiLoadingIcon",
   props: {
@@ -131,9 +131,9 @@ const P = /* @__PURE__ */ $({
     strokeWidth: { default: 2 }
   },
   setup(e) {
-    const n = e, t = v(() => typeof n.size == "number" ? `${n.size}px` : n.size);
-    return (s, o) => (d(), p("span", j, [
-      (d(), p("svg", {
+    const n = e, t = y(() => typeof n.size == "number" ? `${n.size}px` : n.size);
+    return (a, s) => (l(), d("span", ne, [
+      (l(), d("svg", {
         width: t.value,
         height: t.value,
         viewBox: "0 0 24 24",
@@ -142,51 +142,329 @@ const P = /* @__PURE__ */ $({
         "stroke-width": e.strokeWidth,
         "stroke-linecap": "round",
         "stroke-linejoin": "round"
-      }, [...o[0] || (o[0] = [
-        k("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" }, null, -1)
-      ])], 8, V))
+      }, [...s[0] || (s[0] = [
+        w("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" }, null, -1)
+      ])], 8, oe))
     ]));
   }
-}), H = [P, W];
-function fe(e) {
-  H.forEach((n) => {
+}), ae = { class: "ai-icon" }, ie = ["width", "height", "fill"], N = /* @__PURE__ */ C({
+  name: "AiCloseCircleIcon",
+  __name: "AiCloseCircleIcon",
+  props: {
+    size: { default: "1em" },
+    color: { default: "currentColor" },
+    strokeWidth: {}
+  },
+  setup(e) {
+    const n = e, t = y(() => typeof n.size == "number" ? `${n.size}px` : n.size);
+    return (a, s) => (l(), d("span", ae, [
+      (l(), d("svg", {
+        viewBox: "0 0 1024 1024",
+        width: t.value,
+        height: t.value,
+        fill: e.color
+      }, [...s[0] || (s[0] = [
+        w("path", { d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-47.4 47.4L512 611.4l-118 118.2-47.4-47.4L464.6 564l-118.2-118 47.4-47.4L512 516.6l118-118.2 47.4 47.4L559.4 564l118 118.2z" }, null, -1)
+      ])], 8, ie))
+    ]));
+  }
+}), le = { class: "ai-icon" }, re = ["width", "height", "fill"], D = /* @__PURE__ */ C({
+  name: "AiEyeIcon",
+  __name: "AiEyeIcon",
+  props: {
+    size: { default: "1em" },
+    color: { default: "currentColor" },
+    strokeWidth: {}
+  },
+  setup(e) {
+    const n = e, t = y(() => typeof n.size == "number" ? `${n.size}px` : n.size);
+    return (a, s) => (l(), d("span", le, [
+      (l(), d("svg", {
+        viewBox: "0 0 1024 1024",
+        width: t.value,
+        height: t.value,
+        fill: e.color
+      }, [...s[0] || (s[0] = [
+        w("path", { d: "M942.2 486.2C847.4 286.6 704.1 186 512 186c-192.2 0-335.4 100.6-430.2 300.2-9.6 20.2-9.6 43.5 0 63.7C176.6 749.4 319.9 850 512 850c192.2 0 335.4-100.6 430.2-300.2 9.6-20.2 9.6-43.5 0-63.6zM512 774c-158.4 0-281.4-82.6-365.1-262 83.7-179.4 206.7-262 365.1-262 158.4 0 281.4 82.6 365.1 262-83.7 179.4-206.7 262-365.1 262z" }, null, -1),
+        w("path", { d: "M512 354c-87.3 0-158 70.7-158 158s70.7 158 158 158 158-70.7 158-158-70.7-158-158-158zm0 240c-45.3 0-82-36.7-82-82s36.7-82 82-82 82 36.7 82 82-36.7 82-82 82z" }, null, -1)
+      ])], 8, re))
+    ]));
+  }
+}), ue = { class: "ai-icon" }, ce = ["width", "height", "fill"], F = /* @__PURE__ */ C({
+  name: "AiEyeInvisibleIcon",
+  __name: "AiEyeInvisibleIcon",
+  props: {
+    size: { default: "1em" },
+    color: { default: "currentColor" },
+    strokeWidth: {}
+  },
+  setup(e) {
+    const n = e, t = y(() => typeof n.size == "number" ? `${n.size}px` : n.size);
+    return (a, s) => (l(), d("span", ue, [
+      (l(), d("svg", {
+        viewBox: "0 0 1024 1024",
+        width: t.value,
+        height: t.value,
+        fill: e.color
+      }, [...s[0] || (s[0] = [
+        w("path", { d: "M512 354c-87.3 0-158 70.7-158 158 0 23.6 5.2 46 14.4 66.1l40.3-40.3c-1.7-8.1-2.7-16.4-2.7-25.1 0-45.3 36.7-82 82-82 8.7 0 17 1 25.1 2.7l40.3-40.3c-20.1-9.2-42.5-14.4-66.1-14.4zM471.7 667.3c20.1 9.2 42.5 14.4 66.1 14.4 87.3 0 158-70.7 158-158 0-23.6-5.2-46-14.4-66.1l-40.3 40.3c1.7 8.1 2.7 16.4 2.7 25.1 0 45.3-36.7 82-82 82-8.7 0-17-1-25.1-2.7l-40.3 40.3zM942.2 486.2C847.4 286.6 704.1 186 512 186c-19.1 0-37.8 1-56.1 3l74.1 74.1C523.3 261 517.7 261 512 261c-158.4 0-281.4 82.6-365.1 262 3.1 6.6 6.3 13.2 9.8 19.7l-64.4 64.4c-6.7-13.8-12.8-27.9-18.4-42.4-9.6-20.2-9.6-43.5 0-63.7C176.6 300.6 319.9 200 512 200c30.2 0 59.3 2.5 87.2 7.3l-56.9 56.9zM662.6 662.6L169.1 169.1c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l100.3 100.3C185.3 363.3 151.2 421.4 121.8 486.2c-9.6 20.2-9.6 43.5 0 63.7C216.6 749.4 359.9 850 552 850c45.3 0 88.6-5.6 128.9-16.1l111.9 111.9c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L662.6 662.6zM552 774c-158.4 0-281.4-82.6-365.1-262 14.8-31.7 32.8-60.6 53.6-86.3l371.4 371.4C592.1 768.1 572.4 774 552 774z" }, null, -1)
+      ])], 8, ce))
+    ]));
+  }
+}), de = {
+  /**
+   * 绑定值
+   */
+  modelValue: {
+    type: [String, Number],
+    default: ""
+  },
+  /**
+   * 类型
+   */
+  type: {
+    type: String,
+    default: "text"
+  },
+  /**
+   * 尺寸
+   */
+  size: {
+    type: String,
+    default: "md"
+  },
+  /**
+   * 占位文本
+   */
+  placeholder: {
+    type: String,
+    default: ""
+  },
+  /**
+   * 是否禁用
+   */
+  disabled: {
+    type: Boolean,
+    default: !1
+  },
+  /**
+   * 是否可清空
+   */
+  clearable: {
+    type: Boolean,
+    default: !1
+  },
+  /**
+   * 是否显示密码切换图标
+   */
+  showPassword: {
+    type: Boolean,
+    default: !1
+  },
+  /**
+   * 是否只读
+   */
+  readonly: {
+    type: Boolean,
+    default: !1
+  },
+  /**
+   * 是否自动聚焦
+   */
+  autofocus: {
+    type: Boolean,
+    default: !1
+  },
+  /**
+   * 原生 form 属性
+   */
+  form: {
+    type: String
+  },
+  /**
+   * 原生 autocomplete 属性
+   */
+  autocomplete: {
+    type: String,
+    default: "off"
+  }
+}, pe = {
+  "update:modelValue": (e) => typeof e == "string" || typeof e == "number",
+  input: (e) => typeof e == "string" || typeof e == "number",
+  change: (e) => typeof e == "string" || typeof e == "number",
+  focus: (e) => e instanceof FocusEvent,
+  blur: (e) => e instanceof FocusEvent,
+  clear: () => !0
+}, fe = {
+  key: 0,
+  class: "ai-input-group__prepend"
+}, ge = ["type", "value", "placeholder", "disabled", "readonly", "form", "autofocus", "autocomplete"], me = {
+  key: 1,
+  class: "ai-input-group__append"
+}, z = /* @__PURE__ */ C({
+  name: "AiInput",
+  inheritAttrs: !1,
+  __name: "AiInput",
+  props: de,
+  emits: pe,
+  setup(e, { expose: n, emit: t }) {
+    const a = e, s = t, r = V(), c = L("ai-input"), p = E(null), k = E(!1), b = E(!1), i = y(
+      () => a.modelValue === null || a.modelValue === void 0 ? "" : String(a.modelValue)
+    ), h = y(() => a.type === "password" && a.showPassword ? b.value ? "text" : "password" : a.type), W = y(() => {
+      const o = c(), f = [o, `${o}--${a.size}`];
+      return a.disabled && f.push(`${o}--disabled`), (r.prepend || r.append) && (f.push("ai-input-group"), r.prepend && f.push("ai-input-group--prepend"), r.append && f.push("ai-input-group--append")), f;
+    }), _ = y(() => [c("wrapper"), k.value ? "is-focus" : ""]), T = (o) => {
+      const { value: f } = o.target;
+      s("update:modelValue", f), s("input", f);
+    }, j = (o) => {
+      const { value: f } = o.target;
+      s("change", f);
+    }, H = (o) => {
+      k.value = !0, s("focus", o);
+    }, U = (o) => {
+      k.value = !1, s("blur", o);
+    }, G = () => {
+      s("update:modelValue", ""), s("input", ""), s("change", ""), s("clear"), S(() => {
+        var o;
+        (o = p.value) == null || o.focus();
+      });
+    }, X = () => {
+      b.value = !b.value, S(() => {
+        var o;
+        (o = p.value) == null || o.focus();
+      });
+    };
+    return n({
+      /** 获取原生 input 引用 */
+      input: p,
+      /** 使输入框聚焦 */
+      focus: () => {
+        var o;
+        return (o = p.value) == null ? void 0 : o.focus();
+      },
+      /** 使输入框失焦 */
+      blur: () => {
+        var o;
+        return (o = p.value) == null ? void 0 : o.blur();
+      },
+      /** 选中输入框中的文本 */
+      select: () => {
+        var o;
+        return (o = p.value) == null ? void 0 : o.select();
+      }
+    }), M(
+      () => a.modelValue,
+      () => {
+      }
+    ), (o, f) => (l(), d("div", J({ class: W.value }, o.$attrs), [
+      u(r).prepend ? (l(), d("div", fe, [
+        x(o.$slots, "prepend")
+      ])) : v("", !0),
+      w("div", {
+        class: m(_.value)
+      }, [
+        u(r).prefix ? (l(), d("span", {
+          key: 0,
+          class: m(u(c)("prefix"))
+        }, [
+          x(o.$slots, "prefix")
+        ], 2)) : v("", !0),
+        w("input", {
+          ref_key: "inputRef",
+          ref: p,
+          class: m(u(c)("inner")),
+          type: h.value,
+          value: i.value,
+          placeholder: o.placeholder,
+          disabled: o.disabled,
+          readonly: o.readonly,
+          form: o.form,
+          autofocus: o.autofocus,
+          autocomplete: o.autocomplete,
+          onInput: T,
+          onChange: j,
+          onFocus: H,
+          onBlur: U
+        }, null, 42, ge),
+        u(r).suffix || o.clearable || o.showPassword ? (l(), d("span", {
+          key: 1,
+          class: m(u(c)("suffix"))
+        }, [
+          x(o.$slots, "suffix"),
+          o.clearable && i.value && !o.disabled && !o.readonly ? (l(), d("span", {
+            key: 0,
+            class: m(u(c)("clear")),
+            onMousedown: f[0] || (f[0] = K(() => {
+            }, ["prevent"])),
+            onClick: G
+          }, [
+            Q(u(N))
+          ], 34)) : v("", !0),
+          o.showPassword && o.type === "password" && !o.disabled ? (l(), d("span", {
+            key: 1,
+            class: m(u(c)("password")),
+            onClick: X
+          }, [
+            b.value ? (l(), $(u(D), { key: 0 })) : (l(), $(u(F), { key: 1 }))
+          ], 2)) : v("", !0)
+        ], 2)) : v("", !0)
+      ], 2),
+      u(r).append ? (l(), d("div", me, [
+        x(o.$slots, "append")
+      ])) : v("", !0)
+    ], 16));
+  }
+});
+z.install = (e) => {
+  e.component(z.name, z);
+};
+const he = [
+  te,
+  z,
+  se,
+  N,
+  D,
+  F
+];
+function je(e) {
+  he.forEach((n) => {
     e.component(n.name, n);
   });
 }
-function ge(e, n) {
-  if (!w) return;
-  const t = (s) => {
-    const o = e.value;
-    !o || o === s.target || o.contains(s.target) || n(s);
+function He(e, n) {
+  if (!I) return;
+  const t = (a) => {
+    const s = e.value;
+    !s || s === a.target || s.contains(a.target) || n(a);
   };
-  B(() => {
+  P(() => {
     document.addEventListener("click", t, !0);
-  }), E(() => {
+  }), R(() => {
     document.removeEventListener("click", t, !0);
   });
 }
-function pe(e, n, t, s) {
-  if (!w) return;
-  let o;
-  const i = (f) => {
-    f.addEventListener(n, t, s), o = () => f.removeEventListener(n, t, s);
-  }, l = () => {
-    o == null || o(), o = void 0;
+function Ue(e, n, t, a) {
+  if (!I) return;
+  let s;
+  const r = (p) => {
+    p.addEventListener(n, t, a), s = () => p.removeEventListener(n, t, a);
+  }, c = () => {
+    s == null || s(), s = void 0;
   };
-  z(e) ? D(
+  Z(e) ? M(
     e,
-    (f, C, m) => {
-      f && (i(f), m(l));
+    (p, k, b) => {
+      p && (r(p), b(c));
     },
     { immediate: !0 }
-  ) : B(() => i(e)), E(l);
+  ) : P(() => r(e)), R(c);
 }
-const T = {
+const ye = {
   primary: "#6366f1",
   primaryLight: "#818cf8",
   primaryDark: "#4f46e5",
   primaryBg: "#eef2ff"
-}, F = {
+}, be = {
   success: "#10b981",
   successLight: "#34d399",
   successDark: "#059669",
@@ -203,7 +481,7 @@ const T = {
   infoLight: "#60a5fa",
   infoDark: "#2563eb",
   infoBg: "#eff6ff"
-}, a = {
+}, g = {
   white: "#ffffff",
   black: "#000000",
   gray50: "#f9fafb",
@@ -216,30 +494,30 @@ const T = {
   gray700: "#374151",
   gray800: "#1f2937",
   gray900: "#111827"
-}, U = {
-  primary: a.gray900,
-  secondary: a.gray600,
-  placeholder: a.gray400,
-  disabled: a.gray300,
-  inverse: a.white
-}, G = {
-  page: a.gray50,
-  container: a.white,
-  elevated: a.white,
-  disabled: a.gray100,
+}, ve = {
+  primary: g.gray900,
+  secondary: g.gray600,
+  placeholder: g.gray400,
+  disabled: g.gray300,
+  inverse: g.white
+}, we = {
+  page: g.gray50,
+  container: g.white,
+  elevated: g.white,
+  disabled: g.gray100,
   mask: "rgba(0, 0, 0, 0.45)"
-}, X = {
-  base: a.gray200,
-  light: a.gray100,
-  dark: a.gray300
-}, Y = {
-  brand: T,
-  functional: F,
-  neutral: a,
-  text: U,
-  bg: G,
-  border: X
-}, me = 4, q = {
+}, xe = {
+  base: g.gray200,
+  light: g.gray100,
+  dark: g.gray300
+}, ke = {
+  brand: ye,
+  functional: be,
+  neutral: g,
+  text: ve,
+  bg: we,
+  border: xe
+}, Ge = 4, Ce = {
   /** 0px */
   none: 0,
   /** 4px */
@@ -262,7 +540,7 @@ const T = {
   "5xl": 48,
   /** 64px */
   "6xl": 64
-}, J = {
+}, $e = {
   /** 按钮等小型组件 */
   buttonSm: { x: 12, y: 6 },
   buttonMd: { x: 16, y: 8 },
@@ -275,7 +553,7 @@ const T = {
   cardSm: 12,
   cardMd: 16,
   cardLg: 24
-}, K = {
+}, ze = {
   /** 0px */
   none: 0,
   /** 2px */
@@ -292,30 +570,30 @@ const T = {
   "2xl": 16,
   /** 9999px - 完全圆角 */
   full: 9999
-}, Q = {
+}, Be = {
   none: "none",
   sm: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
   base: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
   md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
   lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
   xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)"
-}, Z = {
+}, Ee = {
   /** 快速过渡 - 用于小型交互 */
   fast: "150ms ease",
   /** 默认过渡 */
   base: "200ms ease",
   /** 慢速过渡 - 用于大型动画 */
   slow: "300ms ease"
-}, O = {
-  spacing: q,
-  padding: J,
-  radius: K,
-  shadow: Q,
-  transition: Z
-}, _ = {
+}, Le = {
+  spacing: Ce,
+  padding: $e,
+  radius: ze,
+  shadow: Be,
+  transition: Ee
+}, Ie = {
   sans: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
   mono: "'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace"
-}, ee = {
+}, Se = {
   /** 12px */
   xs: 12,
   /** 14px */
@@ -332,7 +610,7 @@ const T = {
   "3xl": 30,
   /** 36px */
   "4xl": 36
-}, te = {
+}, Ae = {
   /** 1 */
   none: 1,
   /** 1.25 */
@@ -345,7 +623,7 @@ const T = {
   relaxed: 1.625,
   /** 2 */
   loose: 2
-}, ne = {
+}, Ve = {
   /** 400 */
   normal: 400,
   /** 500 */
@@ -354,51 +632,55 @@ const T = {
   semibold: 600,
   /** 700 */
   bold: 700
-}, oe = {
-  fontFamily: _,
-  fontSize: ee,
-  lineHeight: te,
-  fontWeight: ne
-}, ye = {
-  ...Y,
-  ...O,
-  ...oe
+}, Me = {
+  fontFamily: Ie,
+  fontSize: Se,
+  lineHeight: Ae,
+  fontWeight: Ve
+}, Xe = {
+  ...ke,
+  ...Le,
+  ...Me
 };
 export {
-  P as AiButton,
-  W as AiLoadingIcon,
-  me as BASE_SPACING_UNIT,
-  ae as addEventListener,
-  G as bgColors,
-  X as borderColors,
-  K as borderRadius,
-  T as brandColors,
-  Y as colorTokens,
-  J as componentPadding,
-  S as createBem,
-  M as createNamespace,
-  _ as fontFamily,
-  ee as fontSize,
-  ne as fontWeight,
-  F as functionalColors,
-  N as getElementRect,
-  le as getScrollParent,
-  fe as install,
-  w as isClient,
-  ie as isCssPropertySupported,
-  ce as isElementInViewport,
-  te as lineHeight,
-  a as neutralColors,
-  de as preventDefault,
-  Q as shadows,
-  q as spacingScale,
-  O as spacingTokens,
-  ue as stopPropagation,
-  U as textColors,
-  ye as tokens,
-  Z as transitions,
-  oe as typographyTokens,
-  ge as useClickOutside,
-  pe as useEventListener,
-  re as useNamespace
+  te as AiButton,
+  N as AiCloseCircleIcon,
+  D as AiEyeIcon,
+  F as AiEyeInvisibleIcon,
+  z as AiInput,
+  se as AiLoadingIcon,
+  Ge as BASE_SPACING_UNIT,
+  De as addEventListener,
+  we as bgColors,
+  xe as borderColors,
+  ze as borderRadius,
+  ye as brandColors,
+  ke as colorTokens,
+  $e as componentPadding,
+  L as createBem,
+  O as createNamespace,
+  Ie as fontFamily,
+  Se as fontSize,
+  Ve as fontWeight,
+  be as functionalColors,
+  ee as getElementRect,
+  Fe as getScrollParent,
+  je as install,
+  I as isClient,
+  Ne as isCssPropertySupported,
+  We as isElementInViewport,
+  Ae as lineHeight,
+  g as neutralColors,
+  Te as preventDefault,
+  Be as shadows,
+  Ce as spacingScale,
+  Le as spacingTokens,
+  _e as stopPropagation,
+  ve as textColors,
+  Xe as tokens,
+  Ee as transitions,
+  Me as typographyTokens,
+  He as useClickOutside,
+  Ue as useEventListener,
+  Re as useNamespace
 };

package/dist/style.css

@@ -1 +1 @@
-@charset "UTF-8";:root{--ai-color-primary: #ff4d4f;--ai-color-primary-hover: #ff7875;--ai-color-primary-active: #d9363e;--ai-color-primary-light: #ff7875;--ai-color-primary-dark: #d9363e;--ai-color-primary-bg: rgba(255, 77, 79, .12);--ai-color-success: #22c55e;--ai-color-success-light: #4ade80;--ai-color-success-dark: #16a34a;--ai-color-success-bg: rgba(34, 197, 94, .12);--ai-color-warning: #eab308;--ai-color-warning-light: #facc15;--ai-color-warning-dark: #ca8a04;--ai-color-warning-bg: rgba(234, 179, 8, .12);--ai-color-danger: #ff4d4f;--ai-color-error: #ff4d4f;--ai-color-error-light: #ff7875;--ai-color-error-dark: #d9363e;--ai-color-error-bg: rgba(255, 77, 79, .12);--ai-color-info: #ff4d4f;--ai-color-info-light: #ff7875;--ai-color-info-dark: #d9363e;--ai-color-info-bg: rgba(255, 77, 79, .12);--ai-color-white: #ffffff;--ai-color-black: #000000;--ai-color-gray-50: #f9fafb;--ai-color-gray-100: #f3f4f6;--ai-color-gray-200: #e5e7eb;--ai-color-gray-300: #d1d5db;--ai-color-gray-400: #9ca3af;--ai-color-gray-500: #6b7280;--ai-color-gray-600: #4b5563;--ai-color-gray-700: #374151;--ai-color-gray-800: #1f2937;--ai-color-gray-900: #111827;--ai-color-bg-base: #ffffff;--ai-color-bg-elevated: #ffffff;--ai-color-fill-default: #f9fafb;--ai-color-fill-hover: #f3f4f6;--ai-color-fill-active: #e5e7eb;--ai-bg-page: #ffffff;--ai-bg-container: #ffffff;--ai-bg-elevated: #ffffff;--ai-bg-disabled: #f3f4f6;--ai-bg-mask: rgba(0, 0, 0, .45);--ai-color-text-primary: #111827;--ai-color-text-secondary: #6b7280;--ai-color-text-disabled: #9ca3af;--ai-text-primary: #111827;--ai-text-secondary: #6b7280;--ai-text-placeholder: #9ca3af;--ai-text-disabled: #9ca3af;--ai-text-inverse: #ffffff;--ai-color-border: #e5e7eb;--ai-color-border-strong: #d1d5db;--ai-border-color: #e5e7eb;--ai-border-color-light: #f3f4f6;--ai-border-color-dark: #d1d5db;--ai-spacing-none: 0;--ai-spacing-xs: 4px;--ai-spacing-sm: 8px;--ai-spacing-md: 12px;--ai-spacing-lg: 16px;--ai-spacing-xl: 20px;--ai-spacing-2xl: 24px;--ai-spacing-3xl: 32px;--ai-spacing-4xl: 40px;--ai-spacing-5xl: 48px;--ai-spacing-6xl: 64px;--ai-radius-none: 0;--ai-radius-xs: 2px;--ai-radius-sm: 4px;--ai-radius-md: 6px;--ai-radius-lg: 8px;--ai-radius-xl: 12px;--ai-radius-2xl: 16px;--ai-radius-full: 9999px;--ai-radius-pill: 9999px;--ai-shadow-none: none;--ai-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--ai-shadow-base: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ai-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--ai-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--ai-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--ai-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--ai-font-family-mono: "SF Mono", SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace;--ai-font-size-xs: 12px;--ai-font-size-sm: 14px;--ai-font-size-base: 16px;--ai-font-size-lg: 18px;--ai-font-size-xl: 20px;--ai-font-size-2xl: 24px;--ai-font-size-3xl: 30px;--ai-font-size-4xl: 36px;--ai-line-height-none: 1;--ai-line-height-tight: 1.25;--ai-line-height-snug: 1.375;--ai-line-height-normal: 1.5;--ai-line-height-relaxed: 1.625;--ai-line-height-loose: 2;--ai-line-height-base: 1.5;--ai-font-weight-normal: 400;--ai-font-weight-medium: 500;--ai-font-weight-semibold: 600;--ai-font-weight-bold: 700;--ai-transition-fast: .15s ease;--ai-transition-base: .2s ease;--ai-transition-slow: .3s ease;--ai-z-dropdown: 1000;--ai-z-sticky: 1020;--ai-z-fixed: 1030;--ai-z-modal-backdrop: 1040;--ai-z-modal: 1050;--ai-z-popover: 1060;--ai-z-tooltip: 1070}.ai-button{position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;padding:0 var(--ai-spacing-md);height:32px;border-radius:var(--ai-radius-md);font-size:var(--ai-font-size-sm);line-height:var(--ai-line-height-base);font-weight:var(--ai-font-weight-medium, 500);border:1px solid transparent;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;text-decoration:none;outline:none;background-image:none;touch-action:manipulation;transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .1s ease;color:var(--ai-color-text-primary);background-color:var(--ai-color-fill-default);border-color:var(--ai-color-border)}.ai-button:hover{background-color:var(--ai-color-fill-hover);border-color:var(--ai-color-border-strong)}.ai-button:active{background-color:var(--ai-color-fill-active);transform:translateY(1px)}.ai-button--primary{background-color:var(--ai-color-primary);border-color:var(--ai-color-primary);color:#fff}.ai-button--primary:hover{background-color:var(--ai-color-primary-hover);border-color:var(--ai-color-primary-hover)}.ai-button--primary:active{background-color:var(--ai-color-primary-active);border-color:var(--ai-color-primary-active);box-shadow:0 0 0 1px #ff634773}.ai-button--success{background-color:var(--ai-color-success);border-color:var(--ai-color-success);color:#fff}.ai-button--success:hover{background-color:var(--ai-color-success-light);border-color:var(--ai-color-success-light)}.ai-button--success:active{background-color:var(--ai-color-success-dark);border-color:var(--ai-color-success-dark);box-shadow:0 0 0 1px #22c55e66}.ai-button--warning{background-color:var(--ai-color-warning);border-color:var(--ai-color-warning);color:#111827}.ai-button--warning:hover{background-color:var(--ai-color-warning-light);border-color:var(--ai-color-warning-light)}.ai-button--warning:active{background-color:var(--ai-color-warning-dark);border-color:var(--ai-color-warning-dark);box-shadow:0 0 0 1px #eab30866}.ai-button--danger{background-color:var(--ai-color-danger);border-color:var(--ai-color-danger);color:#fff}.ai-button--danger:hover{background-color:var(--ai-color-error-light);border-color:var(--ai-color-error-light)}.ai-button--danger:active{background-color:var(--ai-color-error-dark);border-color:var(--ai-color-error-dark);box-shadow:0 0 0 1px #f9737366}.ai-button--default{background-color:var(--ai-color-fill-default);border-color:var(--ai-color-border);color:var(--ai-color-text-primary)}.ai-button--default:hover{background-color:var(--ai-color-fill-hover);border-color:var(--ai-color-border-strong)}.ai-button--default:active{background-color:var(--ai-color-fill-active)}.ai-button--text{background-color:transparent;border-color:transparent;color:var(--ai-color-text-secondary);padding-left:4px;padding-right:4px}.ai-button--text:hover{background-color:#f871711f;color:var(--ai-color-text-primary)}.ai-button--text:active{background-color:#f8717133}.ai-button--sm{height:28px;padding:0 var(--ai-spacing-sm);font-size:var(--ai-font-size-xs)}.ai-button--lg{height:36px;padding:0 var(--ai-spacing-lg);font-size:var(--ai-font-size-base)}.ai-button--block{display:flex;width:100%}.ai-button--round{border-radius:var(--ai-radius-pill)}.ai-button--circle{border-radius:50%;padding:0;width:32px;height:32px}.ai-button--circle.ai-button--sm{width:28px;height:28px}.ai-button--circle.ai-button--lg{width:36px;height:36px}.ai-button--ghost{background-color:transparent;color:var(--ai-color-text-primary);border-color:var(--ai-color-border)}.ai-button--ghost:hover{background-color:#ff63471f}.ai-button--ghost:active{background-color:#ff634733}.ai-button--ghost.ai-button--primary{color:var(--ai-color-primary);border-color:var(--ai-color-primary)}.ai-button--ghost.ai-button--primary:hover{background-color:#ff63471f}.ai-button--ghost.ai-button--primary:active{background-color:#ff634733}.ai-button--ghost.ai-button--success{color:var(--ai-color-success);border-color:var(--ai-color-success)}.ai-button--ghost.ai-button--success:hover{background-color:#22c55e1f}.ai-button--ghost.ai-button--success:active{background-color:#22c55e33}.ai-button--ghost.ai-button--warning{color:var(--ai-color-warning);border-color:var(--ai-color-warning)}.ai-button--ghost.ai-button--warning:hover{background-color:#eab3081f}.ai-button--ghost.ai-button--warning:active{background-color:#eab30833}.ai-button--ghost.ai-button--danger{color:var(--ai-color-danger);border-color:var(--ai-color-danger)}.ai-button--ghost.ai-button--danger:hover{background-color:#ff63471f}.ai-button--ghost.ai-button--danger:active{background-color:#ff634733}.ai-button--disabled,.ai-button:disabled,.ai-button[disabled]{cursor:not-allowed;opacity:.6;background-color:var(--ai-color-fill-default);border-color:var(--ai-color-border);color:var(--ai-color-text-disabled);box-shadow:none;transform:none}.ai-button--disabled:hover,.ai-button--disabled:active,.ai-button:disabled:hover,.ai-button:disabled:active,.ai-button[disabled]:hover,.ai-button[disabled]:active{background-color:var(--ai-color-fill-default);border-color:var(--ai-color-border);color:var(--ai-color-text-disabled);transform:none}.ai-button--loading{cursor:default;opacity:.85;pointer-events:none}.ai-button__content{display:inline-flex;align-items:center;justify-content:center;gap:6px}.ai-button__text{display:inline-flex;align-items:center}.ai-button__icon{display:inline-flex;align-items:center;justify-content:center}.ai-button__icon--left{margin-right:4px}.ai-button__icon--right{margin-left:4px}.ai-button__spinner{position:absolute;left:8px;width:14px;height:14px;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;opacity:.6;animation:ai-button-spin .7s linear infinite}.ai-button--circle .ai-button__spinner{position:static;left:auto;margin-right:0}@keyframes ai-button-spin{to{transform:rotate(360deg)}}.ai-loading-icon{display:inline-flex;align-items:center;justify-content:center;animation:ai-loading-icon-spin 1s linear infinite}.ai-loading-icon svg{display:block}@keyframes ai-loading-icon-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
+@charset "UTF-8";:root{--ai-color-primary: #ff4d4f;--ai-color-primary-hover: #ff7875;--ai-color-primary-active: #d9363e;--ai-color-primary-light: #ff7875;--ai-color-primary-dark: #d9363e;--ai-color-primary-bg: rgba(255, 77, 79, .12);--ai-color-success: #22c55e;--ai-color-success-light: #4ade80;--ai-color-success-dark: #16a34a;--ai-color-success-bg: rgba(34, 197, 94, .12);--ai-color-warning: #eab308;--ai-color-warning-light: #facc15;--ai-color-warning-dark: #ca8a04;--ai-color-warning-bg: rgba(234, 179, 8, .12);--ai-color-danger: #ff4d4f;--ai-color-error: #ff4d4f;--ai-color-error-light: #ff7875;--ai-color-error-dark: #d9363e;--ai-color-error-bg: rgba(255, 77, 79, .12);--ai-color-info: #ff4d4f;--ai-color-info-light: #ff7875;--ai-color-info-dark: #d9363e;--ai-color-info-bg: rgba(255, 77, 79, .12);--ai-color-white: #ffffff;--ai-color-black: #000000;--ai-color-gray-50: #f9fafb;--ai-color-gray-100: #f3f4f6;--ai-color-gray-200: #e5e7eb;--ai-color-gray-300: #d1d5db;--ai-color-gray-400: #9ca3af;--ai-color-gray-500: #6b7280;--ai-color-gray-600: #4b5563;--ai-color-gray-700: #374151;--ai-color-gray-800: #1f2937;--ai-color-gray-900: #111827;--ai-color-bg-base: #ffffff;--ai-color-bg-elevated: #ffffff;--ai-color-fill-default: #f9fafb;--ai-color-fill-hover: #f3f4f6;--ai-color-fill-active: #e5e7eb;--ai-bg-page: #ffffff;--ai-bg-container: #ffffff;--ai-bg-elevated: #ffffff;--ai-bg-disabled: #f3f4f6;--ai-bg-mask: rgba(0, 0, 0, .45);--ai-color-text-primary: #111827;--ai-color-text-secondary: #6b7280;--ai-color-text-disabled: #9ca3af;--ai-text-primary: #111827;--ai-text-secondary: #6b7280;--ai-text-placeholder: #9ca3af;--ai-text-disabled: #9ca3af;--ai-text-inverse: #ffffff;--ai-color-border: #e5e7eb;--ai-color-border-strong: #d1d5db;--ai-border-color: #e5e7eb;--ai-border-color-light: #f3f4f6;--ai-border-color-dark: #d1d5db;--ai-spacing-none: 0;--ai-spacing-xs: 4px;--ai-spacing-sm: 8px;--ai-spacing-md: 12px;--ai-spacing-lg: 16px;--ai-spacing-xl: 20px;--ai-spacing-2xl: 24px;--ai-spacing-3xl: 32px;--ai-spacing-4xl: 40px;--ai-spacing-5xl: 48px;--ai-spacing-6xl: 64px;--ai-radius-none: 0;--ai-radius-xs: 2px;--ai-radius-sm: 4px;--ai-radius-md: 6px;--ai-radius-lg: 8px;--ai-radius-xl: 12px;--ai-radius-2xl: 16px;--ai-radius-full: 9999px;--ai-radius-pill: 9999px;--ai-shadow-none: none;--ai-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--ai-shadow-base: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ai-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--ai-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--ai-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--ai-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--ai-font-family-mono: "SF Mono", SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace;--ai-font-size-xs: 12px;--ai-font-size-sm: 14px;--ai-font-size-base: 16px;--ai-font-size-lg: 18px;--ai-font-size-xl: 20px;--ai-font-size-2xl: 24px;--ai-font-size-3xl: 30px;--ai-font-size-4xl: 36px;--ai-line-height-none: 1;--ai-line-height-tight: 1.25;--ai-line-height-snug: 1.375;--ai-line-height-normal: 1.5;--ai-line-height-relaxed: 1.625;--ai-line-height-loose: 2;--ai-line-height-base: 1.5;--ai-font-weight-normal: 400;--ai-font-weight-medium: 500;--ai-font-weight-semibold: 600;--ai-font-weight-bold: 700;--ai-transition-fast: .15s ease;--ai-transition-base: .2s ease;--ai-transition-slow: .3s ease;--ai-z-dropdown: 1000;--ai-z-sticky: 1020;--ai-z-fixed: 1030;--ai-z-modal-backdrop: 1040;--ai-z-modal: 1050;--ai-z-popover: 1060;--ai-z-tooltip: 1070}.ai-button{position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;padding:0 var(--ai-spacing-md);height:32px;border-radius:var(--ai-radius-md);font-size:var(--ai-font-size-sm);line-height:var(--ai-line-height-base);font-weight:var(--ai-font-weight-medium, 500);border:1px solid transparent;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;text-decoration:none;outline:none;background-image:none;touch-action:manipulation;transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .1s ease;color:var(--ai-color-text-primary);background-color:var(--ai-color-fill-default);border-color:var(--ai-color-border)}.ai-button:hover{background-color:var(--ai-color-fill-hover);border-color:var(--ai-color-border-strong)}.ai-button:active{background-color:var(--ai-color-fill-active);transform:translateY(1px)}.ai-button--primary{background-color:var(--ai-color-primary);border-color:var(--ai-color-primary);color:#fff}.ai-button--primary:hover{background-color:var(--ai-color-primary-hover);border-color:var(--ai-color-primary-hover)}.ai-button--primary:active{background-color:var(--ai-color-primary-active);border-color:var(--ai-color-primary-active);box-shadow:0 0 0 1px #ff634773}.ai-button--success{background-color:var(--ai-color-success);border-color:var(--ai-color-success);color:#fff}.ai-button--success:hover{background-color:var(--ai-color-success-light);border-color:var(--ai-color-success-light)}.ai-button--success:active{background-color:var(--ai-color-success-dark);border-color:var(--ai-color-success-dark);box-shadow:0 0 0 1px #22c55e66}.ai-button--warning{background-color:var(--ai-color-warning);border-color:var(--ai-color-warning);color:#111827}.ai-button--warning:hover{background-color:var(--ai-color-warning-light);border-color:var(--ai-color-warning-light)}.ai-button--warning:active{background-color:var(--ai-color-warning-dark);border-color:var(--ai-color-warning-dark);box-shadow:0 0 0 1px #eab30866}.ai-button--danger{background-color:var(--ai-color-danger);border-color:var(--ai-color-danger);color:#fff}.ai-button--danger:hover{background-color:var(--ai-color-error-light);border-color:var(--ai-color-error-light)}.ai-button--danger:active{background-color:var(--ai-color-error-dark);border-color:var(--ai-color-error-dark);box-shadow:0 0 0 1px #f9737366}.ai-button--default{background-color:var(--ai-color-fill-default);border-color:var(--ai-color-border);color:var(--ai-color-text-primary)}.ai-button--default:hover{background-color:var(--ai-color-fill-hover);border-color:var(--ai-color-border-strong)}.ai-button--default:active{background-color:var(--ai-color-fill-active)}.ai-button--text{background-color:transparent;border-color:transparent;color:var(--ai-color-text-secondary);padding-left:4px;padding-right:4px}.ai-button--text:hover{background-color:#f871711f;color:var(--ai-color-text-primary)}.ai-button--text:active{background-color:#f8717133}.ai-button--sm{height:28px;padding:0 var(--ai-spacing-sm);font-size:var(--ai-font-size-xs)}.ai-button--lg{height:36px;padding:0 var(--ai-spacing-lg);font-size:var(--ai-font-size-base)}.ai-button--block{display:flex;width:100%}.ai-button--round{border-radius:var(--ai-radius-pill)}.ai-button--circle{border-radius:50%;padding:0;width:32px;height:32px}.ai-button--circle.ai-button--sm{width:28px;height:28px}.ai-button--circle.ai-button--lg{width:36px;height:36px}.ai-button--ghost{background-color:transparent;color:var(--ai-color-text-primary);border-color:var(--ai-color-border)}.ai-button--ghost:hover{background-color:#ff63471f}.ai-button--ghost:active{background-color:#ff634733}.ai-button--ghost.ai-button--primary{color:var(--ai-color-primary);border-color:var(--ai-color-primary)}.ai-button--ghost.ai-button--primary:hover{background-color:#ff63471f}.ai-button--ghost.ai-button--primary:active{background-color:#ff634733}.ai-button--ghost.ai-button--success{color:var(--ai-color-success);border-color:var(--ai-color-success)}.ai-button--ghost.ai-button--success:hover{background-color:#22c55e1f}.ai-button--ghost.ai-button--success:active{background-color:#22c55e33}.ai-button--ghost.ai-button--warning{color:var(--ai-color-warning);border-color:var(--ai-color-warning)}.ai-button--ghost.ai-button--warning:hover{background-color:#eab3081f}.ai-button--ghost.ai-button--warning:active{background-color:#eab30833}.ai-button--ghost.ai-button--danger{color:var(--ai-color-danger);border-color:var(--ai-color-danger)}.ai-button--ghost.ai-button--danger:hover{background-color:#ff63471f}.ai-button--ghost.ai-button--danger:active{background-color:#ff634733}.ai-button--disabled,.ai-button:disabled,.ai-button[disabled]{cursor:not-allowed;opacity:.6;background-color:var(--ai-color-fill-default);border-color:var(--ai-color-border);color:var(--ai-color-text-disabled);box-shadow:none;transform:none}.ai-button--disabled:hover,.ai-button--disabled:active,.ai-button:disabled:hover,.ai-button:disabled:active,.ai-button[disabled]:hover,.ai-button[disabled]:active{background-color:var(--ai-color-fill-default);border-color:var(--ai-color-border);color:var(--ai-color-text-disabled);transform:none}.ai-button--loading{cursor:default;opacity:.85;pointer-events:none}.ai-button__content{display:inline-flex;align-items:center;justify-content:center;gap:6px}.ai-button__text{display:inline-flex;align-items:center}.ai-button__icon{display:inline-flex;align-items:center;justify-content:center}.ai-button__icon--left{margin-right:4px}.ai-button__icon--right{margin-left:4px}.ai-button__spinner{position:absolute;left:8px;width:14px;height:14px;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;opacity:.6;animation:ai-button-spin .7s linear infinite}.ai-button--circle .ai-button__spinner{position:static;left:auto;margin-right:0}@keyframes ai-button-spin{to{transform:rotate(360deg)}}.ai-loading-icon{display:inline-flex;align-items:center;justify-content:center;animation:ai-loading-icon-spin 1s linear infinite}.ai-loading-icon svg{display:block}@keyframes ai-loading-icon-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ai-input{--ai-input-height-sm: 28px;--ai-input-height-md: 32px;--ai-input-height-lg: 36px;position:relative;display:inline-flex;width:100%;font-size:var(--ai-font-size-sm);line-height:var(--ai-line-height-base);box-sizing:border-box;vertical-align:middle}.ai-input__wrapper{display:inline-flex;flex-grow:1;align-items:center;justify-content:center;padding:1px 11px;background-color:var(--ai-color-fill-default);background-image:none;border:1px solid var(--ai-color-border);border-radius:var(--ai-radius-md);transition:var(--ai-transition-base);cursor:text}.ai-input__wrapper:hover{border-color:var(--ai-color-gray-400)}.ai-input__wrapper.is-focus{border-color:var(--ai-color-primary);box-shadow:0 0 0 1px var(--ai-color-primary)}.ai-input__inner{width:100%;flex-grow:1;color:var(--ai-color-text-primary);font-size:inherit;height:calc(100% - 2px);line-height:inherit;padding:0;outline:none;border:none;background:none;box-sizing:border-box}.ai-input__inner::placeholder{color:var(--ai-color-text-secondary)}.ai-input__inner::-ms-reveal{display:none}.ai-input__prefix,.ai-input__suffix{display:inline-flex;white-space:nowrap;flex-shrink:0;flex-wrap:nowrap;height:100%;text-align:center;color:var(--ai-color-text-secondary);transition:all var(--ai-transition-base);pointer-events:all}.ai-input__prefix{margin-right:8px}.ai-input__suffix{margin-left:8px}.ai-input__clear,.ai-input__password{cursor:pointer;font-size:14px;margin-left:4px;transition:color var(--ai-transition-base)}.ai-input__clear:hover,.ai-input__password:hover{color:var(--ai-color-text-primary)}.ai-input--sm .ai-input__wrapper{height:var(--ai-input-height-sm)}.ai-input--md .ai-input__wrapper{height:var(--ai-input-height-md)}.ai-input--lg .ai-input__wrapper{height:var(--ai-input-height-lg);font-size:var(--ai-font-size-base)}.ai-input--disabled{cursor:not-allowed}.ai-input--disabled .ai-input__wrapper{background-color:var(--ai-bg-disabled);border-color:var(--ai-color-border);color:var(--ai-color-text-disabled);cursor:not-allowed}.ai-input--disabled .ai-input__wrapper:hover{border-color:var(--ai-color-border)}.ai-input--disabled .ai-input__inner{color:var(--ai-color-text-disabled);cursor:not-allowed}.ai-input-group{display:inline-flex;width:100%;align-items:stretch}.ai-input-group__prepend,.ai-input-group__append{background-color:var(--ai-color-fill-default);color:var(--ai-color-text-secondary);border:1px solid var(--ai-color-border);border-radius:var(--ai-radius-md);padding:0 12px;white-space:nowrap;display:flex;align-items:center;justify-content:center}.ai-input-group__prepend{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.ai-input-group__append{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.ai-input-group .ai-input__wrapper{border-radius:0}.ai-input-group--prepend .ai-input__wrapper{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:var(--ai-radius-md);border-bottom-right-radius:var(--ai-radius-md)}.ai-input-group--append .ai-input__wrapper{border-top-right-radius:0;border-bottom-right-radius:0;border-top-left-radius:var(--ai-radius-md);border-bottom-left-radius:var(--ai-radius-md)}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axin666/ai-ui",
-  "version": "0.1.9",
+  "version": "0.1.12",
   "description": "A Vue 3 component library for admin systems",
   "type": "module",
   "main": "dist/ai-ui.cjs.js",
@@ -12,6 +12,11 @@
       "require": "./dist/ai-ui.cjs.js",
       "types": "./dist/types/src/index.d.ts"
     },
+    "./Icon": {
+      "import": "./dist/ai-ui.esm.js",
+      "require": "./dist/ai-ui.cjs.js",
+      "types": "./dist/types/src/index.d.ts"
+    },
     "./dist/style.css": "./dist/style.css"
   },
   "files": [
@@ -50,6 +55,8 @@
     "@typescript-eslint/eslint-plugin": "^6.13.1",
     "@typescript-eslint/parser": "^6.13.1",
     "@vitejs/plugin-vue": "^5.0.0",
+    "@vitepress-demo-preview/component": "^2.6.1",
+    "@vitepress-demo-preview/plugin": "^1.4.1",
     "@vue/eslint-config-prettier": "^8.0.0",
     "@vue/eslint-config-typescript": "^12.0.0",
     "@vue/test-utils": "^2.4.0",