@cldemo/ui-kit 1.1.0 → 1.1.2

package/COMPONENT_CATALOG.md

@@ -11,26 +11,36 @@
 
 #### 方式一：全局注册
 
-一次性注册所有组件，任何页面可直接使用标签：
+一次性注册该端的**组件 + 指令 + 注入**，任何页面可直接使用标签。按端三选一：
 
 ```ts
 // main.ts
 import { createApp } from 'vue'
 import App from './App.vue'
-import { install as ClLibs } from '@cldemo/ui-kit'
+
+import { install as ClLibs } from '@cldemo/ui-kit'          // 全部：Element + Web + Mobile
+// import { install as ClLibs } from '@cldemo/ui-kit/web'     // 仅 Web：Element + Web
+// import { install as ClLibs } from '@cldemo/ui-kit/mobile'  // 仅 Mobile：Element + Mobile
 
 const app = createApp(App)
 app.use(ClLibs)
 app.mount('#app')
 ```
 
+> 只需部分组件，或只想注册指令 / 注入时，见方式二、方式三与 [Core 的使用（指令与注入）](#core-的使用指令与注入)。
+
 #### 方式二：页面单独引用
 
-在需要的页面中手动 import 组件：
+在需要的页面中手动 import 组件（两种写法任选，均自带组件样式与 TS 类型）：
 
 ```vue
 <script setup lang="ts">
-import { ClButton, ClInput } from '@cldemo/ui-kit'
+// ① 小驼峰入口（推荐）：只加载该组件及其样式，体积最小
+import ClButton from '@cldemo/ui-kit/button'
+import ClInput from '@cldemo/ui-kit/input'
+
+// ② 根入口具名导入：写法最简，但会静态引入全部组件
+import { ClModal } from '@cldemo/ui-kit'
 </script>
 
 <template>
@@ -39,6 +49,8 @@ import { ClButton, ClInput } from '@cldemo/ui-kit'
 </template>
 ```
 
+> 小驼峰入口名 = 组件名去掉 `Cl` 前缀后首字母小写：`ClButton` → `button`、`ClColorPicker` → `colorPicker`、`ClCalendarM` → `calendarM`。
+
 #### 方式三：unplugin-vue-components 自动按需
 
 配置后在模板中直接使用标签，构建时自动按组件级别引入，未使用的组件（及其依赖如 echarts）不会进入项目。
@@ -59,12 +71,12 @@ export default defineConfig({
     vue(),
     Components({
       resolvers: [clResolver],
-      directives: true, // 使用 cl-highlight、cl-waves 等指令时需要开启
     }),
   ],
 })
 ```
 
+> **只解析组件：** `clResolver` 仅覆盖组件标签（`cl-button` / `ClButton` / `cl-form-validate` 均可解析），**不解析指令、也不解析注入**——`v-cl-*` 指令与 `$ClGlobals.*` 注入都需显式注册，见 [Core 的使用（指令与注入）](#core-的使用指令与注入)。
 
 ### 文档目录 (docs)
 
@@ -216,24 +228,72 @@ docs/
 
 ## 工具函数 (Common)
 
-> 以下工具函数从 `@cldemo/ui-kit/common` 引入。AI 生成页面代码时，优先使用这些已封装的工具函数。
+> 每个工具都支持**单独引入**（推荐：只加载该模块及其依赖，体积最小）或从 `@cldemo/ui-kit/common` **全量引入**（会连带整套 common：axios / dayjs / vue 等，体积最大）。AI 生成页面代码时，优先使用这些已封装的工具函数与单独入口。
 
-| 模块 | 引入 | 说明 | 文档 |
-|------|------|------|------|
-| CommonBase | `import { CommonBase } from '@cldemo/ui-kit/common'` | 基础工具类：类型判断、JSON操作、数组/字符串格式化 | [详细文档](./docs/tools/CommonBase.md) |
-| CommonAxios | `import { CommonAxios } from '@cldemo/ui-kit/common'` | HTTP 请求封装：自动取消重复请求、超时重试 | [详细文档](./docs/tools/CommonAxios.md) |
-| CommonDay | `import { CommonDay } from '@cldemo/ui-kit/common'` | 日期时间工具：格式化、时区、农历、时间运算 | [详细文档](./docs/tools/CommonDay.md) |
-| CommonPromise | `import { CommonPromise } from '@cldemo/ui-kit/common'` | Promise 辅助：并行执行、结果收集 | [详细文档](./docs/tools/CommonPromise.md) |
-| CommonTooltip | `import { CommonTooltip } from '@cldemo/ui-kit/common'` | 浮层提示：基于 Popper.js，多种触发方式 | [详细文档](./docs/tools/CommonTooltip.md) |
-| CommonElement | `import { CommonElement } from '@cldemo/ui-kit/common'` | DOM 工具：位置计算、样式操作、事件绑定 | [详细文档](./docs/tools/CommonElement.md) |
-| CommonTools | `import { CommonTools } from '@cldemo/ui-kit/common'` | Cookie/LocalStorage/高精度计算/防抖函数 | [详细文档](./docs/tools/CommonTools.md) |
-| CommonElementEvent | `import { CommonElementEvent } from '@cldemo/ui-kit/common'` | 拖拽/缩放事件封装 | [详细文档](./docs/tools/CommonElementEvent.md) |
-| CommonI18n | `import { CommonI18n } from '@cldemo/ui-kit/common'` | 国际化语言包管理，中英文切换 | [详细文档](./docs/tools/CommonI18n.md) |
-| CommonEchart | `import CommonEchart from '@cldemo/ui-kit/common/echart'` | ECharts 图表辅助：线图/柱状图/散点图配置 | [详细文档](./docs/tools/CommonEchart.md) |
+| 模块 | 单独入口（推荐） | 全量入口 | 说明 | 文档 |
+|------|-----------------|---------|------|------|
+| CommonBase | `import CommonBase from '@cldemo/ui-kit/common/base'` | `import { CommonBase } from '@cldemo/ui-kit/common'` | 基础工具类：类型判断、JSON操作、数组/字符串格式化 | [详细文档](./docs/tools/CommonBase.md) |
+| CommonAxios | `import CommonAxios from '@cldemo/ui-kit/common/axios'` | `import { CommonAxios } from '@cldemo/ui-kit/common'` | HTTP 请求封装：自动取消重复请求、超时重试 | [详细文档](./docs/tools/CommonAxios.md) |
+| CommonDay | `import CommonDay from '@cldemo/ui-kit/common/day'` | `import { CommonDay } from '@cldemo/ui-kit/common'` | 日期时间工具：格式化、时区、农历、时间运算 | [详细文档](./docs/tools/CommonDay.md) |
+| CommonPromise | `import CommonPromise from '@cldemo/ui-kit/common/promise'` | `import { CommonPromise } from '@cldemo/ui-kit/common'` | Promise 辅助：并行执行、结果收集 | [详细文档](./docs/tools/CommonPromise.md) |
+| CommonTooltip | `import CommonTooltip from '@cldemo/ui-kit/common/tooltip'` | `import { CommonTooltip } from '@cldemo/ui-kit/common'` | 浮层提示：基于 Popper.js，多种触发方式 | [详细文档](./docs/tools/CommonTooltip.md) |
+| CommonElement | `import CommonElement from '@cldemo/ui-kit/common/element'` | `import { CommonElement } from '@cldemo/ui-kit/common'` | DOM 工具：位置计算、样式操作、事件绑定 | [详细文档](./docs/tools/CommonElement.md) |
+| CommonTools | `import CommonTools from '@cldemo/ui-kit/common/tools'` | `import { CommonTools } from '@cldemo/ui-kit/common'` | Cookie/LocalStorage/高精度计算/防抖函数 | [详细文档](./docs/tools/CommonTools.md) |
+| CommonElementEvent | `import CommonElementEvent from '@cldemo/ui-kit/common/element/event'` | `import { CommonElementEvent } from '@cldemo/ui-kit/common'` | 拖拽/缩放事件封装 | [详细文档](./docs/tools/CommonElementEvent.md) |
+| CommonI18n | `import CommonI18n from '@cldemo/ui-kit/common/i18n'` | `import { CommonI18n } from '@cldemo/ui-kit/common'` | 国际化语言包管理，中英文切换 | [详细文档](./docs/tools/CommonI18n.md) |
+| CommonBrowserProgress | `import CommonBrowserProgress from '@cldemo/ui-kit/common/browserProgress'` | `import { CommonBrowserProgress } from '@cldemo/ui-kit/common'` | 顶部进度条：路由/请求联动，可 configure 配置 | [详细文档](./docs/tools/CommonBrowserProgress.md) |
+| CommonEchart | `import CommonEchart from '@cldemo/ui-kit/common/echart'` | —（无 barrel 导出） | ECharts 图表辅助：线图/柱状图/散点图配置（依赖较大，不进 barrel） | [详细文档](./docs/tools/CommonEchart.md) |
+| clLog | `import { clLog } from '@cldemo/ui-kit/common/log'` | `import { clLog } from '@cldemo/ui-kit/common'` | 统一日志：受 setGlobalConfig({ debug }) 控制 | [详细文档](./docs/tools/clLog.md) |
+| CommonGlobalConfig | `import CommonGlobalConfig from '@cldemo/ui-kit/common/globalConfig'` | `import { setGlobalConfig, getGlobalConfig } from '@cldemo/ui-kit/common'` | 全局组件配置注册表（组件默认值 + formValidate，见本文末章节） | [详细文档](./docs/tools/CommonGlobalConfig.md) |
+| （类型）globalTypes | `import type { ClGlobals, ClGlobalOptions } from '@cldemo/ui-kit/common/globalTypes'` | —（无 barrel 导出） | `$ClGlobals` 与 install options 的类型定义（纯类型，编译期擦除） | [详细文档](./docs/tools/globalTypes.md) |
+
+## Core 的使用（指令与注入）
+
+「Core」指组件库的**指令（directives）**与**注入（provides，即 `$ClGlobals`）**两部分，它们与组件是两套独立的引入体系：
+
+- **组件**：`clResolver` 自动按需（见方式三）、小驼峰入口（方式二）或全量 `app.use(install)`；
+- **指令 / 注入**：`clResolver` **只解析组件、不解析指令与注入**，必须显式注册——用安装器一次注册，或按需组合。
+
+### 注册方式
+
+```ts
+// ① 整端一次注册（省事，体积最大）
+import installCore from "@cldemo/ui-kit/core"         // Element + Web + Mobile
+// import installCore from "@cldemo/ui-kit/core/web"     // Element + Web
+// import installCore from "@cldemo/ui-kit/core/mobile"  // Element + Mobile
+app.use(installCore)
+
+// ② 按需组合（体积最小）：只注册用到的指令与注入
+import { createInstallCore } from "@cldemo/ui-kit/core/installCommon"
+import * as Tooltip from "@cldemo/ui-kit/core/tooltip"
+import Notify from "@cldemo/ui-kit/core/notify"
+app.use(createInstallCore({ tooltip: Tooltip }, { notify: Notify }), { notify: {} })
+```
+
+> `createInstallCore(指令表, 注入表)`：第一个参数是指令、第二个是注入；`app.use` 的第二个参数按注入键名分段传配置（可省略）。
+> 导入写法有区别：**指令是具名导出**（`name` + `directive`），用 `import * as X`；**注入是 default 导出的工厂函数**，用 `import X`。
+
+### 入口清单
+
+| 类别 | 短路径入口 | 对应 | 说明 |
+|------|-----------|------|------|
+| 指令 | `import * as Tooltip from "@cldemo/ui-kit/core/tooltip"` | `v-cl-tooltip` | 浮层提示（基于 Popper.js） |
+| 指令 | `import * as Waves from "@cldemo/ui-kit/core/waves"` | `v-cl-waves` | 波纹点击效果 |
+| 指令 | `import * as CodeHighlight from "@cldemo/ui-kit/core/codeHighlight"` | `v-cl-code-highlight` | 代码高亮（highlight.js 懒加载） |
+| 指令 | `import * as LazyImage from "@cldemo/ui-kit/core/lazyImage"` | `v-cl-lazy-image` | 图片懒加载 |
+| 注入 | `import Notify from "@cldemo/ui-kit/core/notify"` | `$ClGlobals.notify` | 通知 |
+| 注入 | `import Alert from "@cldemo/ui-kit/core/alert"` | `$ClGlobals.alert` | 警告框 |
+| 注入 | `import Preview from "@cldemo/ui-kit/core/preview"` | `$ClGlobals.preview` | 大图/视频预览（video.js 懒加载，不进启动路径） |
+| 注入 | `import Clipboard from "@cldemo/ui-kit/core/clipboard"` | `$ClGlobals.clipboard` | 剪贴板 |
+| 注入 | `import LoadScreen from "@cldemo/ui-kit/core/loadScreen"` | `$ClGlobals.loadScreen` | 全屏加载 |
+| 注入 | `import LanguagePack from "@cldemo/ui-kit/core/languagePack"` | `$ClGlobals.languagePack` | 语言包 |
+| 注入 | `import Validate from "@cldemo/ui-kit/core/validate"` | `$ClGlobals.validate` | 校验规则表 |
+| 注入 | `import Toast from "@cldemo/ui-kit/core/toast"` | `$ClGlobals.toast` | 轻提示（移动端） |
+| 注入 | `import NotifyM from "@cldemo/ui-kit/core/notifyM"` | `$ClGlobals.notifyM` | 通知（移动端） |
 
-## 指令
+### 内置指令
 
-组件库提供 4 个内置指令，随组件一起发布，可通过全量 `app.use(install)` 或按需 `installCore` 注册（`unplugin-vue-components` 按需模式下需开启 `directives: true`，见上文方式三）：
+组件库提供 4 个内置指令，注册后即可在模板使用（`v-cl-*` 前缀）：
 
 | 指令 | 说明 |
 |------|------|
@@ -242,6 +302,23 @@ docs/
 | `v-cl-tooltip` | 浮层提示（基于 Popper.js，多种触发方式） |
 | `v-cl-lazy-image` | 图片懒加载 |
 
+### 全局注入 `$ClGlobals`
+
+注册注入后，组件内通过 `inject("$ClGlobals")` 访问：
+
+```vue
+<script setup lang="ts">
+import { inject } from "vue"
+const _clGlobals: any = inject("$ClGlobals")
+// 可用成员：clipboard / loadScreen / languagePack / validate / notify / alert / preview / toast / notifyM
+_clGlobals.notify?.info("消息")
+</script>
+```
+
+> **二选一**：`$ClGlobals` 与下方的 use 工厂是两套入口，**请勿在同一项目混用**，否则同一功能行为可能不一致。
+
+> **配置不走 Core**：组件默认值与 `cl-form-validate` 的 `type` / `rules` / `messages` 属于配置通道，见文末 [setGlobalConfig 全局配置](#setglobalconfig-全局配置)。
+
 ## use 工厂（开放 API）
 
 组件库有一批 `use*` 工厂函数开放给外部业务使用。它们不依赖 `app.use(install)`，各自独立 mount 自身实例，可在任意页面按需调用，是除 `$ClGlobals` 之外的推荐入口：
@@ -299,41 +376,36 @@ lang.setType('en')
 
 > 部分工厂的完整参数与配置项（如 `useNotify` 的 `position / delay`、`useAlert` 的 `iconType / html / submitCallback`）见对应 Demo 页面或组件源码。
 
-## `$ClGlobals` 全局注入
+## setGlobalConfig 全局配置
 
-`$ClGlobals` 是全量安装（`app.use(install)`）时由组件库 `provide` 的全局注入容器，结构与 use 工厂对应：
+组件库支持通过 `setGlobalConfig` 给组件设置全局默认配置，按需加载与全量安装共用同一份配置注册表。两种引入写法任选——**推荐写法一**：直达子路径只加载配置模块本身，不会连带加载整套 `common` 工具：
 
 ```ts
