@a2simcode/ui 0.0.188 → 0.0.190

package/docs/components/count.md

@@ -1,24 +1,24 @@
-# Count 计算组件
-
-用于根据公式自动计算数值。
-
-## 基础用法
-
-<Demo :source-code="countBasicCode">
-  <template #source>
-    <count-basic />
-  </template>
-  <template #description>
-    通过 `format-json` 传入计算公式。支持千分位分隔、大写转换、小数精度控制等功能。
-  </template>
-</Demo>
-
-## API
-
-<ApiTable :data="countApi" componentName="count" />
-
-<script setup>
-import CountBasic from '../examples/count/basic.vue'
-import countApi from './meta/count'
-import countBasicCode from '../examples/count/basic.vue?raw'
-</script>
+# Count 计算组件
+
+用于根据公式自动计算数值。
+
+## 基础用法
+
+<Demo :source-code="countBasicCode">
+  <template #source>
+    <count-basic />
+  </template>
+  <template #description>
+    通过 `format-json` 传入计算公式。支持千分位分隔、大写转换、小数精度控制等功能。
+  </template>
+</Demo>
+
+## API
+
+<ApiTable :data="countApi" componentName="count" />
+
+<script setup>
+import CountBasic from '../examples/count/basic.vue'
+import countApi from './meta/count'
+import countBasicCode from '../examples/count/basic.vue?raw'
+</script>

package/docs/components/data-panel.md

@@ -1,24 +1,24 @@
-# DataPanel 数据面板组件
-
-用于展示和组织数据内容的面板容器组件，提供标题、插槽等功能支持。
-
-## 基础用法
-
-<Demo :source-code="dataPanelBasicCode">
-  <template #source>
-    <data-panel-basic />
-  </template>
-  <template #description>
-    通过 `title` 属性设置面板标题。支持 `titleRight` 插槽在标题右侧添加额外内容。
-  </template>
-</Demo>
-
-## API
-
-<ApiTable :data="dataPanelApi" componentName="data-panel" />
-
-<script setup>
-import DataPanelBasic from '../examples/data-panel/basic.vue'
-import dataPanelApi from './meta/data-panel'
-import dataPanelBasicCode from '../examples/data-panel/basic.vue?raw'
-</script>
+# DataPanel 数据面板组件
+
+用于展示和组织数据内容的面板容器组件，提供标题、插槽等功能支持。
+
+## 基础用法
+
+<Demo :source-code="dataPanelBasicCode">
+  <template #source>
+    <data-panel-basic />
+  </template>
+  <template #description>
+    通过 `title` 属性设置面板标题。支持 `titleRight` 插槽在标题右侧添加额外内容。
+  </template>
+</Demo>
+
+## API
+
+<ApiTable :data="dataPanelApi" componentName="data-panel" />
+
+<script setup>
+import DataPanelBasic from '../examples/data-panel/basic.vue'
+import dataPanelApi from './meta/data-panel'
+import dataPanelBasicCode from '../examples/data-panel/basic.vue?raw'
+</script>

package/docs/components/date.md

