@a2simcode/ui 0.0.108 → 0.0.109

package/docs/components/dialog.md

@@ -1,127 +1,127 @@
-# Dialog 弹窗
-
-模态对话框，在浮层中显示内容，支持拖拽、缩放等功能。
-
-## 基础用法
-
-最简单的用法。
-
-<Demo :source-code="dialogBasicCode">
-  <template #source>
-    <dialog-basic />
-  </template>
-  <template #description>
-    基础的弹窗，支持拖拽、缩放等功能。使用 `v-model:visible` 控制显示隐藏。
-  </template>
-</Demo>
-
-## 不同尺寸
-
-通过 `width` 和 `height` 属性可以设置弹窗的尺寸。
-
-<Demo :source-code="dialogSizeCode">
-  <template #source>
-    <dialog-size />
-  </template>
-  <template #description>
-    支持自定义弹窗的宽度和高度，单位为像素。设置 `minWidth` 和 `minHeight` 可限制最小尺寸。
-  </template>
-</Demo>
-
-## 全屏显示
-
-使用全屏显示弹窗。
-
-<Demo :source-code="dialogFullscreenCode">
-  <template #source>
-    <dialog-fullscreen />
-  </template>
-  <template #description>
-    可以通过缩放控制实现全屏显示效果。
-  </template>
-</Demo>
-
-## 自定义按钮
-
-通过 `buttons` 属性可以自定义底部按钮。
-
-<Demo :source-code="dialogCustomButtonsCode">
-  <template #source>
-    <dialog-custom-buttons />
-  </template>
-  <template #description>
-    使用 `buttons` 属性配置自定义按钮，支持设置按钮类型、样式、图标、点击事件等。设置 `hasBtns` 为 `false` 可隐藏整个按钮区域。
-  </template>
-</Demo>
-
-## 步骤弹窗
-
-通过 `isStep` 属性可以创建带步骤条的弹窗。
-
-<Demo :source-code="dialogStepsCode">
-  <template #source>
-    <dialog-steps />
-  </template>
-  <template #description>
-    适用于分步骤的表单或流程，支持步骤校验。使用 `v-model:stepActive` 控制当前步骤，使用 `validateSteps` 进行步骤校验。
-  </template>
-</Demo>
-
-## 无遮罩层
-
-设置 `mask` 为 `false` 可以取消遮罩层。
-
-<Demo :source-code="dialogNoMaskCode">
-  <template #source>
-    <dialog-no-mask />
-  </template>
-  <template #description>
-    无遮罩层的弹窗允许用户与页面其他内容进行交互。
-  </template>
-</Demo>
-
-## API
-
-### 属性
-
-<ApiTable :data="dialogApi" componentName="dialog" />
-
-### 事件
-
-| 事件名            | 说明                         | 回调参数                                         |
-| ----------------- | ---------------------------- | ------------------------------------------------ |
-| update:visible    | 弹窗显示状态变化时触发       | `(visible: boolean)`                             |
-| update:stepActive | 步骤变化时触发               | `(stepActive: number)`                           |
-| cancel            | 点击取消按钮或关闭按钮时触发 | -                                                |
-| ok                | 点击确定按钮时触发           | `(showLoading: Function, hideLoading: Function)` |
-| closed            | 弹窗关闭动画结束后触发       | -                                                |
-
-### 插槽
-
-| 插槽名  | 说明         |
-| ------- | ------------ |
-| default | 弹窗内容区域 |
-
-### 方法
-
-| 方法名      | 说明         | 参数              |
-| ----------- | ------------ | ----------------- |
-| showLoading | 显示加载状态 | `(text?: string)` |
-| hideLoading | 隐藏加载状态 | -                 |
-
-<script setup>
-import DialogBasic from '../examples/dialog/basic.vue'
-import DialogSize from '../examples/dialog/size.vue'
-import DialogFullscreen from '../examples/dialog/fullscreen.vue'
-import DialogCustomButtons from '../examples/dialog/custom-buttons.vue'
-import DialogSteps from '../examples/dialog/steps.vue'
-import DialogNoMask from '../examples/dialog/no-mask.vue'
-import dialogApi from './meta/dialog'
-
-import dialogBasicCode from '../examples/dialog/basic.vue?raw'
-import dialogSizeCode from '../examples/dialog/size.vue?raw'
-import dialogFullscreenCode from '../examples/dialog/fullscreen.vue?raw'
-import dialogCustomButtonsCode from '../examples/dialog/custom-buttons.vue?raw'
-import dialogStepsCode from '../examples/dialog/steps.vue?raw'
-import dialogNoMaskCode from '../examples/dialog/no-mask.vue?raw'
-</script>
+# Dialog 弹窗
+
+模态对话框，在浮层中显示内容，支持拖拽、缩放等功能。
+
+## 基础用法
+
+最简单的用法。
+
+<Demo :source-code="dialogBasicCode">
+  <template #source>
+    <dialog-basic />
+  </template>
+  <template #description>
+    基础的弹窗，支持拖拽、缩放等功能。使用 `v-model:visible` 控制显示隐藏。
+  </template>
+</Demo>
+
+## 不同尺寸
+
+通过 `width` 和 `height` 属性可以设置弹窗的尺寸。
+
+<Demo :source-code="dialogSizeCode">
+  <template #source>
+    <dialog-size />
+  </template>
+  <template #description>
+    支持自定义弹窗的宽度和高度，单位为像素。设置 `minWidth` 和 `minHeight` 可限制最小尺寸。
+  </template>
+</Demo>
+
+## 全屏显示
+
+使用全屏显示弹窗。
+
+<Demo :source-code="dialogFullscreenCode">
+  <template #source>
+    <dialog-fullscreen />
+  </template>
+  <template #description>
+    可以通过缩放控制实现全屏显示效果。
+  </template>
+</Demo>
+
+## 自定义按钮
+
+通过 `buttons` 属性可以自定义底部按钮。
+
+<Demo :source-code="dialogCustomButtonsCode">
+  <template #source>
+    <dialog-custom-buttons />
+  </template>
+  <template #description>
+    使用 `buttons` 属性配置自定义按钮，支持设置按钮类型、样式、图标、点击事件等。设置 `hasBtns` 为 `false` 可隐藏整个按钮区域。
+  </template>
+</Demo>
+
+## 步骤弹窗
+
+通过 `isStep` 属性可以创建带步骤条的弹窗。
+
+<Demo :source-code="dialogStepsCode">
+  <template #source>
+    <dialog-steps />
+  </template>
+  <template #description>
+    适用于分步骤的表单或流程，支持步骤校验。使用 `v-model:stepActive` 控制当前步骤，使用 `validateSteps` 进行步骤校验。
+  </template>
+</Demo>
+
+## 无遮罩层
+
+设置 `mask` 为 `false` 可以取消遮罩层。
+
+<Demo :source-code="dialogNoMaskCode">
+  <template #source>
+    <dialog-no-mask />
+  </template>
+  <template #description>
+    无遮罩层的弹窗允许用户与页面其他内容进行交互。
+  </template>
+</Demo>
+
+## API
+
+### 属性
+
+<ApiTable :data="dialogApi" componentName="dialog" />
+
+### 事件
+
+| 事件名            | 说明                         | 回调参数                                         |
+| ----------------- | ---------------------------- | ------------------------------------------------ |
+| update:visible    | 弹窗显示状态变化时触发       | `(visible: boolean)`                             |
+| update:stepActive | 步骤变化时触发               | `(stepActive: number)`                           |
+| cancel            | 点击取消按钮或关闭按钮时触发 | -                                                |
+| ok                | 点击确定按钮时触发           | `(showLoading: Function, hideLoading: Function)` |
+| closed            | 弹窗关闭动画结束后触发       | -                                                |
+
+### 插槽
+
+| 插槽名  | 说明         |
+| ------- | ------------ |
+| default | 弹窗内容区域 |
+
+### 方法
+
+| 方法名      | 说明         | 参数              |
+| ----------- | ------------ | ----------------- |
+| showLoading | 显示加载状态 | `(text?: string)` |
+| hideLoading | 隐藏加载状态 | -                 |
+
+<script setup>
+import DialogBasic from '../examples/dialog/basic.vue'
+import DialogSize from '../examples/dialog/size.vue'
+import DialogFullscreen from '../examples/dialog/fullscreen.vue'
+import DialogCustomButtons from '../examples/dialog/custom-buttons.vue'
+import DialogSteps from '../examples/dialog/steps.vue'
+import DialogNoMask from '../examples/dialog/no-mask.vue'
+import dialogApi from './meta/dialog'
+
+import dialogBasicCode from '../examples/dialog/basic.vue?raw'
+import dialogSizeCode from '../examples/dialog/size.vue?raw'
+import dialogFullscreenCode from '../examples/dialog/fullscreen.vue?raw'
+import dialogCustomButtonsCode from '../examples/dialog/custom-buttons.vue?raw'
+import dialogStepsCode from '../examples/dialog/steps.vue?raw'
+import dialogNoMaskCode from '../examples/dialog/no-mask.vue?raw'
+</script>

