@axin666/ai-ui 0.1.9

package/README.md

@@ -0,0 +1,130 @@
+# AI UI
+
+一个基于 Vue 3 + TypeScript 的组件库，面向中后台场景。
+
+## ✨ 特性
+
+- 🚀 **Vue 3 + TypeScript** - 基于 Vue 3 Composition API 和 TypeScript 构建
+- 🎨 **可定制主题** - 基于 CSS 变量的主题系统，支持亮色/暗色模式
+- 📦 **按需引入** - 支持 Tree Shaking，减小包体积
+- 🔧 **AI Coding 友好** - 统一的代码结构、完备的类型定义
+
+## 📦 安装
+
+```bash
+# npm
+npm install ai-ui
+
+# pnpm
+pnpm add ai-ui
+```
+
+## 🔨 使用
+
+### 完整引入
+
+```ts
+import { createApp } from 'vue'
+import AiUI from '@ai-ui'
+import '@ai-ui/theme/index.scss'
+import App from './App.vue'
+
+const app = createApp(App)
+app.use(AiUI)
+app.mount('#app')
+```
+
+### 按需引入
+
+```vue
+<script setup lang="ts">
+// 从主入口引入组件
+import { AiButton, AiLoadingIcon } from '@ai-ui'
+
+// 导入工具函数
+import { createBem } from '@ai-ui'
+
+// 导入 Hooks
+import { useEventListener } from '@ai-ui'
+</script>
+
+<template>
+  <AiButton type="primary">
+    <template #icon>
+      <AiLoadingIcon />
+    </template>
+    按钮
+  </AiButton>
+</template>
+```
+
+## 🛠️ 开发
+
+```bash
+# 安装依赖
+pnpm install
+
+# 启动开发服务器
+pnpm dev
+
+# 构建组件库
+pnpm build
+
+# 运行测试
+pnpm test
+
+# 启动文档站点
+pnpm docs:dev
+```
+
+## 📁 项目结构
+
+```
+ai-ui/
+├── packages/              # 组件库核心代码
+│   ├── index.ts          # 主入口文件
+│   ├── components/       # 组件源码
+│   │   ├── Button/       # 按钮组件
+│   │   │   ├── src/
+│   │   │   │   ├── AiButton.vue   # 组件实现
+│   │   │   │   ├── props.ts       # Props 定义
+│   │   │   │   └── style.scss     # 样式
+│   │   │   ├── index.ts           # 组件出口
+│   │   │   └── __tests__/         # 单元测试
+│   │   ├── Icon/         # 图标组件
+│   │   ├── index.ts     # 组件库入口
+│   │   └── types.ts     # 公共类型
+│   ├── hooks/           # 通用 Hooks
+│   │   ├── useEventListener.ts
+│   │   ├── useClickOutside.ts
+│   │   └── index.ts
+│   ├── utils/           # 工具函数
+│   │   ├── bem.ts       # BEM 命名工具
+│   │   ├── dom.ts       # DOM 工具
+│   │   ├── props.ts     # Props 工具
+│   │   └── index.ts
+│   └── theme/           # 主题系统
+│       ├── index.scss   # 默认主题（CSS 变量）
+│       ├── dark.scss    # 暗色主题
+│       └── tokens/      # 设计令牌
+│           ├── colors.ts
+│           ├── spacing.ts
+│           ├── typography.ts
+│           └── index.ts
+├── playground/          # 开发预览环境
+│   ├── App.vue         # 预览页面
+│   ├── main.ts         # 预览入口
+│   └── vite-env.d.ts  # 类型声明
+├── docs/               # VitePress 文档
+│   ├── components/    # 组件文档
+│   ├── guide/         # 指南文档
+│   └── index.md       # 文档首页
+├── index.html          # 开发预览 HTML
+├── vite.config.ts      # Vite 配置
+├── tsconfig.json       # TypeScript 配置
+└── package.json        # 项目配置
+```
+
+## 📄 License
+
+[MIT](./LICENSE)

package/dist/ai-ui.cjs.js

@@ -0,0 +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;

package/dist/ai-ui.esm.js