@@ -1,76 +1,76 @@
-# Date 日期选择器
-
-用于选择或输入日期
-
-## 基础用法
-
-<Demo :source-code="dateBasicCode">
-  <template #source>
-    <DateBasic />
-  </template>
-  <template #description>
-    基本单位由`selectType`属性指定。通过`shortcuts`配置快捷选项，禁用日期通过`disabledDate`设置，默认是`Date`对象。
-  </template>
-</Demo>
-
-## 其他选择器类型
-
-<Demo :source-code="dateTypesCode">
-  <template #source>
-    <DateTypes />
-  </template>
-  <template #description>
-    通过 `selectType` 属性可以设置不同的选择器类型，如 `year`, `month`, `week`, `dates`, `datetime`。
-  </template>
-</Demo>
-
-## 选择日期范围
-
-<Demo :source-code="dateRangeCode">
-  <template #source>
-    <DateRange />
-  </template>
-  <template #description>
-    通过 `selectType` 设置为 `daterange`, `datetimerange`, `monthrange` 即可选择日期范围。
-  </template>
-</Demo>
-
-## 日期格式
-
-<Demo :source-code="dateFormatCode">
-  <template #source>
-    <DateFormat />
-  </template>
-  <template #description>
-    使用 `format` 指定输入框的格式。使用 `value-format` 指定绑定值的格式。
-  </template>
-</Demo>
-
-## 默认显示日期
-
-<Demo :source-code="dateDefaultValueCode">
-  <template #source>
-    <DateDefaultValue />
-  </template>
-  <template #description>
-    `defaultValue` 可选，选择器打开时默认显示的时间。`defaultTime` 范围选择时选中日期所使用的当日内具体时刻。
-  </template>
-</Demo>
-
-## API
-
-<ApiTable :data="dateApi" componentName="date" />
-
-<script setup>
-import DateBasic from '../examples/date/basic.vue'
-import DateTypes from '../examples/date/types.vue'
-import DateRange from '../examples/date/range.vue'
-import DateFormat from '../examples/date/format.vue'
-import DateDefaultValue from '../examples/date/default-value.vue'
-import dateApi from './meta/date'
-import dateBasicCode from '../examples/date/basic.vue?raw'
-import dateTypesCode from '../examples/date/types.vue?raw'
-import dateRangeCode from '../examples/date/range.vue?raw'
-import dateFormatCode from '../examples/date/format.vue?raw'
-import dateDefaultValueCode from '../examples/date/default-value.vue?raw'
-</script>
+# Date 日期选择器
+
+用于选择或输入日期
+
+## 基础用法
+
+<Demo :source-code="dateBasicCode">
+  <template #source>
+    <DateBasic />
+  </template>
+  <template #description>
+    基本单位由`selectType`属性指定。通过`shortcuts`配置快捷选项，禁用日期通过`disabledDate`设置，默认是`Date`对象。
+  </template>
+</Demo>
+
+## 其他选择器类型
+
+<Demo :source-code="dateTypesCode">
+  <template #source>
+    <DateTypes />
+  </template>
+  <template #description>
+    通过 `selectType` 属性可以设置不同的选择器类型，如 `year`, `month`, `week`, `dates`, `datetime`。
+  </template>
+</Demo>
+
+## 选择日期范围
+
+<Demo :source-code="dateRangeCode">
+  <template #source>
+    <DateRange />
+  </template>
+  <template #description>
+    通过 `selectType` 设置为 `daterange`, `datetimerange`, `monthrange` 即可选择日期范围。
+  </template>
+</Demo>
+
+## 日期格式
+
+<Demo :source-code="dateFormatCode">
+  <template #source>
+    <DateFormat />
+  </template>
+  <template #description>
+    使用 `format` 指定输入框的格式。使用 `value-format` 指定绑定值的格式。
+  </template>
+</Demo>
+
+## 默认显示日期
+
+<Demo :source-code="dateDefaultValueCode">
+  <template #source>
+    <DateDefaultValue />
+  </template>
+  <template #description>
+    `defaultValue` 可选，选择器打开时默认显示的时间。`defaultTime` 范围选择时选中日期所使用的当日内具体时刻。
+  </template>
+</Demo>
+
+## API
+
+<ApiTable :data="dateApi" componentName="date" />
+
+<script setup>
+import DateBasic from '../examples/date/basic.vue'
+import DateTypes from '../examples/date/types.vue'
+import DateRange from '../examples/date/range.vue'
+import DateFormat from '../examples/date/format.vue'
+import DateDefaultValue from '../examples/date/default-value.vue'
+import dateApi from './meta/date'
+import dateBasicCode from '../examples/date/basic.vue?raw'
+import dateTypesCode from '../examples/date/types.vue?raw'
+import dateRangeCode from '../examples/date/range.vue?raw'
+import dateFormatCode from '../examples/date/format.vue?raw'
+import dateDefaultValueCode from '../examples/date/default-value.vue?raw'
+</script>

package/docs/components/dialog-full.md

