@cldemo/ui-kit 1.0.17 → 1.1.1

package/COMPONENT_CATALOG.md

@@ -176,7 +176,6 @@ docs/
 | 组件 | 标签 | 说明 | 文档 |
 |------|------|------|------|
 | ClActionSheet | `<cl-action-sheet>` | ActionSheet 组件 | [详细文档](./docs/components/Mobile/ActionSheet.md) |
-| ClAreaM | `<cl-area-m>` | 省市区三级联动选择器（Picker 滚轮效果：惯性滑动 + 吸附定位），支持内置全国数据（2024 最新、含港澳台）自动按需加载与外部数据传入 | [详细文档](./docs/components/Mobile/AreaM.md) |
 | ClBackTop | `<cl-back-top>` | BackTop 组件 | [详细文档](./docs/components/Mobile/BackTop.md) |
 | ClBanner | `<cl-banner>` | Banner 组件 | [详细文档](./docs/components/Mobile/Banner.md) |
 | ClCalendarM | `<cl-calendar-m>` | CalendarM 组件 | [详细文档](./docs/components/Mobile/CalendarM.md) |
@@ -185,16 +184,17 @@ docs/
 | ClCodeLegendM | `<cl-code-legend-m>` | CodeLegendM 组件 | [详细文档](./docs/components/Mobile/CodeLegendM.md) |
 | ClCropperM | `<cl-cropper-m>` | CropperM 组件 | [详细文档](./docs/components/Mobile/CropperM.md) |
 | ClDropdownMenuM | `<cl-dropdown-menu-m>` | DropdownMenuM 组件 | [详细文档](./docs/components/Mobile/DropdownMenuM.md) |
-| ClFloatingBubble | `<cl-floating-bubble>` | FloatingBubble 组件 | [详细文档](./docs/components/Mobile/FloatingBubble.md) |
-| ClFloatingPanel | `<cl-floating-panel>` | FloatingPanel 组件 | [详细文档](./docs/components/Mobile/FloatingPanel.md) |
+| ClFloatBubble | `<cl-float-bubble>` | FloatBubble 组件 | [详细文档](./docs/components/Mobile/FloatBubble.md) |
+| ClFloatPanel | `<cl-float-panel>` | FloatPanel 组件 | [详细文档](./docs/components/Mobile/FloatPanel.md) |
 | ClGrid | `<cl-grid>` | Grid 组件 | [详细文档](./docs/components/Mobile/Grid.md) |
 | ClIndexBar | `<cl-index-bar>` | IndexBar 组件 | [详细文档](./docs/components/Mobile/IndexBar.md) |
-| ClInputOtp | `<cl-input-otp>` | InputOtp 组件 | [详细文档](./docs/components/Mobile/InputOtp.md) |
+| ClInputPin | `<cl-input-pin>` | InputPin 组件 | [详细文档](./docs/components/Mobile/InputPin.md) |
 | ClNavBar | `<cl-nav-bar>` | NavBar 组件 | [详细文档](./docs/components/Mobile/NavBar.md) |
 | ClNoticeBar | `<cl-notice-bar>` | NoticeBar 组件 | [详细文档](./docs/components/Mobile/NoticeBar.md) |
 | ClNotifyM | `<cl-notify-m>` | NotifyM 组件 | [详细文档](./docs/components/Mobile/NotifyM.md) |
 | ClNumberKeyboard | `<cl-number-keyboard>` | NumberKeyboard 组件 | [详细文档](./docs/components/Mobile/NumberKeyboard.md) |
 | ClPicker | `<cl-picker>` | Picker 组件 | [详细文档](./docs/components/Mobile/Picker.md) |
+| ClPickerArea | `<cl-picker-area>` | PickerArea 组件 | [详细文档](./docs/components/Mobile/PickerArea.md) |
 | ClPickerCascader | `<cl-picker-cascader>` | PickerCascader 组件 | [详细文档](./docs/components/Mobile/PickerCascader.md) |
 | ClPickerDate | `<cl-picker-date>` | PickerDate 组件 | [详细文档](./docs/components/Mobile/PickerDate.md) |
 | ClPickerTime | `<cl-picker-time>` | PickerTime 组件 | [详细文档](./docs/components/Mobile/PickerTime.md) |
