@qxs-bns/components 0.0.90 → 0.0.92

package/README.md

@@ -1,566 +0,0 @@
-# @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/_virtual/_commonjsHelpers.mjs

@@ -1,2 +0,0 @@
-function t(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}function e(t){if(Object.prototype.hasOwnProperty.call(t,"__esModule"))return t;var e=t.default;if("function"==typeof e){var r=function t(){var r=!1;try{r=this instanceof t}catch{}return r?Reflect.construct(e,arguments,this.constructor):e.apply(this,arguments)};r.prototype=e.prototype}else r={};return Object.defineProperty(r,"__esModule",{value:!0}),Object.keys(t).forEach(function(e){var o=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(r,e,o.get?o:{enumerable:!0,get:function(){return t[e]}})}),r}export{e as getAugmentedNamespace,t as getDefaultExportFromCjs};
-//# sourceMappingURL=_commonjsHelpers.mjs.map

package/es/_virtual/_commonjsHelpers.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"_commonjsHelpers.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/es/_virtual/_plugin-vue_export-helper.mjs

@@ -1,2 +0,0 @@
-var t=(t,o)=>{const r=t.__vccOpts||t;for(const[t,c]of o)r[t]=c;return r};export{t as default};
-//# sourceMappingURL=_plugin-vue_export-helper.mjs.map

package/es/_virtual/_plugin-vue_export-helper.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"_plugin-vue_export-helper.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/es/_virtual/sortable.esm.mjs

@@ -1,2 +0,0 @@
-import{getAugmentedNamespace as o}from"./_commonjsHelpers.mjs";import*as s from"../node_modules/.pnpm/sortablejs@1.14.0/node_modules/sortablejs/modular/sortable.esm.mjs";var m=o(s);export{m as default};
-//# sourceMappingURL=sortable.esm.mjs.map

package/es/_virtual/sortable.esm.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"sortable.esm.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/es/_virtual/vuedraggable.umd.mjs

@@ -1,2 +0,0 @@
-import{getDefaultExportFromCjs as e}from"./_commonjsHelpers.mjs";import{__require as r}from"../node_modules/.pnpm/vuedraggable@4.1.0_vue@3.5.18_typescript@5.9.2_/node_modules/vuedraggable/dist/vuedraggable.umd.mjs";var m=e(r());export{m as default};
-//# sourceMappingURL=vuedraggable.umd.mjs.map

package/es/_virtual/vuedraggable.umd.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"vuedraggable.umd.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/es/_virtual/vuedraggable.umd2.mjs

@@ -1,2 +0,0 @@
-var e={exports:{}};export{e as __module};
-//# sourceMappingURL=vuedraggable.umd2.mjs.map

package/es/_virtual/vuedraggable.umd2.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"vuedraggable.umd2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/es/node_modules/.pnpm/@iconify_vue@5.0.0_vue@3.5.18_typescript@5.9.2_/node_modules/@iconify/vue/dist/iconify.mjs

