@a2simcode/ui 0.0.70 → 0.0.72

package/docs/components/page.md

@@ -1,57 +1,57 @@
-# Page 页面
-
-基于 Schema 的页面渲染组件,通过 JSON 配置动态渲染组件树。
-
-## 基础用法
-
-通过 Schema 配置渲染页面组件。
-
-<Demo :source-code="pageBasicCode">
-  <template #source>
-    <page-basic />
-  </template>
-  <template #description>
-    通过 `schema` 属性配置组件树,支持嵌套子组件,动态渲染整个页面结构。
-  </template>
-</Demo>
-
-## 使用 init 方法初始化
-
-通过组件实例的 `init` 方法动态初始化 Schema。
-
-<Demo :source-code="pageInitCode">
-  <template #source>
-    <page-init />
-  </template>
-  <template #description>
-    通过 `ref` 获取组件实例，调用 `init` 方法可以动态设置或更新页面的 Schema 配置。
-  </template>
-</Demo>
-
-## 日志页面示例
-
-结合 Table Panel 的复杂页面示例。
-
-<Demo :source-code="pageLogCode">
-  <template #source>
-    <page-log />
-  </template>
-  <template #description>
-    展示了如何使用 `j-page` 配置一个包含表格、弹窗和自定义逻辑的完整页面。
-  </template>
-</Demo>
-
-## API
-
-<ApiTable :data="pageApi" componentName="page" />
-
-<script setup>
-import PageBasic from '../examples/page/basic.vue'
-import PageInit from '../examples/page/init.vue'
-import PageLog from '../examples/page/log.vue'
-import pageApi from './meta/page'
-
-import pageBasicCode from '../examples/page/basic.vue?raw'
-import pageInitCode from '../examples/page/init.vue?raw'
-import pageLogCode from '../examples/page/log.vue?raw'
-</script>
+# Page 页面
+
+基于 Schema 的页面渲染组件,通过 JSON 配置动态渲染组件树。
+
+## 基础用法
+
+通过 Schema 配置渲染页面组件。
+
+<Demo :source-code="pageBasicCode">
+  <template #source>
+    <page-basic />
+  </template>
+  <template #description>
+    通过 `schema` 属性配置组件树,支持嵌套子组件,动态渲染整个页面结构。
+  </template>
+</Demo>
+
+## 使用 init 方法初始化
+
+通过组件实例的 `init` 方法动态初始化 Schema。
+
+<Demo :source-code="pageInitCode">
+  <template #source>
+    <page-init />
+  </template>
+  <template #description>
+    通过 `ref` 获取组件实例，调用 `init` 方法可以动态设置或更新页面的 Schema 配置。
+  </template>
+</Demo>
+
+## 日志页面示例
+
+结合 Table Panel 的复杂页面示例。
+
+<Demo :source-code="pageLogCode">
+  <template #source>
+    <page-log />
+  </template>
+  <template #description>
+    展示了如何使用 `j-page` 配置一个包含表格、弹窗和自定义逻辑的完整页面。
+  </template>
+</Demo>
+
+## API
+
+<ApiTable :data="pageApi" componentName="page" />
+
+<script setup>
+import PageBasic from '../examples/page/basic.vue'
+import PageInit from '../examples/page/init.vue'
+import PageLog from '../examples/page/log.vue'
+import pageApi from './meta/page'
+
+import pageBasicCode from '../examples/page/basic.vue?raw'
+import pageInitCode from '../examples/page/init.vue?raw'
+import pageLogCode from '../examples/page/log.vue?raw'
+</script>

package/docs/components/panel.md

@@ -1,37 +1,37 @@
-# Panel 面板
-
-通用的内容面板。
-
-## 基础用法
-
-<Demo :source-code="panelBasicCode">
-  <template #source>
-    <panel-basic />
-  </template>
-  <template #description>
-    最简单的 Panel 用法。
-  </template>
-</Demo>
-
-## 操作按钮
-
-<Demo :source-code="panelToolButtonsCode">
-  <template #source>
-    <panel-tool-buttons />
-  </template>
-  <template #description>
-    通过 `toolBtns` 属性可以在面板头部添加操作按钮。
-  </template>
-</Demo>
-
-## API
-
-<ApiTable :data="panelApi" componentName="panel" />
-
-<script setup>
-import PanelBasic from '../examples/panel/basic.vue'
-import panelBasicCode from '../examples/panel/basic.vue?raw'
-import panelToolButtons from '../examples/panel/tool-buttons.vue'
-import panelToolButtonsCode from '../examples/panel/tool-buttons.vue?raw'
-import panelApi from './meta/panel'
-</script>
+# Panel 面板
+
+通用的内容面板。
+
+## 基础用法
+
+<Demo :source-code="panelBasicCode">
+  <template #source>
+    <panel-basic />
+  </template>
+  <template #description>
+    最简单的 Panel 用法。
+  </template>
+</Demo>
+
+## 操作按钮
+
+<Demo :source-code="panelToolButtonsCode">
+  <template #source>
+    <panel-tool-buttons />
+  </template>
+  <template #description>
+    通过 `toolBtns` 属性可以在面板头部添加操作按钮。
+  </template>
+</Demo>
+
+## API
+
+<ApiTable :data="panelApi" componentName="panel" />
+
+<script setup>
+import PanelBasic from '../examples/panel/basic.vue'
+import panelBasicCode from '../examples/panel/basic.vue?raw'
+import panelToolButtons from '../examples/panel/tool-buttons.vue'
+import panelToolButtonsCode from '../examples/panel/tool-buttons.vue?raw'
+import panelApi from './meta/panel'
+</script>

