@a2simcode/ui 0.0.211 → 0.0.213

package/docs/components/autocomplete.md

@@ -1,89 +1,89 @@
-# Autocomplete 自动补全
-
-通过输入部分内容，自动补全其余内容。
-
-## 基础用法
-
-<Demo :source-code="autocompleteBasicCode">
-  <template #source>
-    <autocomplete-basic />
-  </template>
-  <template #description>
-    基础的自动补全输入框用法。
-  </template>
-</Demo>
-
-## 可清除
-
-<Demo :source-code="autocompleteClearableCode">
-  <template #source>
-    <autocomplete-clearable />
-  </template>
-  <template #description>
-    使用 clearable 属性即可得到一个可清除的输入框。
-  </template>
-</Demo>
-
-## 禁用状态
-
-<Demo :source-code="autocompleteDisabledCode">
-  <template #source>
-    <autocomplete-disabled />
-  </template>
-  <template #description>
-    通过 readonly 属性指定是否禁用组件。
-  </template>
-</Demo>
-
-## 自定义模板
-
-<Demo :source-code="autocompleteCustomTemplateCode">
-  <template #source>
-    <autocomplete-custom-template />
-  </template>
-  <template #description>
-    可以自定义下拉建议列表项的内容。
-  </template>
-</Demo>
-
-## 带图标
-
-<Demo :source-code="autocompleteIconCode">
-  <template #source>
-    <autocomplete-icon />
-  </template>
-  <template #description>
-    通过插槽可以在输入框中显示图标。
-  </template>
-</Demo>
-
-## 高级用法
-
-<Demo :source-code="autocompleteAdvancedCode">
-  <template #source>
-    <autocomplete-advanced />
-  </template>
-  <template #description>
-    配置更多高级属性，如防抖时间、是否在获得焦点时显示建议等。
-  </template>
-</Demo>
-
-## API
-
-<ApiTable :data="autocompleteApi" componentName="autocomplete" />
-
-<script setup>
-import AutocompleteBasic from '../examples/autocomplete/basic.vue'
-import AutocompleteClearable from '../examples/autocomplete/clearable.vue'
-import AutocompleteDisabled from '../examples/autocomplete/disabled.vue'
-import AutocompleteCustomTemplate from '../examples/autocomplete/custom-template.vue'
-import AutocompleteIcon from '../examples/autocomplete/icon.vue'
-import AutocompleteAdvanced from '../examples/autocomplete/advanced.vue'
-import autocompleteApi from './meta/autocomplete'
-import autocompleteBasicCode from '../examples/autocomplete/basic.vue?raw'
-import autocompleteClearableCode from '../examples/autocomplete/clearable.vue?raw'
-import autocompleteDisabledCode from '../examples/autocomplete/disabled.vue?raw'
-import autocompleteCustomTemplateCode from '../examples/autocomplete/custom-template.vue?raw'
-import autocompleteIconCode from '../examples/autocomplete/icon.vue?raw'
-import autocompleteAdvancedCode from '../examples/autocomplete/advanced.vue?raw'
-</script>
+# Autocomplete 自动补全
+
+通过输入部分内容，自动补全其余内容。
+
+## 基础用法
+
+<Demo :source-code="autocompleteBasicCode">
+  <template #source>
+    <autocomplete-basic />
+  </template>
+  <template #description>
+    基础的自动补全输入框用法。
+  </template>
+</Demo>
+
+## 可清除
+
+<Demo :source-code="autocompleteClearableCode">
+  <template #source>
+    <autocomplete-clearable />
+  </template>
+  <template #description>
+    使用 clearable 属性即可得到一个可清除的输入框。
+  </template>
+</Demo>
+
+## 禁用状态
+
+<Demo :source-code="autocompleteDisabledCode">
+  <template #source>
+    <autocomplete-disabled />
+  </template>
+  <template #description>
+    通过 readonly 属性指定是否禁用组件。
+  </template>
+</Demo>
+
+## 自定义模板
+
+<Demo :source-code="autocompleteCustomTemplateCode">
+  <template #source>
+    <autocomplete-custom-template />
+  </template>
+  <template #description>
+    可以自定义下拉建议列表项的内容。
+  </template>
+</Demo>
+
+## 带图标
+
+<Demo :source-code="autocompleteIconCode">
+  <template #source>
+    <autocomplete-icon />
+  </template>
+  <template #description>
+    通过插槽可以在输入框中显示图标。
+  </template>
+</Demo>
+
+## 高级用法
+
+<Demo :source-code="autocompleteAdvancedCode">
+  <template #source>
+    <autocomplete-advanced />
+  </template>
+  <template #description>
+    配置更多高级属性，如防抖时间、是否在获得焦点时显示建议等。
+  </template>
+</Demo>
+
+## API
+
+<ApiTable :data="autocompleteApi" componentName="autocomplete" />
+
+<script setup>
+import AutocompleteBasic from '../examples/autocomplete/basic.vue'
+import AutocompleteClearable from '../examples/autocomplete/clearable.vue'
+import AutocompleteDisabled from '../examples/autocomplete/disabled.vue'
+import AutocompleteCustomTemplate from '../examples/autocomplete/custom-template.vue'
+import AutocompleteIcon from '../examples/autocomplete/icon.vue'
+import AutocompleteAdvanced from '../examples/autocomplete/advanced.vue'
+import autocompleteApi from './meta/autocomplete'
+import autocompleteBasicCode from '../examples/autocomplete/basic.vue?raw'
+import autocompleteClearableCode from '../examples/autocomplete/clearable.vue?raw'
+import autocompleteDisabledCode from '../examples/autocomplete/disabled.vue?raw'
+import autocompleteCustomTemplateCode from '../examples/autocomplete/custom-template.vue?raw'
+import autocompleteIconCode from '../examples/autocomplete/icon.vue?raw'
+import autocompleteAdvancedCode from '../examples/autocomplete/advanced.vue?raw'
+</script>

