@sdata/web-vue 3.12.0 → 3.13.0

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.
Files changed (108) hide show
  1. package/dist/sd.css +147 -15
  2. package/dist/sd.min.css +43 -1
  3. package/es/_components/picker/input-range.vue.d.ts +6 -7
  4. package/es/_components/picker/input-range.vue_vue_type_script_setup_true_lang.js +63 -46
  5. package/es/_components/picker/input.vue.d.ts +5 -6
  6. package/es/_components/picker/input.vue_vue_type_script_setup_true_lang.js +52 -35
  7. package/es/_hooks/use-readonly-tip.d.ts +11 -0
  8. package/es/_hooks/use-readonly-tip.js +66 -0
  9. package/es/auto-complete/auto-complete.d.ts +9 -0
  10. package/es/auto-complete/auto-complete.js +11 -1
  11. package/es/auto-complete/index.d.ts +15 -0
  12. package/es/button/button.vue.d.ts +16 -7
  13. package/es/button/button.vue_vue_type_script_setup_true_lang.js +57 -31
  14. package/es/button/index.d.ts +11 -0
  15. package/es/button/interface.d.ts +2 -0
  16. package/es/card/card.d.ts +312 -0
  17. package/es/card/card.js +39 -7
  18. package/es/card/index.d.ts +616 -0
  19. package/es/card/style/index.css +23 -0
  20. package/es/card/style/index.scss +31 -0
  21. package/es/cascader/cascader.vue.d.ts +9 -8
  22. package/es/cascader/cascader.vue_vue_type_script_setup_true_lang.js +149 -128
  23. package/es/cascader/types.d.ts +1 -0
  24. package/es/color-picker/color-picker.d.ts +9 -0
  25. package/es/color-picker/color-picker.js +33 -11
  26. package/es/color-picker/index.d.ts +15 -0
  27. package/es/config-provider/context.d.ts +9 -9
  28. package/es/copy/copy.vue_vue_type_script_setup_true_lang.js +1 -1
  29. package/es/date-picker/index.d.ts +3 -6
  30. package/es/date-picker/picker.vue.d.ts +2 -3
  31. package/es/date-picker/picker.vue_vue_type_script_setup_true_lang.js +5 -5
  32. package/es/date-picker/range-picker.vue.d.ts +2 -3
  33. package/es/date-picker/range-picker.vue_vue_type_script_setup_true_lang.js +4 -4
  34. package/es/drawer/drawer.vue_vue_type_script_setup_true_lang.js +3 -3
  35. package/es/empty/empty.js +1 -1
  36. package/es/file-previewer/file-previewer.vue_vue_type_script_setup_true_lang.js +1 -1
  37. package/es/image/image.vue_vue_type_script_setup_true_lang.js +1 -1
  38. package/es/image/preview-action.d.ts +7 -127
  39. package/es/image/preview.vue_vue_type_script_setup_true_lang.js +2 -2
  40. package/es/index.css +147 -15
  41. package/es/index.js +3 -3
  42. package/es/input/index.d.ts +6 -6
  43. package/es/input/input.d.ts +3 -3
  44. package/es/input/input.js +18 -6
  45. package/es/input-number/index.d.ts +9 -9
  46. package/es/input-number/input-number.d.ts +5 -5
  47. package/es/input-number/input-number.js +8 -8
  48. package/es/input-tag/index.d.ts +6 -6
  49. package/es/input-tag/input-tag.d.ts +3 -3
  50. package/es/input-tag/input-tag.js +16 -7
  51. package/es/locale/interface.d.ts +1 -0
  52. package/es/locale/lang/en-us.js +1 -0
  53. package/es/locale/lang/zh-cn.js +1 -0
  54. package/es/locale/lang/zh-tw.js +1 -0
  55. package/es/mention/index.d.ts +15 -0
  56. package/es/mention/mention.d.ts +9 -0
  57. package/es/mention/mention.js +12 -1
  58. package/es/menu/base-menu.vue_vue_type_script_setup_true_lang.js +1 -1
  59. package/es/modal/modal.vue_vue_type_script_setup_true_lang.js +3 -3
  60. package/es/pagination/pagination.js +1 -1
  61. package/es/popconfirm/popconfirm.vue_vue_type_script_setup_true_lang.js +2 -2
  62. package/es/popover/popover.vue_vue_type_script_setup_true_lang.js +1 -1
  63. package/es/rate/index.d.ts +6 -6
  64. package/es/rate/rate.d.ts +3 -3
  65. package/es/rate/rate.js +17 -7
  66. package/es/scrollbar/style/index.css +57 -15
  67. package/es/scrollbar/style/index.scss +63 -15
  68. package/es/sd-vue.js +3 -3
  69. package/es/secret/secret.vue_vue_type_script_setup_true_lang.js +1 -1
  70. package/es/select/index.d.ts +15 -0
  71. package/es/select/select.d.ts +9 -0
  72. package/es/select/select.js +28 -5
  73. package/es/style/normalize.scss +68 -0
  74. package/es/table/table-th.js +2 -2
  75. package/es/tabs/context.d.ts +2 -0
  76. package/es/tabs/index.d.ts +32 -0
  77. package/es/tabs/style/index.css +29 -0
  78. package/es/tabs/style/index.scss +38 -0
  79. package/es/tabs/tab-pane.vue.d.ts +4 -2
  80. package/es/tabs/tab-pane.vue_vue_type_script_setup_true_lang.js +19 -3
  81. package/es/tabs/tabs.d.ts +19 -0
  82. package/es/tabs/tabs.js +23 -2
  83. package/es/textarea/index.d.ts +15 -0
  84. package/es/textarea/textarea.vue.d.ts +11 -2
  85. package/es/textarea/textarea.vue_vue_type_script_setup_true_lang.js +71 -46
  86. package/es/time-picker/index.d.ts +3 -6
  87. package/es/time-picker/panel.vue_vue_type_script_setup_true_lang.js +1 -1
  88. package/es/time-picker/time-picker.vue.d.ts +2 -3
  89. package/es/time-picker/time-picker.vue_vue_type_script_setup_true_lang.js +8 -5
  90. package/es/toolbar/toolbar.vue_vue_type_script_setup_true_lang.js +1 -1
  91. package/es/tooltip/index.d.ts +8 -127
  92. package/es/tooltip/interface.d.ts +17 -0
  93. package/es/tooltip/tooltip.vue.d.ts +5 -88
  94. package/es/tooltip/tooltip.vue_vue_type_script_setup_true_lang.js +8 -69
  95. package/es/tour/tour.vue_vue_type_script_setup_true_lang.js +1 -1
  96. package/es/tree/tree.vue_vue_type_script_setup_true_lang.js +1 -1
  97. package/es/tree-select/tree-select.vue.d.ts +16 -10
  98. package/es/tree-select/tree-select.vue_vue_type_script_setup_true_lang.js +156 -133
  99. package/es/typography/base.js +1 -1
  100. package/es/upload/upload-button.js +1 -1
  101. package/es/verification-code/index.d.ts +15 -6
  102. package/es/verification-code/verification-code.d.ts +9 -3
  103. package/es/verification-code/verification-code.js +4 -1
  104. package/json/vetur-attributes.json +48 -7
  105. package/json/vetur-tags.json +17 -5
  106. package/json/web-types.json +99 -10
  107. package/package.json +1 -1
  108. package/es/style/base.scss +0 -18
