x-next 1.18.0 → 1.18.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/AI_USAGE/catalog.md +1 -1
- package/AI_USAGE/components/alert-api.md +1 -1
- package/AI_USAGE/components/alert.md +1 -1
- package/AI_USAGE/components/bar-chart-api.md +1 -1
- package/AI_USAGE/components/bar-chart.md +1 -1
- package/AI_USAGE/components/boxicons.md +1 -1
- package/AI_USAGE/components/button-api.md +1 -1
- package/AI_USAGE/components/button.md +4 -4
- package/AI_USAGE/components/charts.md +1 -1
- package/AI_USAGE/components/checkbox-api.md +1 -1
- package/AI_USAGE/components/checkbox.md +1 -1
- package/AI_USAGE/components/color-picker-api.md +1 -1
- package/AI_USAGE/components/color-picker.md +1 -1
- package/AI_USAGE/components/config-provider-api.md +1 -1
- package/AI_USAGE/components/config-provider.md +1 -1
- package/AI_USAGE/components/date-picker-api.md +44 -26
- package/AI_USAGE/components/date-picker.md +78 -3
- package/AI_USAGE/components/dialog-api.md +2 -2
- package/AI_USAGE/components/dialog.md +5 -1
- package/AI_USAGE/components/draggable-api.md +1 -1
- package/AI_USAGE/components/draggable.md +1 -1
- package/AI_USAGE/components/drawer-api.md +1 -1
- package/AI_USAGE/components/drawer.md +1 -1
- package/AI_USAGE/components/dropdown-api.md +6 -1
- package/AI_USAGE/components/dropdown.md +2 -2
- package/AI_USAGE/components/empty-api.md +1 -1
- package/AI_USAGE/components/empty.md +1 -1
- package/AI_USAGE/components/finicon.md +1 -1
- package/AI_USAGE/components/form-api.md +1 -1
- package/AI_USAGE/components/form.md +1 -1
- package/AI_USAGE/components/grid-api.md +1 -1
- package/AI_USAGE/components/grid.md +1 -1
- package/AI_USAGE/components/heatmap-api.md +1 -1
- package/AI_USAGE/components/heatmap.md +1 -1
- package/AI_USAGE/components/icon-api.md +1 -1
- package/AI_USAGE/components/icon.md +1 -1
- package/AI_USAGE/components/image-api.md +1 -1
- package/AI_USAGE/components/image.md +1 -1
- package/AI_USAGE/components/input-api.md +1 -1
- package/AI_USAGE/components/input-number-api.md +1 -1
- package/AI_USAGE/components/input-number.md +1 -1
- package/AI_USAGE/components/input-tag-api.md +1 -1
- package/AI_USAGE/components/input-tag.md +1 -1
- package/AI_USAGE/components/input.md +1 -1
- package/AI_USAGE/components/layout-api.md +1 -1
- package/AI_USAGE/components/layout.md +1 -1
- package/AI_USAGE/components/line-chart-api.md +1 -1
- package/AI_USAGE/components/line-chart.md +1 -1
- package/AI_USAGE/components/link-api.md +1 -1
- package/AI_USAGE/components/link.md +1 -1
- package/AI_USAGE/components/menu-api.md +1 -1
- package/AI_USAGE/components/menu.md +1 -1
- package/AI_USAGE/components/message-api.md +1 -1
- package/AI_USAGE/components/message-box-api.md +1 -1
- package/AI_USAGE/components/message-box.md +1 -1
- package/AI_USAGE/components/message.md +1 -1
- package/AI_USAGE/components/network-api.md +1 -1
- package/AI_USAGE/components/network.md +1 -1
- package/AI_USAGE/components/notification-api.md +1 -1
- package/AI_USAGE/components/notification.md +1 -1
- package/AI_USAGE/components/pagination-api.md +1 -1
- package/AI_USAGE/components/pagination.md +1 -1
- package/AI_USAGE/components/pie-chart-api.md +1 -1
- package/AI_USAGE/components/pie-chart.md +1 -1
- package/AI_USAGE/components/popconfirm-api.md +1 -1
- package/AI_USAGE/components/popconfirm.md +1 -1
- package/AI_USAGE/components/popover-api.md +1 -1
- package/AI_USAGE/components/popover.md +3 -1
- package/AI_USAGE/components/popup-api.md +1 -1
- package/AI_USAGE/components/popup.md +1 -1
- package/AI_USAGE/components/progress-api.md +1 -1
- package/AI_USAGE/components/progress.md +1 -1
- package/AI_USAGE/components/radio-api.md +1 -1
- package/AI_USAGE/components/radio.md +1 -1
- package/AI_USAGE/components/rate-api.md +1 -1
- package/AI_USAGE/components/rate.md +1 -1
- package/AI_USAGE/components/resize-box-api.md +1 -1
- package/AI_USAGE/components/resize-box.md +1 -1
- package/AI_USAGE/components/scrollbar-api.md +1 -1
- package/AI_USAGE/components/scrollbar.md +1 -1
- package/AI_USAGE/components/select-api.md +1 -1
- package/AI_USAGE/components/select.md +1 -1
- package/AI_USAGE/components/skeleton-api.md +1 -1
- package/AI_USAGE/components/skeleton.md +1 -1
- package/AI_USAGE/components/slider-api.md +1 -1
- package/AI_USAGE/components/slider.md +1 -1
- package/AI_USAGE/components/space-api.md +1 -1
- package/AI_USAGE/components/space.md +1 -1
- package/AI_USAGE/components/spin-api.md +1 -1
- package/AI_USAGE/components/spin.md +1 -1
- package/AI_USAGE/components/steps-api.md +1 -1
- package/AI_USAGE/components/steps.md +1 -1
- package/AI_USAGE/components/switch-api.md +1 -1
- package/AI_USAGE/components/switch.md +1 -1
- package/AI_USAGE/components/table-api.md +1 -1
- package/AI_USAGE/components/table.md +1 -1
- package/AI_USAGE/components/tabs-api.md +1 -1
- package/AI_USAGE/components/tabs.md +1 -1
- package/AI_USAGE/components/tag-api.md +1 -1
- package/AI_USAGE/components/tag.md +1 -1
- package/AI_USAGE/components/textarea-api.md +1 -1
- package/AI_USAGE/components/textarea.md +1 -1
- package/AI_USAGE/components/time-picker-api.md +1 -1
- package/AI_USAGE/components/time-picker.md +1 -1
- package/AI_USAGE/components/time-range-selector-api.md +1 -1
- package/AI_USAGE/components/time-range-selector.md +1 -1
- package/AI_USAGE/components/timeline-api.md +1 -1
- package/AI_USAGE/components/timeline.md +1 -1
- package/AI_USAGE/components/tooltip-api.md +1 -1
- package/AI_USAGE/components/tooltip.md +1 -1
- package/AI_USAGE/components/transfer-api.md +1 -1
- package/AI_USAGE/components/transfer.md +1 -1
- package/AI_USAGE/components/tree-select-api.md +1 -1
- package/AI_USAGE/components/tree-select.md +1 -1
- package/AI_USAGE/components/trend-chart-api.md +1 -1
- package/AI_USAGE/components/trend-chart.md +1 -1
- package/AI_USAGE/components/trigger-api.md +1 -1
- package/AI_USAGE/components/trigger.md +1 -1
- package/AI_USAGE/components/upload-api.md +1 -1
- package/AI_USAGE/components/upload.md +1 -1
- package/AI_USAGE/components/watermark-api.md +1 -1
- package/AI_USAGE/components/watermark.md +1 -1
- package/AI_USAGE/core.md +1 -1
- package/AI_USAGE/index.md +1 -1
- package/AI_USAGE/recipes/form-on-demand.md +1 -1
- package/AI_USAGE.md +138 -34
- package/CHANGELOG.md +16 -0
- package/dist/_container/render-function.d.ts +2 -2
- package/dist/components/_components/picker/input-range.vue.d.ts +1 -1
- package/dist/components/date-picker/DatePanel.vue.d.ts +10 -1
- package/dist/components/date-picker/DatePicker.vue.d.ts +22 -10
- package/dist/components/date-picker/index.d.ts +156 -54
- package/dist/components/date-picker/utils.d.ts +4 -4
- package/dist/components/dropdown/Dropdown.vue.d.ts +1 -0
- package/dist/components/dropdown/DropdownButton.vue.d.ts +1 -0
- package/dist/components/dropdown/DropdownSubmenu.vue.d.ts +1 -0
- package/dist/components/dropdown/context.d.ts +1 -0
- package/dist/components/dropdown/index.d.ts +8 -0
- package/dist/components/dropdown/use-keyboard.d.ts +1 -0
- package/dist/components/menu/MenuItem.d.ts +2 -2
- package/dist/components/menu/context.d.ts +3 -3
- package/dist/components/menu/index.d.ts +6 -6
- package/dist/components/menu/sub-menu-pop.vue.d.ts +2 -2
- package/dist/components/time-picker/TimePicker.vue.d.ts +1 -1
- package/dist/components/time-picker/index.d.ts +2 -2
- package/dist/es/components/_components/picker/input-range.vue.js +12 -12
- package/dist/es/components/_components/picker/input-range.vue2.js +45 -45
- package/dist/es/components/_components/picker/input.vue2.js +24 -24
- package/dist/es/components/date-picker/DatePanel.vue.js +47 -47
- package/dist/es/components/date-picker/DatePanel.vue2.js +68 -59
- package/dist/es/components/date-picker/DatePicker.vue.js +65 -59
- package/dist/es/components/date-picker/DatePicker.vue2.js +387 -284
- package/dist/es/components/date-picker/index.js +57 -36
- package/dist/es/components/date-picker/utils.js +132 -122
- package/dist/es/components/dialog/Dialog.js +43 -40
- package/dist/es/components/dialog/props.js +1 -1
- package/dist/es/components/dropdown/Dropdown.vue2.js +66 -50
- package/dist/es/components/dropdown/dropdown-panel.vue2.js +48 -43
- package/dist/es/components/dropdown/use-keyboard.js +36 -28
- package/dist/es/components/popover/Popover.js +72 -32
- package/dist/es/style.css +1 -1
- package/dist/index.cjs +3 -3
- package/dist/index.umd.js +3 -3
- package/dist/style/button.css +1 -1
- package/dist/style/date-picker.css +1 -1
- package/dist/style/dialog.css +1 -1
- package/dist/style/message-box.css +1 -1
- package/dist/style.css +1 -1
- package/package.json +2 -1
package/AI_USAGE/catalog.md
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<!-- Generated by pnpm generate:ai-usage. Edit script/ai-usage/content.md and script/ai-usage/. -->
|
|
2
2
|
# 公开组件与服务导航
|
|
3
3
|
|
|
4
|
-
适用版本:x-next@1.18.
|
|
4
|
+
适用版本:x-next@1.18.1;来源指纹:`5a7a6ac6864f5c967d7414c6cb2bf7b0470f3208f35e8ece68ed34b3b2716d83`。
|
|
5
5
|
|
|
6
6
|
从当前构建的根公共声明生成,包含 106 个具名组件/服务导出(含子组件和别名,不等于组件族数量),每项均有包内用法与 API 导航。运行时仅从 `x-next` 导入;未列出的 hooks、指令和类型继续查 [公共入口声明](../dist/index.d.ts)。
|
|
7
7
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<!-- Generated by pnpm generate:ai-usage. Edit script/ai-usage/content.md and script/ai-usage/. -->
|
|
2
2
|
# Alert 完整公开 API
|
|
3
3
|
|
|
4
|
-
适用版本:x-next@1.18.
|
|
4
|
+
适用版本:x-next@1.18.1;来源指纹:`5a7a6ac6864f5c967d7414c6cb2bf7b0470f3208f35e8ece68ed34b3b2716d83`。
|
|
5
5
|
|
|
6
6
|
从同版本构建的公开声明、运行时 props/emits 和显式 expose 生成。运行时导入始终使用 `x-next`,声明路径仅作定位。插槽类型未细化时,具体槽名与作用域见本地用法示例。
|
|
7
7
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<!-- Generated by pnpm generate:ai-usage. Edit script/ai-usage/content.md and script/ai-usage/. -->
|
|
2
2
|
# Alert AI 使用
|
|
3
3
|
|
|
4
|
-
适用版本:x-next@1.18.
|
|
4
|
+
适用版本:x-next@1.18.1;来源指纹:`5a7a6ac6864f5c967d7414c6cb2bf7b0470f3208f35e8ece68ed34b3b2716d83`。
|
|
5
5
|
|
|
6
6
|
先读 [通用接入](../core.md)。公开导出:`Alert`;主要模型:v-model:visible。完整 Props、Events、Slots、实例方法与服务签名见 [本地 API](./alert-api.md),包含本组件族全部子组件和别名。
|
|
7
7
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<!-- Generated by pnpm generate:ai-usage. Edit script/ai-usage/content.md and script/ai-usage/. -->
|
|
2
2
|
# BarChart 完整公开 API
|
|
3
3
|
|
|
4
|
-
适用版本:x-next@1.18.
|
|
4
|
+
适用版本:x-next@1.18.1;来源指纹:`5a7a6ac6864f5c967d7414c6cb2bf7b0470f3208f35e8ece68ed34b3b2716d83`。
|
|
5
5
|
|
|
6
6
|
从同版本构建的公开声明、运行时 props/emits 和显式 expose 生成。运行时导入始终使用 `x-next`,声明路径仅作定位。插槽类型未细化时,具体槽名与作用域见本地用法示例。
|
|
7
7
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<!-- Generated by pnpm generate:ai-usage. Edit script/ai-usage/content.md and script/ai-usage/. -->
|
|
2
2
|
# BarChart AI 使用
|
|
3
3
|
|
|
4
|
-
适用版本:x-next@1.18.
|
|
4
|
+
适用版本:x-next@1.18.1;来源指纹:`5a7a6ac6864f5c967d7414c6cb2bf7b0470f3208f35e8ece68ed34b3b2716d83`。
|
|
5
5
|
|
|
6
6
|
先读 [通用接入](../core.md)。公开导出:`BarChart`;主要模型:无。完整 Props、Events、Slots、实例方法与服务签名见 [本地 API](./bar-chart-api.md),包含本组件族全部子组件和别名。
|
|
7
7
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<!-- Generated by pnpm generate:ai-usage. Edit script/ai-usage/content.md and script/ai-usage/. -->
|
|
2
2
|
# Boxicons AI 用法
|
|
3
3
|
|
|
4
|
-
适用版本:x-next@1.18.
|
|
4
|
+
适用版本:x-next@1.18.1;来源指纹:`5a7a6ac6864f5c967d7414c6cb2bf7b0470f3208f35e8ece68ed34b3b2716d83`。
|
|
5
5
|
|
|
6
6
|
先读 [通用接入](../core.md)。本地组件文档导入的选型和配套资源用法。
|
|
7
7
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<!-- Generated by pnpm generate:ai-usage. Edit script/ai-usage/content.md and script/ai-usage/. -->
|
|
2
2
|
# Button 完整公开 API
|
|
3
3
|
|
|
4
|
-
适用版本:x-next@1.18.
|
|
4
|
+
适用版本:x-next@1.18.1;来源指纹:`5a7a6ac6864f5c967d7414c6cb2bf7b0470f3208f35e8ece68ed34b3b2716d83`。
|
|
5
5
|
|
|
6
6
|
从同版本构建的公开声明、运行时 props/emits 和显式 expose 生成。运行时导入始终使用 `x-next`,声明路径仅作定位。插槽类型未细化时,具体槽名与作用域见本地用法示例。
|
|
7
7
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<!-- Generated by pnpm generate:ai-usage. Edit script/ai-usage/content.md and script/ai-usage/. -->
|
|
2
2
|
# Button AI 使用
|
|
3
3
|
|
|
4
|
-
适用版本:x-next@1.18.
|
|
4
|
+
适用版本:x-next@1.18.1;来源指纹:`5a7a6ac6864f5c967d7414c6cb2bf7b0470f3208f35e8ece68ed34b3b2716d83`。
|
|
5
5
|
|
|
6
6
|
先读 [通用接入](../core.md)。公开导出:`Button, ButtonGroup`;主要模型:无。完整 Props、Events、Slots、实例方法与服务签名见 [本地 API](./button-api.md),包含本组件族全部子组件和别名。
|
|
7
7
|
|
|
@@ -397,7 +397,7 @@ const sizes = ['mini', 'small', 'medium', 'large', 'huge'] as const;
|
|
|
397
397
|
|
|
398
398
|
### 尺寸
|
|
399
399
|
|
|
400
|
-
`mini`、`small`、`medium`、`large`、`huge` 的默认高度分别为 24、28、32、36、38px。
|
|
400
|
+
`mini`、`small`、`medium`、`large`、`huge` 的默认高度分别为 24、28、32、36、38px,字号分别为 12、13、14、15、16px。
|
|
401
401
|
|
|
402
402
|
以下为默认主题中的尺寸规格;链接和形状选项会按对应规则调整布局。
|
|
403
403
|
|
|
@@ -406,8 +406,8 @@ const sizes = ['mini', 'small', 'medium', 'large', 'huge'] as const;
|
|
|
406
406
|
| `mini` | 24px | 12px | 500 | 8px | 4px |
|
|
407
407
|
| `small` | 28px | 13px | 500 | 10px | 4px |
|
|
408
408
|
| `medium` | 32px | 14px | 500 | 14px | 4px |
|
|
409
|
-
| `large` | 36px |
|
|
410
|
-
| `huge` | 38px | 16px | 500 |
|
|
409
|
+
| `large` | 36px | 15px | 500 | 16px | 6px |
|
|
410
|
+
| `huge` | 38px | 16px | 500 | 20px | 6px |
|
|
411
411
|
|
|
412
412
|
```vue
|
|
413
413
|
<script setup lang="ts">
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<!-- Generated by pnpm generate:ai-usage. Edit script/ai-usage/content.md and script/ai-usage/. -->
|
|
2
2
|
# Charts AI 用法
|
|
3
3
|
|
|
4
|
-
适用版本:x-next@1.18.
|
|
4
|
+
适用版本:x-next@1.18.1;来源指纹:`5a7a6ac6864f5c967d7414c6cb2bf7b0470f3208f35e8ece68ed34b3b2716d83`。
|
|
5
5
|
|
|
6
6
|
先读 [通用接入](../core.md)。本地组件文档导入的选型和配套资源用法。
|
|
7
7
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<!-- Generated by pnpm generate:ai-usage. Edit script/ai-usage/content.md and script/ai-usage/. -->
|
|
2
2
|
# Checkbox 完整公开 API
|
|
3
3
|
|
|
4
|
-
适用版本:x-next@1.18.
|
|
4
|
+
适用版本:x-next@1.18.1;来源指纹:`5a7a6ac6864f5c967d7414c6cb2bf7b0470f3208f35e8ece68ed34b3b2716d83`。
|
|
5
5
|
|
|
6
6
|
从同版本构建的公开声明、运行时 props/emits 和显式 expose 生成。运行时导入始终使用 `x-next`,声明路径仅作定位。插槽类型未细化时,具体槽名与作用域见本地用法示例。
|
|
7
7
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<!-- Generated by pnpm generate:ai-usage. Edit script/ai-usage/content.md and script/ai-usage/. -->
|
|
2
2
|
# Checkbox AI 使用
|
|
3
3
|
|
|
4
|
-
适用版本:x-next@1.18.
|
|
4
|
+
适用版本:x-next@1.18.1;来源指纹:`5a7a6ac6864f5c967d7414c6cb2bf7b0470f3208f35e8ece68ed34b3b2716d83`。
|
|
5
5
|
|
|
6
6
|
先读 [通用接入](../core.md)。公开导出:`Checkbox, CheckboxGroup`;主要模型:v-model。完整 Props、Events、Slots、实例方法与服务签名见 [本地 API](./checkbox-api.md),包含本组件族全部子组件和别名。
|
|
7
7
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<!-- Generated by pnpm generate:ai-usage. Edit script/ai-usage/content.md and script/ai-usage/. -->
|
|
2
2
|
# ColorPicker 完整公开 API
|
|
3
3
|
|
|
4
|
-
适用版本:x-next@1.18.
|
|
4
|
+
适用版本:x-next@1.18.1;来源指纹:`5a7a6ac6864f5c967d7414c6cb2bf7b0470f3208f35e8ece68ed34b3b2716d83`。
|
|
5
5
|
|
|
6
6
|
从同版本构建的公开声明、运行时 props/emits 和显式 expose 生成。运行时导入始终使用 `x-next`,声明路径仅作定位。插槽类型未细化时,具体槽名与作用域见本地用法示例。
|
|
7
7
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<!-- Generated by pnpm generate:ai-usage. Edit script/ai-usage/content.md and script/ai-usage/. -->
|
|
2
2
|
# ColorPicker AI 使用
|
|
3
3
|
|
|
4
|
-
适用版本:x-next@1.18.
|
|
4
|
+
适用版本:x-next@1.18.1;来源指纹:`5a7a6ac6864f5c967d7414c6cb2bf7b0470f3208f35e8ece68ed34b3b2716d83`。
|
|
5
5
|
|
|
6
6
|
先读 [通用接入](../core.md)。公开导出:`ColorPicker`;主要模型:v-model、v-model:show。完整 Props、Events、Slots、实例方法与服务签名见 [本地 API](./color-picker-api.md),包含本组件族全部子组件和别名。
|
|
7
7
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<!-- Generated by pnpm generate:ai-usage. Edit script/ai-usage/content.md and script/ai-usage/. -->
|
|
2
2
|
# ConfigProvider 完整公开 API
|
|
3
3
|
|
|
4
|
-
适用版本:x-next@1.18.
|
|
4
|
+
适用版本:x-next@1.18.1;来源指纹:`5a7a6ac6864f5c967d7414c6cb2bf7b0470f3208f35e8ece68ed34b3b2716d83`。
|
|
5
5
|
|
|
6
6
|
从同版本构建的公开声明、运行时 props/emits 和显式 expose 生成。运行时导入始终使用 `x-next`,声明路径仅作定位。插槽类型未细化时,具体槽名与作用域见本地用法示例。
|
|
7
7
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<!-- Generated by pnpm generate:ai-usage. Edit script/ai-usage/content.md and script/ai-usage/. -->
|
|
2
2
|
# ConfigProvider AI 使用
|
|
3
3
|
|
|
4
|
-
适用版本:x-next@1.18.
|
|
4
|
+
适用版本:x-next@1.18.1;来源指纹:`5a7a6ac6864f5c967d7414c6cb2bf7b0470f3208f35e8ece68ed34b3b2716d83`。
|
|
5
5
|
|
|
6
6
|
先读 [通用接入](../core.md)。公开导出:`ConfigProvider`;主要模型:无。完整 Props、Events、Slots、实例方法与服务签名见 [本地 API](./config-provider-api.md),包含本组件族全部子组件和别名。
|
|
7
7
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<!-- Generated by pnpm generate:ai-usage. Edit script/ai-usage/content.md and script/ai-usage/. -->
|
|
2
2
|
# DatePicker 完整公开 API
|
|
3
3
|
|
|
4
|
-
适用版本:x-next@1.18.
|
|
4
|
+
适用版本:x-next@1.18.1;来源指纹:`5a7a6ac6864f5c967d7414c6cb2bf7b0470f3208f35e8ece68ed34b3b2716d83`。
|
|
5
5
|
|
|
6
6
|
从同版本构建的公开声明、运行时 props/emits 和显式 expose 生成。运行时导入始终使用 `x-next`,声明路径仅作定位。插槽类型未细化时,具体槽名与作用域见本地用法示例。
|
|
7
7
|
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
| pickerValue | 面板显示日期 | undefined | string | number | Date | (DatePickerValue | undefined)[] | 否 | 未声明 |
|
|
20
20
|
| defaultPickerValue | 默认面板显示日期 | undefined | string | number | Date | (DatePickerValue | undefined)[] | 否 | 未声明 |
|
|
21
21
|
| placeholder | 占位文案 | undefined | string | string[] | 否 | 未声明 |
|
|
22
|
-
| disabled |
|
|
22
|
+
| disabled | 是否禁用;范围数组分别锁定两端,单端锁定时只更新另一端并隐藏整体清空 | undefined | false | true | boolean[] | 否 | false |
|
|
23
23
|
| readonly | 是否只读 | undefined | false | true | 否 | false |
|
|
24
24
|
| disabledInput | 禁止输入框键盘输入但允许面板选择 | undefined | false | true | 否 | false |
|
|
25
25
|
| inputReadOnly | 输入框只读,常用于移动端避免软键盘 | undefined | false | true | 否 | false |
|
|
@@ -41,8 +41,8 @@
|
|
|
41
41
|
| showToday | 是否显示今天 / 本月 / 今年按钮 | undefined | false | true | 否 | true |
|
|
42
42
|
| showConfirmBtn | 是否显示确认按钮 | undefined | false | true | 否 | false |
|
|
43
43
|
| showTime | 是否开启日期时间选择,仅 date / date-range 生效 | undefined | false | true | 否 | false |
|
|
44
|
-
| timePickerProps | 时间列配置,支持 format、step、use12Hours、disabledHours、disabledMinutes、disabledSeconds、hideDisabledOptions、defaultValue | undefined |
|
|
45
|
-
| disabledTime | 禁用时间,需要配合 showTime 使用 | undefined | (current?: Date, type?: DatePickerRange) =>
|
|
44
|
+
| timePickerProps | 时间列配置,支持 format、step、use12Hours、disabledHours、disabledMinutes、disabledSeconds、hideDisabledOptions、defaultValue | undefined | DatePickerTimePickerProps | 否 | 未声明 |
|
|
45
|
+
| disabledTime | 禁用时间,需要配合 showTime 使用 | undefined | (current?: Date, type?: DatePickerRange) => DatePickerDisabledTimeProps | undefined | 否 | 未声明 |
|
|
46
46
|
| showLunar | 是否展示中国农历辅助信息,支持控制农历日期、农历节日、节气和公历节日 | undefined | false | true | { showLunarDate?: boolean; showLunarFestival?: boolean; showSolarTerm?: boolean; showSolarFestival?: boolean; fallbackText?: string; } | 否 | false |
|
|
47
47
|
|
|
48
48
|
### Events
|
|
@@ -73,9 +73,12 @@
|
|
|
73
73
|
| cell | 自定义日期单元格 | 文档列出的实际插槽;公开类型未细化,作用域见场景用法 |
|
|
74
74
|
| extra | 面板快捷区额外内容 | 文档列出的实际插槽;公开类型未细化,作用域见场景用法 |
|
|
75
75
|
|
|
76
|
-
### 实例方法
|
|
76
|
+
### 实例方法 / 暴露值
|
|
77
77
|
|
|
78
|
-
|
|
78
|
+
| 名称 | 公开类型 |
|
|
79
|
+
| --- | --- |
|
|
80
|
+
| focus | () => void |
|
|
81
|
+
| blur | () => void |
|
|
79
82
|
|
|
80
83
|
### 关联类型定义
|
|
81
84
|
|
|
@@ -230,8 +233,8 @@ interface DatePickerProps {
|
|
|
230
233
|
| showToday | 见场景用法与类型 | undefined | false | true | 否 | 透传内层组件;默认值见对应组件 |
|
|
231
234
|
| showConfirmBtn | 见场景用法与类型 | undefined | false | true | 否 | 透传内层组件;默认值见对应组件 |
|
|
232
235
|
| showTime | 见场景用法与类型 | undefined | false | true | 否 | 透传内层组件;默认值见对应组件 |
|
|
233
|
-
| timePickerProps | 见场景用法与类型 | undefined |
|
|
234
|
-
| disabledTime | 见场景用法与类型 | undefined | (current?: Date, type?: DatePickerRange) =>
|
|
236
|
+
| timePickerProps | 见场景用法与类型 | undefined | DatePickerTimePickerProps | 否 | 透传内层组件;默认值见对应组件 |
|
|
237
|
+
| disabledTime | 见场景用法与类型 | undefined | (current?: Date, type?: DatePickerRange) => DatePickerDisabledTimeProps | undefined | 否 | 透传内层组件;默认值见对应组件 |
|
|
235
238
|
| showLunar | 见场景用法与类型 | undefined | false | true | { showLunarDate?: boolean; showLunarFestival?: boolean; showSolarTerm?: boolean; showSolarFestival?: boolean; fallbackText?: string; } | 否 | 透传内层组件;默认值见对应组件 |
|
|
236
239
|
|
|
237
240
|
### Events
|
|
@@ -256,9 +259,12 @@ interface DatePickerProps {
|
|
|
256
259
|
|
|
257
260
|
公开类型未逐项声明插槽;本页场景说明列出实际使用的插槽,不将任意插槽视为已支持。
|
|
258
261
|
|
|
259
|
-
### 实例方法
|
|
262
|
+
### 实例方法 / 暴露值
|
|
260
263
|
|
|
261
|
-
|
|
264
|
+
| 名称 | 公开类型 |
|
|
265
|
+
| --- | --- |
|
|
266
|
+
| focus | (() => void) & (() => void) |
|
|
267
|
+
| blur | (() => void) & (() => void) |
|
|
262
268
|
|
|
263
269
|
### 关联类型定义
|
|
264
270
|
|
|
@@ -413,8 +419,8 @@ interface DatePickerProps {
|
|
|
413
419
|
| showToday | 见场景用法与类型 | undefined | false | true | 否 | 透传内层组件;默认值见对应组件 |
|
|
414
420
|
| showConfirmBtn | 见场景用法与类型 | undefined | false | true | 否 | 透传内层组件;默认值见对应组件 |
|
|
415
421
|
| showTime | 见场景用法与类型 | undefined | false | true | 否 | 透传内层组件;默认值见对应组件 |
|
|
416
|
-
| timePickerProps | 见场景用法与类型 | undefined |
|
|
417
|
-
| disabledTime | 见场景用法与类型 | undefined | (current?: Date, type?: DatePickerRange) =>
|
|
422
|
+
| timePickerProps | 见场景用法与类型 | undefined | DatePickerTimePickerProps | 否 | 透传内层组件;默认值见对应组件 |
|
|
423
|
+
| disabledTime | 见场景用法与类型 | undefined | (current?: Date, type?: DatePickerRange) => DatePickerDisabledTimeProps | undefined | 否 | 透传内层组件;默认值见对应组件 |
|
|
418
424
|
| showLunar | 见场景用法与类型 | undefined | false | true | { showLunarDate?: boolean; showLunarFestival?: boolean; showSolarTerm?: boolean; showSolarFestival?: boolean; fallbackText?: string; } | 否 | 透传内层组件;默认值见对应组件 |
|
|
419
425
|
|
|
420
426
|
### Events
|
|
@@ -439,9 +445,12 @@ interface DatePickerProps {
|
|
|
439
445
|
|
|
440
446
|
公开类型未逐项声明插槽;本页场景说明列出实际使用的插槽,不将任意插槽视为已支持。
|
|
441
447
|
|
|
442
|
-
### 实例方法
|
|
448
|
+
### 实例方法 / 暴露值
|
|
443
449
|
|
|
444
|
-
|
|
450
|
+
| 名称 | 公开类型 |
|
|
451
|
+
| --- | --- |
|
|
452
|
+
| focus | (() => void) & (() => void) |
|
|
453
|
+
| blur | (() => void) & (() => void) |
|
|
445
454
|
|
|
446
455
|
### 关联类型定义
|
|
447
456
|
|
|
@@ -597,8 +606,8 @@ interface DatePickerProps {
|
|
|
597
606
|
| showToday | 见场景用法与类型 | undefined | false | true | 否 | 透传内层组件;默认值见对应组件 |
|
|
598
607
|
| showConfirmBtn | 见场景用法与类型 | undefined | false | true | 否 | 透传内层组件;默认值见对应组件 |
|
|
599
608
|
| showTime | 见场景用法与类型 | undefined | false | true | 否 | 透传内层组件;默认值见对应组件 |
|
|
600
|
-
| timePickerProps | 见场景用法与类型 | undefined |
|
|
601
|
-
| disabledTime | 见场景用法与类型 | undefined | (current?: Date, type?: DatePickerRange) =>
|
|
609
|
+
| timePickerProps | 见场景用法与类型 | undefined | DatePickerTimePickerProps | 否 | 透传内层组件;默认值见对应组件 |
|
|
610
|
+
| disabledTime | 见场景用法与类型 | undefined | (current?: Date, type?: DatePickerRange) => DatePickerDisabledTimeProps | undefined | 否 | 透传内层组件;默认值见对应组件 |
|
|
602
611
|
| showLunar | 见场景用法与类型 | undefined | false | true | { showLunarDate?: boolean; showLunarFestival?: boolean; showSolarTerm?: boolean; showSolarFestival?: boolean; fallbackText?: string; } | 否 | 透传内层组件;默认值见对应组件 |
|
|
603
612
|
|
|
604
613
|
### Events
|
|
@@ -623,9 +632,12 @@ interface DatePickerProps {
|
|
|
623
632
|
|
|
624
633
|
公开类型未逐项声明插槽;本页场景说明列出实际使用的插槽,不将任意插槽视为已支持。
|
|
625
634
|
|
|
626
|
-
### 实例方法
|
|
635
|
+
### 实例方法 / 暴露值
|
|
627
636
|
|
|
628
|
-
|
|
637
|
+
| 名称 | 公开类型 |
|
|
638
|
+
| --- | --- |
|
|
639
|
+
| focus | (() => void) & (() => void) |
|
|
640
|
+
| blur | (() => void) & (() => void) |
|
|
629
641
|
|
|
630
642
|
### 关联类型定义
|
|
631
643
|
|
|
@@ -780,8 +792,8 @@ interface DatePickerProps {
|
|
|
780
792
|
| showToday | 见场景用法与类型 | undefined | false | true | 否 | 透传内层组件;默认值见对应组件 |
|
|
781
793
|
| showConfirmBtn | 见场景用法与类型 | undefined | false | true | 否 | 透传内层组件;默认值见对应组件 |
|
|
782
794
|
| showTime | 见场景用法与类型 | undefined | false | true | 否 | 透传内层组件;默认值见对应组件 |
|
|
783
|
-
| timePickerProps | 见场景用法与类型 | undefined |
|
|
784
|
-
| disabledTime | 见场景用法与类型 | undefined | (current?: Date, type?: DatePickerRange) =>
|
|
795
|
+
| timePickerProps | 见场景用法与类型 | undefined | DatePickerTimePickerProps | 否 | 透传内层组件;默认值见对应组件 |
|
|
796
|
+
| disabledTime | 见场景用法与类型 | undefined | (current?: Date, type?: DatePickerRange) => DatePickerDisabledTimeProps | undefined | 否 | 透传内层组件;默认值见对应组件 |
|
|
785
797
|
| showLunar | 见场景用法与类型 | undefined | false | true | { showLunarDate?: boolean; showLunarFestival?: boolean; showSolarTerm?: boolean; showSolarFestival?: boolean; fallbackText?: string; } | 否 | 透传内层组件;默认值见对应组件 |
|
|
786
798
|
|
|
787
799
|
### Events
|
|
@@ -806,9 +818,12 @@ interface DatePickerProps {
|
|
|
806
818
|
|
|
807
819
|
公开类型未逐项声明插槽;本页场景说明列出实际使用的插槽,不将任意插槽视为已支持。
|
|
808
820
|
|
|
809
|
-
### 实例方法
|
|
821
|
+
### 实例方法 / 暴露值
|
|
810
822
|
|
|
811
|
-
|
|
823
|
+
| 名称 | 公开类型 |
|
|
824
|
+
| --- | --- |
|
|
825
|
+
| focus | (() => void) & (() => void) |
|
|
826
|
+
| blur | (() => void) & (() => void) |
|
|
812
827
|
|
|
813
828
|
### 关联类型定义
|
|
814
829
|
|
|
@@ -963,8 +978,8 @@ interface DatePickerProps {
|
|
|
963
978
|
| showToday | 见场景用法与类型 | undefined | false | true | 否 | 透传内层组件;默认值见对应组件 |
|
|
964
979
|
| showConfirmBtn | 见场景用法与类型 | undefined | false | true | 否 | 透传内层组件;默认值见对应组件 |
|
|
965
980
|
| showTime | 见场景用法与类型 | undefined | false | true | 否 | 透传内层组件;默认值见对应组件 |
|
|
966
|
-
| timePickerProps | 见场景用法与类型 | undefined |
|
|
967
|
-
| disabledTime | 见场景用法与类型 | undefined | (current?: Date, type?: DatePickerRange) =>
|
|
981
|
+
| timePickerProps | 见场景用法与类型 | undefined | DatePickerTimePickerProps | 否 | 透传内层组件;默认值见对应组件 |
|
|
982
|
+
| disabledTime | 见场景用法与类型 | undefined | (current?: Date, type?: DatePickerRange) => DatePickerDisabledTimeProps | undefined | 否 | 透传内层组件;默认值见对应组件 |
|
|
968
983
|
| showLunar | 见场景用法与类型 | undefined | false | true | { showLunarDate?: boolean; showLunarFestival?: boolean; showSolarTerm?: boolean; showSolarFestival?: boolean; fallbackText?: string; } | 否 | 透传内层组件;默认值见对应组件 |
|
|
969
984
|
|
|
970
985
|
### Events
|
|
@@ -989,9 +1004,12 @@ interface DatePickerProps {
|
|
|
989
1004
|
|
|
990
1005
|
公开类型未逐项声明插槽;本页场景说明列出实际使用的插槽,不将任意插槽视为已支持。
|
|
991
1006
|
|
|
992
|
-
### 实例方法
|
|
1007
|
+
### 实例方法 / 暴露值
|
|
993
1008
|
|
|
994
|
-
|
|
1009
|
+
| 名称 | 公开类型 |
|
|
1010
|
+
| --- | --- |
|
|
1011
|
+
| focus | (() => void) & (() => void) |
|
|
1012
|
+
| blur | (() => void) & (() => void) |
|
|
995
1013
|
|
|
996
1014
|
### 关联类型定义
|
|
997
1015
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<!-- Generated by pnpm generate:ai-usage. Edit script/ai-usage/content.md and script/ai-usage/. -->
|
|
2
2
|
# DatePicker AI 使用
|
|
3
3
|
|
|
4
|
-
适用版本:x-next@1.18.
|
|
4
|
+
适用版本:x-next@1.18.1;来源指纹:`5a7a6ac6864f5c967d7414c6cb2bf7b0470f3208f35e8ece68ed34b3b2716d83`。
|
|
5
5
|
|
|
6
6
|
先读 [通用接入](../core.md)。公开导出:`DatePicker, MonthPicker, QuarterPicker, RangePicker, WeekPicker, YearPicker`;主要模型:v-model、v-model:popup-visible。完整 Props、Events、Slots、实例方法与服务签名见 [本地 API](./date-picker-api.md),包含本组件族全部子组件和别名。
|
|
7
7
|
|
|
@@ -128,6 +128,10 @@ const range = ref(['2026-06-01', '2026-06-30']);
|
|
|
128
128
|
|
|
129
129
|
### 中国农历展示
|
|
130
130
|
|
|
131
|
+
### 农历空辅助行和禁用状态
|
|
132
|
+
|
|
133
|
+
只显示节日和节气时,部分日期没有辅助文案;数字、选中圆圈和范围色带仍共用同一日期区。周末禁用时,数字与农历文字一同弱化,包括绑定值已命中禁用日期的情况。
|
|
134
|
+
|
|
131
135
|
```vue
|
|
132
136
|
<script setup lang="ts">
|
|
133
137
|
import 'x-next/style.css';
|
|
@@ -146,6 +150,24 @@ const range = ref(['2026-06-19', '2026-09-25']);
|
|
|
146
150
|
</template>
|
|
147
151
|
```
|
|
148
152
|
|
|
153
|
+
```vue
|
|
154
|
+
<script setup lang="ts">
|
|
155
|
+
import 'x-next/style.css';
|
|
156
|
+
import { RangePicker, DatePicker } from 'x-next';
|
|
157
|
+
import { ref } from 'vue';
|
|
158
|
+
const range = ref(['2026-06-19', '2026-07-07']);
|
|
159
|
+
const date = ref('2026-06-20');
|
|
160
|
+
const disabledDate = (current: Date) => [0, 6].includes(current.getDay());
|
|
161
|
+
import type { HTMLAttributes } from 'vue';
|
|
162
|
+
const nativeAttrs1 = { "aria-label": "节日节气范围" } satisfies HTMLAttributes;
|
|
163
|
+
const nativeAttrs2 = { "aria-label": "农历日期" } satisfies HTMLAttributes;
|
|
164
|
+
</script>
|
|
165
|
+
<template>
|
|
166
|
+
<RangePicker v-bind="nativeAttrs1" v-model="range" :show-lunar="{ showLunarDate: false }" />
|
|
167
|
+
<DatePicker v-bind="nativeAttrs2" v-model="date" show-lunar :disabled-date="disabledDate" />
|
|
168
|
+
</template>
|
|
169
|
+
```
|
|
170
|
+
|
|
149
171
|
### 带时间的日期选择
|
|
150
172
|
|
|
151
173
|
```vue
|
|
@@ -163,6 +185,51 @@ const dateTimeRange = ref(['2026-06-02 00:00:00', '2026-07-29 09:09:06']);
|
|
|
163
185
|
</template>
|
|
164
186
|
```
|
|
165
187
|
|
|
188
|
+
### 手输与禁用规则
|
|
189
|
+
|
|
190
|
+
第一项可输入 `2026-06-06`(禁用周末)或 `2026-02-31`(不存在的日期),按 Enter 后会恢复原值。第二项可输入 `2026-06-04 15:46:12`,提交后保留时分秒;0–8 时和每小时 30 分不可选,也不能通过手输提交。`disabledTime` 按字段覆盖 `timePickerProps` 中的时间禁用函数。
|
|
191
|
+
|
|
192
|
+
```vue
|
|
193
|
+
<script setup lang="ts">
|
|
194
|
+
import 'x-next/style.css';
|
|
195
|
+
import { DatePicker } from 'x-next';
|
|
196
|
+
import { ref } from 'vue';
|
|
197
|
+
const date = ref('2026-06-04');
|
|
198
|
+
const dateTime = ref('2026-06-04 09:15:00');
|
|
199
|
+
const log = ref('等待有效提交');
|
|
200
|
+
const disabledDate = (current: Date) => [0, 6].includes(current.getDay());
|
|
201
|
+
const timeProps = { disabledHours: () => [0, 1, 2, 3, 4, 5, 6, 7, 8] };
|
|
202
|
+
const disabledTime = () => ({ disabledMinutes: () => [30] });
|
|
203
|
+
import type { HTMLAttributes } from 'vue';
|
|
204
|
+
const nativeAttrs1 = { "aria-label": "预约日期" } satisfies HTMLAttributes;
|
|
205
|
+
const nativeAttrs2 = { "aria-label": "预约日期时间" } satisfies HTMLAttributes;
|
|
206
|
+
</script>
|
|
207
|
+
<template>
|
|
208
|
+
<DatePicker v-bind="nativeAttrs1" v-model="date" :disabled-date="disabledDate" />
|
|
209
|
+
<DatePicker v-bind="nativeAttrs2" v-model="dateTime" show-time :time-picker-props="timeProps" :disabled-time="disabledTime" @change="log = `提交:${$event}`" />
|
|
210
|
+
<p>{{ date }};{{ dateTime }};{{ log }}</p>
|
|
211
|
+
</template>
|
|
212
|
+
```
|
|
213
|
+
|
|
214
|
+
### 周一起始的周选择
|
|
215
|
+
|
|
216
|
+
周选择的网格、点击、手输和提交保持相同的周起始日。下方可输入 `2026-40th`,或选择 2026 年 9 月 28 日到 10 月 4 日中的任一天,再重新打开确认高亮行。
|
|
217
|
+
|
|
218
|
+
```vue
|
|
219
|
+
<script setup lang="ts">
|
|
220
|
+
import 'x-next/style.css';
|
|
221
|
+
import { WeekPicker } from 'x-next';
|
|
222
|
+
import { ref } from 'vue';
|
|
223
|
+
const week = ref('2026-40th');
|
|
224
|
+
import type { HTMLAttributes } from 'vue';
|
|
225
|
+
const nativeAttrs1 = { "aria-label": "排期周" } satisfies HTMLAttributes;
|
|
226
|
+
</script>
|
|
227
|
+
<template>
|
|
228
|
+
<WeekPicker v-bind="nativeAttrs1" v-model="week" :day-start-of-week="1" />
|
|
229
|
+
<p>{{ week }}</p>
|
|
230
|
+
</template>
|
|
231
|
+
```
|
|
232
|
+
|
|
166
233
|
### 月范围和受控面板
|
|
167
234
|
|
|
168
235
|
```vue
|
|
@@ -235,18 +302,24 @@ const date = ref('2026-09-30');
|
|
|
235
302
|
|
|
236
303
|
### 状态
|
|
237
304
|
|
|
305
|
+
范围仅禁用一端时,面板与手输只更新另一端,并保持原有起止顺序;为避免清掉锁定值,此时隐藏整体清空按钮。
|
|
306
|
+
|
|
238
307
|
```vue
|
|
239
308
|
<script setup lang="ts">
|
|
240
309
|
import 'x-next/style.css';
|
|
241
|
-
import { DatePicker } from 'x-next';
|
|
310
|
+
import { DatePicker, RangePicker } from 'x-next';
|
|
242
311
|
import { ref } from 'vue';
|
|
243
312
|
const date = ref('2026-09-30');
|
|
313
|
+
const range = ref(['2026-06-01', '2026-06-30']);
|
|
314
|
+
import type { HTMLAttributes } from 'vue';
|
|
315
|
+
const nativeAttrs1 = { "aria-label": "开始日期已锁定" } satisfies HTMLAttributes;
|
|
244
316
|
</script>
|
|
245
317
|
<template>
|
|
246
318
|
<DatePicker v-model="date" allow-clear />
|
|
247
319
|
<DatePicker default-value="2026-06-04" readonly />
|
|
248
320
|
<DatePicker default-value="2026-06-04" disabled />
|
|
249
321
|
<DatePicker v-model="date" error />
|
|
322
|
+
<RangePicker v-bind="nativeAttrs1" v-model="range" :disabled="[true, false]" />
|
|
250
323
|
</template>
|
|
251
324
|
```
|
|
252
325
|
|
|
@@ -400,7 +473,9 @@ const nativeAttrs2 = { "aria-label": "预约日期范围" } satisfies HTMLAttrib
|
|
|
400
473
|
|
|
401
474
|
- `showTime` 仅在日期和日期范围模式生效,默认格式为 `YYYY-MM-DD HH:mm:ss`,选择后需要点击“确定”提交。
|
|
402
475
|
- `showLunar` 仅影响日期格辅助展示,不改变 `modelValue`、`format`、范围排序或禁用逻辑;内置数据来自香港天文台 1901-2100 年公历 / 农历对照表,超出范围时默认不展示。
|
|
403
|
-
-
|
|
476
|
+
- 合法手输按 Enter 或失焦提交,日期时间保留时分秒。不存在的日期、越界时间或命中禁用规则的输入会恢复已提交值;编辑空草稿期间不立即回填。
|
|
477
|
+
- 今天、快捷项与确认提交同样遵守禁用规则;确认前规则变化导致草稿不可选时,“确定”按钮禁用。日期时间面板点选仍需点击“确定”提交。
|
|
478
|
+
- 面板标题为年月文本,使用左右箭头翻页;当前不提供点击标题进行年月视图下钻。
|
|
404
479
|
- 普通范围选择会在选择结束值后自动排序并提交;开启 `showTime` 后需要点击“确定”提交。
|
|
405
480
|
- `valueFormat="timestamp"` 会让绑定值和事件值返回时间戳。
|
|
406
481
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<!-- Generated by pnpm generate:ai-usage. Edit script/ai-usage/content.md and script/ai-usage/. -->
|
|
2
2
|
# Dialog 完整公开 API
|
|
3
3
|
|
|
4
|
-
适用版本:x-next@1.18.
|
|
4
|
+
适用版本:x-next@1.18.1;来源指纹:`5a7a6ac6864f5c967d7414c6cb2bf7b0470f3208f35e8ece68ed34b3b2716d83`。
|
|
5
5
|
|
|
6
6
|
从同版本构建的公开声明、运行时 props/emits 和显式 expose 生成。运行时导入始终使用 `x-next`,声明路径仅作定位。插槽类型未细化时,具体槽名与作用域见本地用法示例。
|
|
7
7
|
|
|
@@ -88,7 +88,7 @@ interface DialogCaller {
|
|
|
88
88
|
| renderTo | 见场景用法与类型 | undefined | string | HTMLElement | 否 | "body" |
|
|
89
89
|
| disabled | 见场景用法与类型 | undefined | false | true | 否 | false |
|
|
90
90
|
| modelValue | 见场景用法与类型 | undefined | false | true | 否 | false |
|
|
91
|
-
| top | 见场景用法与类型 | undefined | string | number | 否 | "
|
|
91
|
+
| top | 见场景用法与类型 | undefined | string | number | 否 | "100px" |
|
|
92
92
|
| center | 见场景用法与类型 | undefined | false | true | 否 | false |
|
|
93
93
|
| width | 见场景用法与类型 | undefined | string | number | 否 | 0 |
|
|
94
94
|
| height | 见场景用法与类型 | undefined | string | number | 否 | 0 |
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<!-- Generated by pnpm generate:ai-usage. Edit script/ai-usage/content.md and script/ai-usage/. -->
|
|
2
2
|
# Dialog AI 使用
|
|
3
3
|
|
|
4
|
-
适用版本:x-next@1.18.
|
|
4
|
+
适用版本:x-next@1.18.1;来源指纹:`5a7a6ac6864f5c967d7414c6cb2bf7b0470f3208f35e8ece68ed34b3b2716d83`。
|
|
5
5
|
|
|
6
6
|
先读 [通用接入](../core.md)。公开导出:`Dialog, DialogComponent`;主要模型:v-model。完整 Props、Events、Slots、实例方法与服务签名见 [本地 API](./dialog-api.md),包含本组件族全部子组件和别名。
|
|
7
7
|
|
|
@@ -11,6 +11,8 @@
|
|
|
11
11
|
|
|
12
12
|
[组件文档与 live demo](https://x-next.yjmf.com/components/dialog)。从根入口导入 `DialogComponent as XDialog`,普通 `v-model` 为布尔值且默认 `false`。`renderTo='body'`、`mask=true`、`maskToClose=true`、`escToClose=true`、`destroyOnClosed=true`;`width` 支持数字或 CSS 长度。
|
|
13
13
|
|
|
14
|
+
声明式组件默认 `center=false`、`top='100px'`,`top` 仅在非居中、非全屏时生效;命令式 `Dialog(options)` 保持默认居中,其服务默认 `top=0`。
|
|
15
|
+
|
|
14
16
|
`title`、默认正文、`footer` 是公开插槽,默认不生成业务按钮。`close(action, event?)` 的 action 为 `'cancel' | 'ok'`,`closed` 表示关闭动画结束;直接改模型不会调用业务取消逻辑。根入口服务 `Dialog(options)` 返回 `close()` / `update(options)` 句柄。
|
|
15
17
|
|
|
16
18
|
```vue
|
|
@@ -103,6 +105,8 @@ const beforeClose = async (action: 'cancel' | 'ok') => {
|
|
|
103
105
|
|
|
104
106
|
### 显示方式
|
|
105
107
|
|
|
108
|
+
默认对话框距离顶部 `100px`,可通过 `top` 自定义;设置 `center` 后垂直居中,`fullscreen` 则占满容器。右上角关闭按钮悬停时显示背景,也支持键盘聚焦。
|
|
109
|
+
|
|
106
110
|
```vue
|
|
107
111
|
<script setup lang="ts">
|
|
108
112
|
import 'x-next/style.css';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<!-- Generated by pnpm generate:ai-usage. Edit script/ai-usage/content.md and script/ai-usage/. -->
|
|
2
2
|
# Draggable 完整公开 API
|
|
3
3
|
|
|
4
|
-
适用版本:x-next@1.18.
|
|
4
|
+
适用版本:x-next@1.18.1;来源指纹:`5a7a6ac6864f5c967d7414c6cb2bf7b0470f3208f35e8ece68ed34b3b2716d83`。
|
|
5
5
|
|
|
6
6
|
从同版本构建的公开声明、运行时 props/emits 和显式 expose 生成。运行时导入始终使用 `x-next`,声明路径仅作定位。插槽类型未细化时,具体槽名与作用域见本地用法示例。
|
|
7
7
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<!-- Generated by pnpm generate:ai-usage. Edit script/ai-usage/content.md and script/ai-usage/. -->
|
|
2
2
|
# Draggable AI 使用
|
|
3
3
|
|
|
4
|
-
适用版本:x-next@1.18.
|
|
4
|
+
适用版本:x-next@1.18.1;来源指纹:`5a7a6ac6864f5c967d7414c6cb2bf7b0470f3208f35e8ece68ed34b3b2716d83`。
|
|
5
5
|
|
|
6
6
|
先读 [通用接入](../core.md)。公开导出:`Draggable`;主要模型:v-model。完整 Props、Events、Slots、实例方法与服务签名见 [本地 API](./draggable-api.md),包含本组件族全部子组件和别名。
|
|
7
7
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<!-- Generated by pnpm generate:ai-usage. Edit script/ai-usage/content.md and script/ai-usage/. -->
|
|
2
2
|
# Drawer 完整公开 API
|
|
3
3
|
|
|
4
|
-
适用版本:x-next@1.18.
|
|
4
|
+
适用版本:x-next@1.18.1;来源指纹:`5a7a6ac6864f5c967d7414c6cb2bf7b0470f3208f35e8ece68ed34b3b2716d83`。
|
|
5
5
|
|
|
6
6
|
从同版本构建的公开声明、运行时 props/emits 和显式 expose 生成。运行时导入始终使用 `x-next`,声明路径仅作定位。插槽类型未细化时,具体槽名与作用域见本地用法示例。
|
|
7
7
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<!-- Generated by pnpm generate:ai-usage. Edit script/ai-usage/content.md and script/ai-usage/. -->
|
|
2
2
|
# Drawer AI 使用
|
|
3
3
|
|
|
4
|
-
适用版本:x-next@1.18.
|
|
4
|
+
适用版本:x-next@1.18.1;来源指纹:`5a7a6ac6864f5c967d7414c6cb2bf7b0470f3208f35e8ece68ed34b3b2716d83`。
|
|
5
5
|
|
|
6
6
|
先读 [通用接入](../core.md)。公开导出:`Drawer`;主要模型:v-model。完整 Props、Events、Slots、实例方法与服务签名见 [本地 API](./drawer-api.md),包含本组件族全部子组件和别名。
|
|
7
7
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<!-- Generated by pnpm generate:ai-usage. Edit script/ai-usage/content.md and script/ai-usage/. -->
|
|
2
2
|
# Dropdown 完整公开 API
|
|
3
3
|
|
|
4
|
-
适用版本:x-next@1.18.
|
|
4
|
+
适用版本:x-next@1.18.1;来源指纹:`5a7a6ac6864f5c967d7414c6cb2bf7b0470f3208f35e8ece68ed34b3b2716d83`。
|
|
5
5
|
|
|
6
6
|
从同版本构建的公开声明、运行时 props/emits 和显式 expose 生成。运行时导入始终使用 `x-next`,声明路径仅作定位。插槽类型未细化时,具体槽名与作用域见本地用法示例。
|
|
7
7
|
|
|
@@ -97,6 +97,7 @@ type DropdownOption = DOption | DGroup | DSubmenu;
|
|
|
97
97
|
|
|
98
98
|
interface DropdownContext {
|
|
99
99
|
popupMaxHeight: boolean | number;
|
|
100
|
+
onTabOut?: () => void;
|
|
100
101
|
onOptionClick: (value: string | number | Record<string, unknown> | undefined, ev: Event) => void;
|
|
101
102
|
}
|
|
102
103
|
|
|
@@ -206,6 +207,7 @@ type DropdownOption = DOption | DGroup | DSubmenu;
|
|
|
206
207
|
|
|
207
208
|
interface DropdownContext {
|
|
208
209
|
popupMaxHeight: boolean | number;
|
|
210
|
+
onTabOut?: () => void;
|
|
209
211
|
onOptionClick: (value: string | number | Record<string, unknown> | undefined, ev: Event) => void;
|
|
210
212
|
}
|
|
211
213
|
|
|
@@ -300,6 +302,7 @@ type DropdownOption = DOption | DGroup | DSubmenu;
|
|
|
300
302
|
|
|
301
303
|
interface DropdownContext {
|
|
302
304
|
popupMaxHeight: boolean | number;
|
|
305
|
+
onTabOut?: () => void;
|
|
303
306
|
onOptionClick: (value: string | number | Record<string, unknown> | undefined, ev: Event) => void;
|
|
304
307
|
}
|
|
305
308
|
|
|
@@ -400,6 +403,7 @@ type DropdownOption = DOption | DGroup | DSubmenu;
|
|
|
400
403
|
|
|
401
404
|
interface DropdownContext {
|
|
402
405
|
popupMaxHeight: boolean | number;
|
|
406
|
+
onTabOut?: () => void;
|
|
403
407
|
onOptionClick: (value: string | number | Record<string, unknown> | undefined, ev: Event) => void;
|
|
404
408
|
}
|
|
405
409
|
|
|
@@ -506,6 +510,7 @@ type DropdownOption = DOption | DGroup | DSubmenu;
|
|
|
506
510
|
|
|
507
511
|
interface DropdownContext {
|
|
508
512
|
popupMaxHeight: boolean | number;
|
|
513
|
+
onTabOut?: () => void;
|
|
509
514
|
onOptionClick: (value: string | number | Record<string, unknown> | undefined, ev: Event) => void;
|
|
510
515
|
}
|
|
511
516
|
|