@@ -0,0 +1,404 @@
+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) {
+    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);
+  };
+}
+function L(e, n) {
+  const t = [e];
+  for (const [s, o] of Object.entries(n))
+    o && t.push(`${e}--${s}`);
+  return t.join(" ");
+}
+function M(e = "ai") {
+  return function(n) {
+    return S(`${e}-${n}`);
+  };
+}
+const re = M("ai"), w = typeof window < "u";
+function ie(e) {
+  return w ? e in document.documentElement.style : !1;
+}
+function ae(e, n, t, s) {
+  return e.addEventListener(n, t, s), () => e.removeEventListener(n, t, s);
+}
+function le(e) {
+  let n = e.parentElement;
+  for (; n; ) {
+    const { overflow: t, overflowX: s, overflowY: o } = getComputedStyle(n);
+    if (/(auto|scroll|overlay)/.test(t + s + o))
+      return n;
+    n = n.parentElement;
+  }
+  return window;
+}
+function N(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 ue(e) {
+  e.stopPropagation();
+}
+function de(e) {
+  e.preventDefault();
+}
+const P = /* @__PURE__ */ $({
+  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(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) => {
+      if (t.disabled || t.loading) {
+        r.preventDefault(), r.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
+    }, {
+      default: R(() => [
+        e.loading ? (d(), p("span", {
+          key: 0,
+          class: g(c(i)("spinner"))
+        }, null, 2)) : h("", !0),
+        k("span", {
+          class: g(c(i)("content"))
+        }, [
+          c(o).icon || e.icon ? (d(), p("span", {
+            key: 0,
+            class: g([c(i)("icon"), c(i)("icon", "left")])
+          }, [
+            x(r.$slots, "icon", {}, () => [
+              (d(), y(b(m(e.icon))))
+            ])
+          ], 2)) : h("", !0),
+          k("span", {
+            class: g(c(i)("text"))
+          }, [
+            x(r.$slots, "default")
+          ], 2),
+          c(o).iconRight || e.iconRight ? (d(), p("span", {
+            key: 1,
+            class: g([c(i)("icon"), c(i)("icon", "right")])
+          }, [
+            x(r.$slots, "iconRight", {}, () => [
+              (d(), y(b(m(e.iconRight))))
+            ])
+          ], 2)) : h("", !0)
+        ], 2)
+      ]),
+      _: 3
+    }, 8, ["class", "href", "target", "type", "disabled"]));
+  }
+}), j = { class: "ai-loading-icon" }, V = ["width", "height", "stroke", "stroke-width"], W = /* @__PURE__ */ $({
+  name: "AiLoadingIcon",
+  __name: "AiLoadingIcon",
+  props: {
+    size: { default: "1em" },
+    color: { default: "currentColor" },
+    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", {
+        width: t.value,
+        height: t.value,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: e.color,
+        "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))
+    ]));
+  }
+}), H = [P, W];
+function fe(e) {
+  H.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);
+  };
+  B(() => {
+    document.addEventListener("click", t, !0);
+  }), E(() => {
+    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;
+  };
+  z(e) ? D(
+    e,
+    (f, C, m) => {
+      f && (i(f), m(l));
+    },
+    { immediate: !0 }
+  ) : B(() => i(e)), E(l);
+}
+const T = {
+  primary: "#6366f1",
+  primaryLight: "#818cf8",
+  primaryDark: "#4f46e5",
+  primaryBg: "#eef2ff"
+}, F = {
+  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"
+}, a = {
+  white: "#ffffff",
+  black: "#000000",
+  gray50: "#f9fafb",
+  gray100: "#f3f4f6",
+  gray200: "#e5e7eb",
+  gray300: "#d1d5db",
+  gray400: "#9ca3af",
+  gray500: "#6b7280",
+  gray600: "#4b5563",
+  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,
+  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 = {
+  /** 0px */
+  none: 0,
+  /** 4px */
+  xs: 4,
+  /** 8px */
+  sm: 8,
+  /** 12px */
+  md: 12,
+  /** 16px */
+  lg: 16,
+  /** 20px */
+  xl: 20,
+  /** 24px */
+  "2xl": 24,
+  /** 32px */
+  "3xl": 32,
+  /** 40px */
+  "4xl": 40,
+  /** 48px */
+  "5xl": 48,
+  /** 64px */
+  "6xl": 64
+}, J = {
+  /** 按钮等小型组件 */
+  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
+}, K = {
+  /** 0px */
+  none: 0,
+  /** 2px */
+  xs: 2,
+  /** 4px */
+  sm: 4,
+  /** 6px */
+  md: 6,
+  /** 8px */
+  lg: 8,
+  /** 12px */
+  xl: 12,
+  /** 16px */
+  "2xl": 16,
+  /** 9999px - 完全圆角 */
+  full: 9999
+}, Q = {
+  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 = {
+  /** 快速过渡 - 用于小型交互 */
+  fast: "150ms ease",
+  /** 默认过渡 */
+  base: "200ms ease",
+  /** 慢速过渡 - 用于大型动画 */
+  slow: "300ms ease"
+}, O = {
+  spacing: q,
+  padding: J,
+  radius: K,
+  shadow: Q,
+  transition: Z
+}, _ = {
+  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 = {
+  /** 12px */
+  xs: 12,
+  /** 14px */
+  sm: 14,
+  /** 16px */
+  base: 16,
+  /** 18px */
+  lg: 18,
+  /** 20px */
+  xl: 20,
+  /** 24px */
+  "2xl": 24,
+  /** 30px */
+  "3xl": 30,
+  /** 36px */
+  "4xl": 36
+}, te = {
+  /** 1 */
+  none: 1,
+  /** 1.25 */
+  tight: 1.25,
+  /** 1.375 */
+  snug: 1.375,
+  /** 1.5 */
+  normal: 1.5,
+  /** 1.625 */
+  relaxed: 1.625,
+  /** 2 */
+  loose: 2
+}, ne = {
+  /** 400 */
+  normal: 400,
+  /** 500 */
+  medium: 500,
+  /** 600 */
+  semibold: 600,
+  /** 700 */
+  bold: 700
+}, oe = {
+  fontFamily: _,
+  fontSize: ee,
+  lineHeight: te,
+  fontWeight: ne
+}, ye = {
+  ...Y,
+  ...O,
+  ...oe
+};
+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
+};

package/dist/style.css

@@ -0,0 +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)}}