-// main.ts（全量安装）
-import { install as ClLibs } from '@cldemo/ui-kit'
-const app = createApp(App)
-app.use(ClLibs, { globalsOption: { calendar: { restDays: [...] } } })
-```
+// 写法一（推荐）：default 命名空间 + 直达子路径
+import CommonGlobalConfig from '@cldemo/ui-kit/common/globalConfig'
+CommonGlobalConfig.setGlobalConfig({ calendar: { restDays: ['2026-01-01'] } })
 
-```vue
-<script setup lang="ts">
-import { inject } from 'vue'
-const _clGlobals: any = inject('$ClGlobals')
-// 可用成员：clipboard / loadScreen / languagePack / validate / notify / alert / preview / toast
-_clGlobals.notify?.info('消息')
-</script>
+// 写法二：具名导入 + common 入口
+import { setGlobalConfig } from '@cldemo/ui-kit/common'
+setGlobalConfig({ calendar: { restDays: ['2026-01-01'] } })
 ```
 
-> **注意**：`$ClGlobals.*` 依赖全量 `app.use(install)` 的 `provide`，只在全量安装场景可用，按需模式下拿不到。use 工厂与 `$ClGlobals` 是两套入口，**请二选一使用，勿在同一项目混用**，否则同一功能行为可能不一致。
-
-## setGlobalConfig 全局配置
-
-组件库支持通过 `setGlobalConfig` 给组件设置全局默认配置，按需加载与全量安装共用同一份配置注册表：
+完整示例（组件默认值与 `cl-form-validate` 配置一并写）：
 
 ```ts