@@ -1,112 +1,112 @@
-# DialogFull 全屏弹窗
-
-全屏模态对话框，在整个屏幕中显示内容，适用于复杂表单或大量内容展示的场景。
-
-## 基础用法
-
-最简单的用法。
-
-<Demo :source-code="dialogFullBasicCode">
-  <template #source>
-    <dialog-full-basic />
-  </template>
-  <template #description>
-    基础的全屏弹窗，占据整个屏幕。使用 `v-model:visible` 控制显示隐藏。
-  </template>
-</Demo>
-
-## 无按钮
-
-设置 `hasBtns` 为 `false` 可以隐藏所有操作按钮。
-
-<Demo :source-code="dialogFullNoButtonsCode">
-  <template #source>
-    <dialog-full-no-buttons />
-  </template>
-  <template #description>
-    隐藏所有操作按钮，适用于只展示内容不需要操作的场景。
-  </template>
-</Demo>
-
-## 无表头
-
-通过隐藏按钮和关闭按钮可以实现无表头效果。
-
-<Demo :source-code="dialogFullNoHeaderCode">
-  <template #source>
-    <dialog-full-no-header />
-  </template>
-  <template #description>
-    设置 `has-header` 和 `showCloseBtn` 为 `false` 可以隐藏表头区域和关闭按钮，适用于需要完全自定义布局的场景。
-  </template>
-</Demo>
-
-## 自定义按钮
-
-通过 `buttons` 属性可以自定义顶部操作按钮。
-
-<Demo :source-code="dialogFullCustomButtonsCode">
-  <template #source>
-    <dialog-full-custom-buttons />
-  </template>
-  <template #description>
-    使用 `buttons` 属性配置自定义按钮，支持设置按钮类型、样式、图标、点击事件等。
-  </template>
-</Demo>
-
-## 步骤弹窗
-
-通过 `isStep` 属性可以创建带步骤条的弹窗。
-
-<Demo :source-code="dialogFullStepsCode">
-  <template #source>
-    <dialog-full-steps />
-  </template>
-  <template #description>
-    适用于分步骤的表单或流程，支持步骤校验。使用 `v-model:stepActive` 控制当前步骤，使用 `validateSteps` 进行步骤校验。
-  </template>
-</Demo>
-
-## API
-
-### 属性
-
-<ApiTable :data="dialogFullApi" componentName="dialog-full" />
-
-### 事件
-
-| 事件名            | 说明                   | 回调参数                                         |
-| ----------------- | ---------------------- | ------------------------------------------------ |
-| update:visible    | 弹窗显示状态变化时触发 | `(visible: boolean)`                             |
-| update:stepActive | 步骤变化时触发         | `(stepActive: number)`                           |
-| cancel            | 点击关闭按钮时触发     | -                                                |
-| ok                | 点击确定按钮时触发     | `(showLoading: Function, hideLoading: Function)` |
-| closed            | 弹窗关闭动画结束后触发 | -                                                |
-
-### 插槽
-
-| 插槽名  | 说明         |
-| ------- | ------------ |
-| default | 弹窗内容区域 |
-
-### 方法
-
-| 方法名      | 说明         | 参数              |
-| ----------- | ------------ | ----------------- |
-| showLoading | 显示加载状态 | `(text?: string)` |
-| hideLoading | 隐藏加载状态 | -                 |
-
-<script setup>
-import DialogFullBasic from '../examples/dialog-full/basic.vue'
-import DialogFullNoHeader from '../examples/dialog-full/no-header.vue'
-import DialogFullCustomButtons from '../examples/dialog-full/custom-buttons.vue'
-import DialogFullSteps from '../examples/dialog-full/steps.vue'
-import DialogFullNoButtons from '../examples/dialog-full/no-buttons.vue'
-import dialogFullApi from './meta/dialog-full'
-
-import dialogFullBasicCode from '../examples/dialog-full/basic.vue?raw'
-import dialogFullNoHeaderCode from '../examples/dialog-full/no-header.vue?raw'
-import dialogFullCustomButtonsCode from '../examples/dialog-full/custom-buttons.vue?raw'
-import dialogFullStepsCode from '../examples/dialog-full/steps.vue?raw'
-import dialogFullNoButtonsCode from '../examples/dialog-full/no-buttons.vue?raw'
-</script>
+# DialogFull 全屏弹窗
+
+全屏模态对话框，在整个屏幕中显示内容，适用于复杂表单或大量内容展示的场景。
+
+## 基础用法
+
+最简单的用法。
+
+<Demo :source-code="dialogFullBasicCode">
+  <template #source>
+    <dialog-full-basic />
+  </template>
+  <template #description>
+    基础的全屏弹窗，占据整个屏幕。使用 `v-model:visible` 控制显示隐藏。
+  </template>
+</Demo>
+
+## 无按钮
+
+设置 `hasBtns` 为 `false` 可以隐藏所有操作按钮。
+
+<Demo :source-code="dialogFullNoButtonsCode">
+  <template #source>
+    <dialog-full-no-buttons />
+  </template>
+  <template #description>
+    隐藏所有操作按钮，适用于只展示内容不需要操作的场景。
+  </template>
+</Demo>
+
+## 无表头
+
+通过隐藏按钮和关闭按钮可以实现无表头效果。
+
+<Demo :source-code="dialogFullNoHeaderCode">
+  <template #source>
+    <dialog-full-no-header />
+  </template>
+  <template #description>
+    设置 `has-header` 和 `showCloseBtn` 为 `false` 可以隐藏表头区域和关闭按钮，适用于需要完全自定义布局的场景。
+  </template>
+</Demo>
+
+## 自定义按钮
+
+通过 `buttons` 属性可以自定义顶部操作按钮。
+
+<Demo :source-code="dialogFullCustomButtonsCode">
+  <template #source>
+    <dialog-full-custom-buttons />
+  </template>
+  <template #description>
+    使用 `buttons` 属性配置自定义按钮，支持设置按钮类型、样式、图标、点击事件等。
+  </template>
+</Demo>
+
+## 步骤弹窗
+
+通过 `isStep` 属性可以创建带步骤条的弹窗。
+
+<Demo :source-code="dialogFullStepsCode">
+  <template #source>
+    <dialog-full-steps />
+  </template>
+  <template #description>
+    适用于分步骤的表单或流程，支持步骤校验。使用 `v-model:stepActive` 控制当前步骤，使用 `validateSteps` 进行步骤校验。
+  </template>
+</Demo>
+
+## API
+
+### 属性
+
+<ApiTable :data="dialogFullApi" componentName="dialog-full" />
+
+### 事件
+
+| 事件名            | 说明                   | 回调参数                                         |
+| ----------------- | ---------------------- | ------------------------------------------------ |
+| update:visible    | 弹窗显示状态变化时触发 | `(visible: boolean)`                             |
+| update:stepActive | 步骤变化时触发         | `(stepActive: number)`                           |
+| cancel            | 点击关闭按钮时触发     | -                                                |
+| ok                | 点击确定按钮时触发     | `(showLoading: Function, hideLoading: Function)` |
+| closed            | 弹窗关闭动画结束后触发 | -                                                |
+
+### 插槽
+
+| 插槽名  | 说明         |
+| ------- | ------------ |
+| default | 弹窗内容区域 |
+
+### 方法
+
+| 方法名      | 说明         | 参数              |
+| ----------- | ------------ | ----------------- |
+| showLoading | 显示加载状态 | `(text?: string)` |
+| hideLoading | 隐藏加载状态 | -                 |
+
+<script setup>
+import DialogFullBasic from '../examples/dialog-full/basic.vue'
+import DialogFullNoHeader from '../examples/dialog-full/no-header.vue'
+import DialogFullCustomButtons from '../examples/dialog-full/custom-buttons.vue'
+import DialogFullSteps from '../examples/dialog-full/steps.vue'
+import DialogFullNoButtons from '../examples/dialog-full/no-buttons.vue'
+import dialogFullApi from './meta/dialog-full'
+
+import dialogFullBasicCode from '../examples/dialog-full/basic.vue?raw'
+import dialogFullNoHeaderCode from '../examples/dialog-full/no-header.vue?raw'
+import dialogFullCustomButtonsCode from '../examples/dialog-full/custom-buttons.vue?raw'
+import dialogFullStepsCode from '../examples/dialog-full/steps.vue?raw'
+import dialogFullNoButtonsCode from '../examples/dialog-full/no-buttons.vue?raw'
+</script>