@a2simcode/ui 0.0.318 → 0.0.320

package/docs/components/editor.md

@@ -1,24 +1,24 @@
-# Editor 富文本编辑器
-
-基于 wangeditor 的富文本编辑器组件。
-
-## 基础用法
-
-<Demo :source-code="editorBasicCode">
-  <template #source>
-    <editor-basic />
-  </template>
-  <template #description>
-    基础用法，支持 `v-model:value` 双向绑定。
-  </template>
-</Demo>
-
-## API
-
-<ApiTable :data="editorApi" componentName="editor" />
-
-<script setup>
-import EditorBasic from '../examples/editor/basic.vue'
-import editorApi from './meta/editor'
-import editorBasicCode from '../examples/editor/basic.vue?raw'
-</script>
+# Editor 富文本编辑器
+
+基于 wangeditor 的富文本编辑器组件。
+
+## 基础用法
+
+<Demo :source-code="editorBasicCode">
+  <template #source>
+    <editor-basic />
+  </template>
+  <template #description>
+    基础用法，支持 `v-model:value` 双向绑定。
+  </template>
+</Demo>
+
+## API
+
+<ApiTable :data="editorApi" componentName="editor" />
+
+<script setup>
+import EditorBasic from '../examples/editor/basic.vue'
+import editorApi from './meta/editor'
+import editorBasicCode from '../examples/editor/basic.vue?raw'
+</script>

package/docs/components/form.md