-// 按需加载（推荐）：import { setGlobalConfig } from '@cldemo/ui-kit/common'
-import { setGlobalConfig } from '@cldemo/ui-kit/common'
+import CommonGlobalConfig from '@cldemo/ui-kit/common/globalConfig'
 
-setGlobalConfig({
+CommonGlobalConfig.setGlobalConfig({
   calendar: { restDays: ['2026-01-01'] },   // ClCalendar 全局默认
   calendarM: { restDays: ['2026-01-01'] },  // ClCalendarM 全局默认
   selectTag: { theme: 'blue' },             // ClSelectTag 全局默认
   switchery: { colorChecked: '#07c160' },   // ClSwitchery 全局默认
+  ellipsis: { isUseTooltipAuto: true },     // Web 端文本溢出自动 Tooltip
+  formValidate: {                            // cl-form-validate（type / rules / messages 一并写）
+    type: 'text',                            // 错误消息展示类型 | enum: tip, text
+    rules: { qq: (value: string) => /^[0-9]{5,10}$/.test(value) },  // 自定义规则，与内置规则表合并
+    messages: { zh_cn: { qq: 'QQ号不正确' }, en: { qq: 'Incorrect QQ number' } },
+  },
 })
 ```
 
@@ -343,4 +415,15 @@ setGlobalConfig({
 app.use(ClLibs, { globalsOption: { calendar: { restDays: [...] } } })
 ```
 
+| 配置项 | 键 | 是否需要 installCore |
+|--------|-----|---------------------|
+| 组件默认值 | 组件名（`calendar` / `calendarM` / `selectTag` / `switchery` / `ellipsis` / `debug` …） | 不需要 |
+| `cl-form-validate` 的 `type` / `rules` / `messages` | `formValidate` | 不需要 |
+| `$ClGlobals.notify` / `alert` / `preview` 等**实例** | 走 provides，不是配置 | 需要（`installCore` 或细粒度 `__provide__` 入口） |
+| `v-cl-*` **指令** | 走指令注册，不是配置 | 需要（`installCore` 或细粒度 `__directive__` 入口） |
+
 **合并优先级**：页面 props 显式值 > 全局配置（`setGlobalConfig` / `globalsOption`）> 组件默认值。运行中再次调用 `setGlobalConfig` 会自动刷新（注册表为 reactive，组件 computed 会重新计算）。
+
+`cl-form-validate` 的校验规则表另有一条四层链（后者覆盖前者）：内置规则表 → `$ClGlobals.validate`（`installCore` 的 options）→ `setGlobalConfig({ formValidate })` → 组件 props / form 的 `data-theme`。
+
+> **注意**：`formValidate.messages` 支持「多语言子表」（`{ zh_cn: {...}, en: {...} }`）或「扁平表」（`{ qq: '...' }`）二选一——两者同时写时只会命中多语言子表，顶层扁平键不生效。

package/README.md

@@ -31,7 +31,8 @@ npm run lib:build # 构建组件库产物
   - `clResolver` 额外容忍 PascalCase 直写标签（`<ClDropdownMenu>`）与全小写（`<clbutton>`）；
   - 新增组件只需在对应 `componentsInstalls.ts` 加 import，`npm run dev` / `npm run lib:build` 会自动重生成清单，`npm run gate` 会拦住漏导。
 - **`setGlobalConfig` 全局组件配置**：单个入口配置所有组件的全局默认，按需加载与全量安装共用同一份配置注册表：
-  - 按需加载：`import { setGlobalConfig } from '@cldemo/ui-kit/common'`，如 `setGlobalConfig({ calendar: { restDays: [...] } })`；
+  - 按需加载（推荐直达子路径，只加载配置模块本身）：`import CommonGlobalConfig from '@cldemo/ui-kit/common/globalConfig'`，如 `CommonGlobalConfig.setGlobalConfig({ calendar: { restDays: [...] } })`；
+  - 亦可从 common 具名引入：`import { setGlobalConfig } from '@cldemo/ui-kit/common'`；
   - 全量安装：等价写法 `app.use(ClLibs, { globalsOption: { calendar: { restDays: [...] } } })`（`install` 内部写入同一注册表）；
   - 合并优先级：**页面 props 显式值 > 全局配置 > 组件默认值**；注册表为 reactive，运行中再次调用会自动刷新。
 - **类型提示**：`install` 签名与 `$ClGlobals` 结构可从 `import { ClGlobals, ClGlobalOptions } from '@cldemo/ui-kit'` 获取。
@@ -109,11 +110,11 @@ setLocale('zh_cn')
 库内告警统一走 `clLog`，默认**开发构建输出、生产构建静默**（`error` 始终输出）：
 
 ```ts
-import { setGlobalConfig } from '@cldemo/ui-kit/common'
+import CommonGlobalConfig from '@cldemo/ui-kit/common/globalConfig'
 
-setGlobalConfig({ debug: true })                         // 全开
-setGlobalConfig({ debug: { warn: true, error: false } }) // 只开告警
-setGlobalConfig({ debug: null })                         // 清除，回到默认策略
+CommonGlobalConfig.setGlobalConfig({ debug: true })                         // 全开
+CommonGlobalConfig.setGlobalConfig({ debug: { warn: true, error: false } }) // 只开告警
+CommonGlobalConfig.setGlobalConfig({ debug: null })                         // 清除，回到默认策略
 ```
 
 输出统一带 `[ui-kit][组件名]` 前缀，便于在控制台区分来源。
@@ -276,7 +277,7 @@ src/
 
 ### 指令
 
-指令随组件库一起发布，全量 `app.use(install)` 自动注册；`unplugin-vue-components` 按需模式下在 `Components({ directives: true })` 开启后即可在模板直接使用。
+指令随组件库一起发布，全量 `app.use(install)` 自动注册；按需模式下 `clResolver` **只解析组件、不解析指令**（`Components({ directives: true })` 对此无效），需显式注册后再在模板使用 —— 例如 `import * as Tooltip from '@cldemo/ui-kit/core/tooltip'` 后 `app.use(createInstallCore({ tooltip: Tooltip }, {}))`（完整入口清单见 `COMPONENT_CATALOG.md` 的「按需引入：细粒度入口」）。
 
 | 指令 | 说明 |
 |------|------|
@@ -295,7 +296,7 @@ src/
 | `useClipboard()` | 剪贴板复制 |
 | `languagePack()` | 语言包 |
 | `$ClGlobals` | 全局注入容器（全量安装时可用，`inject('$ClGlobals')` 获取），成员明细见下方 |
-| `setGlobalConfig()` | 组件全局默认配置（`@cldemo/ui-kit/common`） |
+| `setGlobalConfig()` | 组件全局默认配置（推荐 `@cldemo/ui-kit/common/globalConfig`，亦可从 `@cldemo/ui-kit/common` 具名引入） |
 
 `$ClGlobals` 共 8 个成员，其中 5 个与上方 use 工厂对应，另有 `loadScreen` / `validate` / `toast` 三个成员无对应 use 工厂：
 

package/buildLibs/all/{BallColor4-CYDMNYIL.js → BallColor4-B1tO7Tbf.js}

@@ -1,5 +1,5 @@
 import { defineComponent as p, computed as u, openBlock as l, createElementBlock as r, unref as _, createElementVNode as f, Fragment as C, renderList as h, normalizeStyle as B } from "vue";
-import { C as g } from "./index-sPYdePtz.js";
+import { C as g } from "./index-CIctx5VJ.js";
 import { _ as k } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const v = ["id"], x = { class: "loader" }, y = /* @__PURE__ */ p({
   name: "ClLoadBallColor4",

package/buildLibs/{web/BallColor4-CvdyEpUB.cjs → all/BallColor4-XAmB3sGF.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),u=require("./index-jOBQ0InH.cjs"),p=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),m=["id"],_={class:"loader"},f=e.defineComponent({name:"ClLoadBallColor4",__name:"BallColor4",props:{id:{},color:{}},setup(s){const n=s,a=n.id,i=`ballColor4-${u.CommonBase.getRandom(5)}`,r=["#2ecc71","#3498db","#f1c40f","#e74c3c"],d=e.computed(()=>{const t=n.color||"";if(!t)return r;const o=t.split("|").map(l=>l.trim()).filter(Boolean);if(o.length===0)return r;for(;o.length<4;)o.push(o[0]);return o.slice(0,4)});return(t,o)=>(e.openBlock(),e.createElementBlock("div",{class:"load-ballColor4",id:e.unref(a)},[e.createElementVNode("div",_,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,(l,c)=>(e.openBlock(),e.createElementBlock("span",{key:`${i}-${c}`,style:e.normalizeStyle({"--i":c+1,"--c":l})},null,4))),128))])],8,m))}}),B=p._export_sfc(f,[["__scopeId","data-v-f4260593"]]);exports.default=B;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),u=require("./index-0NOmwWqO.cjs"),p=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),m=["id"],_={class:"loader"},f=e.defineComponent({name:"ClLoadBallColor4",__name:"BallColor4",props:{id:{},color:{}},setup(s){const n=s,a=n.id,i=`ballColor4-${u.CommonBase.getRandom(5)}`,r=["#2ecc71","#3498db","#f1c40f","#e74c3c"],d=e.computed(()=>{const t=n.color||"";if(!t)return r;const o=t.split("|").map(l=>l.trim()).filter(Boolean);if(o.length===0)return r;for(;o.length<4;)o.push(o[0]);return o.slice(0,4)});return(t,o)=>(e.openBlock(),e.createElementBlock("div",{class:"load-ballColor4",id:e.unref(a)},[e.createElementVNode("div",_,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,(l,c)=>(e.openBlock(),e.createElementBlock("span",{key:`${i}-${c}`,style:e.normalizeStyle({"--i":c+1,"--c":l})},null,4))),128))])],8,m))}}),B=p._export_sfc(f,[["__scopeId","data-v-f4260593"]]);exports.default=B;