@@ -202,7 +202,7 @@ docs/
 | ClPullToRefresh | `<cl-pull-to-refresh>` | PullToRefresh 组件 | [详细文档](./docs/components/Mobile/PullToRefresh.md) |
 | ClRate | `<cl-rate>` | Rate 组件 | [详细文档](./docs/components/Mobile/Rate.md) |
 | ClScrollCard | `<cl-scroll-card>` | ScrollCard 组件 | [详细文档](./docs/components/Mobile/ScrollCard.md) |
-| ClShareSheet | `<cl-share-sheet>` | ShareSheet 组件 | [详细文档](./docs/components/Mobile/ShareSheet.md) |
+| ClSharePanel | `<cl-share-panel>` | SharePanel 组件 | [详细文档](./docs/components/Mobile/SharePanel.md) |
 | ClSidebar | `<cl-sidebar>` | Sidebar 组件 | [详细文档](./docs/components/Mobile/Sidebar.md) |
 | ClSidebarSelect | `<cl-sidebar-select>` | SidebarSelect 组件 | [详细文档](./docs/components/Mobile/SidebarSelect.md) |
 | ClSignature | `<cl-signature>` | Signature 组件 | [详细文档](./docs/components/Mobile/Signature.md) |

package/README.md

@@ -2,16 +2,11 @@
 
 Vue 3 + TypeScript 组件库，提供 PC 端和移动端的通用 UI 组件及工具函数。
 
-## 安装
+## 快速开始
 
 ```bash
-npm install
-```
-
-## 构建组件库
-
-```bash
-npm run lib:build
+npm install       # 安装依赖
+npm run lib:build # 构建组件库产物
 ```
 
 ## 按需使用与全局注入
@@ -19,18 +14,17 @@ npm run lib:build
 组件库支持 **按需引入**（推荐）与 **全量 install** 两种方式，需注意以下几点：
 
 - **按需引入组件**（三种路径任选，均自带组件样式与 TS 类型）：
-  - `unplugin-vue-components` + `clResolver`（见 `buildLibs/resolver`），组件列表自动从 `clComponentMap` 解析；**覆盖面最全（118 个组件，含全部 Mobile 组件），推荐业务侧首选**；
+  - `unplugin-vue-components` + `clResolver`（见 `buildLibs/resolver`），组件列表自动从 `clComponentMap` 解析；**推荐业务侧首选**，也是唯一零维护的接入方式；
   - 小驼峰入口：`import ClButton from '@cldemo/ui-kit/button'`（`./*` 通配，类型完备）；
   - 精确组件路径：`import ClButton from '@cldemo/ui-kit/utils/Element/ClButton'`（按端区分 `utils/Element|Web|Mobile`）。
-  - 每个组件入口均已自带其样式（如 `import '.../styles/Element/ClButton.css'`），按需用即可获得完整样式，无需手动引全量 CSS。
-- **具名导入的覆盖面**：根入口 `import { ClXxx } from '@cldemo/ui-kit'` 与按端入口 `@cldemo/ui-kit/web` / `@cldemo/ui-kit/mobile` **只导出组件清单中的全部 118 个组件**（清单见 `COMPONENT_CATALOG.md`）。
+  - 每个组件入口均已自带其样式（如 `import '.../styles/Element/ClButton.css'`），无需手动引全量 CSS。
+- **具名导入**：根入口 `import { ClXxx } from '@cldemo/ui-kit'` 与按端入口 `@cldemo/ui-kit/web` / `@cldemo/ui-kit/mobile` 导出组件清单中的全部组件（清单见 `COMPONENT_CATALOG.md`）。
   - 导出名 = 组件自身的 `defineOptions({ name })`，可用 `node scripts/check-manifest.cjs` 校验一致性；
