el-plus 0.0.113 → 0.0.115

package/docs/components/use-confirm-dialog.md

@@ -1,86 +1,86 @@
-# useConfirmDialog 确认对话框
-
-基于 useFormDialog 实现的确认对话框，内置 textarea 输入框，适用于审批意见、备注填写等场景。
-
-## 基本用法
-
-```vue
-<template>
-  <el-button @click="handleConfirm">审批</el-button>
-</template>
-
-<script setup lang="tsx">
-import { useConfirmDialog } from 'el-plus'
-
-const ConfirmDialog = useConfirmDialog({
-  title: '审批确认',
-  placeholder: '请输入审批意见',
-})
-
-const handleConfirm = async () => {
-  try {
-    const result = await ConfirmDialog.open()
-    console.log '确认，意见：', result.value)
-  } catch (e) {
-    console.log('取消')
-  }
-}
-</script>
-```
-
-## Options
-
-| 属性 | 说明 | 类型 | 默认值 |
-|------|------|------|--------|
-| title | 对话框标题 | `string` | - |
-| width | 对话框宽度 | `string` | `'50%'` |
-| dialogProps | 对话框属性，继承自 useDialog | `DialogOptions` | - |
-| rows | textarea 行数 | `number` | `5` |
-| maxlength | 最大输入长度 | `number` | `500` |
-| minlength | 最小输入长度 | `number` | - |
-| showWordLimit | 显示字数统计 | `boolean` | `true` |
-| placeholder | 输入框占位符 | `string` | - |
-| rules | 表单验证规则 | `FormItemProps['rules']` | - |
-| required | 是否必填 | `boolean` | `true` |
-
-## 自定义验证
-
-```tsx
-const ConfirmDialog = useConfirmDialog({
-  title: '驳回原因',
-  required: true,
-  rules: [
-    { required: true, message: '请输入驳回原因', trigger: 'blur' },
-    { min: 10, message: '驳回原因不能少于10个字', trigger: 'blur' },
-  ],
-  placeholder: '请输入驳回原因（不少于10个字）',
-})
-```
-
-## 非必填确认
-
-```tsx
-const ConfirmDialog = useConfirmDialog({
-  title: '备注',
-  required: false, // 非必填
-  placeholder: '请输入备注（选填）',
-})
-```
-
-## 返回值
-
-确认时返回表单数据对象：
-
-```ts
-{
-  value: string // textarea 输入的内容
-}
-```
-
-## 方法
-
-| 方法 | 说明 | 类型 |
-|------|------|------|
-| open | 打开对话框并返回 Promise | `() => Promise<{ value: string }>` |
-| open | 打开对话框 | `() => void` |
-| close | 关闭对话框 | `() => void` |
+# useConfirmDialog 确认对话框
+
+基于 useFormDialog 实现的确认对话框，内置 textarea 输入框，适用于审批意见、备注填写等场景。
+
+## 基本用法
+
+```vue
+<template>
+  <el-button @click="handleConfirm">审批</el-button>
+</template>
+
+<script setup lang="tsx">
+import { useConfirmDialog } from 'el-plus'
+
+const ConfirmDialog = useConfirmDialog({
+  title: '审批确认',
+  placeholder: '请输入审批意见',
+})
+
+const handleConfirm = async () => {
+  try {
+    const result = await ConfirmDialog.open()
+    console.log '确认，意见：', result.value)
+  } catch (e) {
+    console.log('取消')
+  }
+}
+</script>
+```
+
+## Options
+
+| 属性 | 说明 | 类型 | 默认值 |
+|------|------|------|--------|
+| title | 对话框标题 | `string` | - |
+| width | 对话框宽度 | `string` | `'50%'` |
+| dialogProps | 对话框属性，继承自 useDialog | `DialogOptions` | - |
+| rows | textarea 行数 | `number` | `5` |
+| maxlength | 最大输入长度 | `number` | `500` |
+| minlength | 最小输入长度 | `number` | - |
+| showWordLimit | 显示字数统计 | `boolean` | `true` |
+| placeholder | 输入框占位符 | `string` | - |
+| rules | 表单验证规则 | `FormItemProps['rules']` | - |
+| required | 是否必填 | `boolean` | `true` |
+
+## 自定义验证
+
+```tsx
+const ConfirmDialog = useConfirmDialog({
+  title: '驳回原因',
+  required: true,
+  rules: [
+    { required: true, message: '请输入驳回原因', trigger: 'blur' },
+    { min: 10, message: '驳回原因不能少于10个字', trigger: 'blur' },
+  ],
+  placeholder: '请输入驳回原因（不少于10个字）',
+})
+```
+
+## 非必填确认
+
+```tsx
+const ConfirmDialog = useConfirmDialog({
+  title: '备注',
+  required: false, // 非必填
+  placeholder: '请输入备注（选填）',
+})
+```
+
+## 返回值
+
+确认时返回表单数据对象：
+
+```ts
+{
+  value: string // textarea 输入的内容
+}
+```
+
+## 方法
+
+| 方法 | 说明 | 类型 |
+|------|------|------|
+| open | 打开对话框并返回 Promise | `() => Promise<{ value: string }>` |
+| open | 打开对话框 | `() => void` |
+| close | 关闭对话框 | `() => void` |