@@ -1,2 +0,0 @@
-import{defineComponent as t,ref as e,shallowRef as n,onMounted as o,watch as i,onUnmounted as r,h as c,nextTick as s}from"vue";const l=/^[a-z0-9]+(-[a-z0-9]+)*$/,a=(t,e,n,o="")=>{const i=t.split(":");if("@"===t.slice(0,1)){if(i.length<2||i.length>3)return null;o=i.shift().slice(1)}if(i.length>3||!i.length)return null;if(i.length>1){const t=i.pop(),n=i.pop(),r={provider:i.length>0?i[0]:o,prefix:n,name:t};return e&&!u(r)?null:r}const r=i[0],c=r.split("-");if(c.length>1){const t={provider:o,prefix:c.shift(),name:c.join("-")};return e&&!u(t)?null:t}if(n&&""===o){const t={provider:o,prefix:"",name:r};return e&&!u(t,n)?null:t}return null},u=(t,e)=>!!t&&!(!(e&&""===t.prefix||t.prefix)||!t.name),f=Object.freeze({left:0,top:0,width:16,height:16}),p=Object.freeze({rotate:0,vFlip:!1,hFlip:!1}),d=Object.freeze({...f,...p}),h=Object.freeze({...d,body:"",hidden:!1});function g(t,e){const n=function(t,e){const n={};!t.hFlip!=!e.hFlip&&(n.hFlip=!0),!t.vFlip!=!e.vFlip&&(n.vFlip=!0);const o=((t.rotate||0)+(e.rotate||0))%4;return o&&(n.rotate=o),n}(t,e);for(const o in h)o in p?o in t&&!(o in n)&&(n[o]=p[o]):o in e?n[o]=e[o]:o in t&&(n[o]=t[o]);return n}function m(t,e,n){const o=t.icons,i=t.aliases||Object.create(null);let r={};function c(t){r=g(o[t]||i[t],r)}return c(e),n.forEach(c),g(t,r)}function b(t,e){const n=[];if("object"!=typeof t||"object"!=typeof t.icons)return n;t.not_found instanceof Array&&t.not_found.forEach(t=>{e(t,null),n.push(t)});const o=function(t){const e=t.icons,n=t.aliases||Object.create(null),o=Object.create(null);return Object.keys(e).concat(Object.keys(n)).forEach(function t(i){if(e[i])return o[i]=[];if(!(i in o)){o[i]=null;const e=n[i]&&n[i].parent,r=e&&t(e);r&&(o[i]=[e].concat(r))}return o[i]}),o}(t);for(const i in o){const r=o[i];r&&(e(i,m(t,i,r)),n.push(i))}return n}const v={provider:"",aliases:{},not_found:{},...f};function y(t,e){for(const n in e)if(n in t&&typeof t[n]!=typeof e[n])return!1;return!0}function x(t){if("object"!=typeof t||null===t)return null;const e=t;if("string"!=typeof e.prefix||!t.icons||"object"!=typeof t.icons)return null;if(!y(t,v))return null;const n=e.icons;for(const t in n){const e=n[t];if(!t||"string"!=typeof e.body||!y(e,h))return null}const o=e.aliases||Object.create(null);for(const t in o){const e=o[t],i=e.parent;if(!t||"string"!=typeof i||!n[i]&&!o[i]||!y(e,h))return null}return e}const w=Object.create(null);function j(t,e){const n=w[t]||(w[t]=Object.create(null));return n[e]||(n[e]=function(t,e){return{provider:t,prefix:e,icons:Object.create(null),missing:new Set}}(t,e))}function k(t,e){return x(e)?b(e,(e,n)=>{n?t.icons[e]=n:t.missing.add(e)}):[]}let F=!1;function O(t){return"boolean"==typeof t&&(F=t),F}function E(t,e){const n=a(t,!0,F);if(!n)return!1;const o=j(n.provider,n.prefix);return e?function(t,e,n){try{if("string"==typeof n.body)return t.icons[e]={...n},!0}catch(t){}return!1}(o,n.name,e):(o.missing.add(n.name),!0)}function T(t,e){if("object"!=typeof t)return!1;if("string"!=typeof e&&(e=t.provider||""),F&&!e&&!t.prefix){let e=!1;return x(t)&&(t.prefix="",b(t,(t,n)=>{E(t,n)&&(e=!0)})),e}const n=t.prefix;if(!u({prefix:n,name:"a"}))return!1;return!!k(j(e,n),t)}const S=Object.freeze({width:null,height:null}),I=Object.freeze({...S,...p}),C=/(-?[0-9.]*[0-9]+[0-9.]*)/g,L=/^-?[0-9.]*[0-9]+[0-9.]*$/g;function z(t,e,n){if(1===e)return t;if(n=n||100,"number"==typeof t)return Math.ceil(t*e*n)/n;if("string"!=typeof t)return t;const o=t.split(C);if(null===o||!o.length)return t;const i=[];let r=o.shift(),c=L.test(r);for(;;){if(c){const t=parseFloat(r);isNaN(t)?i.push(r):i.push(Math.ceil(t*e*n)/n)}else i.push(r);if(r=o.shift(),void 0===r)return i.join("");c=!c}}function M(t,e){const n={...d,...t},o={...I,...e},i={left:n.left,top:n.top,width:n.width,height:n.height};let r=n.body;[n,o].forEach(t=>{const e=[],n=t.hFlip,o=t.vFlip;let c,s=t.rotate;switch(n?o?s+=2:(e.push("translate("+(i.width+i.left).toString()+" "+(0-i.top).toString()+")"),e.push("scale(-1 1)"),i.top=i.left=0):o&&(e.push("translate("+(0-i.left).toString()+" "+(i.height+i.top).toString()+")"),e.push("scale(1 -1)"),i.top=i.left=0),s<0&&(s-=4*Math.floor(s/4)),s%=4,s){case 1:c=i.height/2+i.top,e.unshift("rotate(90 "+c.toString()+" "+c.toString()+")");break;case 2:e.unshift("rotate(180 "+(i.width/2+i.left).toString()+" "+(i.height/2+i.top).toString()+")");break;case 3:c=i.width/2+i.left,e.unshift("rotate(-90 "+c.toString()+" "+c.toString()+")")}s%2==1&&(i.left!==i.top&&(c=i.left,i.left=i.top,i.top=c),i.width!==i.height&&(c=i.width,i.width=i.height,i.height=c)),e.length&&(r=function(t,e,n){const o=function(t,e="defs"){let n="";const o=t.indexOf("<"+e);for(;o>=0;){const i=t.indexOf(">",o),r=t.indexOf("</"+e);if(-1===i||-1===r)break;const c=t.indexOf(">",r);if(-1===c)break;n+=t.slice(i+1,r).trim(),t=t.slice(0,o).trim()+t.slice(c+1)}return{defs:n,content:t}}(t);return i=o.defs,r=e+o.content+n,i?"<defs>"+i+"</defs>"+r:r;var i,r}(r,'<g transform="'+e.join(" ")+'">',"</g>"))});const c=o.width,s=o.height,l=i.width,a=i.height;let u,f;null===c?(f=null===s?"1em":"auto"===s?a:s,u=z(f,l/a)):(u="auto"===c?l:c,f=null===s?z(u,a/l):"auto"===s?a:s);const p={},h=(t,e)=>{(t=>"unset"===t||"undefined"===t||"none"===t)(e)||(p[t]=e.toString())};h("width",u),h("height",f);const g=[i.left,i.top,l,a];return p.viewBox=g.join(" "),{attributes:p,viewBox:g,body:r}}const A=/\sid="(\S+)"/g,R="IconifyId"+Date.now().toString(16)+(16777216*Math.random()|0).toString(16);let P=0;function $(t,e=R){const n=[];let o;for(;o=A.exec(t);)n.push(o[1]);if(!n.length)return t;const i="suffix"+(16777216*Math.random()|Date.now()).toString(16);return n.forEach(n=>{const o="function"==typeof e?e(n):e+(P++).toString(),r=n.replace(/[.*+?^${}()|[\]\\]/g,"\\$&");t=t.replace(new RegExp('([#;"])('+r+')([")]|\\.[a-z])',"g"),"$1"+o+i+"$3")}),t=t.replace(new RegExp(i,"g"),"")}const N=Object.create(null);function U(t){return N[t]||N[""]}function q(t){let e;if("string"==typeof t.resources)e=[t.resources];else if(e=t.resources,!(e instanceof Array&&e.length))return null;return{resources:e,path:t.path||"/",maxURL:t.maxURL||500,rotate:t.rotate||750,timeout:t.timeout||5e3,random:!0===t.random,index:t.index||0,dataAfterTimeout:!1!==t.dataAfterTimeout}}const D=Object.create(null),_=["https://api.simplesvg.com","https://api.unisvg.com"],H=[];for(;_.length>0;)1===_.length||Math.random()>.5?H.push(_.shift()):H.push(_.pop());function Q(t,e){const n=q(e);return null!==n&&(D[t]=n,!0)}function B(t){return D[t]}D[""]=q({resources:["https://api.iconify.design"].concat(H)});let V=(()=>{let t;try{if(t=fetch,"function"==typeof t)return t}catch(t){}})();const G={prepare:(t,e,n)=>{const o=[],i=function(t,e){const n=B(t);if(!n)return 0;let o;if(n.maxURL){let t=0;n.resources.forEach(e=>{const n=e;t=Math.max(t,n.length)});const i=e+".json?icons=";o=n.maxURL-t-n.path.length-i.length}else o=0;return o}(t,e),r="icons";let c={type:r,provider:t,prefix:e,icons:[]},s=0;return n.forEach((n,l)=>{s+=n.length+1,s>=i&&l>0&&(o.push(c),c={type:r,provider:t,prefix:e,icons:[]},s=n.length),c.icons.push(n)}),o.push(c),o},send:(t,e,n)=>{if(!V)return void n("abort",424);let o=function(t){if("string"==typeof t){const e=B(t);if(e)return e.path}return"/"}(e.provider);switch(e.type){case"icons":{const t=e.prefix,n=e.icons.join(",");o+=t+".json?"+new URLSearchParams({icons:n}).toString();break}case"custom":{const t=e.uri;o+="/"===t.slice(0,1)?t.slice(1):t;break}default:return void n("abort",400)}let i=503;V(t+o).then(t=>{const e=t.status;if(200===e)return i=501,t.json();setTimeout(()=>{n(function(t){return 404===t}(e)?"abort":"next",e)})}).then(t=>{"object"==typeof t&&null!==t?setTimeout(()=>{n("success",t)}):setTimeout(()=>{404===t?n("abort",t):n("next",i)})}).catch(()=>{n("next",i)})}};function J(t,e){t.forEach(t=>{const n=t.loaderCallbacks;n&&(t.loaderCallbacks=n.filter(t=>t.id!==e))})}let K=0;var W={resources:[],index:0,timeout:2e3,rotate:750,random:!1,dataAfterTimeout:!1};function X(t,e,n,o){const i=t.resources.length,r=t.random?Math.floor(Math.random()*i):t.index;let c;if(t.random){let e=t.resources.slice(0);for(c=[];e.length>1;){const t=Math.floor(Math.random()*e.length);c.push(e[t]),e=e.slice(0,t).concat(e.slice(t+1))}c=c.concat(e)}else c=t.resources.slice(r).concat(t.resources.slice(0,r));const s=Date.now();let l,a="pending",u=0,f=null,p=[],d=[];function h(){f&&(clearTimeout(f),f=null)}function g(){"pending"===a&&(a="aborted"),h(),p.forEach(t=>{"pending"===t.status&&(t.status="aborted")}),p=[]}function m(t,e){e&&(d=[]),"function"==typeof t&&d.push(t)}function b(){a="failed",d.forEach(t=>{t(void 0,l)})}function v(){p.forEach(t=>{"pending"===t.status&&(t.status="aborted")}),p=[]}function y(){if("pending"!==a)return;h();const o=c.shift();if(void 0===o)return p.length?void(f=setTimeout(()=>{h(),"pending"===a&&(v(),b())},t.timeout)):void b();const i={status:"pending",resource:o,callback:(e,n)=>{!function(e,n,o){const i="success"!==n;switch(p=p.filter(t=>t!==e),a){case"pending":break;case"failed":if(i||!t.dataAfterTimeout)return;break;default:return}if("abort"===n)return l=o,void b();if(i)return l=o,void(p.length||(c.length?y():b()));if(h(),v(),!t.random){const n=t.resources.indexOf(e.resource);-1!==n&&n!==t.index&&(t.index=n)}a="completed",d.forEach(t=>{t(o)})}(i,e,n)}};p.push(i),u++,f=setTimeout(y,t.rotate),n(o,e,i.callback)}return"function"==typeof o&&d.push(o),setTimeout(y),function(){return{startTime:s,payload:e,status:a,queriesSent:u,queriesPending:p.length,subscribe:m,abort:g}}}function Y(t){const e={...W,...t};let n=[];function o(){n=n.filter(t=>"pending"===t().status)}return{query:function(t,i,r){const c=X(e,t,i,(t,e)=>{o(),r&&r(t,e)});return n.push(c),c},find:function(t){return n.find(e=>t(e))||null},setIndex:t=>{e.index=t},getIndex:()=>e.index,cleanup:o}}function Z(){}const tt=Object.create(null);function et(t,e,n){let o,i;if("string"==typeof t){const e=U(t);if(!e)return n(void 0,424),Z;i=e.send;const r=function(t){if(!tt[t]){const e=B(t);if(!e)return;const n={config:e,redundancy:Y(e)};tt[t]=n}return tt[t]}(t);r&&(o=r.redundancy)}else{const e=q(t);if(e){o=Y(e);const n=U(t.resources?t.resources[0]:"");n&&(i=n.send)}}return o&&i?o.query(e,i,n)().abort:(n(void 0,424),Z)}function nt(){}function ot(t){t.iconsLoaderFlag||(t.iconsLoaderFlag=!0,setTimeout(()=>{t.iconsLoaderFlag=!1,function(t){t.pendingCallbacksFlag||(t.pendingCallbacksFlag=!0,setTimeout(()=>{t.pendingCallbacksFlag=!1;const e=t.loaderCallbacks?t.loaderCallbacks.slice(0):[];if(!e.length)return;let n=!1;const o=t.provider,i=t.prefix;e.forEach(e=>{const r=e.icons,c=r.pending.length;r.pending=r.pending.filter(e=>{if(e.prefix!==i)return!0;const c=e.name;if(t.icons[c])r.loaded.push({provider:o,prefix:i,name:c});else{if(!t.missing.has(c))return n=!0,!0;r.missing.push({provider:o,prefix:i,name:c})}return!1}),r.pending.length!==c&&(n||J([t],e.id),e.callback(r.loaded.slice(0),r.missing.slice(0),r.pending.slice(0),e.abort))})}))}(t)}))}function it(t,e,n){function o(){const n=t.pendingIcons;e.forEach(e=>{n&&n.delete(e),t.icons[e]||t.missing.add(e)})}if(n&&"object"==typeof n)try{if(!k(t,n).length)return void o()}catch(t){}o(),ot(t)}function rt(t,e){t instanceof Promise?t.then(t=>{e(t)}).catch(()=>{e(null)}):e(t)}function ct(t,e){t.iconsToLoad?t.iconsToLoad=t.iconsToLoad.concat(e).sort():t.iconsToLoad=e,t.iconsQueueFlag||(t.iconsQueueFlag=!0,setTimeout(()=>{t.iconsQueueFlag=!1;const{provider:e,prefix:n}=t,o=t.iconsToLoad;if(delete t.iconsToLoad,!o||!o.length)return;const i=t.loadIcon;if(t.loadIcons&&(o.length>1||!i))return void rt(t.loadIcons(o,n,e),e=>{it(t,o,e)});if(i)return void o.forEach(o=>{rt(i(o,n,e),e=>{it(t,[o],e?{prefix:n,icons:{[o]:e}}:null)})});const{valid:r,invalid:c}=function(t){const e=[],n=[];return t.forEach(t=>{(t.match(l)?e:n).push(t)}),{valid:e,invalid:n}}(o);if(c.length&&it(t,c,null),!r.length)return;const s=n.match(l)?U(e):null;if(!s)return void it(t,r,null);s.prepare(e,n,r).forEach(n=>{et(e,n,e=>{it(t,n.icons,e)})})}))}const st=(t,e)=>{const n=function(t,e=!0,n=!1){const o=[];return t.forEach(t=>{const i="string"==typeof t?a(t,e,n):t;i&&o.push(i)}),o}(t,!0,O()),o=function(t){const e={loaded:[],missing:[],pending:[]},n=Object.create(null);t.sort((t,e)=>t.provider!==e.provider?t.provider.localeCompare(e.provider):t.prefix!==e.prefix?t.prefix.localeCompare(e.prefix):t.name.localeCompare(e.name));let o={provider:"",prefix:"",name:""};return t.forEach(t=>{if(o.name===t.name&&o.prefix===t.prefix&&o.provider===t.provider)return;o=t;const i=t.provider,r=t.prefix,c=t.name,s=n[i]||(n[i]=Object.create(null)),l=s[r]||(s[r]=j(i,r));let a;a=c in l.icons?e.loaded:""===r||l.missing.has(c)?e.missing:e.pending;const u={provider:i,prefix:r,name:c};a.push(u)}),e}(n);if(!o.pending.length){let t=!0;return e&&setTimeout(()=>{t&&e(o.loaded,o.missing,o.pending,nt)}),()=>{t=!1}}const i=Object.create(null),r=[];let c,s;return o.pending.forEach(t=>{const{provider:e,prefix:n}=t;if(n===s&&e===c)return;c=e,s=n,r.push(j(e,n));const o=i[e]||(i[e]=Object.create(null));o[n]||(o[n]=[])}),o.pending.forEach(t=>{const{provider:e,prefix:n,name:o}=t,r=j(e,n),c=r.pendingIcons||(r.pendingIcons=new Set);c.has(o)||(c.add(o),i[e][n].push(o))}),r.forEach(t=>{const e=i[t.provider][t.prefix];e.length&&ct(t,e)}),e?function(t,e,n){const o=K++,i=J.bind(null,n,o);if(!e.pending.length)return i;const r={id:o,icons:e,callback:t,abort:i};return n.forEach(t=>{(t.loaderCallbacks||(t.loaderCallbacks=[])).push(r)}),i}(e,o,r):nt};const lt=/[\s,]+/;function at(t,e){e.split(lt).forEach(e=>{switch(e.trim()){case"horizontal":t.hFlip=!0;break;case"vertical":t.vFlip=!0}})}function ut(t,e=0){const n=t.replace(/^-?[0-9.]*/,"");function o(t){for(;t<0;)t+=4;return t%4}if(""===n){const e=parseInt(t);return isNaN(e)?0:o(e)}if(n!==t){let e=0;switch(n){case"%":e=25;break;case"deg":e=90}if(e){let i=parseFloat(t.slice(0,t.length-n.length));return isNaN(i)?0:(i/=e,i%1==0?o(i):0)}}return e}const ft={...I,inline:!1},pt={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink","aria-hidden":!0,role:"img"},dt={display:"inline-block"},ht={backgroundColor:"currentColor"},gt={backgroundColor:"transparent"},mt={Image:"var(--svg)",Repeat:"no-repeat",Size:"100% 100%"},bt={webkitMask:ht,mask:ht,background:gt};for(const t in bt){const e=bt[t];for(const n in mt)e[t+n]=mt[n]}const vt={};function yt(t){return t+(t.match(/^[-0-9.]+$/)?"px":"")}["horizontal","vertical"].forEach(t=>{const e=t.slice(0,1)+"Flip";vt[t+"-flip"]=e,vt[t.slice(0,1)+"-flip"]=e,vt[t+"Flip"]=e});const xt=(t,e)=>{const n=function(t,e){const n={...t};for(const t in e){const o=e[t],i=typeof o;t in S?(null===o||o&&("string"===i||"number"===i))&&(n[t]=o):i===typeof n[t]&&(n[t]="rotate"===t?o%4:o)}return n}(ft,e),o={...pt},i=e.mode||"svg",r={},s=e.style,l="object"!=typeof s||s instanceof Array?{}:s;for(let t in e){const i=e[t];if(void 0!==i)switch(t){case"icon":case"style":case"onLoad":case"mode":case"ssr":break;case"inline":case"hFlip":case"vFlip":n[t]=!0===i||"true"===i||1===i;break;case"flip":"string"==typeof i&&at(n,i);break;case"color":r.color=i;break;case"rotate":"string"==typeof i?n[t]=ut(i):"number"==typeof i&&(n[t]=i);break;case"ariaHidden":case"aria-hidden":!0!==i&&"true"!==i&&delete o["aria-hidden"];break;default:{const e=vt[t];e?!0!==i&&"true"!==i&&1!==i||(n[e]=!0):void 0===ft[t]&&(o[t]=i)}}}const a=M(t,n),u=a.attributes;if(n.inline&&(r.verticalAlign="-0.125em"),"svg"===i){o.style={...r,...l},Object.assign(o,u);let t=0,n=e.id;return"string"==typeof n&&(n=n.replace(/-/g,"_")),o.innerHTML=$(a.body,n?()=>n+"ID"+t++:"iconifyVue"),c("svg",o)}const{body:f,width:p,height:d}=t,h="mask"===i||"bg"!==i&&-1!==f.indexOf("currentColor"),g=function(t,e){let n=-1===t.indexOf("xlink:")?"":' xmlns:xlink="http://www.w3.org/1999/xlink"';for(const t in e)n+=" "+t+'="'+e[t]+'"';return'<svg xmlns="http://www.w3.org/2000/svg"'+n+">"+t+"</svg>"}(f,{...u,width:p+"",height:d+""});var m;return o.style={...r,"--svg":(m=g,'url("'+function(t){return"data:image/svg+xml,"+function(t){return t.replace(/"/g,"'").replace(/%/g,"%25").replace(/#/g,"%23").replace(/</g,"%3C").replace(/>/g,"%3E").replace(/\s+/g," ")}(t)}(m)+'")'),width:yt(u.width),height:yt(u.height),...dt,...h?ht:gt,...l},c("span",o)};var wt;if(O(!0),wt=G,N[""]=wt,"undefined"!=typeof document&&"undefined"!=typeof window){const t=window;if(void 0!==t.IconifyPreload){const e=t.IconifyPreload;"object"==typeof e&&null!==e&&(e instanceof Array?e:[e]).forEach(t=>{try{"object"!=typeof t||null===t||t instanceof Array||"object"!=typeof t.icons||"string"!=typeof t.prefix||T(t)}catch(t){}})}if(void 0!==t.IconifyProviders){const e=t.IconifyProviders;if("object"==typeof e&&null!==e)for(let t in e){try{const n=e[t];if("object"!=typeof n||!n||void 0===n.resources)continue;Q(t,n)}catch(t){}}}}const jt={...d,body:""},kt=t((t,{emit:c})=>{const l=e(null);function u(){l.value&&(l.value.abort?.(),l.value=null)}const f=e(!!t.ssr),p=e(""),h=n(null);function g(){const e=t.icon;if("object"==typeof e&&null!==e&&"string"==typeof e.body)return p.value="",{data:e};let n;if("string"!=typeof e||null===(n=a(e,!1,!0)))return null;let o=function(t){const e="string"==typeof t?a(t,!0,F):t;if(e){const t=j(e.provider,e.prefix),n=e.name;return t.icons[n]||(t.missing.has(n)?null:void 0)}}(n);if(!o){const t=l.value;return t&&t.name===e||(l.value=null===o?{name:e}:{name:e,abort:st([n],m)}),null}u(),p.value!==e&&(p.value=e,s(()=>{c("load",e)}));const i=t.customise;if(i){o=Object.assign({},o);const t=i(o.body,n.name,n.prefix,n.provider);"string"==typeof t&&(o.body=t)}const r=["iconify"];return""!==n.prefix&&r.push("iconify--"+n.prefix),""!==n.provider&&r.push("iconify--"+n.provider),{data:o,classes:r}}function m(){const t=g();t?t.data!==h.value?.data&&(h.value=t):h.value=null}return f.value?m():o(()=>{f.value=!0,m()}),i(()=>t.icon,m),r(u),()=>{const e=h.value;if(!e)return xt(jt,t);let n=t;return e.classes&&(n={...t,class:e.classes.join(" ")}),xt({...d,...e.data},n)}},{props:["icon","mode","ssr","width","height","style","color","inline","rotate","hFlip","horizontalFlip","vFlip","verticalFlip","flip","id","ariaHidden","customise","title"],emits:["load"]});export{kt as Icon,Q as addAPIProvider,T as addCollection,E as addIcon,M as buildIcon,z as calculateSize,st as loadIcons,$ as replaceIDs};
-//# sourceMappingURL=iconify.mjs.map