-  - 不想记名字就直接用 `clResolver`，它是唯一零维护的接入方式。
   - **根入口会静态引入全部组件**（含 `ClEcharts`/`ClCropper`/`ClSelect`/`ClPreview`），因此全量场景必须装齐全部 peer；按需场景请用 `clResolver` 或单组件入口。
 - **全量 CSS**：如需一次性引入所有样式，用 `import '@cldemo/ui-kit/ui-kit.css'`（唯一官方样式入口，勿用 `buildLibs/...` 深层路径——不在 exports 暴露，会被打包器拦截）。按端全量样式也可用 `@cldemo/ui-kit/styles` 下的组件样式。
-- **use\* 工厂（推荐）与 `$ClGlobals` 是两套入口**：
-  - 独立 use 工厂：`useNotify` / `useAlert` / `usePreview` / `useClipboard` / `languagePack`，随组件按需可用，自身 mount，**不依赖 `app.use(install)`**，推荐业务侧统一使用。完整清单见下方[组件列表](#组件列表)（Alert / Notify / Preview 等以 `useXxx()` 形式列出的行）。
-  - `$ClGlobals.*`：依赖全量 `app.use(install)` 的 `provide`，只在全量安装场景可用，按需模式下拿不到。
+- **use\* 工厂与 `$ClGlobals` 是两套入口**：
+  - 独立 use 工厂：`useNotify` / `useAlert` / `usePreview` / `useClipboard` / `languagePack`，随组件按需可用，自身 mount，**不依赖 `app.use(install)`**，推荐业务侧统一使用；
+  - `$ClGlobals.*`：依赖全量 `app.use(install)` 的 `provide`，只在全量安装场景可用，按需模式下拿不到（成员明细见下方 [use 工厂与 `$ClGlobals`](#use-工厂与-clglobals)）；
   - **请二选一使用，勿在同一项目混用**，否则同一功能行为可能不一致。
 - **组件名与标签的对应关系**：组件 `name` 同时决定「模板 kebab 标签」「`clComponentMap` 键」「全局注册名」，三者由 `node scripts/generate-components.cjs` + `node scripts/generate-resolver.cjs` 从组件源码统一派生（事实源 = `src/libs/*/componentsInstalls.ts`）。
   - 标签一律是「组件名按大写边界加连字符并小写」：`ClDropdownMenuM` → `<cl-dropdown-menu-m>`、`ClColorPicker` → `<cl-color-picker>`；
@@ -41,10 +35,9 @@ npm run lib:build
   - 全量安装：等价写法 `app.use(ClLibs, { globalsOption: { calendar: { restDays: [...] } } })`（`install` 内部写入同一注册表）；
   - 合并优先级：**页面 props 显式值 > 全局配置 > 组件默认值**；注册表为 reactive，运行中再次调用会自动刷新。
 - **类型提示**：`install` 签名与 `$ClGlobals` 结构可从 `import { ClGlobals, ClGlobalOptions } from '@cldemo/ui-kit'` 获取。
-- **peer 依赖**：`vue / vue-router / echarts / cropper-next-vue / vue-virtual-scroller` 为 peer，由使用方提供、组件库不内置（避免双实例）。
-  - **按需引入（推荐）**：仅用到的组件才会其依赖，如 `<cl-echarts>` 用时装 `echarts`、`<cl-cropper>` 用时装 `cropper-next-vue`、带复用的 `<cl-select>` / `<cl-pull-to-refresh>` 用时装 `vue-virtual-scroller`；用不到的 peer 无需安装。
-  - **全量安装（`import '@cldemo/ui-kit'` 或 `/web`、`app.use(install)`）**：根入口会静态引入含 `ClEcharts/ClCropper/ClSelect` 在内的 **Web 端全部组件**，因此**必须同时安装全部 peer**（echarts + cropper-next-vue + vue-virtual-scroller），否则构建/运行时 resolve 失败。
-  - 组件库不强制打包这些 peer（已 external）；全量场景需自备。
+- **peer 依赖**：`vue / vue-router / echarts / cropper-next-vue / vue-virtual-scroller` 为 peer，由使用方提供、组件库不内置（避免双实例），且已 external、不强制打包。
+  - **按需引入（推荐）**：只装用到的，如 `<cl-echarts>` 用时装 `echarts`、`<cl-cropper>` 用时装 `cropper-next-vue`、`<cl-select>` / `<cl-pull-to-refresh>` 用时装 `vue-virtual-scroller`；用不到的无需安装。
+  - **全量安装**：根入口静态引入含 `ClEcharts`/`ClCropper`/`ClSelect` 在内的 Web 端全部组件，因此**必须同时安装全部 peer**，否则构建/运行时 resolve 失败。
 - **Common 工具**：`@cldemo/ui-kit/common`（含 `CommDay` 等）不依赖 echarts；echarts 由 `<cl-echarts>` 内部按需 `import('echarts')` 懒加载，不因使用工具而触发。
 - **运行环境**：本库面向**浏览器端渲染（CSR）**，目标场景为后台管理系统类 SPA，**不提供 SSR / Nuxt 支持**。组件按 CSR 假设编写（直接使用 `window`/`document`，不做服务端环境守卫）——这是**有意的范围取舍，不是待补项**。如需在服务端渲染环境中使用，请自行把组件包进客户端渲染分支。
 
@@ -63,7 +56,7 @@ npm run lib:build
 }
 ```
 
-- **全部 token 清单与定制方式**：见 [docs/design-token.md](docs/design-token.md)。
+- **全部 token 清单与定制方式**：见 [docs/tokens/design-token.md](docs/tokens/design-token.md)。
 - **新增组件/样式时**：禁止硬编码色值，一律引用 `var(--cl-*, fallback)`；新增类名须带 `cl-` 前缀且用 kebab-case。规则见 [docs/通用组件规范.md](docs/通用组件规范.md) 第 9 节。
 - **门禁**：`node scripts/check-tokens.cjs` 检查新增硬编码色值（存量已列基线，不阻塞）。
 - **响应式**：本库**不提供**响应式能力，尺寸与布局由使用方控制。
@@ -109,7 +102,7 @@ setLocale('zh_cn')
 
 - 实现方式：组件同时声明并触发 `update:value` 与 `update:modelValue`，父组件只响应自己监听的那个；
 - `v-model:show` 等命名模型（弹层显隐）沿用各自的名字，不受影响；
-- 新增组件请两个事件都声明（`src/libs/componentManifest.test.ts` 会校验二者成对出现）。
+- 新增组件请两个事件都声明（`src/libsTest/componentManifest.test.ts` 会校验二者成对出现）。
 
 ### 日志开关
 
@@ -233,7 +226,7 @@ src/
 | 组件 | 标签 | 说明 |
 |------|------|------|
 | ActionSheet | `<cl-action-sheet>` | 动作面板 |
-| AreaM | `<cl-area-m>` | 省市区三级联动选择器，内置全国数据（2024 最新、含港澳台），`areaList` 为空时自动按需加载 |
+| AreaM | `<cl-area-m>` | 省市区三级联动选择器，内置全国数据（含港澳台），`areaList` 为空时自动按需加载 |
 | BackTop | `<cl-back-top>` | 回到顶部 |
 | Banner | `<cl-banner>` | 横幅 |
 | CalendarM | `<cl-calendar-m>` | 日历 |
@@ -270,44 +263,6 @@ src/
 | Toast | `<cl-toast>` | 轻提示 |
 | Watermark | `<cl-watermark>` | 水印 |
 
-## 升级到 2.0.0（破坏性变更）
-
-> 完整升级指南（含行为修正、新增能力、遗留项）：[docs/migration-2.0.md](docs/migration-2.0.md)
-
-2.0.0 把 8 个不规则组件名收敛为标准 PascalCase。**改动原因**：组件 `name` 同时决定模板标签、`clComponentMap` 键与全局注册名，不规则名字会让使用方无法写出正确的 kebab 标签（`<cl-dropdown-menu>` 与 `<cl-dropdownmenu>` 只有一个是有效的）。
-
-| 1.x 组件名 / 标签 | 2.0.0 组件名 / 标签 | 说明 |
-|-------------------|---------------------|------|
-| `ClColorpicker` / `<cl-colorpicker>` | `ClColorPicker` / `<cl-color-picker>` | 颜色选择器 |
-| `ClDatetime` / `<cl-datetime>` | `ClDateTime` / `<cl-date-time>` | 日期时间选择器 |
-| `ClDropdownmenu` / `<cl-dropdownmenu>` | `ClDropdownMenu` / `<cl-dropdown-menu>` | 下拉菜单 |
-| `ClSelectmove` / `<cl-selectmove>` | `ClSelectMove` / `<cl-select-move>` | 穿梭选择 |
-| `ClSidemenu` / `<cl-sidemenu>` | `ClSideMenu` / `<cl-side-menu>` | 侧边菜单 |
-| `ClWeekhour` / `<cl-weekhour>` | `ClWeekHour` / `<cl-week-hour>` | 周时间选择器 |
-| `ClXeditable` / `<cl-xeditable>` | `ClXEditable` / `<cl-x-editable>` | 内联编辑 |
-| `ClTransitionSlideupdown` / `<cl-transition-slideupdown>` | `ClTransitionSlideUpDown` / `<cl-transition-slide-up-down>` | 过渡动画 |
-
-迁移方式（三种引入方式各改一处即可）：
-
-```diff
-- import { ClDatetime } from '@cldemo/ui-kit'
-+ import { ClDateTime } from '@cldemo/ui-kit'
-```
-
-```diff
-- import ClDatetime from '@cldemo/ui-kit/datetime'
-+ import ClDateTime from '@cldemo/ui-kit/dateTime'
-```
-
-```diff
-- <cl-datetime v-model:value="date" />
-+ <cl-date-time v-model:value="date" />
-```
-
-> 用 `clResolver`（方式三）的项目**无需改动**：它按组件 `name` 解析，且新增了对 PascalCase 直写标签的归一。若 1.x 期间误用了错误标签（如 `<cl-datetime>` 之外的写法），2.0.0 起都会正确解析。
-
-同时 2.0.0 起导出清单由脚本统一生成，历史版本漏导的组件（`ClProgress`、`ClSlider`、`ClTags`、`ClWaterfall`、`ClTableEdit`、`ClEchartsLineAxisTag`、`ClFramePhone`、`ClAnchorNav`、`ClCropperPreview`、`ClDropdownLayer` 以及全部 Mobile 组件）已全部补齐，可直接具名导入。
-
 ## 校验与门禁
 
 | 命令 | 作用 |
@@ -363,15 +318,6 @@ src/
 - 组件名：`Cl` + PascalCase（如 `ClInputNumberStepper`）
 - 使用标签：`cl-` + kebab-case（如 `<cl-input-number-stepper>`）
 
-## 构建产物
-
-```
-buildLibs/
-├── web/       # Web 端组件库
-├── mobile/    # Mobile 端组件库
-└── common/    # 公共工具库
-```
-
 ## License
 
 MIT

package/buildLibs/{mobile/BallColor4-DpnfFrBL.js → all/BallColor4-CYDMNYIL.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-BugOQA6Z.js";
+import { C as g } from "./index-sPYdePtz.js";
 import { _ as k } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const v = ["id"], x = { class: "loader" }, y = /* @__PURE__ */ p({
   name: "ClLoadBallColor4",

package/buildLibs/all/{BallColor4-DkQt6rSf.cjs → BallColor4-CaqTfMcX.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),u=require("./index-CS39FBSI.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-Cap0WJgK.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/all/{ToastRing-B-erJp2o.js → ToastRing-BW0hddZN.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-DA_I2NVO.js";
+import { C as p } from "./index-sPYdePtz.js";
 import { _ as m } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const u = /* @__PURE__ */ s({
   name: "ClLoadToastRing",

package/buildLibs/{web/ToastRing-DKVLp5rZ.cjs → all/ToastRing-DqiGLTLN.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),l=require("./index-Bfw6k91_.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-Cap0WJgK.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/all/{Video-BwDG93FI.cjs → Video-BV-GRW4X.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),h=require("video.js"),a=require("./index-CS39FBSI.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-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;

package/buildLibs/all/{Video-CMkViuqG.js → Video-Bbk0_YWw.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-DA_I2NVO.js";
+import { C as l } from "./index-sPYdePtz.js";
 const C = { class: "preview-video" }, L = {
   key: 0,
   class: "preview-video-container"