package/docs/components/divider.md

@@ -1,24 +1,24 @@
-# Divider 分隔符
-
-用于分隔不同的内容区域。支持自定义文本、颜色、大小和样式等功能。
-
-## 基础用法
-
-<Demo :source-code="dividerBasicCode">
-  <template #source>
-    <divider-basic />
-  </template>
-  <template #description>
-    通过 `content` 属性添加文本，`contentPosition` 属性控制文本对齐方式。
-  </template>
-</Demo>
-
-## API
-
-<ApiTable :data="dividerApi" componentName="divider" />
-
-<script setup>
-import DividerBasic from '../examples/divider/basic.vue'
-import dividerApi from './meta/divider'
-import dividerBasicCode from '../examples/divider/basic.vue?raw'
-</script>
+# Divider 分隔符
+
+用于分隔不同的内容区域。支持自定义文本、颜色、大小和样式等功能。
+
+## 基础用法
+
+<Demo :source-code="dividerBasicCode">
+  <template #source>
+    <divider-basic />
+  </template>
+  <template #description>
+    通过 `content` 属性添加文本，`contentPosition` 属性控制文本对齐方式。
+  </template>
+</Demo>
+
+## API
+
+<ApiTable :data="dividerApi" componentName="divider" />
+
+<script setup>
+import DividerBasic from '../examples/divider/basic.vue'
+import dividerApi from './meta/divider'
+import dividerBasicCode from '../examples/divider/basic.vue?raw'
+</script>