package/docs/components/radio.md

@@ -1,87 +1,87 @@
-# Radio 单选框
-
-在一组备选项中进行单选。
-
-## 基础用法
-
-使用 `v-model` 实现双向数据绑定。
-
-<Demo :source-code="radioBasicCode">
-  <template #source>
-    <radio-basic />
-  </template>
-  <template #description>
-    使用 v-model 实现双向数据绑定。
-  </template>
-</Demo>
-
-## 按钮样式
-
-通过 `isButton` 属性可以将单选框设置为按钮样式。
-
-<Demo :source-code="radioButtonCode">
-  <template #source>
-    <radio-button />
-  </template>
-  <template #description>
-    设置 `isButton` 属性为 `true` 即可显示为按钮样式。
-  </template>
-</Demo>
-
-## 颜色标签
-
-通过 `isColor` 属性可以为选项添加颜色标签。
-
-<Demo :source-code="radioColorCode">
-  <template #source>
-    <radio-color />
-  </template>
-  <template #description>
-    设置 `isColor` 属性为 `true` 即可显示颜色标签。可以通过 `colors` 属性或选项中的 `color` 属性设置颜色。
-  </template>
-</Demo>
-
-## 不同尺寸
-
-Radio 组件提供三种尺寸。
-
-<Demo :source-code="radioSizeCode">
-  <template #source>
-    <radio-size />
-  </template>
-  <template #description>
-    使用 `size` 属性配置尺寸,可选值为 `large`、`default` 和 `small`。
-  </template>
-</Demo>
-
-## 禁用状态
-
-使用 `readonly` 属性来定义单选框是否被禁用。
-
-<Demo :source-code="radioDisabledCode">
-  <template #source>
-    <radio-disabled />
-  </template>
-  <template #description>
-    你可以使用 `readonly` 属性来定义单选框是否可用。
-  </template>
-</Demo>
-
-## API
-
-<ApiTable :data="radioApi" componentName="radio" />
-
-<script setup>
-import RadioBasic from '../examples/radio/basic.vue'
-import RadioButton from '../examples/radio/button.vue'
-import RadioColor from '../examples/radio/color.vue'
-import RadioSize from '../examples/radio/size.vue'
-import RadioDisabled from '../examples/radio/disabled.vue'
-import radioApi from './meta/radio'
-
-import radioBasicCode from '../examples/radio/basic.vue?raw'
-import radioButtonCode from '../examples/radio/button.vue?raw'
-import radioColorCode from '../examples/radio/color.vue?raw'
-import radioSizeCode from '../examples/radio/size.vue?raw'
-import radioDisabledCode from '../examples/radio/disabled.vue?raw'
-</script>
+# Radio 单选框
+
+在一组备选项中进行单选。
+
+## 基础用法
+
+使用 `v-model` 实现双向数据绑定。
+
+<Demo :source-code="radioBasicCode">
+  <template #source>
+    <radio-basic />
+  </template>
+  <template #description>
+    使用 v-model 实现双向数据绑定。
+  </template>
+</Demo>
+
+## 按钮样式
+
+通过 `isButton` 属性可以将单选框设置为按钮样式。
+
+<Demo :source-code="radioButtonCode">
+  <template #source>
+    <radio-button />
+  </template>
+  <template #description>
+    设置 `isButton` 属性为 `true` 即可显示为按钮样式。
+  </template>
+</Demo>
+
+## 颜色标签
+
+通过 `isColor` 属性可以为选项添加颜色标签。
+
+<Demo :source-code="radioColorCode">
+  <template #source>
+    <radio-color />
+  </template>
+  <template #description>
+    设置 `isColor` 属性为 `true` 即可显示颜色标签。可以通过 `colors` 属性或选项中的 `color` 属性设置颜色。
+  </template>
+</Demo>
+
+## 不同尺寸
+
+Radio 组件提供三种尺寸。
+
+<Demo :source-code="radioSizeCode">
+  <template #source>
+    <radio-size />
+  </template>
+  <template #description>
+    使用 `size` 属性配置尺寸,可选值为 `large`、`default` 和 `small`。
+  </template>
+</Demo>
+
+## 禁用状态
+
+使用 `readonly` 属性来定义单选框是否被禁用。
+
+<Demo :source-code="radioDisabledCode">
+  <template #source>
+    <radio-disabled />
+  </template>
+  <template #description>
+    你可以使用 `readonly` 属性来定义单选框是否可用。
+  </template>
+</Demo>
+
+## API
+
+<ApiTable :data="radioApi" componentName="radio" />
+
+<script setup>
+import RadioBasic from '../examples/radio/basic.vue'
+import RadioButton from '../examples/radio/button.vue'
+import RadioColor from '../examples/radio/color.vue'
+import RadioSize from '../examples/radio/size.vue'
+import RadioDisabled from '../examples/radio/disabled.vue'
+import radioApi from './meta/radio'
+
+import radioBasicCode from '../examples/radio/basic.vue?raw'
+import radioButtonCode from '../examples/radio/button.vue?raw'
+import radioColorCode from '../examples/radio/color.vue?raw'
+import radioSizeCode from '../examples/radio/size.vue?raw'
+import radioDisabledCode from '../examples/radio/disabled.vue?raw'
+</script>