package/docs/components/barcode.md

@@ -1,101 +1,101 @@
-# Barcode 条码
-
-条码/二维码生成组件，支持多种条码格式和二维码，使用SVG渲染。
-
-## 所有条码类型
-
-组件支持多种条码格式，包括常用零售条码、通用一维码、二维码、邮政编码和医药行业条码。
-
-<Demo :source-code="barcodeAllTypesCode">
-  <template #source>
-    <barcode-all-types />
-  </template>
-  <template #description>
-    展示所有支持的条码类型，包括常用零售条码（EAN-13、EAN-8、UPC-A、UPC-E、ITF-14、GS1-128）、通用一维码（CODE128、CODE39、CODE93、Interleaved 2 of 5、Codabar、MSI）、二维码（QR Code、Micro QR Code、Data Matrix、PDF417、Aztec Code、Hanxin）、邮政编码（USPS OneCode、POSTNET、PLANET、Royal Mail、Japan Post、AUSPOST）和医药行业条码（Pharmacode、CODE32、HIBCCode128、PZN）。
-  </template>
-</Demo>
-
-## 几何尺寸属性
-
-控制条码的尺寸、缩放和旋转。
-
-<Demo :source-code="barcodePropsGeometryCode">
-  <template #source>
-    <barcode-props-geometry />
-  </template>
-  <template #description>
-    展示几何尺寸相关属性：scale（整体缩放比例）、scaleX/scaleY（水平和垂直缩放）、height（一维码高度）、rotate（旋转角度：N/R/L/I）。
-  </template>
-</Demo>
-
-## 颜色与外观属性
-
-自定义条码的颜色、背景和内边距。
-
-<Demo :source-code="barcodePropsAppearanceCode">
-  <template #source>
-    <barcode-props-appearance />
-  </template>
-  <template #description>
-    展示颜色与外观相关属性：barcolor（条码前景色）、backgroundcolor（背景色）、padding（内边距）、paddingwidth/paddingheight（左右/上下内边距）、inkspread（油墨扩散补偿）。
-  </template>
-</Demo>
-
-## 文本设置属性
-
-控制条码下方人眼可读文本的显示方式。
-
-<Demo :source-code="barcodePropsTextCode">
-  <template #source>
-    <barcode-props-text />
-  </template>
-  <template #description>
-    展示文本设置相关属性：includetext（是否显示文本）、alttext（替代显示文本）、textfont（字体：OCR-A/OCR-B/Helvetica/Courier）、textsize（字体大小）、textxalign/textyalign（文本对齐方式）、textxoffset/textyoffset（文本偏移）、textcolor（文本颜色）。
-  </template>
-</Demo>
-
-## 校验与逻辑属性
-
-控制条码的校验位显示和字符解析。
-
-<Demo :source-code="barcodePropsLogicCode">
-  <template #source>
-    <barcode-props-logic />
-  </template>
-  <template #description>
-    展示校验与逻辑相关属性：includecheck（在文本中包含校验位）、includecheckintext（针对特定码制的校验位显示）、parse（启用转义字符解析）、parsefnc（启用功能字符解析）、guardwhitespace（强制显示两侧静区）、guardwidth（静区宽度）。
-  </template>
-</Demo>
-
-## 专用条码参数
-
-针对特定条码类型的专用参数设置。
-
-<Demo :source-code="barcodePropsSymbologyCode">
-  <template #source>
-    <barcode-props-symbology />
-  </template>
-  <template #description>
-    展示专用条码参数：eclevel（QR码/Aztec纠错等级：L/M/Q/H）、version（QR码强制版本：1-40）、format（Data Matrix形状：square/rect）、columns/rows（PDF417列数/行数）、errorlevel（PDF417纠错等级：0-8）。
-  </template>
-</Demo>
-
-## API
-
-<ApiTable :data="barcodeApi" componentName="barcode" />
-
-<script setup>
-import BarcodeAllTypes from '../examples/barcode/all-types.vue'
-import BarcodePropsGeometry from '../examples/barcode/props-geometry.vue'
-import BarcodePropsAppearance from '../examples/barcode/props-appearance.vue'
-import BarcodePropsText from '../examples/barcode/props-text.vue'
-import BarcodePropsLogic from '../examples/barcode/props-logic.vue'
-import BarcodePropsSymbology from '../examples/barcode/props-symbology.vue'
-import barcodeApi from './meta/barcode'
-import barcodeAllTypesCode from '../examples/barcode/all-types.vue?raw'
-import barcodePropsGeometryCode from '../examples/barcode/props-geometry.vue?raw'
-import barcodePropsAppearanceCode from '../examples/barcode/props-appearance.vue?raw'
-import barcodePropsTextCode from '../examples/barcode/props-text.vue?raw'
-import barcodePropsLogicCode from '../examples/barcode/props-logic.vue?raw'
-import barcodePropsSymbologyCode from '../examples/barcode/props-symbology.vue?raw'
-</script>
+# Barcode 条码
+
+条码/二维码生成组件，支持多种条码格式和二维码，使用SVG渲染。
+
+## 所有条码类型
+
+组件支持多种条码格式，包括常用零售条码、通用一维码、二维码、邮政编码和医药行业条码。
+
+<Demo :source-code="barcodeAllTypesCode">
+  <template #source>
+    <barcode-all-types />
+  </template>
+  <template #description>
+    展示所有支持的条码类型，包括常用零售条码（EAN-13、EAN-8、UPC-A、UPC-E、ITF-14、GS1-128）、通用一维码（CODE128、CODE39、CODE93、Interleaved 2 of 5、Codabar、MSI）、二维码（QR Code、Micro QR Code、Data Matrix、PDF417、Aztec Code、Hanxin）、邮政编码（USPS OneCode、POSTNET、PLANET、Royal Mail、Japan Post、AUSPOST）和医药行业条码（Pharmacode、CODE32、HIBCCode128、PZN）。
+  </template>
+</Demo>
+
+## 几何尺寸属性
+
+控制条码的尺寸、缩放和旋转。
+
+<Demo :source-code="barcodePropsGeometryCode">
+  <template #source>
+    <barcode-props-geometry />
+  </template>
+  <template #description>
+    展示几何尺寸相关属性：scale（整体缩放比例）、scaleX/scaleY（水平和垂直缩放）、height（一维码高度）、rotate（旋转角度：N/R/L/I）。
+  </template>
+</Demo>
+
+## 颜色与外观属性
+
+自定义条码的颜色、背景和内边距。
+
+<Demo :source-code="barcodePropsAppearanceCode">
+  <template #source>
+    <barcode-props-appearance />
+  </template>
+  <template #description>
+    展示颜色与外观相关属性：barcolor（条码前景色）、backgroundcolor（背景色）、padding（内边距）、paddingwidth/paddingheight（左右/上下内边距）、inkspread（油墨扩散补偿）。
+  </template>
+</Demo>
+
+## 文本设置属性
+
+控制条码下方人眼可读文本的显示方式。
+
+<Demo :source-code="barcodePropsTextCode">
+  <template #source>
+    <barcode-props-text />
+  </template>
+  <template #description>
+    展示文本设置相关属性：includetext（是否显示文本）、alttext（替代显示文本）、textfont（字体：OCR-A/OCR-B/Helvetica/Courier）、textsize（字体大小）、textxalign/textyalign（文本对齐方式）、textxoffset/textyoffset（文本偏移）、textcolor（文本颜色）。
+  </template>
+</Demo>
+
+## 校验与逻辑属性
+
+控制条码的校验位显示和字符解析。
+
+<Demo :source-code="barcodePropsLogicCode">
+  <template #source>
+    <barcode-props-logic />
+  </template>
+  <template #description>
+    展示校验与逻辑相关属性：includecheck（在文本中包含校验位）、includecheckintext（针对特定码制的校验位显示）、parse（启用转义字符解析）、parsefnc（启用功能字符解析）、guardwhitespace（强制显示两侧静区）、guardwidth（静区宽度）。
+  </template>
+</Demo>
+
+## 专用条码参数
+
+针对特定条码类型的专用参数设置。
+
+<Demo :source-code="barcodePropsSymbologyCode">
+  <template #source>
+    <barcode-props-symbology />
+  </template>
+  <template #description>
+    展示专用条码参数：eclevel（QR码/Aztec纠错等级：L/M/Q/H）、version（QR码强制版本：1-40）、format（Data Matrix形状：square/rect）、columns/rows（PDF417列数/行数）、errorlevel（PDF417纠错等级：0-8）。
+  </template>
+</Demo>
+
+## API
+
+<ApiTable :data="barcodeApi" componentName="barcode" />
+
+<script setup>
+import BarcodeAllTypes from '../examples/barcode/all-types.vue'
+import BarcodePropsGeometry from '../examples/barcode/props-geometry.vue'
+import BarcodePropsAppearance from '../examples/barcode/props-appearance.vue'
+import BarcodePropsText from '../examples/barcode/props-text.vue'
+import BarcodePropsLogic from '../examples/barcode/props-logic.vue'
+import BarcodePropsSymbology from '../examples/barcode/props-symbology.vue'
+import barcodeApi from './meta/barcode'
+import barcodeAllTypesCode from '../examples/barcode/all-types.vue?raw'
+import barcodePropsGeometryCode from '../examples/barcode/props-geometry.vue?raw'
+import barcodePropsAppearanceCode from '../examples/barcode/props-appearance.vue?raw'
+import barcodePropsTextCode from '../examples/barcode/props-text.vue?raw'
+import barcodePropsLogicCode from '../examples/barcode/props-logic.vue?raw'
+import barcodePropsSymbologyCode from '../examples/barcode/props-symbology.vue?raw'
+</script>

