@a2simcode/ui 0.0.305 → 0.0.307

package/docs/components/cascader-select.md

@@ -1,114 +1,114 @@
-# CascaderSelect 级联选择
-
-当选项具有层级关系时，使用级联选择器展示并选择内容。
-
-## 基础用法
-
-<Demo :source-code="cascaderSelectBasicCode">
-  <template #source>
-    <cascader-select-basic />
-  </template>
-  <template #description>
-    使用 v-model 实现双向数据绑定。
-  </template>
-</Demo>
-
-## 禁用和只读
-
-通过 `disabled` 和 `readonly` 属性指定级联选择器的状态。
-
-<Demo :source-code="cascaderSelectDisabledCode">
-  <template #source>
-    <cascader-select-disabled />
-  </template>
-  <template #description>
-    通过 disabled 属性指定是否禁用级联选择器，通过 readonly 属性指定是否只读。
-  </template>
-</Demo>
-
-## 可清除
-
-使用 `clearable` 属性即可得到一个可清除的级联选择器。
-
-<Demo :source-code="cascaderSelectClearableCode">
-  <template #source>
-    <cascader-select-clearable />
-  </template>
-  <template #description>
-    设置 `clearable` 属性为 `true` 即可显示清除按钮。
-  </template>
-</Demo>
-
-## 可搜索
-
-使用 `filterable` 属性即可启用搜索功能。
-
-<Demo :source-code="cascaderSelectFilterableCode">
-  <template #source>
-    <cascader-select-filterable />
-  </template>
-  <template #description>
-    设置 `filterable` 属性为 `true` 即可启用搜索功能。
-  </template>
-</Demo>
-
-## 多选
-
-使用 `multiple` 属性即可启用多选功能。
-
-<Demo :source-code="cascaderSelectMultipleCode">
-  <template #source>
-    <cascader-select-multiple />
-  </template>
-  <template #description>
-    设置 `multiple` 属性为 `true` 即可启用多选功能。
-  </template>
-</Demo>
-
-## 自定义插槽
-
-使用各个插槽来自定义级联选择器的内容。
-
-<Demo :source-code="cascaderSelectSlotCode">
-  <template #source>
-    <cascader-select-slot />
-  </template>
-  <template #description>
-    通过 `#default` 插槽自定义节点内容，通过 `#empty` 插槽自定义空状态。
-  </template>
-</Demo>
-
-## 方法调用
-
-通过模板引用访问组件的暴露方法。
-
-<Demo :source-code="cascaderSelectMethodsCode">
-  <template #source>
-    <cascader-select-methods />
-  </template>
-  <template #description>
-    使用 `getCheckedNodes()` 获取选中节点，使用 `clearCheckedNodes()` 清空选中节点。
-  </template>
-</Demo>
-
-## API
-
-<ApiTable :data="cascaderSelectApi" componentName="cascader-select" />
-
-<script setup>
-import CascaderSelectBasic from '../examples/cascader-select/basic.vue'
-import CascaderSelectDisabled from '../examples/cascader-select/disabled.vue'
-import CascaderSelectClearable from '../examples/cascader-select/clearable.vue'
-import CascaderSelectFilterable from '../examples/cascader-select/filterable.vue'
-import CascaderSelectMultiple from '../examples/cascader-select/multiple.vue'
-import CascaderSelectSlot from '../examples/cascader-select/slot.vue'
-import CascaderSelectMethods from '../examples/cascader-select/methods.vue'
-import cascaderSelectApi from './meta/cascader-select'
-import cascaderSelectBasicCode from '../examples/cascader-select/basic.vue?raw'
-import cascaderSelectDisabledCode from '../examples/cascader-select/disabled.vue?raw'
-import cascaderSelectClearableCode from '../examples/cascader-select/clearable.vue?raw'
-import cascaderSelectFilterableCode from '../examples/cascader-select/filterable.vue?raw'
-import cascaderSelectMultipleCode from '../examples/cascader-select/multiple.vue?raw'
-import cascaderSelectSlotCode from '../examples/cascader-select/slot.vue?raw'
-import cascaderSelectMethodsCode from '../examples/cascader-select/methods.vue?raw'
-</script>
+# CascaderSelect 级联选择
+
+当选项具有层级关系时，使用级联选择器展示并选择内容。
+
+## 基础用法
+
+<Demo :source-code="cascaderSelectBasicCode">
+  <template #source>
+    <cascader-select-basic />
+  </template>
+  <template #description>
+    使用 v-model 实现双向数据绑定。
+  </template>
+</Demo>
+
+## 禁用和只读
+
+通过 `disabled` 和 `readonly` 属性指定级联选择器的状态。
+
+<Demo :source-code="cascaderSelectDisabledCode">
+  <template #source>
+    <cascader-select-disabled />
+  </template>
+  <template #description>
+    通过 disabled 属性指定是否禁用级联选择器，通过 readonly 属性指定是否只读。
+  </template>
+</Demo>
+
+## 可清除
+
+使用 `clearable` 属性即可得到一个可清除的级联选择器。
+
+<Demo :source-code="cascaderSelectClearableCode">
+  <template #source>
+    <cascader-select-clearable />
+  </template>
+  <template #description>
+    设置 `clearable` 属性为 `true` 即可显示清除按钮。
+  </template>
+</Demo>
+
+## 可搜索
+
+使用 `filterable` 属性即可启用搜索功能。
+
+<Demo :source-code="cascaderSelectFilterableCode">
+  <template #source>
+    <cascader-select-filterable />
+  </template>
+  <template #description>
+    设置 `filterable` 属性为 `true` 即可启用搜索功能。
+  </template>
+</Demo>
+
+## 多选
+
+使用 `multiple` 属性即可启用多选功能。
+
+<Demo :source-code="cascaderSelectMultipleCode">
+  <template #source>
+    <cascader-select-multiple />
+  </template>
+  <template #description>
+    设置 `multiple` 属性为 `true` 即可启用多选功能。
+  </template>
+</Demo>
+
+## 自定义插槽
+
+使用各个插槽来自定义级联选择器的内容。
+
+<Demo :source-code="cascaderSelectSlotCode">
+  <template #source>
+    <cascader-select-slot />
+  </template>
+  <template #description>
+    通过 `#default` 插槽自定义节点内容，通过 `#empty` 插槽自定义空状态。
+  </template>
+</Demo>
+
+## 方法调用
+
+通过模板引用访问组件的暴露方法。
+
+<Demo :source-code="cascaderSelectMethodsCode">
+  <template #source>
+    <cascader-select-methods />
+  </template>
+  <template #description>
+    使用 `getCheckedNodes()` 获取选中节点，使用 `clearCheckedNodes()` 清空选中节点。
+  </template>
+</Demo>
+
+## API
+
+<ApiTable :data="cascaderSelectApi" componentName="cascader-select" />
+
+<script setup>
+import CascaderSelectBasic from '../examples/cascader-select/basic.vue'
+import CascaderSelectDisabled from '../examples/cascader-select/disabled.vue'
+import CascaderSelectClearable from '../examples/cascader-select/clearable.vue'
+import CascaderSelectFilterable from '../examples/cascader-select/filterable.vue'
+import CascaderSelectMultiple from '../examples/cascader-select/multiple.vue'
+import CascaderSelectSlot from '../examples/cascader-select/slot.vue'
+import CascaderSelectMethods from '../examples/cascader-select/methods.vue'
+import cascaderSelectApi from './meta/cascader-select'
+import cascaderSelectBasicCode from '../examples/cascader-select/basic.vue?raw'
+import cascaderSelectDisabledCode from '../examples/cascader-select/disabled.vue?raw'
+import cascaderSelectClearableCode from '../examples/cascader-select/clearable.vue?raw'
+import cascaderSelectFilterableCode from '../examples/cascader-select/filterable.vue?raw'
+import cascaderSelectMultipleCode from '../examples/cascader-select/multiple.vue?raw'
+import cascaderSelectSlotCode from '../examples/cascader-select/slot.vue?raw'
+import cascaderSelectMethodsCode from '../examples/cascader-select/methods.vue?raw'
+</script>