@@ -6,91 +6,30 @@ import { computed, createBlock, createTextVNode, defineComponent, normalizeClass
6
6
  var tooltip_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "Tooltip" }), {}, {
7
7
  __name: "tooltip",
8
8
  props: {
9
- /**
10
- * @zh 文字气泡是否可见
11
- * @en Whether the tooltip is visible
12
- * @vModel
13
- */
14
9
  popupVisible: {
15
10
  type: Boolean,
16
11
  default: void 0
17
12
  },
18
- /**
19
- * @zh 文字气泡默认是否可见(非受控模式)
20
- * @en Whether the tooltip is visible by default (uncontrolled mode)
21
- */
22
13
  defaultPopupVisible: {
23
14
  type: Boolean,
24
15
  default: false
25
16
  },
26
- /**
27
- * @zh 文字气泡是否禁用
28
- * @en Whether to disable the tooltip
29
- */
30
17
  disabled: {
31
18
  type: Boolean,
32
19
  default: false
33
20
  },
34
- /**
35
- * @zh 文字气泡内容
36
- * @en Tooltip content
37
- */
38
- content: String,
39
- /**
40
- * @zh 弹出位置
41
- * @en Popup position
42
- * @values 'top','tl','tr','bottom','bl','br','left','lt','lb','right','rt','rb'
43
- */
44
- position: {
45
- type: String,
46
- default: "top"
47
- },
48
- /**
49
- * @zh 是否展示为迷你尺寸
50
- * @en Whether to display as a mini size
51
- */
21
+ content: {},
22
+ position: { default: "top" },
52
23
  mini: {
53
24
  type: Boolean,
54
25
  default: false
55
26
  },
56
- /**
57
- * @zh 弹出框的背景颜色
58
- * @en Background color of the popover
59
- */
60
- backgroundColor: { type: String },
61
- /**
62
- * @zh 弹出框内容的类名
63
- * @en The class name of the popup content
64
- */
65
- contentClass: { type: [
66
- String,
67
- Array,
68
- Object
69
- ] },
70
- /**
71
- * @zh 弹出框内容的样式
72
- * @en The style of the popup content
73
- */
74
- contentStyle: { type: Object },
75
- /**
76
- * @zh 弹出框箭头的类名
77
- * @en The class name of the popup arrow
78
- */
79
- arrowClass: { type: [
80
- String,
81
- Array,
82
- Object
83
- ] },
84
- /**
85
- * @zh 弹出框箭头的样式
86
- * @en The style of the popup arrow
87
- */
88
- arrowStyle: { type: Object },
89
- /**
90
- * @zh 弹出框的挂载容器
91
- * @en Mount container for popup
92
- */
93
- popupContainer: { type: [String, Object] }
27
+ backgroundColor: {},
28
+ contentClass: {},
29
+ contentStyle: {},
30
+ arrowClass: {},
31
+ arrowStyle: {},
32
+ popupContainer: {}
94
33
  },
95
34
  emits: ["update:popupVisible", "popupVisibleChange"],
96
35
  setup(__props, { emit: __emit }) {
@@ -1,8 +1,8 @@
1
1
  import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
2
2
  import { getPrefixCls } from "../_utils/global-config.js";
3
3
  import { _asyncToGenerator } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/asyncToGenerator.js";
4
- import Button from "../button/index.js";
5
4
  import usePopupManager from "../_hooks/use-popup-manager.js";
5
+ import Button from "../button/index.js";
6
6
  import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, openBlock, renderSlot, shallowRef, toDisplayString, unref, useSlots, watch, withCtx } from "vue";
7
7
  import { unrefElement, useElementBounding, useEventListener, useResizeObserver, useWindowSize } from "@vueuse/core";
8
8
  import { Motion } from "motion-v";
@@ -3,8 +3,8 @@ import { getPrefixCls } from "../_utils/global-config.js";
3
3
  import { isArray, isFunction, isUndefined } from "../_utils/is.js";
4
4
  import { _asyncToGenerator } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/asyncToGenerator.js";
5
5
  import virtual_list_default from "../_components/virtual-list/index.js";
6
- import useMergeState from "../_hooks/use-merge-state.js";
7
6
  import usePickSlots from "../_hooks/use-pick-slots.js";
7
+ import useMergeState from "../_hooks/use-merge-state.js";
8
8
  import { isLeafNode, isNodeExpandable, isNodeSelectable } from "./utils/index.js";
9
9
  import useTreeData from "./hooks/use-tree-data.js";
10
10
  import { getCheckedStateByCheck, isNodeCheckable } from "./utils/check-utils.js";
@@ -5,30 +5,33 @@ import { ScrollbarProps } from '../scrollbar';
5
5
  import { TreeFieldNames, TreeNodeData, TreeProps } from '../tree/interface';
6
6
  import { TriggerProps } from '../trigger';
7
7
  import { LabelValue, TreeSelectValue } from './interface';
8
- declare var __VLS_10: {}, __VLS_26: {}, __VLS_29: any, __VLS_32: {
8
+ declare var __VLS_16: {}, __VLS_32: {}, __VLS_35: any, __VLS_38: {
9
9
  data: any;
10
- }, __VLS_35: {}, __VLS_37: {}, __VLS_44: {}, __VLS_58: {};
10
+ }, __VLS_41: {}, __VLS_43: {}, __VLS_50: {}, __VLS_64: {};
11
11
  type __VLS_Slots = {} & {
12
- trigger?: (props: typeof __VLS_10) => any;
12
+ trigger?: (props: typeof __VLS_16) => any;
13
13
  } & {
14
- prefix?: (props: typeof __VLS_26) => any;
14
+ prefix?: (props: typeof __VLS_32) => any;
15
15
  } & {
16
- label?: (props: typeof __VLS_29) => any;
16
+ label?: (props: typeof __VLS_35) => any;
17
17
  } & {
18
- tag?: (props: typeof __VLS_32) => any;
18
+ tag?: (props: typeof __VLS_38) => any;
19
19
  } & {
20
- header?: (props: typeof __VLS_35) => any;
20
+ header?: (props: typeof __VLS_41) => any;
21
21
  } & {
22
- loader?: (props: typeof __VLS_37) => any;
22
+ loader?: (props: typeof __VLS_43) => any;
23
23
  } & {
24
- empty?: (props: typeof __VLS_44) => any;
24
+ empty?: (props: typeof __VLS_50) => any;
25
25
  } & {
26
- footer?: (props: typeof __VLS_58) => any;
26
+ footer?: (props: typeof __VLS_64) => any;
27
27
  };
28
28
  declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
29
29
  disabled: {
30
30
  type: BooleanConstructor;
31
31
  };
32
+ readonly: {
33
+ type: (StringConstructor | BooleanConstructor)[];
34
+ };
32
35
  loading: {
33
36
  type: BooleanConstructor;
34
37
  };
@@ -203,6 +206,9 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
203
206
  disabled: {
204
207
  type: BooleanConstructor;
205
208
  };
209
+ readonly: {
210
+ type: (StringConstructor | BooleanConstructor)[];
211
+ };
206
212
  loading: {
207
213
  type: BooleanConstructor;
208
214
  };
@@ -6,9 +6,11 @@ import { isFunction, isObject, isUndefined } from "../_utils/is.js";
6
6
  import { useAllowClear } from "../_hooks/use-allow-clear.js";
7
7
  import { useDropdownVirtualListProps } from "../_hooks/use-dropdown-virtual-list-props.js";
8
8
  import { resolveDropdownVirtualListProps } from "../_utils/virtual-dropdown.js";
9
+ import { useReadonlyTip, useReadonlyTipText } from "../_hooks/use-readonly-tip.js";
10
+ import Trigger from "../trigger/index.js";
11
+ import Tooltip from "../tooltip/index.js";
9
12
  import useMergeState from "../_hooks/use-merge-state.js";
10
13
  import Spin from "../spin/index.js";
11
- import Trigger from "../trigger/index.js";
12
14
  import select_view_default from "../_components/select-view/select-view.js";
13
15
  import { useAllowSearch } from "../_hooks/use-allow-search.js";
14
16
  import pickSubCompSlots from "../_utils/pick-sub-comp-slots.js";
@@ -18,7 +20,7 @@ import { getCheckedStateByCheck, isNodeCheckable } from "../tree/utils/check-uti
18
20
  import useFilterTreeNode from "./hooks/use-filter-tree-node.js";
19
21
  import useSelectedState from "./hooks/use-selected-state.js";
20
22
  import panel_default from "./panel.js";
21
- import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, guardReactiveProps, inject, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, openBlock, reactive, ref, renderSlot, resolveDynamicComponent, toRefs, unref, withCtx } from "vue";
23
+ import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, guardReactiveProps, inject, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, openBlock, reactive, ref, renderSlot, resolveDynamicComponent, toRef, toRefs, unref, withCtx } from "vue";
22
24
  //#region components/tree-select/tree-select.vue?vue&type=script&setup=true&lang.ts
