x-next 1.15.0 → 1.16.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 +1 -1
- 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 +1 -1
- package/AI_USAGE/components/date-picker.md +1 -1
- package/AI_USAGE/components/dialog-api.md +1 -1
- package/AI_USAGE/components/dialog.md +1 -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 +1 -1
- package/AI_USAGE/components/dropdown.md +1 -1
- 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 +1 -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/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 +2 -2
- package/CHANGELOG.md +23 -0
- package/dist/components/_components/input-label/input-label.d.ts +3 -0
- package/dist/es/_styles/palette-aliases.js +1 -1
- package/dist/es/components/_components/input-label/input-label.js +69 -65
- package/dist/es/components/_components/select-view/select-view.js +1 -0
- package/dist/es/components/drawer/src/Drawer.vue.js +23 -23
- package/dist/es/components/tree-select/TreeNode.vue2.js +27 -26
- package/dist/es/style.css +1 -1
- package/dist/index.cjs +3 -3
- package/dist/index.umd.js +3 -3
- package/dist/style/base.css +1 -1
- package/dist/style/tree-select.css +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<!-- Generated by pnpm generate:ai-usage. Edit script/ai-usage/content.md and script/ai-usage/. -->
|
|
2
2
|
# Trigger 完整公开 API
|
|
3
3
|
|
|
4
|
-
适用版本:x-next@1.
|
|
4
|
+
适用版本:x-next@1.16.1;来源指纹:`82741ea6b533ff677d8fd71ad9c907c9d8ffe3f134b363bb1584668c30115b17`。
|
|
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
|
# Trigger AI 使用
|
|
3
3
|
|
|
4
|
-
适用版本:x-next@1.
|
|
4
|
+
适用版本:x-next@1.16.1;来源指纹:`82741ea6b533ff677d8fd71ad9c907c9d8ffe3f134b363bb1584668c30115b17`。
|
|
5
5
|
|
|
6
6
|
先读 [通用接入](../core.md)。公开导出:`Trigger`;主要模型:v-model:popup-visible。完整 Props、Events、Slots、实例方法与服务签名见 [本地 API](./trigger-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
|
# Upload 完整公开 API
|
|
3
3
|
|
|
4
|
-
适用版本:x-next@1.
|
|
4
|
+
适用版本:x-next@1.16.1;来源指纹:`82741ea6b533ff677d8fd71ad9c907c9d8ffe3f134b363bb1584668c30115b17`。
|
|
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
|
# Upload AI 使用
|
|
3
3
|
|
|
4
|
-
适用版本:x-next@1.
|
|
4
|
+
适用版本:x-next@1.16.1;来源指纹:`82741ea6b533ff677d8fd71ad9c907c9d8ffe3f134b363bb1584668c30115b17`。
|
|
5
5
|
|
|
6
6
|
先读 [通用接入](../core.md)。公开导出:`Upload`;主要模型:v-model:file-list。完整 Props、Events、Slots、实例方法与服务签名见 [本地 API](./upload-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
|
# Watermark 完整公开 API
|
|
3
3
|
|
|
4
|
-
适用版本:x-next@1.
|
|
4
|
+
适用版本:x-next@1.16.1;来源指纹:`82741ea6b533ff677d8fd71ad9c907c9d8ffe3f134b363bb1584668c30115b17`。
|
|
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
|
# Watermark AI 使用
|
|
3
3
|
|
|
4
|
-
适用版本:x-next@1.
|
|
4
|
+
适用版本:x-next@1.16.1;来源指纹:`82741ea6b533ff677d8fd71ad9c907c9d8ffe3f134b363bb1584668c30115b17`。
|
|
5
5
|
|
|
6
6
|
先读 [通用接入](../core.md)。公开导出:`Watermark`;主要模型:无。完整 Props、Events、Slots、实例方法与服务签名见 [本地 API](./watermark-api.md),包含本组件族全部子组件和别名。
|
|
7
7
|
|
package/AI_USAGE/core.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
|
# x-next AI 通用接入
|
|
3
3
|
|
|
4
|
-
适用版本:x-next@1.
|
|
4
|
+
适用版本:x-next@1.16.1;来源指纹:`82741ea6b533ff677d8fd71ad9c907c9d8ffe3f134b363bb1584668c30115b17`。
|
|
5
5
|
|
|
6
6
|
```sh
|
|
7
7
|
npm install x-next
|
package/AI_USAGE/index.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
|
# x-next AI 按需入口
|
|
3
3
|
|
|
4
|
-
适用版本:x-next@1.
|
|
4
|
+
适用版本:x-next@1.16.1;来源指纹:`82741ea6b533ff677d8fd71ad9c907c9d8ffe3f134b363bb1584668c30115b17`。
|
|
5
5
|
|
|
6
6
|
AI 专用资料,与文档站独立分发。先读 [core.md](./core.md),再只读本任务需要的组件页;各页含场景 SFC,完整 API 位于对应 `*-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
|
# 按需样式与表单接入
|
|
3
3
|
|
|
4
|
-
适用版本:x-next@1.
|
|
4
|
+
适用版本:x-next@1.16.1;来源指纹:`82741ea6b533ff677d8fd71ad9c907c9d8ffe3f134b363bb1584668c30115b17`。
|
|
5
5
|
|
|
6
6
|
先读 [通用接入](../core.md),相关组件规则:[config-provider](../components/config-provider.md)、[input](../components/input.md)、[textarea](../components/textarea.md)、[select](../components/select.md)、[checkbox](../components/checkbox.md)。
|
|
7
7
|
|
package/AI_USAGE.md
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
<!-- Generated by pnpm generate:ai-usage. Edit script/ai-usage/content.md and script/ai-usage/. -->
|
|
2
2
|
# x-next AI 使用手册
|
|
3
3
|
|
|
4
|
-
适用版本:**x-next@1.
|
|
4
|
+
适用版本:**x-next@1.16.1**。Vue:`^3.5.0`;Node:`>=20.19.0`。
|
|
5
5
|
|
|
6
|
-
来源指纹(AI 行为说明、docs 导入快照、映射、样式依赖、版本、公开类型和 API 参考):`
|
|
6
|
+
来源指纹(AI 行为说明、docs 导入快照、映射、样式依赖、版本、公开类型和 API 参考):`82741ea6b533ff677d8fd71ad9c907c9d8ffe3f134b363bb1584668c30115b17`。
|
|
7
7
|
|
|
8
8
|
覆盖 58 个组件族与 105 个公开组件/服务导出。优先通过 [本地按需索引](./AI_USAGE/index.md) 读取组件页和 API,不为查本包用法默认搜索网络。
|
|
9
9
|
|
package/CHANGELOG.md
CHANGED
|
@@ -4,6 +4,29 @@
|
|
|
4
4
|
|
|
5
5
|
## [Unreleased]
|
|
6
6
|
|
|
7
|
+
## [1.16.1] - 2026-10-13
|
|
8
|
+
|
|
9
|
+
### 修复
|
|
10
|
+
|
|
11
|
+
- TreeSelect 下拉列表增加左右留白,统一普通与虚拟列表的节点内边距,调整文字间距、节点与面板圆角,并同步连接线和展开箭头的对齐。
|
|
12
|
+
- TreeSelect 多选 / 勾选模式移除连续的选中背景,保留蓝色文字与勾选框;单选使用更淡且适配亮暗主题的选中背景,已选节点继续显示悬停与键盘定位反馈。
|
|
13
|
+
|
|
14
|
+
### 工程与验证
|
|
15
|
+
|
|
16
|
+
- 同步主题生成产物与 1.16.1 AI 手册,完成构建、完整质量门禁和打包后的 TreeSelect 生产浏览器消费验证。
|
|
17
|
+
- 修正编译类回归的独立时限与 Message 关闭回归的动画等待,减少慢机误报,保留全部断言与覆盖率要求。
|
|
18
|
+
|
|
19
|
+
## [1.16.0] - 2026-10-12
|
|
20
|
+
|
|
21
|
+
### 修复
|
|
22
|
+
|
|
23
|
+
- 单选 Select 在已有值时保留原生 combobox 的有效点击区域,普通与搜索模式均支持真实角色点击;标签回显、前后缀、清空与键盘交互保持正常。
|
|
24
|
+
- Drawer 默认销毁时在关闭动画结束后卸载整个 Teleport,修复初始关闭、嵌套 Select 和异步确认组合下关闭及再次打开的失效锚点异常。
|
|
25
|
+
|
|
26
|
+
### 工程与验证
|
|
27
|
+
|
|
28
|
+
- 补充 Select 点击区域、Drawer 异步销毁与重开回归,以及 CMS 浮层的真实生产浏览器消费脚本;同步生成同版本 AI 手册。
|
|
29
|
+
|
|
7
30
|
## [1.15.0] - 2026-10-12
|
|
8
31
|
|
|
9
32
|
### 新增
|
|
@@ -18,6 +18,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
18
18
|
focused: BooleanConstructor;
|
|
19
19
|
uninjectFormItemContext: BooleanConstructor;
|
|
20
20
|
inputAttrs: PropType<Record<string, unknown>>;
|
|
21
|
+
retainInputBox: BooleanConstructor;
|
|
21
22
|
}>, {
|
|
22
23
|
inputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
|
|
23
24
|
render: () => VNode;
|
|
@@ -47,6 +48,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
47
48
|
focused: BooleanConstructor;
|
|
48
49
|
uninjectFormItemContext: BooleanConstructor;
|
|
49
50
|
inputAttrs: PropType<Record<string, unknown>>;
|
|
51
|
+
retainInputBox: BooleanConstructor;
|
|
50
52
|
}>> & Readonly<{
|
|
51
53
|
onFocus?: ((ev: FocusEvent) => any) | undefined;
|
|
52
54
|
onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
|
|
@@ -61,5 +63,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
61
63
|
uninjectFormItemContext: boolean;
|
|
62
64
|
retainInputValue: boolean;
|
|
63
65
|
enabledInput: boolean;
|
|
66
|
+
retainInputBox: boolean;
|
|
64
67
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
65
68
|
export default _default;
|
|
@@ -105,7 +105,7 @@ const r = {
|
|
|
105
105
|
"--x-timeline-dot-hollow-shadow": "0 0 0 1px color-mix( in srgb, var(--x-color-primary-solid) 10%, var(--x-color-transparent) )",
|
|
106
106
|
"--x-timeline-dot-shadow": "0 0 0 1px color-mix(in srgb, var(--x-color-primary-solid) 8%, var(--x-color-transparent))",
|
|
107
107
|
"--x-tree-select-highlight-color-text": "var(--x-color-primary)",
|
|
108
|
-
"--x-tree-select-node-color-bg_selected": "var(--x-color-primary-
|
|
108
|
+
"--x-tree-select-node-color-bg_selected": "color-mix( in srgb, var(--x-color-primary) 6%, var(--x-color-bg-elevated) )",
|
|
109
109
|
"--x-tree-select-node-color-text_selected": "var(--x-color-primary)",
|
|
110
110
|
"--x-upload-color-border-hover": "var(--x-color-primary)"
|
|
111
111
|
},
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { omit as
|
|
3
|
-
import { INPUT_EVENTS as
|
|
4
|
-
import
|
|
5
|
-
import { useInput as
|
|
6
|
-
import { useFormItem as
|
|
7
|
-
import { useSize as
|
|
8
|
-
import { getClassNameMixin as
|
|
9
|
-
const
|
|
1
|
+
import { defineComponent as K, toRefs as O, computed as l, createVNode as a, mergeProps as V, Fragment as T } from "vue";
|
|
2
|
+
import { omit as H } from "../../../_utils/omit.js";
|
|
3
|
+
import { INPUT_EVENTS as h } from "../../../_utils/constant.js";
|
|
4
|
+
import U from "../../../_utils/pick.js";
|
|
5
|
+
import { useInput as $ } from "../../../_hooks/use-input.js";
|
|
6
|
+
import { useFormItem as q } from "../../../_hooks/use-form-item.js";
|
|
7
|
+
import { useSize as G } from "../../../_hooks/use-size.js";
|
|
8
|
+
import { getClassNameMixin as I, getRemovePrefixComponentName as J } from "../../../_utils/config.js";
|
|
9
|
+
const ae = /* @__PURE__ */ K({
|
|
10
10
|
name: "InputLabel",
|
|
11
11
|
inheritAttrs: !1,
|
|
12
12
|
props: {
|
|
@@ -26,7 +26,9 @@ const ne = /* @__PURE__ */ _({
|
|
|
26
26
|
// used for outer focused
|
|
27
27
|
focused: Boolean,
|
|
28
28
|
uninjectFormItemContext: Boolean,
|
|
29
|
-
inputAttrs: Object
|
|
29
|
+
inputAttrs: Object,
|
|
30
|
+
// Select keeps its native combobox clickable while a label is displayed.
|
|
31
|
+
retainInputBox: Boolean
|
|
30
32
|
},
|
|
31
33
|
emits: {
|
|
32
34
|
"update:inputValue": (e) => !0,
|
|
@@ -41,83 +43,85 @@ const ne = /* @__PURE__ */ _({
|
|
|
41
43
|
slots: t
|
|
42
44
|
}) {
|
|
43
45
|
const {
|
|
44
|
-
size:
|
|
45
|
-
disabled:
|
|
46
|
-
error:
|
|
47
|
-
inputValue:
|
|
46
|
+
size: g,
|
|
47
|
+
disabled: C,
|
|
48
|
+
error: x,
|
|
49
|
+
inputValue: B,
|
|
48
50
|
uninjectFormItemContext: r
|
|
49
|
-
} =
|
|
50
|
-
mergedSize:
|
|
51
|
+
} = O(e), n = e.baseCls ? I(J(e.baseCls)) : I("input-label"), {
|
|
52
|
+
mergedSize: S,
|
|
51
53
|
mergedDisabled: s,
|
|
52
|
-
mergedError:
|
|
53
|
-
eventHandlers:
|
|
54
|
-
} =
|
|
55
|
-
size:
|
|
56
|
-
disabled:
|
|
57
|
-
error:
|
|
54
|
+
mergedError: w,
|
|
55
|
+
eventHandlers: N
|
|
56
|
+
} = q({
|
|
57
|
+
size: g,
|
|
58
|
+
disabled: C,
|
|
59
|
+
error: x,
|
|
58
60
|
uninject: r == null ? void 0 : r.value
|
|
59
61
|
}), {
|
|
60
|
-
mergedSize:
|
|
61
|
-
} =
|
|
62
|
+
mergedSize: z
|
|
63
|
+
} = G(S), {
|
|
62
64
|
inputRef: c,
|
|
63
65
|
_focused: f,
|
|
64
|
-
computedValue:
|
|
65
|
-
handleInput:
|
|
66
|
+
computedValue: y,
|
|
67
|
+
handleInput: F,
|
|
66
68
|
handleComposition: i,
|
|
67
|
-
handleFocus:
|
|
68
|
-
handleBlur:
|
|
69
|
-
handleMousedown:
|
|
70
|
-
} =
|
|
71
|
-
modelValue:
|
|
69
|
+
handleFocus: L,
|
|
70
|
+
handleBlur: A,
|
|
71
|
+
handleMousedown: E
|
|
72
|
+
} = $({
|
|
73
|
+
modelValue: B,
|
|
72
74
|
emit: m,
|
|
73
75
|
eventName: "inputValueChange",
|
|
74
76
|
updateEventName: "update:inputValue",
|
|
75
|
-
eventHandlers:
|
|
76
|
-
}),
|
|
77
|
+
eventHandlers: N
|
|
78
|
+
}), R = l(() => e.focused ?? f.value), p = l(() => e.enabledInput && f.value || !e.modelValue), d = () => {
|
|
77
79
|
var u;
|
|
78
80
|
return e.modelValue ? ((u = e.formatLabel) == null ? void 0 : u.call(e, e.modelValue)) ?? e.modelValue.label : "";
|
|
79
|
-
},
|
|
81
|
+
}, k = l(() => e.enabledInput && e.modelValue ? d() : e.placeholder), P = () => {
|
|
80
82
|
var u;
|
|
81
83
|
return e.modelValue ? ((u = t.default) == null ? void 0 : u.call(t, {
|
|
82
84
|
data: e.modelValue
|
|
83
85
|
})) ?? d() : null;
|
|
84
|
-
},
|
|
86
|
+
}, j = l(() => [n.block, n.modifier(`size-${z.value}`), {
|
|
85
87
|
[n.modifier("search")]: e.enabledInput,
|
|
86
|
-
[n.modifier("focus")]:
|
|
88
|
+
[n.modifier("focus")]: R.value,
|
|
87
89
|
[n.modifier("disabled")]: s.value,
|
|
88
|
-
[n.modifier("error")]:
|
|
89
|
-
}]),
|
|
90
|
+
[n.modifier("error")]: w.value
|
|
91
|
+
}]), M = l(() => H(o, h)), _ = l(() => U(o, h)), D = (u) => {
|
|
90
92
|
m("keydown", u);
|
|
91
|
-
}
|
|
93
|
+
}, b = () => a("input", V(_.value, e.inputAttrs, {
|
|
94
|
+
ref: c,
|
|
95
|
+
class: [n.element("input"), {
|
|
96
|
+
[n.element("input-hidden")]: !p.value
|
|
97
|
+
}],
|
|
98
|
+
value: y.value,
|
|
99
|
+
readonly: !e.enabledInput,
|
|
100
|
+
placeholder: k.value,
|
|
101
|
+
disabled: s.value,
|
|
102
|
+
onInput: F,
|
|
103
|
+
onKeydown: D,
|
|
104
|
+
onFocus: L,
|
|
105
|
+
onBlur: A,
|
|
106
|
+
onCompositionstart: i,
|
|
107
|
+
onCompositionupdate: i,
|
|
108
|
+
onCompositionend: i
|
|
109
|
+
}), null), v = () => a("span", {
|
|
110
|
+
class: [n.element("value"), {
|
|
111
|
+
[n.element("value-hidden")]: p.value
|
|
112
|
+
}]
|
|
113
|
+
}, [P()]);
|
|
92
114
|
return {
|
|
93
115
|
inputRef: c,
|
|
94
|
-
render: () =>
|
|
95
|
-
class:
|
|
116
|
+
render: () => a("span", V(M.value, {
|
|
117
|
+
class: j.value,
|
|
96
118
|
title: d(),
|
|
97
|
-
onMousedown:
|
|
98
|
-
}), [t.prefix &&
|
|
119
|
+
onMousedown: E
|
|
120
|
+
}), [t.prefix && a("span", {
|
|
99
121
|
class: n.element("prefix")
|
|
100
|
-
}, [t.prefix()]),
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
[n.element("input-hidden")]: !p.value
|
|
104
|
-
}],
|
|
105
|
-
value: N.value,
|
|
106
|
-
readonly: !e.enabledInput,
|
|
107
|
-
placeholder: F.value,
|
|
108
|
-
disabled: s.value,
|
|
109
|
-
onInput: z,
|
|
110
|
-
onKeydown: M,
|
|
111
|
-
onFocus: y,
|
|
112
|
-
onBlur: L,
|
|
113
|
-
onCompositionstart: i,
|
|
114
|
-
onCompositionupdate: i,
|
|
115
|
-
onCompositionend: i
|
|
116
|
-
}), null), l("span", {
|
|
117
|
-
class: [n.element("value"), {
|
|
118
|
-
[n.element("value-hidden")]: p.value
|
|
119
|
-
}]
|
|
120
|
-
}, [R()]), t.suffix && l("span", {
|
|
122
|
+
}, [t.prefix()]), e.retainInputBox ? a("span", {
|
|
123
|
+
class: n.element("input-area")
|
|
124
|
+
}, [b(), v()]) : a(T, null, [b(), v()]), t.suffix && a("span", {
|
|
121
125
|
class: n.element("suffix")
|
|
122
126
|
}, [t.suffix()])])
|
|
123
127
|
};
|
|
@@ -137,5 +141,5 @@ const ne = /* @__PURE__ */ _({
|
|
|
137
141
|
}
|
|
138
142
|
});
|
|
139
143
|
export {
|
|
140
|
-
|
|
144
|
+
ae as default
|
|
141
145
|
};
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import $ from "./Drawer.vue2.js";
|
|
2
|
-
import { resolveComponent as
|
|
2
|
+
import { resolveComponent as p, openBlock as r, createBlock as g, Teleport as N, withDirectives as f, createElementVNode as a, mergeProps as d, createVNode as t, Transition as b, withCtx as n, createElementBlock as k, withModifiers as S, normalizeClass as s, vShow as u, createCommentVNode as i, renderSlot as m, toDisplayString as y, normalizeStyle as T, createTextVNode as w } from "vue";
|
|
3
3
|
import B from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
4
|
const V = ["data-theme"], c = ["aria-modal"], O = ["id"], A = ["aria-label"];
|
|
5
5
|
function K(e, o, M, j, z, E) {
|
|
6
|
-
const h =
|
|
7
|
-
return
|
|
6
|
+
const h = p("Scrollbar"), C = p("Button"), v = p("Space");
|
|
7
|
+
return !e.destroyOnClosed || e.mergeVisible ? (r(), g(N, {
|
|
8
|
+
key: 0,
|
|
8
9
|
to: e.teleportContainer,
|
|
9
10
|
disabled: e.disabled || !e.teleportContainer
|
|
10
11
|
}, [
|
|
11
|
-
|
|
12
|
-
key: 0,
|
|
12
|
+
f(a("div", d({
|
|
13
13
|
ref: "drawerRef",
|
|
14
14
|
class: [e.className.block, e.isFixed ? "is-fixed" : "is-absolute", e.popupClass, e.$attrs.class],
|
|
15
15
|
style: [e.drawerStyle, e.$attrs.style],
|
|
@@ -20,7 +20,7 @@ function K(e, o, M, j, z, E) {
|
|
|
20
20
|
appear: ""
|
|
21
21
|
}, {
|
|
22
22
|
default: n(() => [
|
|
23
|
-
e.mask ?
|
|
23
|
+
e.mask ? f((r(), k("div", {
|
|
24
24
|
key: 0,
|
|
25
25
|
class: s(e.className.element("mask")),
|
|
26
26
|
onClick: o[0] || (o[0] = S((...l) => e.handleMask && e.handleMask(...l), ["self"]))
|
|
@@ -37,7 +37,7 @@ function K(e, o, M, j, z, E) {
|
|
|
37
37
|
onAfterLeave: e.afterLeave
|
|
38
38
|
}, {
|
|
39
39
|
default: n(() => [
|
|
40
|
-
|
|
40
|
+
f(a("div", d({
|
|
41
41
|
ref: "containerRef",
|
|
42
42
|
role: "dialog",
|
|
43
43
|
"aria-modal": e.mask ? !0 : void 0,
|
|
@@ -47,40 +47,40 @@ function K(e, o, M, j, z, E) {
|
|
|
47
47
|
class: [e.className.element("container"), `is-${e.placement}`],
|
|
48
48
|
style: e.containerStyle
|
|
49
49
|
}), [
|
|
50
|
-
|
|
51
|
-
|
|
50
|
+
m(e.$slots, "fill", {}, () => [
|
|
51
|
+
a("div", {
|
|
52
52
|
id: e.titleId,
|
|
53
53
|
class: s([e.className.element("header")])
|
|
54
54
|
}, [
|
|
55
|
-
|
|
56
|
-
|
|
55
|
+
m(e.$slots, "title", {}, () => [
|
|
56
|
+
a("span", {
|
|
57
57
|
class: s([e.className.element("title")])
|
|
58
58
|
}, y(e.title), 3)
|
|
59
59
|
])
|
|
60
60
|
], 10, O),
|
|
61
|
-
|
|
61
|
+
a("div", {
|
|
62
62
|
class: s([e.className.element("body"), e.bodyClass]),
|
|
63
63
|
style: T(e.mergedBodyStyle)
|
|
64
64
|
}, [
|
|
65
65
|
t(h, { style: { height: "100%", overflow: "auto" } }, {
|
|
66
66
|
default: n(() => [
|
|
67
|
-
|
|
67
|
+
m(e.$slots, "default")
|
|
68
68
|
]),
|
|
69
69
|
_: 3
|
|
70
70
|
})
|
|
71
71
|
], 6),
|
|
72
|
-
e.showFooter ? (
|
|
72
|
+
e.showFooter ? (r(), k("div", {
|
|
73
73
|
key: 0,
|
|
74
74
|
class: s([e.className.element("footer")])
|
|
75
75
|
}, [
|
|
76
|
-
|
|
76
|
+
m(e.$slots, "footer", {
|
|
77
77
|
ok: e.handleOk,
|
|
78
78
|
cancel: e.handleCancel,
|
|
79
79
|
loadingObj: e.loadingObj
|
|
80
80
|
}, () => [
|
|
81
81
|
t(v, { size: 12 }, {
|
|
82
82
|
default: n(() => [
|
|
83
|
-
t(C,
|
|
83
|
+
t(C, d({
|
|
84
84
|
type: "primary",
|
|
85
85
|
size: "small",
|
|
86
86
|
loading: e.okLoading || e.loadingObj.ok
|
|
@@ -90,7 +90,7 @@ function K(e, o, M, j, z, E) {
|
|
|
90
90
|
]),
|
|
91
91
|
_: 1
|
|
92
92
|
}, 16, ["loading", "onClick"]),
|
|
93
|
-
e.hideCancel ? i("", !0) : (
|
|
93
|
+
e.hideCancel ? i("", !0) : (r(), g(C, d({
|
|
94
94
|
key: 0,
|
|
95
95
|
loading: e.loadingObj.cancel,
|
|
96
96
|
size: "small"
|
|
@@ -106,7 +106,7 @@ function K(e, o, M, j, z, E) {
|
|
|
106
106
|
])
|
|
107
107
|
], 2)) : i("", !0)
|
|
108
108
|
]),
|
|
109
|
-
e.showClose ? (
|
|
109
|
+
e.showClose ? (r(), k("span", {
|
|
110
110
|
key: 0,
|
|
111
111
|
class: s([e.className.element("close-icon")]),
|
|
112
112
|
role: "button",
|
|
@@ -115,7 +115,7 @@ function K(e, o, M, j, z, E) {
|
|
|
115
115
|
onClick: o[1] || (o[1] = (l) => e.interceptClose("cancel", l)),
|
|
116
116
|
onKeydown: o[2] || (o[2] = (...l) => e.handleCloseIconKeydown && e.handleCloseIconKeydown(...l))
|
|
117
117
|
}, [...o[4] || (o[4] = [
|
|
118
|
-
|
|
118
|
+
a("svg", {
|
|
119
119
|
viewBox: "0 0 48 48",
|
|
120
120
|
fill: "none",
|
|
121
121
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -125,7 +125,7 @@ function K(e, o, M, j, z, E) {
|
|
|
125
125
|
"stroke-linecap": "butt",
|
|
126
126
|
"stroke-linejoin": "miter"
|
|
127
127
|
}, [
|
|
128
|
-
|
|
128
|
+
a("path", { d: "M9.857 9.858 24 24m0 0 14.142 14.142M24 24 38.142 9.858M24 24 9.857 38.142" })
|
|
129
129
|
], -1)
|
|
130
130
|
])], 42, A)) : i("", !0)
|
|
131
131
|
], 16, c), [
|
|
@@ -134,10 +134,10 @@ function K(e, o, M, j, z, E) {
|
|
|
134
134
|
]),
|
|
135
135
|
_: 3
|
|
136
136
|
}, 8, ["name", "onAfterEnter", "onAfterLeave"])
|
|
137
|
-
], 16, V)
|
|
137
|
+
], 16, V), [
|
|
138
138
|
[u, e.mergeVisible]
|
|
139
|
-
])
|
|
140
|
-
], 8, ["to", "disabled"]);
|
|
139
|
+
])
|
|
140
|
+
], 8, ["to", "disabled"])) : i("", !0);
|
|
141
141
|
}
|
|
142
142
|
const P = /* @__PURE__ */ B($, [["render", K]]);
|
|
143
143
|
export {
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { defineComponent as v, provide as C, computed as
|
|
1
|
+
import { defineComponent as v, provide as C, computed as t } from "vue";
|
|
2
2
|
import { getClassNameMixin as y } from "../../_utils/config.js";
|
|
3
3
|
import B from "../form-checkbox/Checkbox.js";
|
|
4
4
|
import I from "../../icons/default/right.js";
|
|
5
5
|
import L from "../../icons/animation/animation-loading.js";
|
|
6
6
|
import { formItemInjectionKey as w } from "../form/context.js";
|
|
7
7
|
import { splitHighlightText as N } from "./utils.js";
|
|
8
|
-
const
|
|
8
|
+
const i = 24, S = 8, O = v({
|
|
9
9
|
name: "TreeNode",
|
|
10
10
|
components: {
|
|
11
11
|
Checkbox: B,
|
|
@@ -81,20 +81,20 @@ const a = 24, S = 8, O = v({
|
|
|
81
81
|
setup(e, { emit: d, slots: E }) {
|
|
82
82
|
const l = y("tree-select--node");
|
|
83
83
|
C(w, {});
|
|
84
|
-
const
|
|
84
|
+
const o = t(() => e.checkable || e.multiple), c = t(
|
|
85
85
|
() => !e.node.isLeaf || e.loading
|
|
86
|
-
),
|
|
87
|
-
() =>
|
|
88
|
-
), h =
|
|
89
|
-
paddingLeft: `${e.node.level *
|
|
86
|
+
), f = t(() => !e.node.isLeaf), n = t(() => e.disabled || e.node.disabled), s = t(
|
|
87
|
+
() => n.value || e.node.disableCheckbox
|
|
88
|
+
), h = t(() => ({
|
|
89
|
+
paddingLeft: `${e.node.level * i}px`,
|
|
90
90
|
// 连接线对齐父级展开图标的水平中心
|
|
91
|
-
"--x-tree-select-node-line-left": `${(e.node.level - 1) *
|
|
92
|
-
})), u =
|
|
93
|
-
var
|
|
94
|
-
return (
|
|
95
|
-
}), b =
|
|
91
|
+
"--x-tree-select-node-line-left": `${(e.node.level - 1) * i + S}px`
|
|
92
|
+
})), u = t(() => e.node.siblingCount), m = t(() => e.node.siblingIndex), g = t(() => {
|
|
93
|
+
var a;
|
|
94
|
+
return (a = e.node.raw) == null ? void 0 : a.icon;
|
|
95
|
+
}), b = t(
|
|
96
96
|
() => N(e.node.title, e.highlight)
|
|
97
|
-
),
|
|
97
|
+
), r = t(() => ({
|
|
98
98
|
node: e.node.raw,
|
|
99
99
|
value: e.node.value,
|
|
100
100
|
title: e.node.title,
|
|
@@ -103,9 +103,9 @@ const a = 24, S = 8, O = v({
|
|
|
103
103
|
halfChecked: e.halfChecked,
|
|
104
104
|
selected: e.selected,
|
|
105
105
|
expanded: e.expanded,
|
|
106
|
-
disabled:
|
|
106
|
+
disabled: n.value,
|
|
107
107
|
isLeaf: e.node.isLeaf
|
|
108
|
-
})),
|
|
108
|
+
})), x = t(() => [
|
|
109
109
|
l.block,
|
|
110
110
|
l.modifier(`size-${e.size}`),
|
|
111
111
|
{
|
|
@@ -114,11 +114,12 @@ const a = 24, S = 8, O = v({
|
|
|
114
114
|
[l.modifier("is-expanded")]: e.expanded,
|
|
115
115
|
[l.modifier("active")]: e.active,
|
|
116
116
|
[l.modifier("selected")]: e.selected,
|
|
117
|
-
[l.modifier("
|
|
117
|
+
[l.modifier("multiple")]: o.value,
|
|
118
|
+
[l.modifier("disabled")]: n.value,
|
|
118
119
|
[l.modifier("with-line")]: e.showLine,
|
|
119
120
|
[l.modifier("block")]: e.blockNode
|
|
120
121
|
}
|
|
121
|
-
]),
|
|
122
|
+
]), k = t(() => [
|
|
122
123
|
l.element("content"),
|
|
123
124
|
{
|
|
124
125
|
[l.element("content-block")]: e.blockNode
|
|
@@ -126,24 +127,24 @@ const a = 24, S = 8, O = v({
|
|
|
126
127
|
]);
|
|
127
128
|
return {
|
|
128
129
|
className: l,
|
|
129
|
-
cls:
|
|
130
|
-
contentCls:
|
|
130
|
+
cls: x,
|
|
131
|
+
contentCls: k,
|
|
131
132
|
indentStyle: h,
|
|
132
|
-
showCheckbox:
|
|
133
|
+
showCheckbox: o,
|
|
133
134
|
showSwitcher: c,
|
|
134
|
-
hasChildren:
|
|
135
|
-
mergedDisabled:
|
|
136
|
-
checkboxDisabled:
|
|
135
|
+
hasChildren: f,
|
|
136
|
+
mergedDisabled: n,
|
|
137
|
+
checkboxDisabled: s,
|
|
137
138
|
siblingCount: u,
|
|
138
139
|
siblingIndex: m,
|
|
139
140
|
nodeIcon: g,
|
|
140
141
|
titleSegments: b,
|
|
141
|
-
slotProps:
|
|
142
|
+
slotProps: r,
|
|
142
143
|
handleClick: () => {
|
|
143
|
-
|
|
144
|
+
n.value || d("select");
|
|
144
145
|
},
|
|
145
146
|
handleCheckboxChange: () => {
|
|
146
|
-
|
|
147
|
+
n.value || e.node.disableCheckbox || d("check");
|
|
147
148
|
},
|
|
148
149
|
handleToggleExpand: () => {
|
|
149
150
|
e.loading || d("toggle-expand", !e.expanded);
|