package/buildLibs/{web/ToastRing-KEtXZej2.cjs → all/ToastRing-BIV-zK0K.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),l=require("./index-jOBQ0InH.cjs"),s=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),c=e.defineComponent({name:"ClLoadToastRing",__name:"ToastRing",props:{color:{type:String,default:"currentColor"}},setup(t){const o=t,r=e.computed(()=>({color:l.CommonBase.isNonEmptyString(o.color)?o.color:"currentColor"}));return(i,n)=>(e.openBlock(),e.createElementBlock("div",{class:"load-toastRing",style:e.normalizeStyle(r.value)},[...n[0]||(n[0]=[e.createElementVNode("span",{class:"ring"},null,-1),e.createElementVNode("span",{class:"ring ring-inner"},null,-1)])],4))}}),a=s._export_sfc(c,[["__scopeId","data-v-93135750"]]);exports.default=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),l=require("./index-0NOmwWqO.cjs"),s=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),c=e.defineComponent({name:"ClLoadToastRing",__name:"ToastRing",props:{color:{type:String,default:"currentColor"}},setup(t){const o=t,r=e.computed(()=>({color:l.CommonBase.isNonEmptyString(o.color)?o.color:"currentColor"}));return(i,n)=>(e.openBlock(),e.createElementBlock("div",{class:"load-toastRing",style:e.normalizeStyle(r.value)},[...n[0]||(n[0]=[e.createElementVNode("span",{class:"ring"},null,-1),e.createElementVNode("span",{class:"ring ring-inner"},null,-1)])],4))}}),a=s._export_sfc(c,[["__scopeId","data-v-93135750"]]);exports.default=a;

