@qxs-bns/components 0.0.82 → 0.0.84

package/README.md

@@ -0,0 +1,566 @@
+# @qxs-bns/components
+
+QXS Business System 组件库，基于 Vue 3 + TypeScript + Element Plus 构建的企业级组件库。
+
+## ✨ 特性
+
+- 🎯 **企业级** - 专为企业级应用设计，提供丰富的业务组件
+- 🔧 **二次封装** - 基于 Element Plus 进行增强，保持 API 一致性
+- 📦 **按需加载** - 支持 Tree-shaking，减少打包体积
+- 🎨 **主题定制** - 支持主题定制和暗黑模式
+- 🌍 **国际化** - 内置国际化支持
+- 📱 **响应式** - 移动端友好的响应式设计
+- ♿ **无障碍** - 遵循 WAI-ARIA 标准
+- 🎪 **TypeScript** - 完整的 TypeScript 类型定义
+
+## 📦 安装
+
+```bash
+# npm
+npm install @qxs-bns/components
+
+# yarn
+yarn add @qxs-bns/components
+
+# pnpm
+pnpm add @qxs-bns/components
+```
+
+## 🚀 快速开始
+
+### 完整引入
+
+```typescript
+import { createApp } from 'vue'
+import QxsComponents from '@qxs-bns/components'
+import '@qxs-bns/components/dist/index.css'
+import App from './App.vue'
+
+const app = createApp(App)
+app.use(QxsComponents)
+app.mount('#app')
+```
+
+### 按需引入
+
+```vue
+<template>
+  <QxsButton type="primary">按钮</QxsButton>
+  <QxsDataChart :data="chartData" show-type-name="bar" />
+</template>
+
+<script setup>
+import { QxsButton, QxsDataChart } from '@qxs-bns/components'
+
+const chartData = {
+  data: [
+    { name: '一月', value: 100 },
+    { name: '二月', value: 200 }
+  ]
+}
+</script>
+```
+
+## 🏗️ 项目结构
+
+```
+packages/components/
+├── src/                    # 源码目录
+│   ├── button/            # 按钮组件
+│   │   ├── src/           # 组件源码
+│   │   │   └── button.vue
+│   │   ├── style/         # 组件样式
+│   │   │   └── index.scss
+│   │   └── index.ts       # 组件入口
+│   ├── data-chart/        # 数据图表组件
+│   ├── utils/             # 工具函数
+│   ├── constants/         # 常量定义
+│   └── index.ts           # 总入口
+├── dist/                  # 构建产物
+├── docs/                  # 组件文档
+└── package.json
+```
+
+## 🧩 核心组件
+
+### 基础组件
+
+| 组件名 | 说明 | 文档 |
+|--------|------|------|
+| Button | 按钮组件 | [查看文档](./src/button/README.md) |
+| Input | 输入框组件 | [查看文档](./src/input/README.md) |
+| Select | 选择器组件 | [查看文档](./src/select/README.md) |
+
+### 数据展示
+
+| 组件名 | 说明 | 文档 |
+|--------|------|------|
+| DataChart | 数据图表组件 | [查看文档](./src/data-chart/README.md) |
+| Table | 表格组件 | [查看文档](./src/table/README.md) |
+| Card | 卡片组件 | [查看文档](./src/card/README.md) |
+
+### 导航组件
+
+| 组件名 | 说明 | 文档 |
+|--------|------|------|
+| Menu | 菜单组件 | [查看文档](./src/menu/README.md) |
+| Breadcrumb | 面包屑组件 | [查看文档](./src/breadcrumb/README.md) |
+| Pagination | 分页组件 | [查看文档](./src/pagination/README.md) |
+
+### 反馈组件
+
+| 组件名 | 说明 | 文档 |
+|--------|------|------|
+| Dialog | 对话框组件 | [查看文档](./src/dialog/README.md) |
+| Message | 消息提示组件 | [查看文档](./src/message/README.md) |
+| Loading | 加载组件 | [查看文档](./src/loading/README.md) |
+
+## 🛠️ 开发指南
+
+### 环境要求
+
+- Node.js >= 16
+- pnpm >= 7
+- Vue >= 3.3
+- TypeScript >= 4.9
+
+### 本地开发
+
+```bash
+# 克隆项目
+git clone <repository-url>
+
+# 安装依赖
+pnpm install
+
+# 启动开发服务器
+pnpm dev
+
+# 构建组件库
+pnpm build
+
+# 运行测试
+pnpm test
+```
+
+### 创建新组件
+
+1. **创建组件目录**
+   ```bash
+   mkdir src/my-component
+   cd src/my-component
+   ```
+
+2. **创建必要文件**
+   ```
+   my-component/
+   ├── src/
+   │   └── my-component.vue
+   ├── style/
+   │   └── index.scss
+   ├── index.ts
+   └── README.md
+   ```
+
+3. **组件模板**
+   ```vue
+   <!-- src/my-component.vue -->
+   <template>
+     <div :class="ns.b()">
+       <slot />
+     </div>
+   </template>
+
+   <script setup lang="ts">
+   import { useNamespace } from '@qxs-bns/hooks'
+
+   defineOptions({
+     name: 'QxsMyComponent'
+   })
+
+   const ns = useNamespace('my-component')
+   </script>
+   ```
+
+4. **样式文件**
+   ```scss
+   // style/index.scss
+   @use 'sass:map';
+   @use '@qxs-bns/theme-chalk/src/mixins/mixins' as *;
+   @use '@qxs-bns/theme-chalk/src/common/var' as *;
+
+   @include b(my-component) {
+     // 组件样式
+   }
+   ```
+
+5. **入口文件**
+   ```typescript
+   // index.ts
+   import { withInstall } from '@qxs-bns/utils'
+   import MyComponent from './src/my-component.vue'
+
+   export const QxsMyComponent = withInstall(MyComponent)
+   export default QxsMyComponent
+
+   export * from './src/my-component'
+   ```
+
+## 📋 开发规范
+
+### 组件命名规范
+
+#### Element Plus 二次封装组件
+- **组件名**：保持与 Element Plus 一致，添加 `Qxs` 前缀
+- **文件名**：使用 kebab-case
+- **样式类名**：使用 Element Plus 的 BEM 命名规范
+
+```typescript
+// ✅ 正确示例
+export const QxsButton = withInstall(Button)
+export const QxsInput = withInstall(Input)
+
+// ❌ 错误示例
+export const QxsBtn = withInstall(Button)
+export const QxsInputField = withInstall(Input)
+```
+
+#### 自定义组件
+- **组件名**：使用 `@qxs-bns/hooks` 中的 `useNamespace` 函数
+- **文件名**：使用 kebab-case
+- **样式类名**：使用 BEM 命名规范
+
+```vue
+<script setup lang="ts">
+import { useNamespace } from '@qxs-bns/hooks'
+
+defineOptions({
+  name: 'QxsDataChart' // 组件名使用 PascalCase
+})
+
+const ns = useNamespace('data-chart') // 使用 kebab-case
+</script>
+
+<template>
+  <div :class="ns.b()"> <!-- 生成 .qxs-data-chart -->
+    <div :class="ns.e('header')"> <!-- 生成 .qxs-data-chart__header -->
+      <div :class="ns.em('header', 'title')"> <!-- 生成 .qxs-data-chart__header--title -->
+```
+
+### Props 设计规范
+
+```typescript
+// 使用 TypeScript 接口定义 Props
+interface ButtonProps {
+  /**
+   * 按钮类型
+   * @default 'default'
+   */
+  type?: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'default'
+
+  /**
+   * 按钮尺寸
+   * @default 'default'
+   */
+  size?: 'large' | 'default' | 'small'
+
+  /**
+   * 是否禁用
+   * @default false
+   */
+  disabled?: boolean
+
+  /**
+   * 是否加载中
+   * @default false
+   */
+  loading?: boolean
+}
+
+// 使用 withDefaults 设置默认值
+const props = withDefaults(defineProps<ButtonProps>(), {
+  type: 'default',
+  size: 'default',
+  disabled: false,
+  loading: false
+})
+```
+
+### 事件设计规范
+
+```typescript
+// 定义事件类型
+interface ButtonEmits {
+  /**
+   * 点击事件
+   * @param event 原生事件对象
+   */
+  click: [event: MouseEvent]
+
+  /**
+   * 焦点事件
+   * @param event 原生事件对象
+   */
+  focus: [event: FocusEvent]
+
+  /**
+   * 失焦事件
+   * @param event 原生事件对象
+   */
+  blur: [event: FocusEvent]
+}
+
+const emit = defineEmits<ButtonEmits>()
+
+// 事件处理
+const handleClick = (event: MouseEvent) => {
+  if (props.disabled || props.loading) return
+  emit('click', event)
+}
+```
+
+### 样式规范
+
+#### SCSS 变量使用
+
+```scss
+// 使用主题变量
+@use '@qxs-bns/theme-chalk/src/common/var' as *;
+
+@include b(button) {
+  // 使用 CSS 变量
+  background-color: var(#{getCssVarName('button', 'bg-color')});
+  border-color: var(#{getCssVarName('button', 'border-color')});
+  color: var(#{getCssVarName('button', 'text-color')});
+
+  // 状态样式
+  @include when(disabled) {
+    opacity: var(#{getCssVarName('disabled-opacity')});
+    cursor: not-allowed;
+  }
+
+  // 修饰符样式
+  @include m(primary) {
+    background-color: var(#{getCssVarName('color-primary')});
+    border-color: var(#{getCssVarName('color-primary')});
+  }
+}
+```
+
+#### BEM 命名规范
+
+```scss
+// Block（块）
+.qxs-button { }
+
+// Element（元素）
+.qxs-button__icon { }
+.qxs-button__text { }
+
+// Modifier（修饰符）
+.qxs-button--primary { }
+.qxs-button--large { }
+
+// State（状态）
+.qxs-button.is-disabled { }
+.qxs-button.is-loading { }
+```
+
+## 🧪 测试规范
+
+### 单元测试
+
+```typescript
+// button.test.ts
+import { mount } from '@vue/test-utils'
+import { describe, it, expect } from 'vitest'
+import Button from '../src/button.vue'
+
+describe('Button', () => {
+  it('should render correctly', () => {
+    const wrapper = mount(Button, {
+      props: { type: 'primary' },
+      slots: { default: 'Click me' }
+    })
+
+    expect(wrapper.classes()).toContain('qxs-button--primary')
+    expect(wrapper.text()).toBe('Click me')
+  })
+
+  it('should emit click event', async () => {
+    const wrapper = mount(Button)
+    await wrapper.trigger('click')
+
+    expect(wrapper.emitted('click')).toHaveLength(1)
+  })
+
+  it('should not emit click when disabled', async () => {
+    const wrapper = mount(Button, {
+      props: { disabled: true }
+    })
+    await wrapper.trigger('click')
+
+    expect(wrapper.emitted('click')).toBeUndefined()
+  })
+})
+```
+
+### 组件快照测试
+
+```typescript
+// button.snap.test.ts
+import { mount } from '@vue/test-utils'
+import { describe, it, expect } from 'vitest'
+import Button from '../src/button.vue'
+
+describe('Button Snapshots', () => {
+  it('should match snapshot with different types', () => {
+    const types = ['primary', 'success', 'warning', 'danger', 'info']
+
+    types.forEach(type => {
+      const wrapper = mount(Button, {
+        props: { type },
+        slots: { default: 'Button' }
+      })
+      expect(wrapper.html()).toMatchSnapshot(`button-${type}`)
+    })
+  })
+})
+```
+
+## 📖 文档规范
+
+### 组件文档模板
+
+每个组件都应该包含完整的 README.md 文档：
+
+```markdown
+# Button 按钮
+
+常用的操作按钮。
+
+## 基础用法
+
+基础的按钮用法。
+
+:::demo 使用 `type`、`plain`、`round` 和 `circle` 属性来定义 Button 的样式。
+
+button/basic
+
+:::
+
+## API
+
+### Button Attributes
+
+| 属性名 | 说明 | 类型 | 可选值 | 默认值 |
+|--------|------|------|--------|--------|
+| type | 类型 | string | primary / success / warning / danger / info / text | — |
+| size | 尺寸 | string | large / small / mini | — |
+| disabled | 是否禁用状态 | boolean | — | false |
+
+### Button Events
+
+| 事件名 | 说明 | 参数 |
+|--------|------|------|
+| click | 点击时触发 | (event: Event) |
+
+### Button Slots
+
+| 插槽名 | 说明 |
+|--------|------|
+| — | 默认插槽 |
+```
+
+## 🤝 贡献指南
+
+### 提交规范
+
+使用 [Conventional Commits](https://conventionalcommits.org/) 规范：
+
+```bash
+# 新功能
+feat(button): add loading state support
+
+# 修复 bug
+fix(data-chart): resolve chart rendering issue
+
+# 文档更新
+docs(readme): update installation guide
+
+# 样式调整
+style(button): adjust padding and margin
+
+# 重构代码
+refactor(utils): optimize namespace function
+
+# 性能优化
+perf(table): improve virtual scrolling performance
+
+# 测试相关
+test(button): add unit tests for disabled state
+```
+
+### 开发流程
+
+1. **Fork 项目**
+2. **创建功能分支**
+   ```bash
+   git checkout -b feat/new-component
+   ```
+3. **开发组件**
+   - 编写组件代码
+   - 添加单元测试
+   - 编写文档
+4. **提交代码**
+   ```bash
+   git add .
+   git commit -m "feat(new-component): add new component"
+   ```
+5. **推送分支**
+   ```bash
+   git push origin feat/new-component
+   ```
+6. **创建 Pull Request**
+
+### 代码审查清单
+
+- [ ] 组件命名符合规范
+- [ ] TypeScript 类型定义完整
+- [ ] 单元测试覆盖率 > 80%
+- [ ] 文档完整且示例可运行
+- [ ] 样式符合设计规范
+- [ ] 无障碍性支持
+- [ ] 国际化支持
+
+## 🔧 常见问题
+
+### Q: 如何自定义主题？
+
+A: 通过 CSS 变量覆盖默认主题：
+
+```css
+:root {
+  --qxs-color-primary: #409eff;
+  --qxs-color-success: #67c23a;
+  --qxs-color-warning: #e6a23c;
+  --qxs-color-danger: #f56c6c;
+  --qxs-color-info: #909399;
+}
+```
+
+### Q: 如何按需引入组件？
+
+A: 使用 ES6 模块语法：
+
+```typescript
+import { QxsButton, QxsInput } from '@qxs-bns/components'
+```
+
+### Q: 如何贡献新组件？
+
+A: 请参考 [贡献指南](#🤝-贡献指南) 部分。
+
+## 📄 许可证
+
+MIT License - 详见 [LICENSE](./LICENSE) 文件。

package/es/package.json.mjs

@@ -1,2 +1,2 @@
-var r="0.0.82";export{r as version};
+var r="0.0.84";export{r as version};
 //# sourceMappingURL=package.json.mjs.map

package/es/src/icon/src/icon.vue.mjs

@@ -1,2 +1,2 @@
-import{defineComponent as e,useAttrs as t,computed as i,ref as s,createElementBlock as l,openBlock as n,Fragment as r,createCommentVNode as o,createBlock as u,resolveDynamicComponent as a,normalizeStyle as c,normalizeClass as f,unref as v,createElementVNode as p,createVNode as y}from"vue";import{Icon as d}from"../../../node_modules/.pnpm/@iconify_vue@5.0.0_vue@3.5.18_typescript@5.9.2_/node_modules/@iconify/vue/dist/iconify.mjs";import{useNamespace as h}from"@qxs-bns/hooks";const m=["src"],g={"aria-hidden":"true",class:"size-inherit shrink-0"},k=["xlink:href"];var b=e({name:"QxsIcon",__name:"icon",props:{icon:{type:null,required:!0},flip:{type:null,required:!1,default:""},rotate:{type:Number,required:!1,default:0},color:{type:String,required:!1},size:{type:[String,Number],required:!1},localIconPrefix:{type:String,required:!1,default:"icon-"},fallback:{type:String,required:!1},loading:{type:String,required:!1}},setup(e){const b=t(),$=h("icon"),z=i(()=>"object"==typeof e.icon||"function"==typeof e.icon),S=i(()=>{if(z.value)return"component";const t=e.icon;return/^https?:\/\//.test(t)||(/^\.{1,2}\//.test(i=t)||i.startsWith("/")||i.includes("/"))?"img":/^i-[^:]+:[^:]+/.test(t)?"unocss":t.startsWith("i-")&&!t.includes(":")?"css":t.includes(":")&&!t.startsWith("i-")?"iconify":/^[\w-]+$/.test(t)&&!t.startsWith("i-")?"svg":"css";var i}),q=i(()=>{if(z.value)return"";const t=e.icon;return"img"===S.value||"unocss"===S.value||S.value,t}),x=i(()=>"css"===S.value?q.value.split(" ").filter(e=>e.trim()):[]);function _(e){return e?"number"==typeof e||/^\d+(?:\.\d+)?$/.test(e)?`${e}px`:e:""}const j=i(()=>{const t=[];switch(e.flip){case"horizontal":t.push("rotateY(180deg)");break;case"vertical":t.push("rotateX(180deg)");break;case"both":t.push("rotateX(180deg)"),t.push("rotateY(180deg)")}e.rotate&&t.push(`rotate(${e.rotate%360}deg)`);let i=`${e.color?`color: ${e.color};`:""}${e.size?`font-size: ${_(e.size)};`:""}${t.length?`transform: ${t.join(" ")};`:""}`;const s=b.style;if(s)if("string"==typeof s)i+=s;else if("object"==typeof s){i+=Object.entries(s).map(([e,t])=>`${e.replace(/([A-Z])/g,"-$1").toLowerCase()}: ${t};`).join("")}return i}),w=s(!0),I=s(!1);function W(){w.value=!1,I.value=!1}function C(){w.value=!1,I.value=!0}return(e,t)=>(n(),l(r,null,[o(" Vue组件 "),"component"===S.value?(n(),u(a(e.icon),{key:0,class:f([[v($).b()],"size-inherit shrink-0"]),style:c([j.value])},null,8,["class","style"])):"unocss"===S.value?(n(),l(r,{key:1},[o(" UnoCSS图标 "),p("i",{class:f([v($).b(),q.value]),style:c([j.value])},null,6)],2112)):"css"===S.value?(n(),l(r,{key:2},[o(" CSS类图标 "),p("i",{class:f(["size-inherit shrink-0",[v($).b(),...x.value]]),style:c([j.value])},null,6)],2112)):"iconify"===S.value?(n(),l(r,{key:3},[o(" Iconify图标 "),y(v(d),{class:f(["size-inherit shrink-0",[v($).b()]]),icon:q.value,style:c([j.value])},null,8,["icon","class","style"])],2112)):"img"===S.value?(n(),l(r,{key:4},[o(" 图片 "),o(" 加载中状态 "),w.value&&e.loading?(n(),l("i",{key:0,class:f(e.loading)},null,2)):I.value&&e.fallback?(n(),l(r,{key:1},[o(" 错误状态 "),p("i",{class:f(e.fallback)},null,2)],2112)):o("v-if",!0),o(" 图片本体 "),p("img",{src:q.value,class:f(["size-inherit shrink-0",[v($).b()]]),style:c([j.value,{width:e.size?_(e.size):"auto",height:"auto"}]),onLoad:W,onError:C},null,46,m)],64)):q.value?(n(),l(r,{key:5},[o(" SVG Sprite "),p("i",{class:f([v($).b()]),style:c([j.value])},[(n(),l("svg",g,[p("use",{"xlink:href":`#${e.localIconPrefix}${q.value}`},null,8,k)]))],6)],2112)):o("v-if",!0)],2112))}});export{b as default};
+import{defineComponent as e,useAttrs as t,computed as s,ref as i,createElementBlock as l,openBlock as r,Fragment as a,createCommentVNode as n,createBlock as u,resolveDynamicComponent as o,mergeProps as c,unref as v,createElementVNode as f,createVNode as p,normalizeClass as y}from"vue";import{Icon as d}from"../../../node_modules/.pnpm/@iconify_vue@5.0.0_vue@3.5.18_typescript@5.9.2_/node_modules/@iconify/vue/dist/iconify.mjs";import{useNamespace as h}from"@qxs-bns/hooks";const m=["src"],g={"aria-hidden":"true",class:"size-inherit shrink-0"},k=["xlink:href"];var $=e({name:"QxsIcon",inheritAttrs:!1,__name:"icon",props:{icon:{type:null,required:!0},flip:{type:null,required:!1,default:""},rotate:{type:Number,required:!1,default:0},color:{type:String,required:!1},size:{type:[String,Number],required:!1},localIconPrefix:{type:String,required:!1,default:"icon-"},fallback:{type:String,required:!1},loading:{type:String,required:!1}},setup(e){const $=t(),b=s(()=>$.class||""),z=h("icon"),S=s(()=>"object"==typeof e.icon||"function"==typeof e.icon),q=s(()=>{if(S.value)return"component";const t=e.icon;return/^https?:\/\//.test(t)||(/^\.{1,2}\//.test(s=t)||s.startsWith("/")||s.includes("/"))?"img":/^i-[^:]+:[^:]+/.test(t)?"unocss":t.startsWith("i-")&&!t.includes(":")?"css":t.includes(":")&&!t.startsWith("i-")?"iconify":/^[\w-]+$/.test(t)&&!t.startsWith("i-")?"svg":"css";var s}),x=s(()=>{if(S.value)return"";const t=e.icon;return"img"===q.value||"unocss"===q.value||q.value,t}),_=s(()=>"css"===q.value?x.value.split(" ").filter(e=>e.trim()):[]);function j(e){return e?"number"==typeof e||/^\d+(?:\.\d+)?$/.test(e)?`${e}px`:e:""}const w=s(()=>{const t=[];switch(e.flip){case"horizontal":t.push("rotateY(180deg)");break;case"vertical":t.push("rotateX(180deg)");break;case"both":t.push("rotateX(180deg)"),t.push("rotateY(180deg)")}e.rotate&&t.push(`rotate(${e.rotate%360}deg)`);let s=`${e.color?`color: ${e.color};`:""}${e.size?`font-size: ${j(e.size)};`:""}${t.length?`transform: ${t.join(" ")};`:""}`;const i=$.style;if(i)if("string"==typeof i)s+=i;else if("object"==typeof i){s+=Object.entries(i).map(([e,t])=>`${e.replace(/([A-Z])/g,"-$1").toLowerCase()}: ${t};`).join("")}return s}),I=i(!0),W=i(!1);function C(){I.value=!1,W.value=!1}function A(){I.value=!1,W.value=!0}return(e,t)=>(r(),l(a,null,[n(" Vue组件 "),"component"===q.value?(r(),u(o(e.icon),c({key:0,class:[v(z).b(),b.value],style:[w.value]},e.$attrs,{class:"size-inherit shrink-0"}),null,16,["class","style"])):"unocss"===q.value?(r(),l(a,{key:1},[n(" UnoCSS图标 "),f("i",c({class:[v(z).b(),x.value,b.value],style:[w.value]},e.$attrs),null,16)],2112)):"css"===q.value?(r(),l(a,{key:2},[n(" CSS类图标 "),f("i",c({class:["size-inherit shrink-0",[v(z).b(),..._.value,b.value]],style:[w.value]},e.$attrs),null,16)],2112)):"iconify"===q.value?(r(),l(a,{key:3},[n(" Iconify图标 "),p(v(d),c({class:["size-inherit shrink-0",[v(z).b(),b.value]],icon:x.value,style:[w.value]},e.$attrs),null,16,["icon","class","style"])],2112)):"img"===q.value?(r(),l(a,{key:4},[n(" 图片 "),n(" 加载中状态 "),I.value&&e.loading?(r(),l("i",{key:0,class:y([e.loading,b.value])},null,2)):W.value&&e.fallback?(r(),l(a,{key:1},[n(" 错误状态 "),f("i",{class:y([e.fallback,b.value])},null,2)],2112)):n("v-if",!0),n(" 图片本体 "),f("img",c({src:x.value,class:"size-inherit shrink-0"},e.$attrs,{class:[v(z).b(),b.value],style:[w.value,{width:e.size?j(e.size):"auto",height:"auto"}],onLoad:C,onError:A}),null,16,m)],64)):x.value?(r(),l(a,{key:5},[n(" SVG Sprite "),f("i",c({class:[v(z).b(),b.value],style:[w.value]},e.$attrs),[(r(),l("svg",g,[f("use",{"xlink:href":`#${e.localIconPrefix}${x.value}`},null,8,k)]))],16)],2112)):n("v-if",!0)],2112))}});export{$ as default};
 //# sourceMappingURL=icon.vue.mjs.map

package/es/src/icon/src/icon.vue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"icon.vue.mjs","sources":["../../../../../../packages/components/src/icon/src/icon.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Component, CSSProperties } from 'vue'\nimport { Icon } from '@iconify/vue'\nimport { useNamespace } from '@qxs-bns/hooks'\nimport { computed, ref, useAttrs } from 'vue'\n\ndefineOptions({\n  name: 'QxsIcon',\n})\n\nconst {\n  icon,\n  flip = '',\n  rotate = 0,\n  color,\n  size,\n  localIconPrefix = 'icon-',\n  fallback,\n  loading,\n} = defineProps<PropsType>()\n\nconst attrs = useAttrs()\n\nconst ns = useNamespace('icon')\n\nexport interface PropsType {\n  icon: string | Component\n  flip?: 'horizontal' | 'vertical' | 'both' | '' | undefined\n  rotate?: number\n  color?: string\n  size?: string | number\n  localIconPrefix?: string\n  // 新增功能：支持图片URL\n  fallback?: string // 加载失败时的备用图标\n  loading?: string // 加载中显示的图标\n}\n\nconst isComponentName = computed(() => typeof icon === 'object' || typeof icon === 'function')\n\nconst outputType = computed(() => {\n  if (isComponentName.value) {\n    return 'component'\n  }\n\n  const iconStr = icon as string\n\n  // 检测是否为图片URL或路径\n  const hasPathFeatures = (str: string) => {\n    return /^\\.{1,2}\\//.test(str) || str.startsWith('/') || str.includes('/')\n  }\n  if (/^https?:\\/\\//.test(iconStr) || hasPathFeatures(iconStr)) {\n    return 'img'\n  }\n\n  // 检测UnoCSS图标格式 (i-[provider]:[name])\n  if (/^i-[^:]+:[^:]+/.test(iconStr)) {\n    return 'unocss'\n  }\n\n  // 检测以i-开头的自定义CSS类图标（不包含冒号）\n  if (iconStr.startsWith('i-') && !iconStr.includes(':')) {\n    return 'css'\n  }\n\n  // 检测Iconify格式 (provider:name，但不以i-开头)\n  if (iconStr.includes(':') && !iconStr.startsWith('i-')) {\n    return 'iconify'\n  }\n\n  // 检测SVG sprite（单个单词，不包含空格和特殊字符，且不以i-开头）\n  if (/^[\\w-]+$/.test(iconStr) && !iconStr.startsWith('i-')) {\n    return 'svg'\n  }\n\n  // 其他情况都视为CSS类图标（包括多个类名等）\n  return 'css'\n})\n\nconst outputName = computed(() => {\n  if (isComponentName.value) {\n    return ''\n  }\n\n  const iconStr = icon as string\n\n  // 对于图片类型，直接返回URL\n  if (outputType.value === 'img') {\n    return iconStr\n  }\n\n  // 对于UnoCSS图标，直接返回类名\n  if (outputType.value === 'unocss') {\n    return iconStr\n  }\n\n  // 对于传统CSS图标，处理多个类名的情况\n  if (outputType.value === 'css') {\n    return iconStr\n  }\n\n  // 其他情况直接返回\n  return iconStr\n})\n\n// 对于CSS类图标，将字符串拆分为类名数组\nconst cssClasses = computed(() => {\n  if (outputType.value === 'css') {\n    return outputName.value.split(' ').filter(cls => cls.trim())\n  }\n  return []\n})\n\n// 用正则匹配 size 是不是 number 值，再判断是否有 px 结尾的单位，没有则拼接\nfunction formatSize(size: string | number | undefined): string {\n  if (!size) {\n    return ''\n  }\n\n  // 如果是数字，直接添加 px\n  if (typeof size === 'number') {\n    return `${size}px`\n  }\n\n  // 如果是纯数字字符串，添加 px\n  if (/^\\d+(?:\\.\\d+)?$/.test(size)) {\n    return `${size}px`\n  }\n\n  // 如果已经有单位（px、em、rem等）或者不是纯数字，直接返回\n  return size\n}\n\n// 统一的样式计算属性，适用于所有图标类型\n// 包含颜色、尺寸和变换（旋转、翻转）\n// Iconify 图标通过外层 i 标签应用这些样式\nconst style = computed(() => {\n  const transform = [] as string[]\n  switch (flip) {\n    case 'horizontal':\n      transform.push('rotateY(180deg)')\n      break\n    case 'vertical':\n      transform.push('rotateX(180deg)')\n      break\n    case 'both':\n      transform.push('rotateX(180deg)')\n      transform.push('rotateY(180deg)')\n      break\n    // 对于 '' 和 undefined，不做任何处理\n  }\n  if (rotate) {\n    transform.push(`rotate(${rotate % 360}deg)`)\n  }\n\n  // 构建基础样式\n  let baseStyle = `${color ? `color: ${color};` : ''}${size ? `font-size: ${formatSize(size)};` : ''}${transform.length ? `transform: ${transform.join(' ')};` : ''}`\n\n  // 拼接 attrs.style\n  const attrsStyle = attrs.style\n  if (attrsStyle) {\n    if (typeof attrsStyle === 'string') {\n      baseStyle += attrsStyle\n    }\n    else if (typeof attrsStyle === 'object') {\n      // 处理对象形式的样式\n      const styleEntries = Object.entries(attrsStyle as CSSProperties)\n      const styleString = styleEntries\n        .map(([key, value]) => `${key.replace(/([A-Z])/g, '-$1').toLowerCase()}: ${value};`)\n        .join('')\n      baseStyle += styleString\n    }\n  }\n\n  return baseStyle\n})\n\n// 图片加载状态管理\nconst imageLoading = ref(true)\nconst imageError = ref(false)\n\nfunction handleImageLoad() {\n  imageLoading.value = false\n  imageError.value = false\n}\n\nfunction handleImageError() {\n  imageLoading.value = false\n  imageError.value = true\n}\n</script>\n\n<template>\n  <!-- Vue组件 -->\n  <component\n    :is=\"icon\"\n    v-if=\"outputType === 'component'\"\n    :class=\"[ns.b()]\"\n    :style=\"[style]\"\n    class=\"size-inherit shrink-0\"\n  />\n\n  <!-- UnoCSS图标 -->\n  <i\n    v-else-if=\"outputType === 'unocss'\"\n    :class=\"[ns.b(), outputName]\"\n    :style=\"[style]\"\n  />\n\n  <!-- CSS类图标 -->\n  <i\n    v-else-if=\"outputType === 'css'\"\n    class=\"size-inherit shrink-0\"\n    :class=\"[ns.b(), ...cssClasses]\"\n    :style=\"[style]\"\n  />\n\n  <!-- Iconify图标 -->\n  <Icon\n    v-else-if=\"outputType === 'iconify'\"\n    class=\"size-inherit shrink-0\"\n    :icon=\"outputName\"\n    :class=\"[ns.b()]\"\n    :style=\"[style]\"\n  />\n\n  <!-- 图片 -->\n  <template v-else-if=\"outputType === 'img'\">\n    <!-- 加载中状态 -->\n    <i\n      v-if=\"imageLoading && loading\"\n      :class=\"loading\"\n    />\n    <!-- 错误状态 -->\n    <i\n      v-else-if=\"imageError && fallback\"\n      :class=\"fallback\"\n    />\n    <!-- 图片本体 -->\n    <img\n      :src=\"outputName\"\n      class=\"size-inherit shrink-0\"\n      :class=\"[ns.b()]\"\n      :style=\"[style, { width: size ? formatSize(size) : 'auto', height: 'auto' }]\"\n      @load=\"handleImageLoad\"\n      @error=\"handleImageError\"\n    >\n  </template>\n\n  <!-- SVG Sprite -->\n  <i\n    v-else-if=\"outputName\"\n    :class=\"[ns.b()]\"\n    :style=\"[style]\"\n  >\n    <svg\n      aria-hidden=\"true\"\n      class=\"size-inherit shrink-0\"\n    >\n      <use :xlink:href=\"`#${localIconPrefix}${outputName}`\" />\n    </svg>\n  </i>\n</template>\n"],"names":["attrs","useAttrs","ns","useNamespace","isComponentName","computed","__props","icon","outputType","value","iconStr","test","str","startsWith","includes","outputName","cssClasses","split","filter","cls","trim","formatSize","size","style","transform","flip","push","rotate","baseStyle","color","length","join","attrsStyle","Object","entries","map","key","replace","toLowerCase","imageLoading","ref","imageError","handleImageLoad","handleImageError","_createCommentVNode","_openBlock","_createBlock","_resolveDynamicComponent","class","_normalizeClass","_unref","b","_createElementBlock","_Fragment","_createElementVNode","_createVNode","Icon","loading","fallback","src","width","height","onLoad","onError","_hoisted_2","localIconPrefix"],"mappings":"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"}
+{"version":3,"file":"icon.vue.mjs","sources":["../../../../../../packages/components/src/icon/src/icon.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Component, CSSProperties } from 'vue'\nimport { Icon } from '@iconify/vue'\nimport { useNamespace } from '@qxs-bns/hooks'\nimport { computed, ref, useAttrs } from 'vue'\n\ndefineOptions({\n  name: 'QxsIcon',\n  inheritAttrs: false,\n})\n\nconst {\n  icon,\n  flip = '',\n  rotate = 0,\n  color,\n  size,\n  localIconPrefix = 'icon-',\n  fallback,\n  loading,\n} = defineProps<PropsType>()\n\n// 支持 attrs 传递给图标组件\nconst attrs = useAttrs()\n\n// 手动提取 class，因为多根组件不会自动继承\nconst externalClass = computed(() => attrs.class || '')\n\nconst ns = useNamespace('icon')\n\nexport interface PropsType {\n  icon: string | Component\n  flip?: 'horizontal' | 'vertical' | 'both' | '' | undefined\n  rotate?: number\n  color?: string\n  size?: string | number\n  localIconPrefix?: string\n  // 新增功能：支持图片URL\n  fallback?: string // 加载失败时的备用图标\n  loading?: string // 加载中显示的图标\n}\n\nconst isComponentName = computed(() => typeof icon === 'object' || typeof icon === 'function')\n\nconst outputType = computed(() => {\n  if (isComponentName.value) {\n    return 'component'\n  }\n\n  const iconStr = icon as string\n\n  // 检测是否为图片URL或路径\n  const hasPathFeatures = (str: string) => {\n    return /^\\.{1,2}\\//.test(str) || str.startsWith('/') || str.includes('/')\n  }\n  if (/^https?:\\/\\//.test(iconStr) || hasPathFeatures(iconStr)) {\n    return 'img'\n  }\n\n  // 检测UnoCSS图标格式 (i-[provider]:[name])\n  if (/^i-[^:]+:[^:]+/.test(iconStr)) {\n    return 'unocss'\n  }\n\n  // 检测以i-开头的自定义CSS类图标（不包含冒号）\n  if (iconStr.startsWith('i-') && !iconStr.includes(':')) {\n    return 'css'\n  }\n\n  // 检测Iconify格式 (provider:name，但不以i-开头)\n  if (iconStr.includes(':') && !iconStr.startsWith('i-')) {\n    return 'iconify'\n  }\n\n  // 检测SVG sprite（单个单词，不包含空格和特殊字符，且不以i-开头）\n  if (/^[\\w-]+$/.test(iconStr) && !iconStr.startsWith('i-')) {\n    return 'svg'\n  }\n\n  // 其他情况都视为CSS类图标（包括多个类名等）\n  return 'css'\n})\n\nconst outputName = computed(() => {\n  if (isComponentName.value) {\n    return ''\n  }\n\n  const iconStr = icon as string\n\n  // 对于图片类型，直接返回URL\n  if (outputType.value === 'img') {\n    return iconStr\n  }\n\n  // 对于UnoCSS图标，直接返回类名\n  if (outputType.value === 'unocss') {\n    return iconStr\n  }\n\n  // 对于传统CSS图标，处理多个类名的情况\n  if (outputType.value === 'css') {\n    return iconStr\n  }\n\n  // 其他情况直接返回\n  return iconStr\n})\n\n// 对于CSS类图标，将字符串拆分为类名数组\nconst cssClasses = computed(() => {\n  if (outputType.value === 'css') {\n    return outputName.value.split(' ').filter(cls => cls.trim())\n  }\n  return []\n})\n\n// 用正则匹配 size 是不是 number 值，再判断是否有 px 结尾的单位，没有则拼接\nfunction formatSize(size: string | number | undefined): string {\n  if (!size) {\n    return ''\n  }\n\n  // 如果是数字，直接添加 px\n  if (typeof size === 'number') {\n    return `${size}px`\n  }\n\n  // 如果是纯数字字符串，添加 px\n  if (/^\\d+(?:\\.\\d+)?$/.test(size)) {\n    return `${size}px`\n  }\n\n  // 如果已经有单位（px、em、rem等）或者不是纯数字，直接返回\n  return size\n}\n\n// 统一的样式计算属性，适用于所有图标类型\n// 包含颜色、尺寸和变换（旋转、翻转）\n// Iconify 图标通过外层 i 标签应用这些样式\nconst style = computed(() => {\n  const transform = [] as string[]\n  switch (flip) {\n    case 'horizontal':\n      transform.push('rotateY(180deg)')\n      break\n    case 'vertical':\n      transform.push('rotateX(180deg)')\n      break\n    case 'both':\n      transform.push('rotateX(180deg)')\n      transform.push('rotateY(180deg)')\n      break\n    // 对于 '' 和 undefined，不做任何处理\n  }\n  if (rotate) {\n    transform.push(`rotate(${rotate % 360}deg)`)\n  }\n\n  // 构建基础样式\n  let baseStyle = `${color ? `color: ${color};` : ''}${size ? `font-size: ${formatSize(size)};` : ''}${transform.length ? `transform: ${transform.join(' ')};` : ''}`\n\n  // 拼接 attrs.style\n  const attrsStyle = attrs.style\n  if (attrsStyle) {\n    if (typeof attrsStyle === 'string') {\n      baseStyle += attrsStyle\n    }\n    else if (typeof attrsStyle === 'object') {\n      // 处理对象形式的样式\n      const styleEntries = Object.entries(attrsStyle as CSSProperties)\n      const styleString = styleEntries\n        .map(([key, value]) => `${key.replace(/([A-Z])/g, '-$1').toLowerCase()}: ${value};`)\n        .join('')\n      baseStyle += styleString\n    }\n  }\n\n  return baseStyle\n})\n\n// 图片加载状态管理\nconst imageLoading = ref(true)\nconst imageError = ref(false)\n\nfunction handleImageLoad() {\n  imageLoading.value = false\n  imageError.value = false\n}\n\nfunction handleImageError() {\n  imageLoading.value = false\n  imageError.value = true\n}\n</script>\n\n<template>\n  <!-- Vue组件 -->\n  <component\n    :is=\"icon\"\n    v-if=\"outputType === 'component'\"\n    :class=\"[ns.b(), externalClass]\"\n    :style=\"[style]\"\n    v-bind=\"$attrs\"\n    class=\"size-inherit shrink-0\"\n  />\n\n  <!-- UnoCSS图标 -->\n  <i\n    v-else-if=\"outputType === 'unocss'\"\n    :class=\"[ns.b(), outputName, externalClass]\"\n    :style=\"[style]\"\n    v-bind=\"$attrs\"\n  />\n\n  <!-- CSS类图标 -->\n  <i\n    v-else-if=\"outputType === 'css'\"\n    class=\"size-inherit shrink-0\"\n    :class=\"[ns.b(), ...cssClasses, externalClass]\"\n    :style=\"[style]\"\n    v-bind=\"$attrs\"\n  />\n\n  <!-- Iconify图标 -->\n  <Icon\n    v-else-if=\"outputType === 'iconify'\"\n    class=\"size-inherit shrink-0\"\n    :icon=\"outputName\"\n    :class=\"[ns.b(), externalClass]\"\n    :style=\"[style]\"\n    v-bind=\"$attrs\"\n  />\n\n  <!-- 图片 -->\n  <template v-else-if=\"outputType === 'img'\">\n    <!-- 加载中状态 -->\n    <i\n      v-if=\"imageLoading && loading\"\n      :class=\"[loading, externalClass]\"\n    />\n    <!-- 错误状态 -->\n    <i\n      v-else-if=\"imageError && fallback\"\n      :class=\"[fallback, externalClass]\"\n    />\n    <!-- 图片本体 -->\n    <img\n      :src=\"outputName\"\n      class=\"size-inherit shrink-0\"\n      v-bind=\"$attrs\"\n      :class=\"[ns.b(), externalClass]\"\n      :style=\"[style, { width: size ? formatSize(size) : 'auto', height: 'auto' }]\"\n      @load=\"handleImageLoad\"\n      @error=\"handleImageError\"\n    >\n  </template>\n\n  <!-- SVG Sprite -->\n  <i\n    v-else-if=\"outputName\"\n    :class=\"[ns.b(), externalClass]\"\n    :style=\"[style]\"\n    v-bind=\"$attrs\"\n  >\n    <svg\n      aria-hidden=\"true\"\n      class=\"size-inherit shrink-0\"\n    >\n      <use :xlink:href=\"`#${localIconPrefix}${outputName}`\" />\n    </svg>\n  </i>\n</template>\n"],"names":["attrs","useAttrs","externalClass","computed","class","ns","useNamespace","isComponentName","__props","icon","outputType","value","iconStr","test","str","startsWith","includes","outputName","cssClasses","split","filter","cls","trim","formatSize","size","style","transform","flip","push","rotate","baseStyle","color","length","join","attrsStyle","Object","entries","map","key","replace","toLowerCase","imageLoading","ref","imageError","handleImageLoad","handleImageError","_createCommentVNode","_createBlock","_resolveDynamicComponent","_mergeProps","_unref","b","$attrs","_createElementBlock","_Fragment","_createElementVNode","_createVNode","loading","_normalizeClass","fallback","src","width","height","onLoad","onError","_openBlock","_hoisted_2","localIconPrefix"],"mappings":"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"}

package/lib/package.json.cjs

@@ -1,2 +1,2 @@
-"use strict";exports.version="0.0.82";
+"use strict";exports.version="0.0.84";
 //# sourceMappingURL=package.json.cjs.map