@@ -1,87 +1,87 @@
-# Form 表单
-
-`j-form` 是一个强大的动态表单组件，支持通过 Schema 配置来生成表单，提供了完整的表单验证、数据管理和事件处理能力。
-
-## 基础用法
-
-通过 `schema` 属性定义表单结构，`config` 属性配置表单样式。
-
-<Demo :source-code="basicCode">
-  <template #source>
-    <basic />
-  </template>
-  <template #description>
-    使用 `j-form` 快速创建一个包含多个输入项的表单。通过 `validate` 方法进行表单验证，通过 `getFormData` 方法获取表单数据；也可以通过 `init` 方法在运行时重新加载 Schema（可选传入初始数据）。
-  </template>
-</Demo>
-
-## Init 方法
-
-通过模板引用调用 `init(schema, data)`，可以在运行时重新初始化表单 Schema，并可选传入初始数据。
-
-<Demo :source-code="initCode">
-  <template #source>
-    <init />
-  </template>
-  <template #description>
-    点击按钮切换不同的 Schema，并通过第二个参数传入初始数据。
-  </template>
-</Demo>
-
-## 主从表（主表 + 子表）
-
-通过 `j-layout` 划分区域，并在 `children` 中利用 `j-table` 搭配其子级输入组件，可以实现复杂的主从表（表单 + 子表格）布局。
-
-<Demo :source-code="masterDetailCode">
-  <template #source>
-    <master-detail />
-  </template>
-  <template #description>
-    结合 `j-layout` 布局组件实现主从表单。在子表中配置 `editConfig: { isAddBtn: true, isRemoveBtn: true }` 并提供 `addRow` 函数来管理行数据；通过 `slot: 'top'` 指定字段归属为主表区域。
-  </template>
-</Demo>
-
-## 表单 + 子表（规则格式）
-
-通过 `j-table` 在表单中嵌入可编辑的子表格，适用于编码规则、格式配置等场景。
-
-<Demo :source-code="ruleFormatCode">
-  <template #source>
-    <rule-format />
-  </template>
-  <template #description>
-    示例包含基础字段校验（必填/唯一性）以及 `j-table` 子表的可增删编辑能力。
-  </template>
-</Demo>
-
-## 视图列表配置
-
-参考设计器中的配置结构（折叠面板 + 弹窗表单 + 可编辑表格），并提供一份模拟数据用于展示。
-
-<Demo :source-code="viewTableCode">
-  <template #source>
-    <view-table />
-  </template>
-  <template #description>
-    折叠面板中包含“数据选项 / 列表设置 / 更多属性 / 状态属性”。其中“列表设置”通过 `j-layer-form` 打开弹窗，在弹窗内用 `j-table` 编辑字段列表；字段的更多配置通过表格列类型 `j-layerform` 打开二级弹层。
-  </template>
-</Demo>
-
-## API
-
-<ApiTable :data="formApi" componentName="form" />
-
-<script setup>
-import Basic from '../examples/form/basic.vue'
-import Init from '../examples/form/init.vue'
-import MasterDetail from '../examples/form/master-detail.vue'
-import RuleFormat from '../examples/form/rule-format.vue'
-import ViewTable from '../examples/form/view-table.vue'
-import formApi from './meta/form'
-
-import basicCode from '../examples/form/basic.vue?raw'
-import initCode from '../examples/form/init.vue?raw'
-import masterDetailCode from '../examples/form/master-detail.vue?raw'
-import ruleFormatCode from '../examples/form/rule-format.vue?raw'
-import viewTableCode from '../examples/form/view-table.vue?raw'
-</script>
+# Form 表单
+
+`j-form` 是一个强大的动态表单组件，支持通过 Schema 配置来生成表单，提供了完整的表单验证、数据管理和事件处理能力。
+
+## 基础用法
+
+通过 `schema` 属性定义表单结构，`config` 属性配置表单样式。
+
+<Demo :source-code="basicCode">
+  <template #source>
+    <basic />
+  </template>
+  <template #description>
+    使用 `j-form` 快速创建一个包含多个输入项的表单。通过 `validate` 方法进行表单验证，通过 `getFormData` 方法获取表单数据；也可以通过 `init` 方法在运行时重新加载 Schema（可选传入初始数据）。
+  </template>
+</Demo>
+
+## Init 方法
+
+通过模板引用调用 `init(schema, data)`，可以在运行时重新初始化表单 Schema，并可选传入初始数据。
+
+<Demo :source-code="initCode">
+  <template #source>
+    <init />
+  </template>
+  <template #description>
+    点击按钮切换不同的 Schema，并通过第二个参数传入初始数据。
+  </template>
+</Demo>
+
+## 主从表（主表 + 子表）
+
+通过 `j-layout` 划分区域，并在 `children` 中利用 `j-table` 搭配其子级输入组件，可以实现复杂的主从表（表单 + 子表格）布局。
+
+<Demo :source-code="masterDetailCode">
+  <template #source>
+    <master-detail />
+  </template>
+  <template #description>
+    结合 `j-layout` 布局组件实现主从表单。在子表中配置 `editConfig: { isAddBtn: true, isRemoveBtn: true }` 并提供 `addRow` 函数来管理行数据；通过 `slot: 'top'` 指定字段归属为主表区域。
+  </template>
+</Demo>
+
+## 表单 + 子表（规则格式）
+
+通过 `j-table` 在表单中嵌入可编辑的子表格，适用于编码规则、格式配置等场景。
+
+<Demo :source-code="ruleFormatCode">
+  <template #source>
+    <rule-format />
+  </template>
+  <template #description>
+    示例包含基础字段校验（必填/唯一性）以及 `j-table` 子表的可增删编辑能力。
+  </template>
+</Demo>
+
+## 视图列表配置
+
+参考设计器中的配置结构（折叠面板 + 弹窗表单 + 可编辑表格），并提供一份模拟数据用于展示。
+
+<Demo :source-code="viewTableCode">
+  <template #source>
+    <view-table />
+  </template>
+  <template #description>
+    折叠面板中包含“数据选项 / 列表设置 / 更多属性 / 状态属性”。其中“列表设置”通过 `j-layer-form` 打开弹窗，在弹窗内用 `j-table` 编辑字段列表；字段的更多配置通过表格列类型 `j-layerform` 打开二级弹层。
+  </template>
+</Demo>
+
+## API
+
+<ApiTable :data="formApi" componentName="form" />
+
+<script setup>
+import Basic from '../examples/form/basic.vue'
+import Init from '../examples/form/init.vue'
+import MasterDetail from '../examples/form/master-detail.vue'
+import RuleFormat from '../examples/form/rule-format.vue'
+import ViewTable from '../examples/form/view-table.vue'
+import formApi from './meta/form'
+
+import basicCode from '../examples/form/basic.vue?raw'
+import initCode from '../examples/form/init.vue?raw'
+import masterDetailCode from '../examples/form/master-detail.vue?raw'
+import ruleFormatCode from '../examples/form/rule-format.vue?raw'
+import viewTableCode from '../examples/form/view-table.vue?raw'
+</script>