package/docs/components/checkbox.md

@@ -1,114 +1,114 @@
-# Checkbox 复选框
-
-复选框组件，用于多项选择。
-
-## 基础用法
-
-<Demo :source-code="checkboxBasicCode">
-  <template #source>
-    <checkbox-basic />
-  </template>
-  <template #description>
-    使用 v-model 实现双向数据绑定。
-  </template>
-</Demo>
-
-## 不同尺寸
-
-Checkbox 组件提供三种尺寸。
-
-<Demo :source-code="checkboxSizeCode">
-  <template #source>
-    <checkbox-size />
-  </template>
-  <template #description>
-    使用 size 属性改变复选框大小。除了默认大小外，还有另外两个选项: large, small。
-  </template>
-</Demo>
-
-## 禁用
-
-通过 `disabled` 和 `readonly` 属性指定复选框的状态。
-
-<Demo :source-code="checkboxDisabledCode">
-  <template #source>
-    <checkbox-disabled />
-  </template>
-  <template #description>
-    通过 disabled 属性指定是否禁用 checkbox 组件，通过 readonly 属性指定是否只读。
-  </template>
-</Demo>
-
-## 最小/最大选择数量
-
-使用 `min` 和 `max` 属性限制可选择的最小和最大数量。
-
-<Demo :source-code="checkboxMinMaxCode">
-  <template #source>
-    <checkbox-min-max />
-  </template>
-  <template #description>
-    设置 `min` 属性为 1 和 `max` 属性为 2，限制选择数量。
-  </template>
-</Demo>
-
-## 按钮样式
-
-使用 `type="button"` 将复选框显示为按钮样式。
-
-<Demo :source-code="checkboxButtonCode">
-  <template #source>
-    <checkbox-button />
-  </template>
-  <template #description>
-    设置 `type` 属性为 `button` 即可显示为按钮样式。
-  </template>
-</Demo>
-
-## 自定义颜色
-
-使用 `text-color` 和 `fill` 属性自定义按钮样式的颜色。
-
-<Demo :source-code="checkboxColorCode">
-  <template #source>
-    <checkbox-color />
-  </template>
-  <template #description>
-    在按钮样式中，通过 `text-color` 指定文字颜色，通过 `fill` 指定背景和边框颜色。
-  </template>
-</Demo>
-
-## 组合示例
-
-展示复选框组件的多种属性组合使用。
-
-<Demo :source-code="checkboxMixedCode">
-  <template #source>
-    <checkbox-mixed />
-  </template>
-  <template #description>
-    展示按钮样式+颜色、最小/最大选择、部分禁用等多种功能的组合使用。
-  </template>
-</Demo>
-
-## API
-
-<ApiTable :data="checkboxApi" componentName="checkbox" />
-
-<script setup>
-import CheckboxBasic from '../examples/checkbox/basic.vue'
-import CheckboxSize from '../examples/checkbox/size.vue'
-import CheckboxDisabled from '../examples/checkbox/disabled.vue'
-import CheckboxMinMax from '../examples/checkbox/min-max.vue'
-import CheckboxButton from '../examples/checkbox/button.vue'
-import CheckboxColor from '../examples/checkbox/color.vue'
-import CheckboxMixed from '../examples/checkbox/mixed.vue'
-import checkboxApi from './meta/checkbox'
-import checkboxBasicCode from '../examples/checkbox/basic.vue?raw'
-import checkboxSizeCode from '../examples/checkbox/size.vue?raw'
-import checkboxDisabledCode from '../examples/checkbox/disabled.vue?raw'
-import checkboxMinMaxCode from '../examples/checkbox/min-max.vue?raw'
-import checkboxButtonCode from '../examples/checkbox/button.vue?raw'
-import checkboxColorCode from '../examples/checkbox/color.vue?raw'
-import checkboxMixedCode from '../examples/checkbox/mixed.vue?raw'
-</script>
+# Checkbox 复选框
+
+复选框组件，用于多项选择。
+
+## 基础用法
+
+<Demo :source-code="checkboxBasicCode">
+  <template #source>
+    <checkbox-basic />
+  </template>
+  <template #description>
+    使用 v-model 实现双向数据绑定。
+  </template>
+</Demo>
+
+## 不同尺寸
+
+Checkbox 组件提供三种尺寸。
+
+<Demo :source-code="checkboxSizeCode">
+  <template #source>
+    <checkbox-size />
+  </template>
+  <template #description>
+    使用 size 属性改变复选框大小。除了默认大小外，还有另外两个选项: large, small。
+  </template>
+</Demo>
+
+## 禁用
+
+通过 `disabled` 和 `readonly` 属性指定复选框的状态。
+
+<Demo :source-code="checkboxDisabledCode">
+  <template #source>
+    <checkbox-disabled />
+  </template>
+  <template #description>
+    通过 disabled 属性指定是否禁用 checkbox 组件，通过 readonly 属性指定是否只读。
+  </template>
+</Demo>
+
+## 最小/最大选择数量
+
+使用 `min` 和 `max` 属性限制可选择的最小和最大数量。
+
+<Demo :source-code="checkboxMinMaxCode">
+  <template #source>
+    <checkbox-min-max />
+  </template>
+  <template #description>
+    设置 `min` 属性为 1 和 `max` 属性为 2，限制选择数量。
+  </template>
+</Demo>
+
+## 按钮样式
+
+使用 `type="button"` 将复选框显示为按钮样式。
+
+<Demo :source-code="checkboxButtonCode">
+  <template #source>
+    <checkbox-button />
+  </template>
+  <template #description>
+    设置 `type` 属性为 `button` 即可显示为按钮样式。
+  </template>
+</Demo>
+
+## 自定义颜色
+
+使用 `text-color` 和 `fill` 属性自定义按钮样式的颜色。
+
+<Demo :source-code="checkboxColorCode">
+  <template #source>
+    <checkbox-color />
+  </template>
+  <template #description>
+    在按钮样式中，通过 `text-color` 指定文字颜色，通过 `fill` 指定背景和边框颜色。
+  </template>
+</Demo>
+
+## 组合示例
+
+展示复选框组件的多种属性组合使用。
+
+<Demo :source-code="checkboxMixedCode">
+  <template #source>
+    <checkbox-mixed />
+  </template>
+  <template #description>
+    展示按钮样式+颜色、最小/最大选择、部分禁用等多种功能的组合使用。
+  </template>
+</Demo>
+
+## API
+
+<ApiTable :data="checkboxApi" componentName="checkbox" />
+
+<script setup>
+import CheckboxBasic from '../examples/checkbox/basic.vue'
+import CheckboxSize from '../examples/checkbox/size.vue'
+import CheckboxDisabled from '../examples/checkbox/disabled.vue'
+import CheckboxMinMax from '../examples/checkbox/min-max.vue'
+import CheckboxButton from '../examples/checkbox/button.vue'
+import CheckboxColor from '../examples/checkbox/color.vue'
+import CheckboxMixed from '../examples/checkbox/mixed.vue'
+import checkboxApi from './meta/checkbox'
+import checkboxBasicCode from '../examples/checkbox/basic.vue?raw'
+import checkboxSizeCode from '../examples/checkbox/size.vue?raw'
+import checkboxDisabledCode from '../examples/checkbox/disabled.vue?raw'
+import checkboxMinMaxCode from '../examples/checkbox/min-max.vue?raw'
+import checkboxButtonCode from '../examples/checkbox/button.vue?raw'
+import checkboxColorCode from '../examples/checkbox/color.vue?raw'
+import checkboxMixedCode from '../examples/checkbox/mixed.vue?raw'
+</script>