package/docs/components/use-form-dialog.md

@@ -1,85 +1,85 @@
-# useFormDialog 表单对话框
-
-基于 useDialog 实现的表单对话框，集成 EpForm 组件，支持表单验证。
-
-## 基本用法
-
-```vue
-<template>
-  <el-button @click="openDialog">打开表单对话框</el-button>
-</template>
-
-<script setup lang="tsx">
-import { useFormDialog } from 'el-plus'
-
-
-const FormDialog = useFormDialog({
-  title: '用户信息',
-  formItemList:[
-    { prop: 'name', label: '姓名', required: true },
-    { prop: 'age', label: '年龄' },
-  ],
-  dialogProps: {
-    destroyOnClose: true, // 关闭时销毁对话框内容
-  },
-})
-
-const openDialog = async () => {
-  try {
-    const formData = await FormDialog.open()
-    console.log('表单数据', formData)
-  } catch (e) {
-    console.log('取消')
-  }
-}
-</script>
-```
-
-## Options
-
-| 属性 | 说明 | 类型 | 默认值 |
-|------|------|------|--------|
-| title | 对话框标题 | `string` | - |
-| width | 对话框宽度 | `string` | `'80%'` |
-| dialogProps | 对话框属性，继承自 useDialog | `DialogOptions` | - |
-| formData | 表单数据对象 | `object` | - |
-| formItemList | 表单项配置，参考 [EpForm](./form.md) | `FormItemProps[]` | - |
-| onBeforeConfirm | 确认前回调，可用于额外处理 | `(formData, resolve) => Promise<void>` | - |
-| onBeforeCancel | 取消前回调 | `(formData, resolve) => Promise<void>` | - |
-
-## 自定义表单数据
-
-```tsx
-const formData = reactive({
-  name: '',
-  age: '',
-})
-
-const FormDialog = useFormDialog({
-  title: '编辑用户',
-  formData, // 传入外部表单数据
-  formItemList,
-})
-```
-
-## 确认前处理
-
-```tsx
-const FormDialog = useFormDialog({
-  title: '提交表单',
-  formItemList,
-  onBeforeConfirm: async (formData, resolve) => {
-    // 可以在此处进行额外的异步操作
-    await api.submit(formData)
-    resolve(formData)
-  },
-})
-```
-
-## 方法
-
-| 方法 | 说明 | 类型 |
-|------|------|------|
-| open | 打开对话框并返回 Promise | `() => Promise<FormData>` |
-| open | 打开对话框 | `() => void` |
-| close | 关闭对话框 | `() => void` |
+# useFormDialog 表单对话框
+
+基于 useDialog 实现的表单对话框，集成 EpForm 组件，支持表单验证。
+
+## 基本用法
+
+```vue
+<template>
+  <el-button @click="openDialog">打开表单对话框</el-button>
+</template>
+
+<script setup lang="tsx">
+import { useFormDialog } from 'el-plus'
+
+
+const FormDialog = useFormDialog({
+  title: '用户信息',
+  formItemList:[
+    { prop: 'name', label: '姓名', required: true },
+    { prop: 'age', label: '年龄' },
+  ],
+  dialogProps: {
+    destroyOnClose: true, // 关闭时销毁对话框内容
+  },
+})
+
+const openDialog = async () => {
+  try {
+    const formData = await FormDialog.open()
+    console.log('表单数据', formData)
+  } catch (e) {
+    console.log('取消')
+  }
+}
+</script>
+```
+
+## Options
+
+| 属性 | 说明 | 类型 | 默认值 |
+|------|------|------|--------|
+| title | 对话框标题 | `string` | - |
+| width | 对话框宽度 | `string` | `'80%'` |
+| dialogProps | 对话框属性，继承自 useDialog | `DialogOptions` | - |
+| formData | 表单数据对象 | `object` | - |
+| formItemList | 表单项配置，参考 [EpForm](./form.md) | `FormItemProps[]` | - |
+| onBeforeConfirm | 确认前回调，可用于额外处理 | `(formData, resolve) => Promise<void>` | - |
+| onBeforeCancel | 取消前回调 | `(formData, resolve) => Promise<void>` | - |
+
+## 自定义表单数据
+
+```tsx
+const formData = reactive({
+  name: '',
+  age: '',
+})
+
+const FormDialog = useFormDialog({
+  title: '编辑用户',
+  formData, // 传入外部表单数据
+  formItemList,
+})
+```
+
+## 确认前处理
+
+```tsx
+const FormDialog = useFormDialog({
+  title: '提交表单',
+  formItemList,
+  onBeforeConfirm: async (formData, resolve) => {
+    // 可以在此处进行额外的异步操作
+    await api.submit(formData)
+    resolve(formData)
+  },
+})
+```
+
+## 方法
+
+| 方法 | 说明 | 类型 |
+|------|------|------|
+| open | 打开对话框并返回 Promise | `() => Promise<FormData>` |
+| open | 打开对话框 | `() => void` |
+| close | 关闭对话框 | `() => void` |