23
25
  var tree_select_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, {
24
26
  name: "TreeSelect",
@@ -32,6 +34,11 @@ var tree_select_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
32
34
  * */
33
35
  disabled: { type: Boolean },
34
36
  /**
37
+ * @zh 是否为只读状态
38
+ * @en Whether it is read-only
39
+ * */
40
+ readonly: { type: [Boolean, String] },
41
+ /**
35
42
  * @zh 是否为加载中状态
36
43
  * @en Whether it is loading state
37
44
  * */
@@ -506,7 +513,7 @@ var tree_select_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
506
513
  var _popupVisible$value;
507
514
  return (_popupVisible$value = popupVisible.value) !== null && _popupVisible$value !== void 0 ? _popupVisible$value : show.value;
508
515
  }) }));
509
- const setPanelVisible = (visible) => {
516
+ const _setPanelVisible = (visible) => {
510
517
  if (visible !== panelVisible.value) {
511
518
  setLocalPanelVisible(visible);
512
519
  emit("popup-visible-change", visible);
@@ -516,6 +523,15 @@ var tree_select_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
516
523
  }
517
524
  if (!visible) refSelectView.value && refSelectView.value.blur && refSelectView.value.blur();
518
525
  };
526
+ const { tipVisible, show: showReadonlyTip } = useReadonlyTip(toRef(props, "readonly"), mergedDisabled);
527
+ const readonlyTipText = useReadonlyTipText(toRef(props, "readonly"));
528
+ const setPanelVisible = (visible) => {
529
+ if (visible && props.readonly && !mergedDisabled.value) {
530
+ showReadonlyTip();
531
+ return;
532
+ }
533
+ _setPanelVisible(visible);
534
+ };
519
535
  const { isEmptyFilterResult, filterTreeNode: computedFilterTreeNode } = useFilterTreeNode(reactive({
520
536
  searchValue: computedInputValue,
521
537
  flattenTreeData,
@@ -568,139 +584,146 @@ var tree_select_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
568
584
  } else setSelectedKeys(selectedKeys.value.filter((i) => i !== id));
569
585
  };
570
586
  return (_ctx, _cache) => {
571
- return openBlock(), createBlock(unref(Trigger), mergeProps({
572
- class: `${unref(prefixCls)}-trigger`,
573
- "auto-fit-popup-min-width": "",
574
- trigger: "click",
575
- position: "bl",
576
- "popup-offset": 4,
577
- "animation-name": "slide-dynamic-origin",
578
- "prevent-focus": true
579
- }, resolvedTriggerProps.value, {
580
- disabled: unref(mergedDisabled),
581
- "popup-visible": unref(panelVisible),
582
- "popup-container": __props.popupContainer,
583
- "click-to-close": !Boolean(unref(mergedAllowSearch)),
584
- "auto-fit-transform-origin": "",
585
- onPopupVisibleChange: unref(onVisibleChange)
586
- }), {
587
- content: withCtx(() => [createElementVNode("div", {
588
- class: normalizeClass([
589
- `${unref(prefixCls)}-popup`,
590
- {
591
- [`${unref(prefixCls)}-has-header`]: Boolean(_ctx.$slots.header),
592
- [`${unref(prefixCls)}-has-footer`]: Boolean(_ctx.$slots.footer)
593
- },
594
- __props.dropdownClassName
595
- ]),
596
- style: normalizeStyle(computedDropdownStyle.value)
597
- }, [
598
- _ctx.$slots.header && (!isEmpty.value || __props.showHeaderOnEmpty) ? (openBlock(), createElementBlock("div", {
599
- key: 0,
600
- class: normalizeClass(`${unref(prefixCls)}-header`)
601
- }, [renderSlot(_ctx.$slots, "header")], 2)) : createCommentVNode("", true),
602
- __props.loading ? renderSlot(_ctx.$slots, "loader", { key: 1 }, () => [createVNode(unref(Spin))]) : isEmpty.value ? renderSlot(_ctx.$slots, "empty", { key: 2 }, () => [(openBlock(), createBlock(resolveDynamicComponent(unref(TreeSelectEmpty) ? unref(TreeSelectEmpty) : "Empty")))]) : (openBlock(), createBlock(unref(panel_default), {
603
- key: 3,
604
- "selected-keys": unref(selectedKeys),
605
- "show-checkable": mergedTreeCheckable.value,
606
- scrollbar: __props.scrollbar,
607
- "tree-props": _objectSpread2(_objectSpread2({
608
- actionOnNodeClick: unref(selectable) === "leaf" ? "expand" : void 0,
609
- blockNode: true
610
- }, mergedTreeProps.value), {}, {
611
- data: mergedData.value,
612
- checkStrictly: unref(treeCheckStrictly),
613
- checkedStrategy: mergedTreeCheckedStrategy.value,
614
- fieldNames: unref(fieldNames),
615
- multiple: unref(multiple),
616
- loadMore: __props.loadMore,
617
- filterTreeNode: unref(computedFilterTreeNode),
618
- size: __props.size,
619
- checkable: isCheckable.value,
620
- selectable: isSelectable,
621
- searchValue: unref(searchValue)
622
- }),
623
- "tree-slots": unref(pickSubCompSlots)(_ctx.$slots, "tree"),
624
- onChange: onSelectChange
625
- }, null, 8, [
626
- "selected-keys",
627
- "show-checkable",
628
- "scrollbar",
629
- "tree-props",
630
- "tree-slots"
631
- ])),
632
- _ctx.$slots.footer && (!isEmpty.value || __props.showFooterOnEmpty) ? (openBlock(), createElementBlock("div", {
633
- key: 4,
634
- class: normalizeClass(`${unref(prefixCls)}-footer`)
635
- }, [renderSlot(_ctx.$slots, "footer")], 2)) : createCommentVNode("", true)
636
- ], 6)]),
637
- default: withCtx(() => [renderSlot(_ctx.$slots, "trigger", {}, () => [createVNode(unref(select_view_default), mergeProps({
638
- ref_key: "refSelectView",
639
- ref: refSelectView,
640
- "model-value": selectViewValue.value,
641
- "input-value": unref(searchValue),
642
- "allow-search": Boolean(unref(mergedAllowSearch)),
643
- "allow-clear": unref(mergedAllowClear),
644
- "show-arrow": __props.showArrow,
645
- loading: __props.loading,
646
- size: __props.size,
647
- "max-tag-count": __props.maxTagCount,
587
+ return openBlock(), createBlock(unref(Tooltip), {
588
+ "popup-visible": unref(tipVisible),
589
+ content: unref(readonlyTipText),
590
+ position: "top"
591
+ }, {
592
+ default: withCtx(() => [createVNode(unref(Trigger), mergeProps({
593
+ class: `${unref(prefixCls)}-trigger`,
594
+ "auto-fit-popup-min-width": "",
595
+ trigger: "click",
596
+ position: "bl",
597
+ "popup-offset": 4,
598
+ "animation-name": "slide-dynamic-origin",
599
+ "prevent-focus": true
600
+ }, resolvedTriggerProps.value, {
648
601
  disabled: unref(mergedDisabled),
649
- opened: unref(panelVisible),
650
- error: __props.error,
651
- bordered: __props.border,
652
- placeholder: __props.placeholder,
653
- multiple: isMultiple.value
654
- }, _ctx.$attrs, {
655
- onInputValueChange: unref(onSearchValueChange),
656
- onClear: onInnerClear,
657
- onRemove: onItemRemove,
658
- onBlur
659
- }), createSlots({ _: 2 }, [
660
- _ctx.$slots.prefix ? {
661
- name: "prefix",
662
- fn: withCtx(() => [renderSlot(_ctx.$slots, "prefix")]),
663
- key: "0"
664
- } : void 0,
665
- _ctx.$slots.label ? {
666
- name: "label",
667
- fn: withCtx((selectedData) => [renderSlot(_ctx.$slots, "label", normalizeProps(guardReactiveProps(selectedData)))]),
668
- key: "1"
669
- } : void 0,
670
- _ctx.$slots.tag ? {
671
- name: "tag",
672
- fn: withCtx((selectedData) => {
673
- var _selectedData$data$op, _selectedData$data;
674
- return [renderSlot(_ctx.$slots, "tag", { data: (_selectedData$data$op = selectedData === null || selectedData === void 0 || (_selectedData$data = selectedData.data) === null || _selectedData$data === void 0 ? void 0 : _selectedData$data.option) !== null && _selectedData$data$op !== void 0 ? _selectedData$data$op : selectedData === null || selectedData === void 0 ? void 0 : selectedData.data })];
675
- }),
676
- key: "2"
677
- } : void 0
678
- ]), 1040, [
679
- "model-value",
680
- "input-value",
681
- "allow-search",
682
- "allow-clear",
683
- "show-arrow",
684
- "loading",
685
- "size",
686
- "max-tag-count",
602
+ "popup-visible": unref(panelVisible),
603
+ "popup-container": __props.popupContainer,
604
+ "click-to-close": !Boolean(unref(mergedAllowSearch)),
605
+ "auto-fit-transform-origin": "",
606
+ onPopupVisibleChange: unref(onVisibleChange)
607
+ }), {
608
+ content: withCtx(() => [createElementVNode("div", {
609
+ class: normalizeClass([
610
+ `${unref(prefixCls)}-popup`,
611
+ {
612
+ [`${unref(prefixCls)}-has-header`]: Boolean(_ctx.$slots.header),
613
+ [`${unref(prefixCls)}-has-footer`]: Boolean(_ctx.$slots.footer)
614
+ },
615
+ __props.dropdownClassName
616
+ ]),
617
+ style: normalizeStyle(computedDropdownStyle.value)
618
+ }, [
619
+ _ctx.$slots.header && (!isEmpty.value || __props.showHeaderOnEmpty) ? (openBlock(), createElementBlock("div", {
620
+ key: 0,
621
+ class: normalizeClass(`${unref(prefixCls)}-header`)
622
+ }, [renderSlot(_ctx.$slots, "header")], 2)) : createCommentVNode("", true),
623
+ __props.loading ? renderSlot(_ctx.$slots, "loader", { key: 1 }, () => [createVNode(unref(Spin))]) : isEmpty.value ? renderSlot(_ctx.$slots, "empty", { key: 2 }, () => [(openBlock(), createBlock(resolveDynamicComponent(unref(TreeSelectEmpty) ? unref(TreeSelectEmpty) : "Empty")))]) : (openBlock(), createBlock(unref(panel_default), {
624
+ key: 3,
625
+ "selected-keys": unref(selectedKeys),
626
+ "show-checkable": mergedTreeCheckable.value,
627
+ scrollbar: __props.scrollbar,
628
+ "tree-props": _objectSpread2(_objectSpread2({
629
+ actionOnNodeClick: unref(selectable) === "leaf" ? "expand" : void 0,
630
+ blockNode: true
631
+ }, mergedTreeProps.value), {}, {
632
+ data: mergedData.value,
633
+ checkStrictly: unref(treeCheckStrictly),
634
+ checkedStrategy: mergedTreeCheckedStrategy.value,
635
+ fieldNames: unref(fieldNames),
636
+ multiple: unref(multiple),
637
+ loadMore: __props.loadMore,
638
+ filterTreeNode: unref(computedFilterTreeNode),
639
+ size: __props.size,
640
+ checkable: isCheckable.value,
641
+ selectable: isSelectable,
642
+ searchValue: unref(searchValue)
643
+ }),
644
+ "tree-slots": unref(pickSubCompSlots)(_ctx.$slots, "tree"),
645
+ onChange: onSelectChange
646
+ }, null, 8, [
647
+ "selected-keys",
648
+ "show-checkable",
649
+ "scrollbar",
650
+ "tree-props",
651
+ "tree-slots"
652
+ ])),
653
+ _ctx.$slots.footer && (!isEmpty.value || __props.showFooterOnEmpty) ? (openBlock(), createElementBlock("div", {
654
+ key: 4,
655
+ class: normalizeClass(`${unref(prefixCls)}-footer`)
656
+ }, [renderSlot(_ctx.$slots, "footer")], 2)) : createCommentVNode("", true)
657
+ ], 6)]),
658
+ default: withCtx(() => [renderSlot(_ctx.$slots, "trigger", {}, () => [createVNode(unref(select_view_default), mergeProps({
659
+ ref_key: "refSelectView",
660
+ ref: refSelectView,
661
+ "model-value": selectViewValue.value,
662
+ "input-value": unref(searchValue),
663
+ "allow-search": Boolean(unref(mergedAllowSearch)),
664
+ "allow-clear": unref(mergedAllowClear),
665
+ "show-arrow": __props.showArrow,
666
+ loading: __props.loading,
667
+ size: __props.size,
668
+ "max-tag-count": __props.maxTagCount,
669
+ disabled: unref(mergedDisabled),
670
+ opened: unref(panelVisible),
671
+ error: __props.error,
672
+ bordered: __props.border,
673
+ placeholder: __props.placeholder,
674
+ multiple: isMultiple.value
675
+ }, _ctx.$attrs, {
676
+ onInputValueChange: unref(onSearchValueChange),
677
+ onClear: onInnerClear,
678
+ onRemove: onItemRemove,
679
+ onBlur
680
+ }), createSlots({ _: 2 }, [
681
+ _ctx.$slots.prefix ? {
682
+ name: "prefix",
683
+ fn: withCtx(() => [renderSlot(_ctx.$slots, "prefix")]),
684
+ key: "0"
685
+ } : void 0,
686
+ _ctx.$slots.label ? {
687
+ name: "label",
688
+ fn: withCtx((selectedData) => [renderSlot(_ctx.$slots, "label", normalizeProps(guardReactiveProps(selectedData)))]),
689
+ key: "1"
690
+ } : void 0,
691
+ _ctx.$slots.tag ? {
692
+ name: "tag",
693
+ fn: withCtx((selectedData) => {
694
+ var _selectedData$data$op, _selectedData$data;
695
+ return [renderSlot(_ctx.$slots, "tag", { data: (_selectedData$data$op = selectedData === null || selectedData === void 0 || (_selectedData$data = selectedData.data) === null || _selectedData$data === void 0 ? void 0 : _selectedData$data.option) !== null && _selectedData$data$op !== void 0 ? _selectedData$data$op : selectedData === null || selectedData === void 0 ? void 0 : selectedData.data })];
696
+ }),
697
+ key: "2"
698
+ } : void 0
699
+ ]), 1040, [
700
+ "model-value",
701
+ "input-value",
702
+ "allow-search",
703
+ "allow-clear",
704
+ "show-arrow",
705
+ "loading",
706
+ "size",
707
+ "max-tag-count",
708
+ "disabled",
709
+ "opened",
710
+ "error",
711
+ "bordered",
712
+ "placeholder",
713
+ "multiple",
714
+ "onInputValueChange"
715
+ ])])]),
716
+ _: 3
717
+ }, 16, [
718
+ "class",
687
719
  "disabled",
688
- "opened",
689
- "error",
690
- "bordered",
691
- "placeholder",
692
- "multiple",
693
- "onInputValueChange"
694
- ])])]),
720
+ "popup-visible",
721
+ "popup-container",
722
+ "click-to-close",
723
+ "onPopupVisibleChange"
724
+ ])]),
695
725
  _: 3
696
- }, 16, [
697
- "class",
698
- "disabled",
699
- "popup-visible",
700
- "popup-container",
701
- "click-to-close",
702
- "onPopupVisibleChange"
703
- ]);
726
+ }, 8, ["popup-visible", "content"]);
704
727
  };
705
728
  }
706
729
  }));
