@cldemo/ui-kit 1.0.17 → 1.1.0

package/buildLibs/web/index.js

@@ -7,7 +7,7 @@ import '../styles/Web/__provide__/Preview.css';
 import '../styles/Web/__provide__/Notify.css';
 import '../styles/Web/__provide__/Alert.css';
 import '../styles/Element/__provide__/LoadScreen.css';
-import { _ as s, a as C, b as e, c as r, d as o, e as t, f as n, g as i, h as p, i as u, j as d, k as c, l as m, m as g, n as b, o as S, p as T, q as I, r as h, s as w, t as P, u as F, v, w as D, x as L, y as k, z as x, A as E, B as f, D as y, E as M, F as N, G as W, H as B, I as A, J as G, K as H, L as O, M as R, N as z, O as U, P as V, Q as X, R as j, S as q, T as J, U as K, V as Q, W as Y, X as Z, Y as _, Z as $, $ as aa, a0 as la, a1 as sa, a2 as Ca, a3 as ea, a4 as ra, a5 as oa, a6 as ta, a7 as na, a8 as ia, a9 as pa, aa as ua, ab as da, ac as ca, ad as ma, ae as ga, af as ba, ag as Sa, ah as Ta, ai as Ia, aj as ha, ak as wa, al as Pa, am as Fa, an as va, ao as Da, ap as La, aq as ka, ar as xa, as as Ea, at as fa, au as ya, av as Ma, aw as Na, ax as Wa, ay as Ba, az as Aa } from "./index-DPNEslm1.js";
+import { _ as s, a as C, b as e, c as r, d as o, e as t, f as n, g as i, h as p, i as u, j as d, k as c, l as m, m as g, n as b, o as S, p as T, q as I, r as h, s as w, t as P, u as F, v, w as D, x as L, y as k, z as x, A as E, B as f, D as y, E as M, F as N, G as W, H as B, I as A, J as G, K as H, L as O, M as R, N as z, O as U, P as V, Q as X, R as j, S as q, T as J, U as K, V as Q, W as Y, X as Z, Y as _, Z as $, $ as aa, a0 as la, a1 as sa, a2 as Ca, a3 as ea, a4 as ra, a5 as oa, a6 as ta, a7 as na, a8 as ia, a9 as pa, aa as ua, ab as da, ac as ca, ad as ma, ae as ga, af as ba, ag as Sa, ah as Ta, ai as Ia, aj as ha, ak as wa, al as Pa, am as Fa, an as va, ao as Da, ap as La, aq as ka, ar as xa, as as Ea, at as fa, au as ya, av as Ma, aw as Na, ax as Wa, ay as Ba, az as Aa } from "./index-ai_LrIsJ.js";
 export {
   s as ClAnchorNav,
   C as ClBadge,

package/docs/components/Element/Divider.md

@@ -16,7 +16,7 @@
 | contentPosition | `String` | `'center'` | 否 | 文本位置，可选: center, left, right |
 | margin | `Number, String` | `16` | 否 | 分割线两端与容器两边的间距，支持数值（单位px）或CSS长度字符串 |
 | theme | `String` | `'default'` | 否 | 分割线效果主题，可选: default, gold |
-| lineColor | `String` | `` | 否 | 分割线颜色，不传时跟随主题默认色（default=var(--cl-border, #cfcfcf)，gold=#E8A87C 渐变中间色） |
+| lineColor | `String` | `` | 否 | 分割线颜色，不传时跟随主题默认色（default=var(--cl-border, #cfcfcf)，gold=#E6A23C 渐变中间色） |
 | textColor | `String` | `` | 否 | 分割线文字颜色，不传时默认 var(--cl-text-secondary, #666666) |
 
 ## Slots
@@ -78,16 +78,18 @@
 
 ### 效果主题
 
-`theme` 可选值：`default`（通栏线，默认）、`gold`（金色渐变短线，两端透明渐隐）
+`theme` 可选值：`default`（通栏线，默认）、`gold`（金色渐变线：无文本时为居中短线两端渐隐，有文本时左右各占一半、由外向内渐隐并夹住文字）
 
 ```vue
 <cl-divider>默认通栏线（theme=default）</cl-divider>
 <cl-divider theme="gold" />
+<cl-divider theme="gold">金色分割线</cl-divider>
+<cl-divider theme="gold" line-color="#FF6B6B">红色分割线</cl-divider>
 ```
 
 ### 颜色定制
 
-通过 `lineColor` 定制分割线颜色、`textColor` 定制文字颜色；不传时回退各主题默认色，gold 主题下 `lineColor` 为渐变中间色
+通过 `lineColor` 定制分割线颜色、`textColor` 定制文字颜色；不传时回退各主题默认色，gold 主题下 `lineColor` 为渐变中间色，文字色默认同线色
 
 ```vue
 <cl-divider line-color="#409EFF">自定义分割线颜色</cl-divider>

package/docs/components/Element/Slider.md

@@ -28,6 +28,7 @@
 | tooltipFormat | `String` | `` | 否 | Tooltip 格式化模板（如 ${_value}%） |
 | isPlaintext | `Boolean` | `false` | 否 | 是否纯文本只读模式，只渲染当前值文本不挂载滑块 |
 | plaintextSeparator | `String` | `' - '` | 否 | 纯文本模式下范围模式起止值的分隔符 |
+| ariaLabel | `String` | `` | 否 | 滑块无障碍标签，未传时按 btnType 生成默认文案（最小值/最大值/滑块） |
 
 ## 方法
 

package/docs/components/Element/Tags.md

@@ -16,7 +16,10 @@
 | isRemove | `Boolean` | `true` | 否 | 是否显示单个标签移除按钮 |
 | showTextFormat | `String` | `` | 否 | 自定义文本展示格式，如 ${id} ${name} |
 | isRemoveAll | `Boolean` | `false` | 否 | 是否显示全部清除按钮 |
-| theme | `String` | `'default'` | 否 | 主题样式，可选: default, code |
+| color | `String` | `` | 否 | 标签颜色，默认实心填充（背景色 + 白字）；list 单项 color 优先级更高。可选语义名 primary、success、warning、danger、secondary，或直接传 CSS 颜色值，可选: primary, success, warning, danger, secondary |
+| isSolid | `Boolean` | `true` | 否 | 是否实心填充，false 为空心（白底 + 彩色边框 + 彩色文字）；list 单项 isSolid 优先级更高 |
+| isRound | `Boolean` | `false` | 否 | 是否胶囊形圆角；list 单项 isRound 优先级更高 |
+| size | `String` | `'m'` | 否 | 标签尺寸，可选: s, m, l |
 | isFormatHtml | `Boolean` | `false` | 否 | 是否以 HTML 格式展示标签文本 |
 
 ## Slots
@@ -54,22 +57,45 @@
 ></cl-tags>
 ```
 
-### theme
+### color / isSolid / isRound
 
-`theme` 可选值：`default`（默认）、`code`（代码风格）
+`color` 为标签着色（默认实心填充，文字白色），支持 `primary` `success` `warning` `danger` `secondary` 语义名或任意 CSS 颜色值；`:isSolid="false"` 切换为空心（白底 + 彩边 + 彩字），`:isRound="true"` 切换为胶囊形。以上三项均可在 `list` 单项上单独设置，单项优先级高于组件级参数
 
 ```vue
-<cl-tags
-  :list="tagsList"
-  theme="default"
-></cl-tags>
+<cl-tags :list="tagsList"></cl-tags>
+
+<cl-tags :list="solidList"></cl-tags>
+
+<cl-tags :list="plainList" :isSolid="false"></cl-tags>
+
+<cl-tags :list="roundList" :isRound="true"></cl-tags>
+
+<cl-tags :list="mixList"></cl-tags>
+```
+
+### isRemove
 
+设置 `:isRemove="false"` 隐藏单个移除按钮，标签变为纯展示态，点击不再触发移除；配合 `color` 可作只读状态标签使用。
+
+```vue
 <cl-tags
   :list="tagsList"
-  theme="code"
+  :isRemove="false"
 ></cl-tags>
 ```
 
+### size
+
+`size` 控制标签尺寸，可选值：`s`（12px / padding `0 2px`，关闭图标同步缩小）、`m`（13px / padding `4px 8px`，默认）、`l`（14px / padding `6px 12px`）。尺寸作用于整组标签。
+
+```vue
+<cl-tags :list="tagsList" size="s"></cl-tags>
+
+<cl-tags :list="tagsList" size="m"></cl-tags>
+
+<cl-tags :list="tagsList" size="l"></cl-tags>
+```
+
 ### disabled
 
 设置 `:disabled="true"` 禁用所有标签，移除按钮不可点击。

package/docs/components/Mobile/{FloatingBubble.md → FloatBubble.md}

@@ -1,9 +1,9 @@
-# ClFloatingBubble FloatingBubble
+# ClFloatBubble FloatBubble
 
-> FloatingBubble 组件
+> FloatBubble 组件
 
-- **标签名**: `<cl-floating-bubble>`
-- **引入**: `import { ClFloatingBubble } from '@cldemo/ui-kit'`
+- **标签名**: `<cl-float-bubble>`
+- **引入**: `import { ClFloatBubble } from '@cldemo/ui-kit'`
 
 ## Props
 
@@ -15,7 +15,7 @@
 | offsetX | `Number` | `0` | 否 | 气泡水平偏移(px)，支持 v-model:offsetX |
 | offsetY | `Number` | `0` | 否 | 气泡垂直偏移(px)，支持 v-model:offsetY |
 | axis | `String` | `'xy'` | 否 | 拖拽方向，可选: x, y, xy |
-| magnetic | `String` | `` | 否 | 磁吸方向，可选: x, y |
+| magnetAxis | `String` | `` | 否 | 磁吸方向，可选: x, y |
 | gap | `Number` | `8` | 否 | 气泡与屏幕边缘的最小距离(px) |
 | isDisabled | `Boolean` | `false` | 否 | 是否禁用拖拽 |
 
@@ -41,14 +41,14 @@
 `v-model:offsetX` / `v-model:offsetY` 控制位置，`@onClick` 监听点击，`@onOffsetChange` 监听位置变化
 
 ```vue
-<cl-floating-bubble
+<cl-float-bubble
   v-model:offsetX="offset.x"
   v-model:offsetY="offset.y"
-  teleportTarget=".floatingbubble-screen"
+  teleportTarget=".floatbubble-screen"
   @onClick="onClick"
 >
   <cl-icon-font name="add"></cl-icon-font>
-</cl-floating-bubble>
+</cl-float-bubble>
 ```
 
 ### axis 拖拽方向
@@ -56,28 +56,28 @@
 `axis` 限制拖拽方向：`x` 仅水平、`y` 仅垂直、`xy` 双向（默认）
 
 ```vue
-<cl-floating-bubble
+<cl-float-bubble
   v-model:offsetX="offset.x"
   v-model:offsetY="offset.y"
-  teleportTarget=".floatingbubble-screen"
+  teleportTarget=".floatbubble-screen"
   axis="y"
 >
   <cl-icon-font name="chat"></cl-icon-font>
-</cl-floating-bubble>
+</cl-float-bubble>
 ```
 
-### magnetic 磁吸
+### magnetAxis 磁吸
 
-`magnetic="x"` 松手后水平吸附到左右边缘
+`magnetAxis="x"` 松手后水平吸附到左右边缘
 
 ```vue
-<cl-floating-bubble
+<cl-float-bubble
   v-model:offsetX="offset.x"
   v-model:offsetY="offset.y"
-  teleportTarget=".floatingbubble-screen"
-  magnetic="x"
+  teleportTarget=".floatbubble-screen"
+  magnetAxis="x"
 >
   <cl-icon-font name="service"></cl-icon-font>
-</cl-floating-bubble>
+</cl-float-bubble>
 ```
 

package/docs/components/Mobile/{FloatingPanel.md → FloatPanel.md}

@@ -1,9 +1,9 @@
-# ClFloatingPanel FloatingPanel
+# ClFloatPanel FloatPanel
 
-> FloatingPanel 组件
+> FloatPanel 组件
 
-- **标签名**: `<cl-floating-panel>`
-- **引入**: `import { ClFloatingPanel } from '@cldemo/ui-kit'`
+- **标签名**: `<cl-float-panel>`
+- **引入**: `import { ClFloatPanel } from '@cldemo/ui-kit'`
 
 ## Props
 
@@ -21,8 +21,8 @@
 | isSnap | `Boolean` | `true` | 否 | 是否启用锚点吸附，false 时松手停留在任意拖到的高度 |
 | isLockScroll | `Boolean` | `true` | 否 | 面板展开时是否锁定背景滚动 |
 | isSafeAreaInsetBottom | `Boolean` | `` | 否 | 是否开启底部安全区适配 |
-| duration | `Number` | `FLOATINGPANEL_DEFAULT_DURATION` | 否 | 动画时长(ms) |
-| zIndex | `Number` | `FLOATINGPANEL_DEFAULT_Z_INDEX` | 否 | 面板层级 |
+| duration | `Number` | `FLOATPANEL_DEFAULT_DURATION` | 否 | 动画时长(ms) |
+| zIndex | `Number` | `FLOATPANEL_DEFAULT_Z_INDEX` | 否 | 面板层级 |
 | teleportTarget | `String` | `` | 否 | 挂载目标，可选: '', self, 任意 CSS 选择器 |
 
 ## Slots
@@ -52,20 +52,20 @@
 `v-model:show` 控制显示，`v-model:height` 控制面板高度，拖拽头部把手可调整高度
 
 ```vue
-<cl-floating-panel
+<cl-float-panel
   v-model:show="show"
   v-model:height="height"
   :anchorsArr="anchorsArr"
   @onHeightChange="onHeightChange"
 >
   <template v-slot:header>
-    <div class="floatingpanel-demo-title">基础面板</div>
+    <div class="floatpanel-demo-title">基础面板</div>
   </template>
-  <div class="floatingpanel-demo-content">
+  <div class="floatpanel-demo-content">
     <p>拖拽头部把手可在三个锚点高度间滑动。</p>
     <p>松手后自动吸附到最近的锚点。</p>
   </div>
-</cl-floating-panel>
+</cl-float-panel>
 ```
 
 ### anchorsArr 锚点高度
@@ -73,18 +73,18 @@
 通过 `anchorsArr` 设置面板停靠位置，点击下方按钮直接切换到对应锚点高度
 
 ```vue
-<cl-floating-panel
+<cl-float-panel
   v-model:show="show"
   v-model:height="height"
   :anchorsArr="anchorsArr"
 >
   <template v-slot:header>
-    <div class="floatingpanel-demo-title">锚点面板</div>
+    <div class="floatpanel-demo-title">锚点面板</div>
   </template>
-  <div class="floatingpanel-demo-content">
+  <div class="floatpanel-demo-content">
     <p>面板会停靠在 120 / 280 / 450 三个锚点高度。</p>
   </div>
-</cl-floating-panel>
+</cl-float-panel>
 ```
 
 ### isSnap 锚点吸附
@@ -92,18 +92,18 @@
 `isSnap` 关闭后拖拽松手停留在任意拖到的高度（不吸附锚点），默认开启吸附
 
 ```vue
-<cl-floating-panel
+<cl-float-panel
   v-model:show="show"
   v-model:height="height"
   :isSnap="false"
 >
   <template v-slot:header>
-    <div class="floatingpanel-demo-title">自由停靠面板</div>
+    <div class="floatpanel-demo-title">自由停靠面板</div>
   </template>
-  <div class="floatingpanel-demo-content">
+  <div class="floatpanel-demo-content">
     <p>关闭锚点吸附，拖拽松手后停留在任意拖到的高度。</p>
   </div>
-</cl-floating-panel>
+</cl-float-panel>
 ```
 
 ### isOverlay 与 isCloseOnClickOverlay
@@ -111,19 +111,19 @@
 `isOverlay` 是否显示遮罩，`isCloseOnClickOverlay` 点击遮罩是否关闭面板
 
 ```vue
-<cl-floating-panel
+<cl-float-panel
   v-model:show="show"
   v-model:height="height"
   :isOverlay="false"
   :isCloseOnClickOverlay="false"
 >
   <template v-slot:header>
-    <div class="floatingpanel-demo-title">无遮罩面板</div>
+    <div class="floatpanel-demo-title">无遮罩面板</div>
   </template>
-  <div class="floatingpanel-demo-content">
+  <div class="floatpanel-demo-content">
     <p>无遮罩层，点击外部不会关闭，通过按钮或拖拽收起。</p>
   </div>
-</cl-floating-panel>
+</cl-float-panel>
 ```
 
 ### isSafeAreaInsetBottom 安全区
@@ -131,18 +131,18 @@
 `isSafeAreaInsetBottom` 开启底部安全区适配（iPhone 刘海屏）
 
 ```vue
-<cl-floating-panel
+<cl-float-panel
   v-model:show="show"
   v-model:height="height"
   :isSafeAreaInsetBottom="true"
 >
   <template v-slot:header>
-    <div class="floatingpanel-demo-title">安全区面板</div>
+    <div class="floatpanel-demo-title">安全区面板</div>
   </template>
-  <div class="floatingpanel-demo-content">
+  <div class="floatpanel-demo-content">
     <p>开启底部安全区适配，内容不会被 iPhone 底部横条遮挡。</p>
   </div>
-</cl-floating-panel>
+</cl-float-panel>
 ```
 
 ### isContentDraggable 内容区拖拽
@@ -150,17 +150,17 @@
 `isContentDraggable` 允许通过内容区拖拽调整高度（内容含滚动列表时建议关闭）
 
 ```vue
-<cl-floating-panel
+<cl-float-panel
   v-model:show="show"
   v-model:height="height"
   :isContentDraggable="true"
 >
   <template v-slot:header>
-    <div class="floatingpanel-demo-title">内容可拖面板</div>
+    <div class="floatpanel-demo-title">内容可拖面板</div>
   </template>
-  <div class="floatingpanel-demo-content">
+  <div class="floatpanel-demo-content">
     <p>拖拽内容区空白处也可调整面板高度。</p>
   </div>
-</cl-floating-panel>
+</cl-float-panel>
 ```
 

package/docs/components/Mobile/{InputOtp.md → InputPin.md}

@@ -1,9 +1,9 @@
-# ClInputOtp InputOtp
+# ClInputPin InputPin
 
-> InputOtp 组件
+> InputPin 组件
 
-- **标签名**: `<cl-input-otp>`
-- **引入**: `import { ClInputOtp } from '@cldemo/ui-kit'`
+- **标签名**: `<cl-input-pin>`
+- **引入**: `import { ClInputPin } from '@cldemo/ui-kit'`
 
 ## Props
 
@@ -20,6 +20,7 @@
 | isDisabled | `Boolean` | `false` | 否 | 是否禁用输入 |
 | isClearable | `Boolean` | `false` | 否 | 是否支持清空（Esc/退格到首位） |
 | inputType | `String` | `'text'` | 否 | 输入类型，可选: text, number, password |
+| theme | `String` | `'box'` | 否 | 展示形态，可选: box, line |
 
 ## Events
 
@@ -45,11 +46,11 @@
 `v-model` 绑定值，`:length` 格数，`@onFinish` 填满回调
 
 ```vue
-<cl-input-otp
+<cl-input-pin
   v-model="optValueBasic"
   :length="6"
   @onFinish="onFinishBasic"
-></cl-input-otp>
+></cl-input-pin>
 ```
 
 ### separator 分隔符
@@ -57,11 +58,11 @@
 `separator` 在中间位置插入分隔符（如验证码分组）
 
 ```vue
-<cl-input-otp
+<cl-input-pin
   v-model="optValueSeparator"
   :length="6"
   separator="-"
-></cl-input-otp>
+></cl-input-pin>
 ```
 
 ### inputType 密码模式
@@ -69,12 +70,24 @@
 `inputType="password"` 掩码展示，`inputType="number"` 仅数字
 
 ```vue
-<cl-input-otp
+<cl-input-pin
   v-model="optValuePassword"
   :length="4"
   inputType="password"
   :autofocus="true"
-></cl-input-otp>
+></cl-input-pin>
+```
+
+### theme 下划线形态
+
+`theme="line"` 只保留底部一条线，聚焦时底线加粗变蓝；默认 `box` 为完整方框
+
+```vue
+<cl-input-pin
+  v-model="optValueTheme"
+  :length="6"
+  theme="line"
+></cl-input-pin>
 ```
 
 ### 事件监听
@@ -82,13 +95,13 @@
 `@onChange` 每次输入变化，`@onFinish` 填满触发，`@onFocus`/`@onBlur` 焦点变化
 
 ```vue
-<cl-input-otp
+<cl-input-pin
   v-model="optValueEvent"
   :length="4"
   @onChange="onChangeEvent"
   @onFinish="onFinishEvent"
   @onFocus="onFocusEvent"
   @onBlur="onBlurEvent"
-></cl-input-otp>
+></cl-input-pin>
 ```
 

package/docs/components/Mobile/NoticeBar.md

@@ -17,7 +17,7 @@
 | background | `String` | `` | 否 | 背景色 |
 | leftIcon | `String` | `` | 否 | 左侧图标（传 emoji 或字符） |
 | isScrollable | `Boolean` | `true` | 否 | 文本过长时是否开启滚动 |
-| isWrapable | `Boolean` | `false` | 否 | 是否开启文本换行 |
+| isWrappable | `Boolean` | `false` | 否 | 是否开启文本换行 |
 | speed | `Number` | `50` | 否 | 滚动速度(px/s) |
 | delay | `Number` | `1000` | 否 | 滚动开始前延迟(ms) |
 
@@ -66,14 +66,14 @@
 ></cl-notice-bar>
 ```
 
-### isWrapable 换行
+### isWrappable 换行
 
-`isWrapable` 开启文本换行，长文本完整展示
+`isWrappable` 开启文本换行，长文本完整展示
 
 ```vue
 <cl-notice-bar
   text="这是一条比较长的通知消息，开启换行后文本会完整展示而不滚动"
-  :isWrapable="true"
+  :isWrappable="true"
 ></cl-notice-bar>
 ```
 

package/docs/components/Mobile/NotifyM.md

@@ -17,6 +17,8 @@
 | background | `String` | `` | 否 | 背景色（自定义覆盖） |
 | duration | `Number` | `NOTIFYM_DEFAULT_DURATION` | 否 | 展示时长(ms)，0 表示不自动关闭 |
 | isLockScroll | `Boolean` | `` | 否 | 展示时是否锁定背景滚动 |
+| isSwipeClose | `Boolean` | `true` | 否 | 是否支持上滑关闭 |
+| isSafeAreaInsetTop | `Boolean` | `true` | 否 | 是否开启顶部安全区适配（刘海屏/状态栏） |
 | zIndex | `Number` | `NOTIFYM_DEFAULT_Z_INDEX` | 否 | 通知层级 |
 | teleportTarget | `String` | `` | 否 | 挂载目标，可选: body（默认）、#id（指定容器 id） |
 
@@ -68,6 +70,15 @@
 <cl-button label="不自动关闭" @onClick="onShowDuration(0)"></cl-button>
 ```
 
+### isSwipeClose 上滑关闭
+
+默认开启：按住通知条向上滑动超过阈值即关闭，未达阈值自动回弹；传 `false` 可关闭该手势。任意一条通知都可用右侧关闭图标直接关闭
+
+```vue
+<cl-button label="上滑关闭" @onClick="onShowSwipeable"></cl-button>
+<cl-button label="禁用上滑" @onClick="onShowSwipeDisabled"></cl-button>
+```
+
 ### onClick 点击事件
 
 点击通知触发 `@onClick`，可配合 `v-model:show` 实现点击关闭。事件属于组件实例通道，此卡保留声明式写法演示

package/docs/components/Mobile/NumberKeyboard.md

@@ -16,7 +16,7 @@
 | theme | `String` | `'default'` | 否 | 样式主题，可选: default, custom |
 | title | `String` | `` | 否 | 键盘标题 |
 | maxlength | `Number` | `Infinity` | 否 | 输入值最大长度，超出后按键不追加 |
-| extraKey | `String, Array` | `` | 否 | 底部额外按键内容，支持字符串或字符串数组 |
+| extKeys | `String, Array` | `` | 否 | 底部额外按键内容，支持字符串或字符串数组 |
 | closeButtonText | `String` | `` | 否 | 关闭按钮文字，为空则不显示关闭按钮 |
 | deleteButtonText | `String` | `'删除'` | 否 | 删除按钮文字 |
 | isShowDeleteKey | `Boolean` | `true` | 否 | 是否显示删除按键 |
@@ -35,7 +35,7 @@
 |------|------|
 | titleLeft | titleLeft 插槽 |
 | delete | delete 插槽 |
-| extraKey | extraKey 插槽 |
+| extKeys | extKeys 插槽 |
 
 ## Events
 
@@ -97,15 +97,15 @@
 ></cl-number-keyboard>
 ```
 
-### extraKey
+### extKeys
 
-设置 `extraKey` 自定义底部额外按键，支持字符串或字符串数组（如支付场景的 `.` 与 `00`）
+设置 `extKeys` 自定义底部额外按键，支持字符串或字符串数组（如支付场景的 `.` 与 `00`）
 
 ```vue
 <cl-number-keyboard
   v-model:show="optIsShow"
   v-model:value="value"
-  :extraKey="['.', '00']"
+  :extKeys="['.', '00']"
   closeButtonText="关闭"
 ></cl-number-keyboard>
 ```
@@ -156,7 +156,7 @@
 
 ### 自定义插槽
 
-`titleLeft` 标题栏左侧内容 / `extraKey` 额外按键内容 / `delete` 删除按键内容
+`titleLeft` 标题栏左侧内容 / `extKeys` 额外按键内容 / `delete` 删除按键内容
 
 ```vue
 <cl-number-keyboard
@@ -164,12 +164,12 @@
   v-model:value="value"
   title="安全键盘"
   closeButtonText="关闭"
-  extraKey="X"
+  extKeys="X"
 >
   <template v-slot:titleLeft>
     <cl-icon-font name="lock"></cl-icon-font>
   </template>
-  <template v-slot:extraKey>×</template>
+  <template v-slot:extKeys>×</template>
   <template v-slot:delete>
     <span class="numberkeyboard-demo-del">⌫</span>
   </template>

package/docs/components/Mobile/Picker.md

@@ -13,18 +13,18 @@
 | value | `Array as PropType<(string \| number)[]>` | `() => []` | 否 |  |
 | className | `String` | `` | 否 | 自定义CSS类名 |
 | columnsList | `Array as PropType<PickerColumns>` | `() => []` | 否 |  |
-| columnsFieldNames | `Object as PropType<PickerFieldNames>` | `() => ({})` | 否 |  |
+| columnsFieldNameItem | `Object as PropType<PickerFieldNames>` | `() => ({})` | 否 |  |
 | title | `String` | `` | 否 | 顶部栏标题 |
-| confirmButtonText | `String` | `'确认'` | 否 | 确认按钮文字 |
-| cancelButtonText | `String` | `'取消'` | 否 | 取消按钮文字 |
+| submitLabel | `String` | `'确认'` | 否 | 确认按钮文字 |
+| closeLabel | `String` | `'取消'` | 否 | 取消按钮文字 |
 | toolbarPosition | `String` | `'top'` | 否 | 顶部栏位置，可选: top, bottom |
 | isShowToolbar | `Boolean` | `true` | 否 | 是否显示顶部栏（确认/取消按钮） |
 | isLoading | `Boolean` | `` | 否 | 是否显示加载状态 |
 | isReadonly | `Boolean` | `` | 否 | 是否只读（禁止滑动切换选项） |
 | isAllowHtml | `Boolean` | `` | 否 | 是否允许选项内容渲染 HTML（默认关闭，防注入） |
-| optionHeight | `Number` | `44` | 否 | 选项高度(px) |
-| visibleOptionNum | `Number` | `6` | 否 | 可见选项个数（建议奇数，居中效果更好） |
-| swipeDuration | `Number` | `1000` | 否 | 快速滑动时惯性滚动的动画时长(ms) |
+| itemHeight | `Number` | `44` | 否 | 选项高度(px) |
+| showNum | `Number` | `6` | 否 | 可见选项个数（建议奇数，居中效果更好） |
+| inertiaDuration | `Number` | `1000` | 否 | 快速滑动时惯性滚动的动画时长(ms) |
 
 ## Slots
 
@@ -97,14 +97,14 @@
 
 ### 自定义字段名
 
-设置 `:columnsFieldNames` 映射字段：`text` 为显示文案、`value` 为选中值
+设置 `:columnsFieldNameItem` 映射字段：`text` 为显示文案、`value` 为选中值
 
 ```vue
 <cl-picker
   title="选择地图"
   v-model:value="value"
   :columnsList="mapColumns"
-  :columnsFieldNames="fieldNames"
+  :columnsFieldNameItem="fieldNames"
   @onConfirm="onConfirm"
 ></cl-picker>
 ```