package/docs/components/guid.md

@@ -1,39 +1,39 @@
-# GUID 全局唯一标识符
-
-用于生成和展示全局唯一标识符(GUID/UUID)。当不指定值时，组件会自动生成一个UUID，这在创建新记录或需要唯一标识时非常有用。
-
-## 基础用法
-
-<Demo :source-code="guidBasicCode">
-  <template #source>
-    <guid-basic />
-  </template>
-  <template #description>
-    自动生成UUID，如果需要指定特定的GUID值，可以通过 v-model 绑定。
-  </template>
-</Demo>
-
-## 不同尺寸
-
-Guid 组件提供三种尺寸。
-
-<Demo :source-code="guidSizeCode">
-  <template #source>
-    <guid-size />
-  </template>
-  <template #description>
-    使用 size 属性改变组件大小。除了默认大小外，还有另外两个选项：large, small。
-  </template>
-</Demo>
-
-## API
-
-<ApiTable :data="guidApi" componentName="guid" />
-
-<script setup>
-import GuidBasic from '../examples/guid/basic.vue'
-import GuidSize from '../examples/guid/size.vue'
-import guidApi from './meta/guid'
-import guidBasicCode from '../examples/guid/basic.vue?raw'
-import guidSizeCode from '../examples/guid/size.vue?raw'
-</script>
+# GUID 全局唯一标识符
+
+用于生成和展示全局唯一标识符(GUID/UUID)。当不指定值时，组件会自动生成一个UUID，这在创建新记录或需要唯一标识时非常有用。
+
+## 基础用法
+
+<Demo :source-code="guidBasicCode">
+  <template #source>
+    <guid-basic />
+  </template>
+  <template #description>
+    自动生成UUID，如果需要指定特定的GUID值，可以通过 v-model 绑定。
+  </template>
+</Demo>
+
+## 不同尺寸
+
+Guid 组件提供三种尺寸。
+
+<Demo :source-code="guidSizeCode">
+  <template #source>
+    <guid-size />
+  </template>
+  <template #description>
+    使用 size 属性改变组件大小。除了默认大小外，还有另外两个选项：large, small。
+  </template>
+</Demo>
+
+## API
+
+<ApiTable :data="guidApi" componentName="guid" />
+
+<script setup>
+import GuidBasic from '../examples/guid/basic.vue'
+import GuidSize from '../examples/guid/size.vue'
+import guidApi from './meta/guid'
+import guidBasicCode from '../examples/guid/basic.vue?raw'
+import guidSizeCode from '../examples/guid/size.vue?raw'
+</script>

package/docs/components/hpanel.md