package/docs/components/rate.md

@@ -1,71 +1,71 @@
-# Rate 评分
-
-评分组件，用于对事物进行等级评价。
-
-## 基础用法
-
-最基础的评分用法。
-
-<Demo :source-code="rateBasicCode">
-  <template #source>
-    <rate-basic />
-  </template>
-  <template #description>
-    使用 v-model 实现双向绑定。
-  </template>
-</Demo>
-
-## 允许半选
-
-可以允许选择半颗星。
-
-<Demo :source-code="rateHalfCode">
-  <template #source>
-    <rate-half />
-  </template>
-  <template #description>
-    设置 `allow-half` 属性可以实现半选。
-  </template>
-</Demo>
-
-## 辅助文字与分数
-
-可以显示辅助文字或当前分数。
-
-<Demo :source-code="rateTextCode">
-  <template #source>
-    <rate-text />
-  </template>
-  <template #description>
-    使用 `show-text` 显示辅助文字，使用 `show-score` 显示当前分数。
-  </template>
-</Demo>
-
-## 只读
-
-只读状态下无法交互。
-
-<Demo :source-code="rateReadonlyCode">
-  <template #source>
-    <rate-readonly />
-  </template>
-  <template #description>
-    通过 `readonly` 属性指定是否只读。
-  </template>
-</Demo>
-
-## API
-
-<ApiTable :data="rateApi" componentName="rate" />
-
-<script setup>
-import RateBasic from '../examples/rate/basic.vue'
-import RateHalf from '../examples/rate/half.vue'
-import RateText from '../examples/rate/text.vue'
-import RateReadonly from '../examples/rate/readonly.vue'
-import rateApi from './meta/rate'
-import rateBasicCode from '../examples/rate/basic.vue?raw'
-import rateHalfCode from '../examples/rate/half.vue?raw'
-import rateTextCode from '../examples/rate/text.vue?raw'
-import rateReadonlyCode from '../examples/rate/readonly.vue?raw'
-</script>
+# Rate 评分
+
+评分组件，用于对事物进行等级评价。
+
+## 基础用法
+
+最基础的评分用法。
+
+<Demo :source-code="rateBasicCode">
+  <template #source>
+    <rate-basic />
+  </template>
+  <template #description>
+    使用 v-model 实现双向绑定。
+  </template>
+</Demo>
+
+## 允许半选
+
+可以允许选择半颗星。
+
+<Demo :source-code="rateHalfCode">
+  <template #source>
+    <rate-half />
+  </template>
+  <template #description>
+    设置 `allow-half` 属性可以实现半选。
+  </template>
+</Demo>
+
+## 辅助文字与分数
+
+可以显示辅助文字或当前分数。
+
+<Demo :source-code="rateTextCode">
+  <template #source>
+    <rate-text />
+  </template>
+  <template #description>
+    使用 `show-text` 显示辅助文字，使用 `show-score` 显示当前分数。
+  </template>
+</Demo>
+
+## 只读
+
+只读状态下无法交互。
+
+<Demo :source-code="rateReadonlyCode">
+  <template #source>
+    <rate-readonly />
+  </template>
+  <template #description>
+    通过 `readonly` 属性指定是否只读。
+  </template>
+</Demo>
+
+## API
+
+<ApiTable :data="rateApi" componentName="rate" />
+
+<script setup>
+import RateBasic from '../examples/rate/basic.vue'
+import RateHalf from '../examples/rate/half.vue'
+import RateText from '../examples/rate/text.vue'
+import RateReadonly from '../examples/rate/readonly.vue'
+import rateApi from './meta/rate'
+import rateBasicCode from '../examples/rate/basic.vue?raw'
+import rateHalfCode from '../examples/rate/half.vue?raw'
+import rateTextCode from '../examples/rate/text.vue?raw'
+import rateReadonlyCode from '../examples/rate/readonly.vue?raw'
+</script>