@@ -4,9 +4,9 @@ import { isObject } from "../_utils/is.js";
4
4
  import resize_observer_default from "../_components/resize-observer.js";
5
5
  import { caf, raf } from "../_utils/raf.js";
6
6
  import { omit } from "../_utils/omit.js";
7
+ import Tooltip from "../tooltip/index.js";
7
8
  import useMergeState from "../_hooks/use-merge-state.js";
8
9
  import Popover from "../popover/index.js";
9
- import Tooltip from "../tooltip/index.js";
10
10
  import edit_content_default from "./edit-content.js";
11
11
  import operations_default from "./operations.js";
12
12
  import getInnerText from "./utils/getInnerText.js";
@@ -1,7 +1,7 @@
1
1
  import { getPrefixCls } from "../_utils/global-config.js";
2
2
  import { isFunction, isPromise } from "../_utils/is.js";
3
- import Button from "../button/index.js";
4
3
  import { useI18n } from "../locale/index.js";
4
+ import Button from "../button/index.js";
5
5
  import IconPlus from "../icon/icon-plus/index.js";
6
6
  import IconUpload from "../icon/icon-upload/index.js";
7
7
  import { getFiles, loopDirectory } from "./utils.js";
@@ -17,7 +17,10 @@ declare const VerificationCode: {
17
17
  };