@@ -1,24 +1,24 @@
-# Hpanel 水平布局
-
-用于水平排列内容的面板，支持左、中（主内容）、右三个区域。
-
-## 基础用法
-
-<Demo :source-code="hpanelBasicCode">
-  <template #source>
-    <hpanel-basic />
-  </template>
-  <template #description>
-    使用 `left`、`default` 和 `right` 插槽来定义面板的不同部分。
-  </template>
-</Demo>
-
-## API
-
-<ApiTable :data="hpanelApi" componentName="hpanel" />
-
-<script setup>
-import HpanelBasic from '../examples/hpanel/basic.vue'
-import hpanelApi from './meta/hpanel'
-import hpanelBasicCode from '../examples/hpanel/basic.vue?raw'
-</script>
+# Hpanel 水平布局
+
+用于水平排列内容的面板，支持左、中（主内容）、右三个区域。
+
+## 基础用法
+
+<Demo :source-code="hpanelBasicCode">
+  <template #source>
+    <hpanel-basic />
+  </template>
+  <template #description>
+    使用 `left`、`default` 和 `right` 插槽来定义面板的不同部分。
+  </template>
+</Demo>
+
+## API
+
+<ApiTable :data="hpanelApi" componentName="hpanel" />
+
+<script setup>
+import HpanelBasic from '../examples/hpanel/basic.vue'
+import hpanelApi from './meta/hpanel'
+import hpanelBasicCode from '../examples/hpanel/basic.vue?raw'
+</script>

package/docs/components/icon.md