package/docs/components/drawer.md

@@ -1,127 +1,127 @@
-# Drawer 抽屉
-
-抽屉组件，从屏幕边缘滑出的浮层面板。
-
-## 基础用法
-
-最简单的用法。
-
-<Demo :source-code="drawerBasicCode">
-  <template #source>
-    <drawer-basic />
-  </template>
-  <template #description>
-    基础的抽屉，默认从右侧滑出。使用 `v-model:visible` 控制显示隐藏。
-  </template>
-</Demo>
-
-## 打开方向
-
-抽屉可以从四个方向打开。
-
-<Demo :source-code="drawerDirectionCode">
-  <template #source>
-    <drawer-direction />
-  </template>
-  <template #description>
-    通过 `direction` 属性可以设置抽屉的打开方向，支持 `rtl`（右到左）、`ltr`（左到右）、`ttb`（上到下）、`btt`（下到上）。
-  </template>
-</Demo>
-
-## 不同尺寸
-
-通过 `width` 和 `height` 属性可以设置抽屉的尺寸。
-
-<Demo :source-code="drawerSizeCode">
-  <template #source>
-    <drawer-size />
-  </template>
-  <template #description>
-    支持自定义抽屉的尺寸。左右打开时使用 `width` 属性（单位：像素），上下打开时使用 `height` 属性（单位：像素）。
-  </template>
-</Demo>
-
-## 自定义按钮
-
-通过 `buttons` 属性可以自定义底部按钮。
-
-<Demo :source-code="drawerCustomButtonsCode">
-  <template #source>
-    <drawer-custom-buttons />
-  </template>
-  <template #description>
-    使用 `buttons` 属性配置自定义按钮，支持设置按钮类型、样式、图标、点击事件等。
-  </template>
-</Demo>
-
-## 无底部按钮
-
-设置 `hasBtns` 为 `false` 可以隐藏底部按钮。
-
-<Demo :source-code="drawerNoButtonsCode">
-  <template #source>
-    <drawer-no-buttons />
-  </template>
-  <template #description>
-    适用于只展示信息，不需要操作按钮的场景。
-  </template>
-</Demo>
-
-## 遮罩层配置
-
-可以配置遮罩层的显示。
-
-<Demo :source-code="drawerMaskCode">
-  <template #source>
-    <drawer-mask />
-  </template>
-  <template #description>
-    设置 `mask` 为 `false` 可以取消遮罩层。
-  </template>
-</Demo>
-
-## API
-
-### 属性
-
-<ApiTable :data="drawerApi" componentName="drawer" />
-
-### 事件
-
-| 事件名            | 说明                         | 回调参数                                         |
-| ----------------- | ---------------------------- | ------------------------------------------------ |
-| update:visible    | 抽屉显示状态变化时触发       | `(visible: boolean)`                             |
-| update:stepActive | 步骤变化时触发               | `(stepActive: number)`                           |
-| cancel            | 点击取消按钮或关闭按钮时触发 | -                                                |
-| ok                | 点击确定按钮时触发           | `(showLoading: Function, hideLoading: Function)` |
-| closed            | 抽屉关闭动画结束后触发       | -                                                |
-
-### 插槽
-
-| 插槽名  | 说明         |
-| ------- | ------------ |
-| default | 抽屉内容区域 |
-
-### 方法
-
-| 方法名      | 说明         | 参数              |
-| ----------- | ------------ | ----------------- |
-| showLoading | 显示加载状态 | `(text?: string)` |
-| hideLoading | 隐藏加载状态 | -                 |
-
-<script setup>
-import DrawerBasic from '../examples/drawer/basic.vue'
-import DrawerDirection from '../examples/drawer/direction.vue'
-import DrawerSize from '../examples/drawer/size.vue'
-import DrawerCustomButtons from '../examples/drawer/custom-buttons.vue'
-import DrawerNoButtons from '../examples/drawer/no-buttons.vue'
-import DrawerMask from '../examples/drawer/mask.vue'
-import drawerApi from './meta/drawer'
-
-import drawerBasicCode from '../examples/drawer/basic.vue?raw'
-import drawerDirectionCode from '../examples/drawer/direction.vue?raw'
-import drawerSizeCode from '../examples/drawer/size.vue?raw'
-import drawerCustomButtonsCode from '../examples/drawer/custom-buttons.vue?raw'
-import drawerNoButtonsCode from '../examples/drawer/no-buttons.vue?raw'
-import drawerMaskCode from '../examples/drawer/mask.vue?raw'
-</script>
+# Drawer 抽屉
+
+抽屉组件，从屏幕边缘滑出的浮层面板。
+
+## 基础用法
+
+最简单的用法。
+
+<Demo :source-code="drawerBasicCode">
+  <template #source>
+    <drawer-basic />
+  </template>
+  <template #description>
+    基础的抽屉，默认从右侧滑出。使用 `v-model:visible` 控制显示隐藏。
+  </template>
+</Demo>
+
+## 打开方向
+
+抽屉可以从四个方向打开。
+
+<Demo :source-code="drawerDirectionCode">
+  <template #source>
+    <drawer-direction />
+  </template>
+  <template #description>
+    通过 `direction` 属性可以设置抽屉的打开方向，支持 `rtl`（右到左）、`ltr`（左到右）、`ttb`（上到下）、`btt`（下到上）。
+  </template>
+</Demo>
+
+## 不同尺寸
+
+通过 `width` 和 `height` 属性可以设置抽屉的尺寸。
+
+<Demo :source-code="drawerSizeCode">
+  <template #source>
+    <drawer-size />
+  </template>
+  <template #description>
+    支持自定义抽屉的尺寸。左右打开时使用 `width` 属性（单位：像素），上下打开时使用 `height` 属性（单位：像素）。
+  </template>
+</Demo>
+
+## 自定义按钮
+
+通过 `buttons` 属性可以自定义底部按钮。
+
+<Demo :source-code="drawerCustomButtonsCode">
+  <template #source>
+    <drawer-custom-buttons />
+  </template>
+  <template #description>
+    使用 `buttons` 属性配置自定义按钮，支持设置按钮类型、样式、图标、点击事件等。
+  </template>
+</Demo>
+
+## 无底部按钮
+
+设置 `hasBtns` 为 `false` 可以隐藏底部按钮。
+
+<Demo :source-code="drawerNoButtonsCode">
+  <template #source>
+    <drawer-no-buttons />
+  </template>
+  <template #description>
+    适用于只展示信息，不需要操作按钮的场景。
+  </template>
+</Demo>
+
+## 遮罩层配置
+
+可以配置遮罩层的显示。
+
+<Demo :source-code="drawerMaskCode">
+  <template #source>
+    <drawer-mask />
+  </template>
+  <template #description>
+    设置 `mask` 为 `false` 可以取消遮罩层。
+  </template>
+</Demo>
+
+## API
+
+### 属性
+
+<ApiTable :data="drawerApi" componentName="drawer" />
+
+### 事件
+
+| 事件名            | 说明                         | 回调参数                                         |
+| ----------------- | ---------------------------- | ------------------------------------------------ |
+| update:visible    | 抽屉显示状态变化时触发       | `(visible: boolean)`                             |
+| update:stepActive | 步骤变化时触发               | `(stepActive: number)`                           |
+| cancel            | 点击取消按钮或关闭按钮时触发 | -                                                |
+| ok                | 点击确定按钮时触发           | `(showLoading: Function, hideLoading: Function)` |
+| closed            | 抽屉关闭动画结束后触发       | -                                                |
+
+### 插槽
+
+| 插槽名  | 说明         |
+| ------- | ------------ |
+| default | 抽屉内容区域 |
+
+### 方法
+
+| 方法名      | 说明         | 参数              |
+| ----------- | ------------ | ----------------- |
+| showLoading | 显示加载状态 | `(text?: string)` |
+| hideLoading | 隐藏加载状态 | -                 |
+
+<script setup>
+import DrawerBasic from '../examples/drawer/basic.vue'
+import DrawerDirection from '../examples/drawer/direction.vue'
+import DrawerSize from '../examples/drawer/size.vue'
+import DrawerCustomButtons from '../examples/drawer/custom-buttons.vue'
+import DrawerNoButtons from '../examples/drawer/no-buttons.vue'
+import DrawerMask from '../examples/drawer/mask.vue'
+import drawerApi from './meta/drawer'
+
+import drawerBasicCode from '../examples/drawer/basic.vue?raw'
+import drawerDirectionCode from '../examples/drawer/direction.vue?raw'
+import drawerSizeCode from '../examples/drawer/size.vue?raw'
+import drawerCustomButtonsCode from '../examples/drawer/custom-buttons.vue?raw'
+import drawerNoButtonsCode from '../examples/drawer/no-buttons.vue?raw'
+import drawerMaskCode from '../examples/drawer/mask.vue?raw'
+</script>