18
18
  disabled: BooleanConstructor;
19
19
  masked: BooleanConstructor;
20
- readonly: BooleanConstructor;
20
+ readonly: {
21
+ type: (StringConstructor | BooleanConstructor)[];
22
+ default: boolean;
23
+ };
21
24
  error: {
22
25
  type: BooleanConstructor;
23
26
  default: boolean;
@@ -41,7 +44,7 @@ declare const VerificationCode: {
41
44
  }, import("vue").PublicProps, {
42
45
  length: number;
43
46
  error: boolean;
44
- readonly: boolean;
47
+ readonly: string | boolean;
45
48
  disabled: boolean;
46
49
  defaultValue: string;
47
50
  masked: boolean;
@@ -67,7 +70,10 @@ declare const VerificationCode: {
67
70
  };
68
71
  disabled: BooleanConstructor;
69
72
  masked: BooleanConstructor;
70
- readonly: BooleanConstructor;
73
+ readonly: {
74
+ type: (StringConstructor | BooleanConstructor)[];
75
+ default: boolean;
76
+ };
71
77
  error: {
72
78
  type: BooleanConstructor;
73
79
  default: boolean;
@@ -86,7 +92,7 @@ declare const VerificationCode: {
86
92
  }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
87
93
  length: number;
88
94
  error: boolean;
89
- readonly: boolean;
95
+ readonly: string | boolean;
90
96
  disabled: boolean;
91
97
  defaultValue: string;
92
98
  masked: boolean;
@@ -109,7 +115,10 @@ declare const VerificationCode: {
109
115
  };
110
116
  disabled: BooleanConstructor;
111
117
  masked: BooleanConstructor;
112
- readonly: BooleanConstructor;
118
+ readonly: {
119
+ type: (StringConstructor | BooleanConstructor)[];
120
+ default: boolean;
121
+ };
113
122
  error: {
114
123
  type: BooleanConstructor;
115
124
  default: boolean;
@@ -133,7 +142,7 @@ declare const VerificationCode: {
133
142
  }, string, {
134
143
  length: number;
135
144
  error: boolean;
136
- readonly: boolean;
145
+ readonly: string | boolean;
137
146
  disabled: boolean;
138
147
  defaultValue: string;
139
148
  masked: boolean;
@@ -15,7 +15,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
15
15
  };
16
16
  disabled: BooleanConstructor;
17
17
  masked: BooleanConstructor;
18
- readonly: BooleanConstructor;
18
+ readonly: {
19
+ type: (StringConstructor | BooleanConstructor)[];
20
+ default: boolean;
21
+ };
19
22
  error: {
20
23
  type: BooleanConstructor;
21
24
  default: boolean;
@@ -46,7 +49,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
46
49
  };
47
50
  disabled: BooleanConstructor;
48
51
  masked: BooleanConstructor;
49
- readonly: BooleanConstructor;
52
+ readonly: {
53
+ type: (StringConstructor | BooleanConstructor)[];
54
+ default: boolean;
55
+ };
50
56
  error: {
51
57
  type: BooleanConstructor;
52
58
  default: boolean;
@@ -65,7 +71,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
65
71
  }>, {
66
72
  length: number;
67
73
  error: boolean;
68
- readonly: boolean;
74
+ readonly: string | boolean;
69
75
  disabled: boolean;
70
76
  defaultValue: string;
71
77
  masked: boolean;
@@ -49,7 +49,10 @@ var verification_code_default = /* @__PURE__ */ defineComponent({
49
49
  * @zh 只读
50
50
  * @en Readonly
51
51
  */
52
- readonly: Boolean,
52
+ readonly: {
53
+ type: [Boolean, String],
54
+ default: false
55
+ },
53
56
  /**
54
57
  * @zh 是否为错误状态
55
58
  * @en Whether it is an error state