package/buildLibs/{web/ToastRing-DxVDUCSx.js → all/ToastRing-D7_Cqd_W.js}

@@ -1,5 +1,5 @@
 import { defineComponent as s, computed as a, openBlock as l, createElementBlock as c, normalizeStyle as i, createElementVNode as t } from "vue";
-import { C as p } from "./index-ai_LrIsJ.js";
+import { C as p } from "./index-CIctx5VJ.js";
 import { _ as m } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const u = /* @__PURE__ */ s({
   name: "ClLoadToastRing",

package/buildLibs/all/{Video-Bbk0_YWw.js → Video-BCsixuXq.js}

@@ -1,6 +1,6 @@
 import { defineComponent as m, inject as w, useTemplateRef as x, reactive as _, onBeforeUnmount as I, openBlock as d, createElementBlock as f, createVNode as O, Transition as V, withCtx as k, createElementVNode as h, createCommentVNode as S, nextTick as B } from "vue";
 import g from "video.js";
-import { C as l } from "./index-sPYdePtz.js";
+import { C as l } from "./index-CIctx5VJ.js";
 const C = { class: "preview-video" }, L = {
   key: 0,
   class: "preview-video-container"

package/buildLibs/all/{Video-BV-GRW4X.cjs → Video-kyxIjktP.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),h=require("video.js"),a=require("./index-Cap0WJgK.cjs"),v={class:"preview-video"},m={key:0,class:"preview-video-container"},w=["id"],x=t.defineComponent({name:"ClPreviewVideo",__name:"Video",props:{videoInx:{type:Number,default:0},list:{type:Array,default:()=>[]},isLoop:{type:Boolean,default:!1}},setup(u,{expose:f}){const i=u,p=t.inject("$PreviewTop"),r=t.useTemplateRef("refElVideo"),o=t.reactive({keyIndex:`previewVideo-${a.CommonBase.getRandom(8)}`,isShow:!1,src:"",showIndex:i.videoInx}),n={playerOpt:null},y=()=>{if(n.playerOpt)n.playerOpt.src(o.src),n.playerOpt.play().catch(()=>{});else{const e={sources:[{src:o.src}],autoplay:!0,controls:!0,loop:!1};if(!r.value)return;n.playerOpt=h(r.value,e,()=>{n.playerOpt.play().catch(()=>{})})}},c=()=>{if(!p)return;const{showIndex:e}=o,l=a.CommonBase.isArray(i.list)?i.list.length:0,s=l>0&&e>=0&&e<l;o.isShow=s,s&&(o.src=i.list[e],p.setPrevNextStatus(e,l),t.nextTick(()=>{y()}))},d=()=>{if(n.playerOpt&&n.playerOpt.dispose){n.playerOpt.pause&&n.playerOpt.pause();try{n.playerOpt.dispose()}catch{}n.playerOpt=null}};return t.onBeforeUnmount(()=>{d()}),f({show:e=>{o.showIndex=e,c()},hide:()=>{d(),o.isShow=!1},prev:()=>{const{showIndex:e}=o,l=a.CommonBase.isArray(i.list)?i.list.length:0;let s=-1;e>0?s=e-1:i.isLoop&&(s=l-1),s>-1&&(o.showIndex=s,c())},next:()=>{const{showIndex:e}=o,l=a.CommonBase.isArray(i.list)?i.list.length:0;let s=-1;e<l-1?s=e+1:i.isLoop&&(s=0),s>-1&&(o.showIndex=s,c())}}),(e,l)=>(t.openBlock(),t.createElementBlock("div",v,[t.createVNode(t.Transition,{"enter-active-class":"animated zoomIn","leave-active-class":"animated zoomOut"},{default:t.withCtx(()=>[o.isShow?(t.openBlock(),t.createElementBlock("div",m,[t.createElementVNode("div",null,[t.createElementVNode("video",{ref_key:"refElVideo",ref:r,id:o.keyIndex,class:"video-js vjs-default-skin vjs-big-play-centered"},null,8,w)])])):t.createCommentVNode("",!0)]),_:1})]))}});exports.default=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),h=require("video.js"),a=require("./index-0NOmwWqO.cjs"),v={class:"preview-video"},m={key:0,class:"preview-video-container"},w=["id"],x=t.defineComponent({name:"ClPreviewVideo",__name:"Video",props:{videoInx:{type:Number,default:0},list:{type:Array,default:()=>[]},isLoop:{type:Boolean,default:!1}},setup(u,{expose:f}){const i=u,p=t.inject("$PreviewTop"),r=t.useTemplateRef("refElVideo"),o=t.reactive({keyIndex:`previewVideo-${a.CommonBase.getRandom(8)}`,isShow:!1,src:"",showIndex:i.videoInx}),n={playerOpt:null},y=()=>{if(n.playerOpt)n.playerOpt.src(o.src),n.playerOpt.play().catch(()=>{});else{const e={sources:[{src:o.src}],autoplay:!0,controls:!0,loop:!1};if(!r.value)return;n.playerOpt=h(r.value,e,()=>{n.playerOpt.play().catch(()=>{})})}},c=()=>{if(!p)return;const{showIndex:e}=o,l=a.CommonBase.isArray(i.list)?i.list.length:0,s=l>0&&e>=0&&e<l;o.isShow=s,s&&(o.src=i.list[e],p.setPrevNextStatus(e,l),t.nextTick(()=>{y()}))},d=()=>{if(n.playerOpt&&n.playerOpt.dispose){n.playerOpt.pause&&n.playerOpt.pause();try{n.playerOpt.dispose()}catch{}n.playerOpt=null}};return t.onBeforeUnmount(()=>{d()}),f({show:e=>{o.showIndex=e,c()},hide:()=>{d(),o.isShow=!1},prev:()=>{const{showIndex:e}=o,l=a.CommonBase.isArray(i.list)?i.list.length:0;let s=-1;e>0?s=e-1:i.isLoop&&(s=l-1),s>-1&&(o.showIndex=s,c())},next:()=>{const{showIndex:e}=o,l=a.CommonBase.isArray(i.list)?i.list.length:0;let s=-1;e<l-1?s=e+1:i.isLoop&&(s=0),s>-1&&(o.showIndex=s,c())}}),(e,l)=>(t.openBlock(),t.createElementBlock("div",v,[t.createVNode(t.Transition,{"enter-active-class":"animated zoomIn","leave-active-class":"animated zoomOut"},{default:t.withCtx(()=>[o.isShow?(t.openBlock(),t.createElementBlock("div",m,[t.createElementVNode("div",null,[t.createElementVNode("video",{ref_key:"refElVideo",ref:r,id:o.keyIndex,class:"video-js vjs-default-skin vjs-big-play-centered"},null,8,w)])])):t.createCommentVNode("",!0)]),_:1})]))}});exports.default=x;