package/docs/components/code-mirror.md

@@ -1,85 +1,85 @@
-# CodeMirror 代码编辑器
-
-强大的代码编辑器组件，支持多种编程语言的语法高亮和代码折叠。
-
-## 基础用法
-
-<Demo :source-code="codeMirrorBasicCode">
-  <template #source>
-    <code-mirror-basic />
-  </template>
-  <template #description>
-    使用 v-model（modelValue）绑定，通过 mode 属性指定语言模式。
-  </template>
-</Demo>
-
-## 只读模式
-
-通过 `readonly` 属性将编辑器设置为只读状态。
-
-<Demo :source-code="codeMirrorReadonlyCode">
-  <template #source>
-    <code-mirror-readonly />
-  </template>
-  <template #description>
-    设置 `readonly` 属性为 `true` 即可启用只读模式，用户无法编辑内容。
-  </template>
-</Demo>
-
-## 语言模式切换
-
-支持多种编程语言的语法高亮。
-
-<Demo :source-code="codeMirrorModeCode">
-  <template #source>
-    <code-mirror-mode />
-  </template>
-  <template #description>
-    通过 `mode` 属性指定语言模式，如 `application/javascript`、`text/x-sql` 等。
-  </template>
-</Demo>
-
-## 自定义高度
-
-使用 `height` 属性自定义编辑器高度。
-
-<Demo :source-code="codeMirrorHeightCode">
-  <template #source>
-    <code-mirror-height />
-  </template>
-  <template #description>
-    通过 `height` 属性设置编辑器的高度（单位：像素）。
-  </template>
-</Demo>
-
-## 事件监听
-
-监听代码变化事件并执行相应操作。
-
-<Demo :source-code="codeMirrorEventsCode">
-  <template #source>
-    <code-mirror-events />
-  </template>
-  <template #description>
-    通过 `@change` 事件监听代码内容的变化，获取实时更新的代码值。
-  </template>
-</Demo>
-
-## API
-
-<ApiTable :data="codeMirrorApi" componentName="code-mirror" />
-
-<script setup>
-import CodeMirrorBasic from '../examples/code-mirror/basic.vue'
-import CodeMirrorReadonly from '../examples/code-mirror/readonly.vue'
-import CodeMirrorMode from '../examples/code-mirror/mode.vue'
-import CodeMirrorHeight from '../examples/code-mirror/height.vue'
-import CodeMirrorEvents from '../examples/code-mirror/events.vue'
-import codeMirrorApi from './meta/code-mirror'
-
-import codeMirrorBasicCode from '../examples/code-mirror/basic.vue?raw'
-import codeMirrorReadonlyCode from '../examples/code-mirror/readonly.vue?raw'
-import codeMirrorModeCode from '../examples/code-mirror/mode.vue?raw'
-import codeMirrorHeightCode from '../examples/code-mirror/height.vue?raw'
-import codeMirrorEventsCode from '../examples/code-mirror/events.vue?raw'
-</script>
+# CodeMirror 代码编辑器
+
+强大的代码编辑器组件，支持多种编程语言的语法高亮和代码折叠。
+
+## 基础用法
+
+<Demo :source-code="codeMirrorBasicCode">
+  <template #source>
+    <code-mirror-basic />
+  </template>
+  <template #description>
+    使用 v-model（modelValue）绑定，通过 mode 属性指定语言模式。
+  </template>
+</Demo>
+
+## 只读模式
+
+通过 `readonly` 属性将编辑器设置为只读状态。
+
+<Demo :source-code="codeMirrorReadonlyCode">
+  <template #source>
+    <code-mirror-readonly />
+  </template>
+  <template #description>
+    设置 `readonly` 属性为 `true` 即可启用只读模式，用户无法编辑内容。
+  </template>
+</Demo>
+
+## 语言模式切换
+
+支持多种编程语言的语法高亮。
+
+<Demo :source-code="codeMirrorModeCode">
+  <template #source>
+    <code-mirror-mode />
+  </template>
+  <template #description>
+    通过 `mode` 属性指定语言模式，如 `application/javascript`、`text/x-sql` 等。
+  </template>
+</Demo>
+
+## 自定义高度
+
+使用 `height` 属性自定义编辑器高度。
+
+<Demo :source-code="codeMirrorHeightCode">
+  <template #source>
+    <code-mirror-height />
+  </template>
+  <template #description>
+    通过 `height` 属性设置编辑器的高度（单位：像素）。
+  </template>
+</Demo>
+
+## 事件监听
+
+监听代码变化事件并执行相应操作。
+
+<Demo :source-code="codeMirrorEventsCode">
+  <template #source>
+    <code-mirror-events />
+  </template>
+  <template #description>
+    通过 `@change` 事件监听代码内容的变化，获取实时更新的代码值。
+  </template>
+</Demo>
+
+## API
+
+<ApiTable :data="codeMirrorApi" componentName="code-mirror" />
+
+<script setup>
+import CodeMirrorBasic from '../examples/code-mirror/basic.vue'
+import CodeMirrorReadonly from '../examples/code-mirror/readonly.vue'
+import CodeMirrorMode from '../examples/code-mirror/mode.vue'
+import CodeMirrorHeight from '../examples/code-mirror/height.vue'
+import CodeMirrorEvents from '../examples/code-mirror/events.vue'
+import codeMirrorApi from './meta/code-mirror'
+
+import codeMirrorBasicCode from '../examples/code-mirror/basic.vue?raw'
+import codeMirrorReadonlyCode from '../examples/code-mirror/readonly.vue?raw'
+import codeMirrorModeCode from '../examples/code-mirror/mode.vue?raw'
+import codeMirrorHeightCode from '../examples/code-mirror/height.vue?raw'
+import codeMirrorEventsCode from '../examples/code-mirror/events.vue?raw'
+</script>