@@ -1,56 +1,56 @@
-# Icon 图标
-
-语义化的矢量图形。使用了 [@iconify/vue](https://iconify.design/docs/icon-components/vue/)。
-
-## 基础用法
-
-通过 `icon` 属性来指定图标名称。你可以从 [Iconify](https://icon-sets.iconify.design/) 搜索成千上万个图标。
-
-<Demo :source-code="iconBasicCode">
-  <template #source>
-    <icon-basic />
-  </template>
-  <template #description>
-    使用 icon、color 来定义图标和颜色。
-  </template>
-</Demo>
-
-## 不同尺寸
-
-使用 `size` 属性来配置图标尺寸。
-
-<Demo :source-code="iconSizeCode">
-  <template #source>
-    <icon-size />
-  </template>
-  <template #description>
-    size 接受数字(单位为px)。
-  </template>
-</Demo>
-
-## 旋转与翻转
-
-使用 `rotate` 和 `flip` 属性来调整图标方向。
-
-<Demo :source-code="iconRotateFlipCode">
-  <template #source>
-    <icon-rotate-flip />
-  </template>
-  <template #description>
-    使用 rotate 定义角度,使用 flip 定义翻转方向。
-  </template>
-</Demo>
-
-## API
-
-<ApiTable :data="iconApi" componentName="icon" />
-
-<script setup>
-import IconBasic from '../examples/icon/basic.vue'
-import IconSize from '../examples/icon/size.vue'
-import IconRotateFlip from '../examples/icon/rotate-flip.vue'
-import iconApi from './meta/icon'
-import iconBasicCode from '../examples/icon/basic.vue?raw'
-import iconSizeCode from '../examples/icon/size.vue?raw'
-import iconRotateFlipCode from '../examples/icon/rotate-flip.vue?raw'
-</script>
+# Icon 图标
+
+语义化的矢量图形。使用了 [@iconify/vue](https://iconify.design/docs/icon-components/vue/)。
+
+## 基础用法
+
+通过 `icon` 属性来指定图标名称。你可以从 [Iconify](https://icon-sets.iconify.design/) 搜索成千上万个图标。
+
+<Demo :source-code="iconBasicCode">
+  <template #source>
+    <icon-basic />
+  </template>
+  <template #description>
+    使用 icon、color 来定义图标和颜色。
+  </template>
+</Demo>
+
+## 不同尺寸
+
+使用 `size` 属性来配置图标尺寸。
+
+<Demo :source-code="iconSizeCode">
+  <template #source>
+    <icon-size />
+  </template>
+  <template #description>
+    size 接受数字(单位为px)。
+  </template>
+</Demo>
+
+## 旋转与翻转
+
+使用 `rotate` 和 `flip` 属性来调整图标方向。
+
+<Demo :source-code="iconRotateFlipCode">
+  <template #source>
+    <icon-rotate-flip />
+  </template>
+  <template #description>
+    使用 rotate 定义角度,使用 flip 定义翻转方向。
+  </template>
+</Demo>
+
+## API
+
+<ApiTable :data="iconApi" componentName="icon" />
+
+<script setup>
+import IconBasic from '../examples/icon/basic.vue'
+import IconSize from '../examples/icon/size.vue'
+import IconRotateFlip from '../examples/icon/rotate-flip.vue'
+import iconApi from './meta/icon'
+import iconBasicCode from '../examples/icon/basic.vue?raw'
+import iconSizeCode from '../examples/icon/size.vue?raw'
+import iconRotateFlipCode from '../examples/icon/rotate-flip.vue?raw'
+</script>

package/docs/components/input-button.md

@@ -1,24 +1,24 @@
-# InputButton 输入按钮
-
-通过点击按钮打开一个弹窗层，用于输入或选择复杂的数据。
-
-## 基础用法
-
-<Demo :source-code="inputButtonBasicCode">
-  <template #source>
-    <input-button-basic />
-  </template>
-  <template #description>
-    点击按钮打开弹窗，在弹窗中完成输入后点击确定。
-  </template>
-</Demo>
-
-## API
-
-<ApiTable :data="inputButtonApi" componentName="input-button" />
-
-<script setup>
-import InputButtonBasic from '../examples/input-button/basic.vue'
-import inputButtonApi from './meta/input-button'
-import inputButtonBasicCode from '../examples/input-button/basic.vue?raw'
-</script>
+# InputButton 输入按钮
+
+通过点击按钮打开一个弹窗层，用于输入或选择复杂的数据。
+
+## 基础用法
+
+<Demo :source-code="inputButtonBasicCode">
+  <template #source>
+    <input-button-basic />
+  </template>
+  <template #description>
+    点击按钮打开弹窗，在弹窗中完成输入后点击确定。
+  </template>
+</Demo>
+
+## API
+
+<ApiTable :data="inputButtonApi" componentName="input-button" />
+
+<script setup>
+import InputButtonBasic from '../examples/input-button/basic.vue'
+import inputButtonApi from './meta/input-button'
+import inputButtonBasicCode from '../examples/input-button/basic.vue?raw'
+</script>

package/docs/components/input-code.md

@@ -1,24 +1,24 @@
-# InputCode 脚本输入框
-
-通过点击按钮打开一个集成了脚本编辑器的弹窗，用于编写代码或脚本内容。
-
-## 基础用法
-
-<Demo :source-code="inputCodeBasicCode">
-  <template #source>
-    <input-code-basic />
-  </template>
-  <template #description>
-    点击按钮打开代码编辑器，支持多种语言模式和示例代码对比。
-  </template>
-</Demo>
-
-## API
-
-<ApiTable :data="inputCodeApi" componentName="input-code" />
-
-<script setup>
-import InputCodeBasic from '../examples/input-code/basic.vue'
-import inputCodeApi from './meta/input-code'
-import inputCodeBasicCode from '../examples/input-code/basic.vue?raw'
-</script>
+# InputCode 脚本输入框
+
+通过点击按钮打开一个集成了脚本编辑器的弹窗，用于编写代码或脚本内容。
+
+## 基础用法
+
+<Demo :source-code="inputCodeBasicCode">
+  <template #source>
+    <input-code-basic />
+  </template>
+  <template #description>
+    点击按钮打开代码编辑器，支持多种语言模式和示例代码对比。
+  </template>
+</Demo>
+
+## API
+
+<ApiTable :data="inputCodeApi" componentName="input-code" />
+
+<script setup>
+import InputCodeBasic from '../examples/input-code/basic.vue'
+import inputCodeApi from './meta/input-code'
+import inputCodeBasicCode from '../examples/input-code/basic.vue?raw'
+</script>