package/dist/types/index.d.ts

@@ -0,0 +1,2 @@
+
+export * from '../packages';

package/dist/types/src/index.d.ts

@@ -0,0 +1 @@
+export * from '../index'

package/package.json

@@ -0,0 +1,96 @@
+{
+  "name": "@axin666/ai-ui",
+  "version": "0.1.9",
+  "description": "A Vue 3 component library for admin systems",
+  "type": "module",
+  "main": "dist/ai-ui.cjs.js",
+  "module": "dist/ai-ui.esm.js",
+  "types": "dist/types/src/index.d.ts",
+  "exports": {
+    ".": {
+      "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": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "sideEffects": [
+    "dist/style.css",
+    "packages/theme/index.scss",
+    "packages/components/**/style.scss"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "dev:playground": "vite",
+    "build": "vite build --mode lib",
+    "build:lib": "BUILD_MODE=lib vite build",
+    "preview": "vite preview",
+    "test": "vitest",
+    "test:coverage": "vitest --coverage",
+    "docs:dev": "vitepress dev docs",
+    "docs:build": "vitepress build docs",
+    "docs:preview": "vitepress preview docs",
+    "lint": "eslint . --ext .vue,.ts,.tsx --fix",
+    "format": "prettier --write \"**/*.{vue,ts,tsx,js,jsx,json,md,scss,css}\"",
+    "prepare": "husky install",
+    "type-check": "vue-tsc --noEmit",
+    "release": "pnpm lint && pnpm test && pnpm build"
+  },
+  "peerDependencies": {
+    "vue": "^3.3.0"
+  },
+  "devDependencies": {
+    "@types/node": "^20.10.0",
+    "@typescript-eslint/eslint-plugin": "^6.13.1",
+    "@typescript-eslint/parser": "^6.13.1",
+    "@vitejs/plugin-vue": "^5.0.0",
+    "@vue/eslint-config-prettier": "^8.0.0",
+    "@vue/eslint-config-typescript": "^12.0.0",
+    "@vue/test-utils": "^2.4.0",
+    "eslint": "^8.54.0",
+    "eslint-config-prettier": "^9.0.0",
+    "eslint-plugin-prettier": "^5.0.1",
+    "eslint-plugin-vue": "^9.18.1",
+    "husky": "^8.0.3",
+    "jsdom": "^24.0.0",
+    "lint-staged": "^15.1.0",
+    "prettier": "^3.1.0",
+    "sass": "^1.69.0",
+    "typescript": "^5.3.0",
+    "vite": "^5.0.0",
+    "vite-plugin-dts": "^3.7.0",
+    "vitepress": "^1.0.0",
+    "vitest": "^1.0.0",
+    "vue": "^3.4.0",
+    "vue-eslint-parser": "^9.3.2",
+    "vue-tsc": "^1.8.0"
+  },
+  "lint-staged": {
+    "*.{vue,ts,tsx,js,jsx}": [
+      "eslint --fix",
+      "prettier --write"
+    ],
+    "*.{scss,css,json,md}": [
+      "prettier --write"
+    ]
+  },
+  "keywords": [
+    "vue3",
+    "component-library",
+    "typescript",
+    "admin",
+    "ui"
+  ],
+  "author": "",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": ""
+  }
+}