package/docs/guide/markdown-examples.md

@@ -1,85 +1,85 @@
-# Markdown Extension Examples
-
-This page demonstrates some of the built-in markdown extensions provided by VitePress.
-
-## Syntax Highlighting
-
-VitePress provides Syntax Highlighting powered by [Shiki](https://github.com/shikijs/shiki), with additional features like line-highlighting:
-
-**Input**
-
-````md
-```js{4}
-export default {
-  data () {
-    return {
-      msg: 'Highlighted!'
-    }
-  }
-}
-```
-````
-
-**Output**
-
-```js{4}
-export default {
-  data () {
-    return {
-      msg: 'Highlighted!'
-    }
-  }
-}
-```
-
-## Custom Containers
-
-**Input**
-
-```md
-::: info
-This is an info box.
-:::
-
-::: tip
-This is a tip.
-:::
-
-::: warning
-This is a warning.
-:::
-
-::: danger
-This is a dangerous warning.
-:::
-
-::: details
-This is a details block.
-:::
-```
-
-**Output**
-
-::: info
-This is an info box.
-:::
-
-::: tip
-This is a tip.
-:::
-
-::: warning
-This is a warning.
-:::
-
-::: danger
-This is a dangerous warning.
-:::
-
-::: details
-This is a details block.
-:::
-
-## More
-
-Check out the documentation for the [full list of markdown extensions](https://vitepress.dev/guide/markdown).
+# Markdown Extension Examples
+
+This page demonstrates some of the built-in markdown extensions provided by VitePress.
+
+## Syntax Highlighting
+
+VitePress provides Syntax Highlighting powered by [Shiki](https://github.com/shikijs/shiki), with additional features like line-highlighting:
+
+**Input**
+
+````md
+```js{4}
+export default {
+  data () {
+    return {
+      msg: 'Highlighted!'
+    }
+  }
+}
+```
+````
+
+**Output**
+
+```js{4}
+export default {
+  data () {
+    return {
+      msg: 'Highlighted!'
+    }
+  }
+}
+```
+
+## Custom Containers
+
+**Input**
+
+```md
+::: info
+This is an info box.
+:::
+
+::: tip
+This is a tip.
+:::
+
+::: warning
+This is a warning.
+:::
+
+::: danger
+This is a dangerous warning.
+:::
+
+::: details
+This is a details block.
+:::
+```
+
+**Output**
+
+::: info
+This is an info box.
+:::
+
+::: tip
+This is a tip.
+:::
+
+::: warning
+This is a warning.
+:::
+
+::: danger
+This is a dangerous warning.
+:::
+
+::: details
+This is a details block.
+:::
+
+## More
+
+Check out the documentation for the [full list of markdown extensions](https://vitepress.dev/guide/markdown).