package/docs/components/button-select.md

@@ -1,24 +1,24 @@
-# ButtonSelect 按钮选择
-
-通过点击按钮弹出选项面板，支持搜索与多次添加。
-
-## 基础用法
-
-<Demo :source-code="basicCode">
-  <template #source>
-    <button-select-basic />
-  </template>
-  <template #description>
-    使用 v-model 以逗号分隔的字符串记录已选择项。
-  </template>
-</Demo>
-
-## API
-
-<ApiTable :data="buttonSelectApi" componentName="button-select" />
-
-<script setup>
-import ButtonSelectBasic from '../examples/button-select/basic.vue'
-import buttonSelectApi from './meta/button-select'
-import basicCode from '../examples/button-select/basic.vue?raw'
-</script>
+# ButtonSelect 按钮选择
+
+通过点击按钮弹出选项面板，支持搜索与多次添加。
+
+## 基础用法
+
+<Demo :source-code="basicCode">
+  <template #source>
+    <button-select-basic />
+  </template>
+  <template #description>
+    使用 v-model 以逗号分隔的字符串记录已选择项。
+  </template>
+</Demo>
+
+## API
+
+<ApiTable :data="buttonSelectApi" componentName="button-select" />
+
+<script setup>
+import ButtonSelectBasic from '../examples/button-select/basic.vue'
+import buttonSelectApi from './meta/button-select'
+import basicCode from '../examples/button-select/basic.vue?raw'
+</script>