vxe-pc-ui 4.14.33 → 4.14.34
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/dist/all.esm.js +30 -30
- package/es/cascader/src/cascader.js +8 -8
- package/es/select/src/select.js +10 -10
- package/es/tree-select/src/tree-select.js +10 -10
- package/es/ui/index.js +1 -1
- package/es/ui/src/log.js +1 -1
- package/lib/cascader/src/cascader.js +9 -9
- package/lib/cascader/src/cascader.min.js +1 -1
- package/lib/index.umd.js +33 -33
- package/lib/index.umd.min.js +1 -1
- package/lib/select/src/select.js +11 -11
- package/lib/select/src/select.min.js +1 -1
- package/lib/tree-select/src/tree-select.js +11 -11
- package/lib/tree-select/src/tree-select.min.js +1 -1
- package/lib/ui/index.js +1 -1
- package/lib/ui/index.min.js +1 -1
- package/lib/ui/src/log.js +1 -1
- package/lib/ui/src/log.min.js +1 -1
- package/package.json +1 -1
- package/packages/cascader/src/cascader.ts +10 -10
- package/packages/select/src/select.ts +12 -12
- package/packages/tree-select/src/tree-select.ts +12 -12
- package/types/components/cascader.d.ts +4 -4
- package/types/components/select.d.ts +4 -4
- package/types/components/tree-select.d.ts +4 -4
- /package/es/icon/{iconfont.1780911683457.ttf → iconfont.1780986272484.ttf} +0 -0
- /package/es/icon/{iconfont.1780911683457.woff → iconfont.1780986272484.woff} +0 -0
- /package/es/icon/{iconfont.1780911683457.woff2 → iconfont.1780986272484.woff2} +0 -0
- /package/es/{iconfont.1780911683457.ttf → iconfont.1780986272484.ttf} +0 -0
- /package/es/{iconfont.1780911683457.woff → iconfont.1780986272484.woff} +0 -0
- /package/es/{iconfont.1780911683457.woff2 → iconfont.1780986272484.woff2} +0 -0
- /package/lib/icon/style/{iconfont.1780911683457.ttf → iconfont.1780986272484.ttf} +0 -0
- /package/lib/icon/style/{iconfont.1780911683457.woff → iconfont.1780986272484.woff} +0 -0
- /package/lib/icon/style/{iconfont.1780911683457.woff2 → iconfont.1780986272484.woff2} +0 -0
- /package/lib/{iconfont.1780911683457.ttf → iconfont.1780986272484.ttf} +0 -0
- /package/lib/{iconfont.1780911683457.woff → iconfont.1780986272484.woff} +0 -0
- /package/lib/{iconfont.1780911683457.woff2 → iconfont.1780986272484.woff2} +0 -0
package/dist/all.esm.js
CHANGED
|
@@ -80,11 +80,11 @@ function checkDynamic() {
|
|
|
80
80
|
}
|
|
81
81
|
}
|
|
82
82
|
|
|
83
|
-
const version$1 = `ui v${"4.14.
|
|
83
|
+
const version$1 = `ui v${"4.14.34"}`;
|
|
84
84
|
const warnLog = log.create('warn', version$1);
|
|
85
85
|
const errLog = log.create('error', version$1);
|
|
86
86
|
|
|
87
|
-
const version = "4.14.
|
|
87
|
+
const version = "4.14.34";
|
|
88
88
|
VxeUI.uiVersion = version;
|
|
89
89
|
VxeUI.dynamicApp = dynamicApp;
|
|
90
90
|
function config(options) {
|
|
@@ -9433,13 +9433,13 @@ var VxeCascaderComponent = defineVxeComponent({
|
|
|
9433
9433
|
type: Boolean,
|
|
9434
9434
|
default: () => getConfig$3().cascader.autoClose
|
|
9435
9435
|
},
|
|
9436
|
-
|
|
9436
|
+
showTotalButton: {
|
|
9437
9437
|
type: Boolean,
|
|
9438
|
-
default: () => getConfig$3().cascader.
|
|
9438
|
+
default: () => getConfig$3().cascader.showTotalButton
|
|
9439
9439
|
},
|
|
9440
|
-
|
|
9440
|
+
showCheckedButton: {
|
|
9441
9441
|
type: Boolean,
|
|
9442
|
-
default: () => getConfig$3().cascader.
|
|
9442
|
+
default: () => getConfig$3().cascader.showCheckedButton
|
|
9443
9443
|
},
|
|
9444
9444
|
showClearButton: {
|
|
9445
9445
|
type: Boolean,
|
|
@@ -9872,7 +9872,7 @@ var VxeCascaderComponent = defineVxeComponent({
|
|
|
9872
9872
|
const cascaderPrivateMethods = {};
|
|
9873
9873
|
Object.assign($xeCascader, cascaderMethods, cascaderPrivateMethods);
|
|
9874
9874
|
const renderVN = () => {
|
|
9875
|
-
const { className, modelValue, multiple, loading, filterable,
|
|
9875
|
+
const { className, modelValue, multiple, loading, filterable, showTotalButton, showCheckedButton, showClearButton } = props;
|
|
9876
9876
|
const { initialized, isActivated, isAniVisible, visiblePanel, searchValue } = reactData;
|
|
9877
9877
|
const vSize = computeSize.value;
|
|
9878
9878
|
const isDisabled = computeIsDisabled.value;
|
|
@@ -9964,7 +9964,7 @@ var VxeCascaderComponent = defineVxeComponent({
|
|
|
9964
9964
|
})
|
|
9965
9965
|
])
|
|
9966
9966
|
: renderEmptyElement($xeCascader),
|
|
9967
|
-
|
|
9967
|
+
showTotalButton || (showCheckedButton && multiple) || showClearButton || headerSlot
|
|
9968
9968
|
? h('div', {
|
|
9969
9969
|
class: 'vxe-cascader--panel-header'
|
|
9970
9970
|
}, headerSlot
|
|
@@ -9973,7 +9973,7 @@ var VxeCascaderComponent = defineVxeComponent({
|
|
|
9973
9973
|
h('div', {
|
|
9974
9974
|
class: 'vxe-cascader--header-button'
|
|
9975
9975
|
}, [
|
|
9976
|
-
|
|
9976
|
+
showTotalButton
|
|
9977
9977
|
? h('div', {
|
|
9978
9978
|
class: 'vxe-cascader--header-total'
|
|
9979
9979
|
}, getI18n$2('vxe.cascader.total', [selectVals.length]))
|
|
@@ -9981,7 +9981,7 @@ var VxeCascaderComponent = defineVxeComponent({
|
|
|
9981
9981
|
h('div', {
|
|
9982
9982
|
class: 'vxe-cascader--header-btns'
|
|
9983
9983
|
}, [
|
|
9984
|
-
(
|
|
9984
|
+
(showCheckedButton && multiple)
|
|
9985
9985
|
? h(VxeButtonComponent, {
|
|
9986
9986
|
content: getI18n$2('vxe.cascader.allChecked'),
|
|
9987
9987
|
mode: 'text',
|
|
@@ -26647,7 +26647,7 @@ var VxeSelectComponent = defineVxeComponent({
|
|
|
26647
26647
|
radioConfig: Object,
|
|
26648
26648
|
showCheckbox: {
|
|
26649
26649
|
type: Boolean,
|
|
26650
|
-
default: () => getConfig$3().select.
|
|
26650
|
+
default: () => getConfig$3().select.showCheckedButton
|
|
26651
26651
|
},
|
|
26652
26652
|
checkboxConfig: Object,
|
|
26653
26653
|
/**
|
|
@@ -26681,13 +26681,13 @@ var VxeSelectComponent = defineVxeComponent({
|
|
|
26681
26681
|
type: Boolean,
|
|
26682
26682
|
default: () => getConfig$3().select.showCloseButton
|
|
26683
26683
|
},
|
|
26684
|
-
|
|
26684
|
+
showTotalButton: {
|
|
26685
26685
|
type: Boolean,
|
|
26686
|
-
default: () => getConfig$3().select.
|
|
26686
|
+
default: () => getConfig$3().select.showTotalButton
|
|
26687
26687
|
},
|
|
26688
|
-
|
|
26688
|
+
showCheckedButton: {
|
|
26689
26689
|
type: Boolean,
|
|
26690
|
-
default: () => getConfig$3().select.
|
|
26690
|
+
default: () => getConfig$3().select.showCheckedButton
|
|
26691
26691
|
},
|
|
26692
26692
|
showClearButton: {
|
|
26693
26693
|
type: Boolean,
|
|
@@ -28058,7 +28058,7 @@ var VxeSelectComponent = defineVxeComponent({
|
|
|
28058
28058
|
];
|
|
28059
28059
|
};
|
|
28060
28060
|
const renderVN = () => {
|
|
28061
|
-
const { className, multiple, loading, filterable,
|
|
28061
|
+
const { className, multiple, loading, filterable, showTotalButton, showCheckedButton, showClearButton, showCloseButton } = props;
|
|
28062
28062
|
const { initialized, isActivated, isAniVisible, optList, visiblePanel, bodyHeight, topSpaceHeight } = reactData;
|
|
28063
28063
|
const vSize = computeSize.value;
|
|
28064
28064
|
const isDisabled = computeIsDisabled.value;
|
|
@@ -28168,7 +28168,7 @@ var VxeSelectComponent = defineVxeComponent({
|
|
|
28168
28168
|
})
|
|
28169
28169
|
])
|
|
28170
28170
|
: renderEmptyElement($xeSelect),
|
|
28171
|
-
(
|
|
28171
|
+
(showCheckedButton && multiple) || showClearButton || headerSlot
|
|
28172
28172
|
? h('div', {
|
|
28173
28173
|
class: 'vxe-select--panel-header'
|
|
28174
28174
|
}, headerSlot
|
|
@@ -28180,7 +28180,7 @@ var VxeSelectComponent = defineVxeComponent({
|
|
|
28180
28180
|
h('div', {
|
|
28181
28181
|
class: 'vxe-select--header-btns'
|
|
28182
28182
|
}, [
|
|
28183
|
-
(
|
|
28183
|
+
(showCheckedButton && multiple)
|
|
28184
28184
|
? h(VxeButtonComponent, {
|
|
28185
28185
|
content: getI18n$2('vxe.select.allChecked'),
|
|
28186
28186
|
mode: 'text',
|
|
@@ -28221,7 +28221,7 @@ var VxeSelectComponent = defineVxeComponent({
|
|
|
28221
28221
|
}, renderOpts())
|
|
28222
28222
|
])
|
|
28223
28223
|
]),
|
|
28224
|
-
footerSlot ||
|
|
28224
|
+
footerSlot || showTotalButton || (showCloseButton && multiple)
|
|
28225
28225
|
? h('div', {
|
|
28226
28226
|
class: 'vxe-select--panel-footer'
|
|
28227
28227
|
}, footerSlot
|
|
@@ -28230,7 +28230,7 @@ var VxeSelectComponent = defineVxeComponent({
|
|
|
28230
28230
|
h('div', {
|
|
28231
28231
|
class: 'vxe-select--footer-button'
|
|
28232
28232
|
}, [
|
|
28233
|
-
|
|
28233
|
+
showTotalButton
|
|
28234
28234
|
? h('div', {
|
|
28235
28235
|
class: 'vxe-select--total-btns'
|
|
28236
28236
|
}, getI18n$2('vxe.select.total', [selectVals.length, optList.length]))
|
|
@@ -38837,13 +38837,13 @@ var VxeTreeSelectComponent = defineVxeComponent({
|
|
|
38837
38837
|
type: Boolean,
|
|
38838
38838
|
default: () => getConfig$3().treeSelect.showCloseButton
|
|
38839
38839
|
},
|
|
38840
|
-
|
|
38840
|
+
showTotalButton: {
|
|
38841
38841
|
type: Boolean,
|
|
38842
|
-
default: () => getConfig$3().treeSelect.
|
|
38842
|
+
default: () => getConfig$3().treeSelect.showTotalButton
|
|
38843
38843
|
},
|
|
38844
|
-
|
|
38844
|
+
showCheckedButton: {
|
|
38845
38845
|
type: Boolean,
|
|
38846
|
-
default: () => getConfig$3().treeSelect.
|
|
38846
|
+
default: () => getConfig$3().treeSelect.showCheckedButton
|
|
38847
38847
|
},
|
|
38848
38848
|
showClearButton: {
|
|
38849
38849
|
type: Boolean,
|
|
@@ -39399,7 +39399,7 @@ var VxeTreeSelectComponent = defineVxeComponent({
|
|
|
39399
39399
|
const treeSelectPrivateMethods = {};
|
|
39400
39400
|
Object.assign($xeTreeSelect, treeSelectMethods, treeSelectPrivateMethods);
|
|
39401
39401
|
const renderVN = () => {
|
|
39402
|
-
const { className, modelValue, multiple, options, loading, menuConfig, filterable,
|
|
39402
|
+
const { className, modelValue, multiple, options, loading, menuConfig, filterable, showTotalButton, showCheckedButton, showClearButton, showExpandButton, showCloseButton } = props;
|
|
39403
39403
|
const { initialized, isActivated, isAniVisible, visiblePanel, searchValue } = reactData;
|
|
39404
39404
|
const vSize = computeSize.value;
|
|
39405
39405
|
const isDisabled = computeIsDisabled.value;
|
|
@@ -39518,7 +39518,7 @@ var VxeTreeSelectComponent = defineVxeComponent({
|
|
|
39518
39518
|
})
|
|
39519
39519
|
])
|
|
39520
39520
|
: renderEmptyElement($xeTreeSelect),
|
|
39521
|
-
(
|
|
39521
|
+
(showCheckedButton && multiple) || showClearButton || showExpandButton || headerSlot
|
|
39522
39522
|
? h('div', {
|
|
39523
39523
|
class: 'vxe-tree-select--panel-header'
|
|
39524
39524
|
}, headerSlot
|
|
@@ -39527,11 +39527,11 @@ var VxeTreeSelectComponent = defineVxeComponent({
|
|
|
39527
39527
|
h('div', {
|
|
39528
39528
|
class: 'vxe-tree-select--header-button'
|
|
39529
39529
|
}, [
|
|
39530
|
-
|
|
39530
|
+
showCheckedButton && showClearButton
|
|
39531
39531
|
? h('div', {
|
|
39532
39532
|
class: 'vxe-tree-select--selected-btns'
|
|
39533
39533
|
}, [
|
|
39534
|
-
(
|
|
39534
|
+
(showCheckedButton && multiple)
|
|
39535
39535
|
? h(VxeButton, {
|
|
39536
39536
|
content: getI18n$2('vxe.treeSelect.allChecked'),
|
|
39537
39537
|
mode: 'text',
|
|
@@ -39627,7 +39627,7 @@ var VxeTreeSelectComponent = defineVxeComponent({
|
|
|
39627
39627
|
}, treeScopedSlots)
|
|
39628
39628
|
])
|
|
39629
39629
|
]),
|
|
39630
|
-
footerSlot ||
|
|
39630
|
+
footerSlot || showTotalButton || (showCloseButton && multiple)
|
|
39631
39631
|
? h('div', {
|
|
39632
39632
|
class: 'vxe-tree-select--panel-footer'
|
|
39633
39633
|
}, footerSlot
|
|
@@ -39636,7 +39636,7 @@ var VxeTreeSelectComponent = defineVxeComponent({
|
|
|
39636
39636
|
h('div', {
|
|
39637
39637
|
class: 'vxe-tree-select--footer-button'
|
|
39638
39638
|
}, [
|
|
39639
|
-
|
|
39639
|
+
showTotalButton
|
|
39640
39640
|
? h('div', {
|
|
39641
39641
|
class: 'vxe-tree-select--total-btns'
|
|
39642
39642
|
}, getI18n$2('vxe.treeSelect.total', [selectVals.length]))
|
|
@@ -58,13 +58,13 @@ export default defineVxeComponent({
|
|
|
58
58
|
type: Boolean,
|
|
59
59
|
default: () => getConfig().cascader.autoClose
|
|
60
60
|
},
|
|
61
|
-
|
|
61
|
+
showTotalButton: {
|
|
62
62
|
type: Boolean,
|
|
63
|
-
default: () => getConfig().cascader.
|
|
63
|
+
default: () => getConfig().cascader.showTotalButton
|
|
64
64
|
},
|
|
65
|
-
|
|
65
|
+
showCheckedButton: {
|
|
66
66
|
type: Boolean,
|
|
67
|
-
default: () => getConfig().cascader.
|
|
67
|
+
default: () => getConfig().cascader.showCheckedButton
|
|
68
68
|
},
|
|
69
69
|
showClearButton: {
|
|
70
70
|
type: Boolean,
|
|
@@ -497,7 +497,7 @@ export default defineVxeComponent({
|
|
|
497
497
|
const cascaderPrivateMethods = {};
|
|
498
498
|
Object.assign($xeCascader, cascaderMethods, cascaderPrivateMethods);
|
|
499
499
|
const renderVN = () => {
|
|
500
|
-
const { className, modelValue, multiple, loading, filterable,
|
|
500
|
+
const { className, modelValue, multiple, loading, filterable, showTotalButton, showCheckedButton, showClearButton } = props;
|
|
501
501
|
const { initialized, isActivated, isAniVisible, visiblePanel, searchValue } = reactData;
|
|
502
502
|
const vSize = computeSize.value;
|
|
503
503
|
const isDisabled = computeIsDisabled.value;
|
|
@@ -589,7 +589,7 @@ export default defineVxeComponent({
|
|
|
589
589
|
})
|
|
590
590
|
])
|
|
591
591
|
: renderEmptyElement($xeCascader),
|
|
592
|
-
|
|
592
|
+
showTotalButton || (showCheckedButton && multiple) || showClearButton || headerSlot
|
|
593
593
|
? h('div', {
|
|
594
594
|
class: 'vxe-cascader--panel-header'
|
|
595
595
|
}, headerSlot
|
|
@@ -598,7 +598,7 @@ export default defineVxeComponent({
|
|
|
598
598
|
h('div', {
|
|
599
599
|
class: 'vxe-cascader--header-button'
|
|
600
600
|
}, [
|
|
601
|
-
|
|
601
|
+
showTotalButton
|
|
602
602
|
? h('div', {
|
|
603
603
|
class: 'vxe-cascader--header-total'
|
|
604
604
|
}, getI18n('vxe.cascader.total', [selectVals.length]))
|
|
@@ -606,7 +606,7 @@ export default defineVxeComponent({
|
|
|
606
606
|
h('div', {
|
|
607
607
|
class: 'vxe-cascader--header-btns'
|
|
608
608
|
}, [
|
|
609
|
-
(
|
|
609
|
+
(showCheckedButton && multiple)
|
|
610
610
|
? h(VxeButtonComponent, {
|
|
611
611
|
content: getI18n('vxe.cascader.allChecked'),
|
|
612
612
|
mode: 'text',
|
package/es/select/src/select.js
CHANGED
|
@@ -90,7 +90,7 @@ export default defineVxeComponent({
|
|
|
90
90
|
radioConfig: Object,
|
|
91
91
|
showCheckbox: {
|
|
92
92
|
type: Boolean,
|
|
93
|
-
default: () => getConfig().select.
|
|
93
|
+
default: () => getConfig().select.showCheckedButton
|
|
94
94
|
},
|
|
95
95
|
checkboxConfig: Object,
|
|
96
96
|
/**
|
|
@@ -124,13 +124,13 @@ export default defineVxeComponent({
|
|
|
124
124
|
type: Boolean,
|
|
125
125
|
default: () => getConfig().select.showCloseButton
|
|
126
126
|
},
|
|
127
|
-
|
|
127
|
+
showTotalButton: {
|
|
128
128
|
type: Boolean,
|
|
129
|
-
default: () => getConfig().select.
|
|
129
|
+
default: () => getConfig().select.showTotalButton
|
|
130
130
|
},
|
|
131
|
-
|
|
131
|
+
showCheckedButton: {
|
|
132
132
|
type: Boolean,
|
|
133
|
-
default: () => getConfig().select.
|
|
133
|
+
default: () => getConfig().select.showCheckedButton
|
|
134
134
|
},
|
|
135
135
|
showClearButton: {
|
|
136
136
|
type: Boolean,
|
|
@@ -1501,7 +1501,7 @@ export default defineVxeComponent({
|
|
|
1501
1501
|
];
|
|
1502
1502
|
};
|
|
1503
1503
|
const renderVN = () => {
|
|
1504
|
-
const { className, multiple, loading, filterable,
|
|
1504
|
+
const { className, multiple, loading, filterable, showTotalButton, showCheckedButton, showClearButton, showCloseButton } = props;
|
|
1505
1505
|
const { initialized, isActivated, isAniVisible, optList, visiblePanel, bodyHeight, topSpaceHeight } = reactData;
|
|
1506
1506
|
const vSize = computeSize.value;
|
|
1507
1507
|
const isDisabled = computeIsDisabled.value;
|
|
@@ -1611,7 +1611,7 @@ export default defineVxeComponent({
|
|
|
1611
1611
|
})
|
|
1612
1612
|
])
|
|
1613
1613
|
: renderEmptyElement($xeSelect),
|
|
1614
|
-
(
|
|
1614
|
+
(showCheckedButton && multiple) || showClearButton || headerSlot
|
|
1615
1615
|
? h('div', {
|
|
1616
1616
|
class: 'vxe-select--panel-header'
|
|
1617
1617
|
}, headerSlot
|
|
@@ -1623,7 +1623,7 @@ export default defineVxeComponent({
|
|
|
1623
1623
|
h('div', {
|
|
1624
1624
|
class: 'vxe-select--header-btns'
|
|
1625
1625
|
}, [
|
|
1626
|
-
(
|
|
1626
|
+
(showCheckedButton && multiple)
|
|
1627
1627
|
? h(VxeButtonComponent, {
|
|
1628
1628
|
content: getI18n('vxe.select.allChecked'),
|
|
1629
1629
|
mode: 'text',
|
|
@@ -1664,7 +1664,7 @@ export default defineVxeComponent({
|
|
|
1664
1664
|
}, renderOpts())
|
|
1665
1665
|
])
|
|
1666
1666
|
]),
|
|
1667
|
-
footerSlot ||
|
|
1667
|
+
footerSlot || showTotalButton || (showCloseButton && multiple)
|
|
1668
1668
|
? h('div', {
|
|
1669
1669
|
class: 'vxe-select--panel-footer'
|
|
1670
1670
|
}, footerSlot
|
|
@@ -1673,7 +1673,7 @@ export default defineVxeComponent({
|
|
|
1673
1673
|
h('div', {
|
|
1674
1674
|
class: 'vxe-select--footer-button'
|
|
1675
1675
|
}, [
|
|
1676
|
-
|
|
1676
|
+
showTotalButton
|
|
1677
1677
|
? h('div', {
|
|
1678
1678
|
class: 'vxe-select--total-btns'
|
|
1679
1679
|
}, getI18n('vxe.select.total', [selectVals.length, optList.length]))
|
|
@@ -115,13 +115,13 @@ export default defineVxeComponent({
|
|
|
115
115
|
type: Boolean,
|
|
116
116
|
default: () => getConfig().treeSelect.showCloseButton
|
|
117
117
|
},
|
|
118
|
-
|
|
118
|
+
showTotalButton: {
|
|
119
119
|
type: Boolean,
|
|
120
|
-
default: () => getConfig().treeSelect.
|
|
120
|
+
default: () => getConfig().treeSelect.showTotalButton
|
|
121
121
|
},
|
|
122
|
-
|
|
122
|
+
showCheckedButton: {
|
|
123
123
|
type: Boolean,
|
|
124
|
-
default: () => getConfig().treeSelect.
|
|
124
|
+
default: () => getConfig().treeSelect.showCheckedButton
|
|
125
125
|
},
|
|
126
126
|
showClearButton: {
|
|
127
127
|
type: Boolean,
|
|
@@ -677,7 +677,7 @@ export default defineVxeComponent({
|
|
|
677
677
|
const treeSelectPrivateMethods = {};
|
|
678
678
|
Object.assign($xeTreeSelect, treeSelectMethods, treeSelectPrivateMethods);
|
|
679
679
|
const renderVN = () => {
|
|
680
|
-
const { className, modelValue, multiple, options, loading, menuConfig, filterable,
|
|
680
|
+
const { className, modelValue, multiple, options, loading, menuConfig, filterable, showTotalButton, showCheckedButton, showClearButton, showExpandButton, showCloseButton } = props;
|
|
681
681
|
const { initialized, isActivated, isAniVisible, visiblePanel, searchValue } = reactData;
|
|
682
682
|
const vSize = computeSize.value;
|
|
683
683
|
const isDisabled = computeIsDisabled.value;
|
|
@@ -796,7 +796,7 @@ export default defineVxeComponent({
|
|
|
796
796
|
})
|
|
797
797
|
])
|
|
798
798
|
: renderEmptyElement($xeTreeSelect),
|
|
799
|
-
(
|
|
799
|
+
(showCheckedButton && multiple) || showClearButton || showExpandButton || headerSlot
|
|
800
800
|
? h('div', {
|
|
801
801
|
class: 'vxe-tree-select--panel-header'
|
|
802
802
|
}, headerSlot
|
|
@@ -805,11 +805,11 @@ export default defineVxeComponent({
|
|
|
805
805
|
h('div', {
|
|
806
806
|
class: 'vxe-tree-select--header-button'
|
|
807
807
|
}, [
|
|
808
|
-
|
|
808
|
+
showCheckedButton && showClearButton
|
|
809
809
|
? h('div', {
|
|
810
810
|
class: 'vxe-tree-select--selected-btns'
|
|
811
811
|
}, [
|
|
812
|
-
(
|
|
812
|
+
(showCheckedButton && multiple)
|
|
813
813
|
? h(VxeButtonComponent, {
|
|
814
814
|
content: getI18n('vxe.treeSelect.allChecked'),
|
|
815
815
|
mode: 'text',
|
|
@@ -905,7 +905,7 @@ export default defineVxeComponent({
|
|
|
905
905
|
}, treeScopedSlots)
|
|
906
906
|
])
|
|
907
907
|
]),
|
|
908
|
-
footerSlot ||
|
|
908
|
+
footerSlot || showTotalButton || (showCloseButton && multiple)
|
|
909
909
|
? h('div', {
|
|
910
910
|
class: 'vxe-tree-select--panel-footer'
|
|
911
911
|
}, footerSlot
|
|
@@ -914,7 +914,7 @@ export default defineVxeComponent({
|
|
|
914
914
|
h('div', {
|
|
915
915
|
class: 'vxe-tree-select--footer-button'
|
|
916
916
|
}, [
|
|
917
|
-
|
|
917
|
+
showTotalButton
|
|
918
918
|
? h('div', {
|
|
919
919
|
class: 'vxe-tree-select--total-btns'
|
|
920
920
|
}, getI18n('vxe.treeSelect.total', [selectVals.length]))
|
package/es/ui/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { VxeUI, setConfig, setIcon } from '@vxe-ui/core';
|
|
2
2
|
import { dynamicApp } from '../dynamics';
|
|
3
3
|
import { warnLog } from './src/log';
|
|
4
|
-
export const version = "4.14.
|
|
4
|
+
export const version = "4.14.34";
|
|
5
5
|
VxeUI.uiVersion = version;
|
|
6
6
|
VxeUI.dynamicApp = dynamicApp;
|
|
7
7
|
export function config(options) {
|
package/es/ui/src/log.js
CHANGED
|
@@ -65,13 +65,13 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
65
65
|
type: Boolean,
|
|
66
66
|
default: () => (0, _ui.getConfig)().cascader.autoClose
|
|
67
67
|
},
|
|
68
|
-
|
|
68
|
+
showTotalButton: {
|
|
69
69
|
type: Boolean,
|
|
70
|
-
default: () => (0, _ui.getConfig)().cascader.
|
|
70
|
+
default: () => (0, _ui.getConfig)().cascader.showTotalButton
|
|
71
71
|
},
|
|
72
|
-
|
|
72
|
+
showCheckedButton: {
|
|
73
73
|
type: Boolean,
|
|
74
|
-
default: () => (0, _ui.getConfig)().cascader.
|
|
74
|
+
default: () => (0, _ui.getConfig)().cascader.showCheckedButton
|
|
75
75
|
},
|
|
76
76
|
showClearButton: {
|
|
77
77
|
type: Boolean,
|
|
@@ -582,8 +582,8 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
582
582
|
multiple,
|
|
583
583
|
loading,
|
|
584
584
|
filterable,
|
|
585
|
-
|
|
586
|
-
|
|
585
|
+
showTotalButton,
|
|
586
|
+
showCheckedButton,
|
|
587
587
|
showClearButton
|
|
588
588
|
} = props;
|
|
589
589
|
const {
|
|
@@ -672,15 +672,15 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
672
672
|
placeholder: (0, _ui.getI18n)('vxe.cascader.search'),
|
|
673
673
|
prefixIcon: (0, _ui.getIcon)().INPUT_SEARCH,
|
|
674
674
|
'onUpdate:modelValue': modelSearchEvent
|
|
675
|
-
})]) : (0, _ui.renderEmptyElement)($xeCascader),
|
|
675
|
+
})]) : (0, _ui.renderEmptyElement)($xeCascader), showTotalButton || showCheckedButton && multiple || showClearButton || headerSlot ? (0, _vue.h)('div', {
|
|
676
676
|
class: 'vxe-cascader--panel-header'
|
|
677
677
|
}, headerSlot ? headerSlot({}) : [(0, _vue.h)('div', {
|
|
678
678
|
class: 'vxe-cascader--header-button'
|
|
679
|
-
}, [
|
|
679
|
+
}, [showTotalButton ? (0, _vue.h)('div', {
|
|
680
680
|
class: 'vxe-cascader--header-total'
|
|
681
681
|
}, (0, _ui.getI18n)('vxe.cascader.total', [selectVals.length])) : (0, _ui.renderEmptyElement)($xeCascader), (0, _vue.h)('div', {
|
|
682
682
|
class: 'vxe-cascader--header-btns'
|
|
683
|
-
}, [
|
|
683
|
+
}, [showCheckedButton && multiple ? (0, _vue.h)(_button.default, {
|
|
684
684
|
content: (0, _ui.getI18n)('vxe.cascader.allChecked'),
|
|
685
685
|
mode: 'text',
|
|
686
686
|
onClick: allCheckedPanelEvent
|
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_util=require("../../tree/src/util"),_log=require("../../ui/src/log"),_xeUtils=_interopRequireDefault(require("xe-utils")),_input=_interopRequireDefault(require("../../input/src/input")),_button=_interopRequireDefault(require("../../button/src/button"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function getOptUniqueId(){return _xeUtils.default.uniqueId("node_")}function createInternalData(){return{fullOptionList:[],fullNodeMaps:{}}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeCascader",props:{modelValue:[String,Number,Array],clearable:Boolean,placeholder:{type:String,default:()=>_xeUtils.default.eqNull((0,_ui.getConfig)().cascader.placeholder)?(0,_ui.getI18n)("vxe.base.pleaseSelect"):(0,_ui.getConfig)().cascader.placeholder},readonly:{type:Boolean,default:null},loading:Boolean,disabled:{type:Boolean,default:null},filterable:Boolean,filterConfig:Object,multiple:Boolean,className:[String,Function],prefixIcon:String,placement:String,transform:Boolean,lazyOptions:Array,options:Array,optionProps:Object,zIndex:Number,size:{type:String,default:()=>(0,_ui.getConfig)().cascader.size||(0,_ui.getConfig)().size},remote:Boolean,remoteConfig:Function,popupConfig:Object,autoClose:{type:Boolean,default:()=>(0,_ui.getConfig)().cascader.autoClose},showTotalButoon:{type:Boolean,default:()=>(0,_ui.getConfig)().cascader.showTotalButoon},showCheckedButoon:{type:Boolean,default:()=>(0,_ui.getConfig)().cascader.showCheckedButoon},showClearButton:{type:Boolean,default:()=>(0,_ui.getConfig)().cascader.showClearButton},transfer:{type:Boolean,default:null},remoteMethod:Function},emits:["update:modelValue","change","all-change","clear","blur","focus","click","node-click"],setup(y,e){let{emit:t,slots:I}=e,a=(0,_vue.inject)("$xeModal",null),u=(0,_vue.inject)("$xeDrawer",null),i=(0,_vue.inject)("$xeTable",null),n=(0,_vue.inject)("$xeForm",null),r=(0,_vue.inject)("xeFormItemInfo",null);var l=_xeUtils.default.uniqueId();let P=(0,_ui.useSize)(y).computeSize,T=(0,_vue.ref)(),V=(0,_vue.ref)(),B=(0,_vue.ref)(),N=(0,_vue.ref)(),U=(0,_vue.ref)(),o=(0,_vue.ref)(),q=(0,_vue.reactive)({initialized:!1,searchValue:"",searchLoading:!1,panelIndex:0,panelStyle:{},panelPlacement:null,triggerFocusPanel:!1,visiblePanel:!1,isAniVisible:!1,isActivated:!1}),v=createInternalData(),s={refElem:T},A=(0,_vue.computed)(()=>{var e=y.readonly;return null===e?!!n&&n.props.readonly:e}),k=(0,_vue.computed)(()=>{var e=y.disabled;return null===e?!!n&&n.props.disabled:e}),w=(0,_vue.computed)(()=>{var e=y.transfer;if(null===e){var l=(0,_ui.getConfig)().select.transfer;if(_xeUtils.default.isBoolean(l))return l;if(i||a||u||n)return!0}return e}),z=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().cascader.popupConfig,y.popupConfig)),c=(0,_vue.computed)(()=>y.optionProps||{}),p=(0,_vue.computed)(()=>_.value),C=(0,_vue.computed)(()=>c.value.label||"label"),_=(0,_vue.computed)(()=>c.value.value||"value"),E=(0,_vue.computed)(()=>c.value.children||"children"),d=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().cascader.remoteConfig,y.remoteConfig)),L=(0,_vue.computed)(()=>{let{modelValue:e,lazyOptions:a}=y,t=v.fullNodeMaps,u=_.value,i=C.value;return(_xeUtils.default.eqNull(e)?[]:_xeUtils.default.isArray(e)?e:[e]).map(l=>{var e=t[l];if(e)return e.item[i];if(a){e=a.find(e=>e[u]===l);if(e)return e[i]}return l}).join(", ")}),j=(0,_vue.computed)(()=>{var{height:e,width:l}=z.value,a={};return l&&(a.width=(0,_dom.toCssUnit)(l)),e&&(a.height=(0,_dom.toCssUnit)(e),a.maxHeight=(0,_dom.toCssUnit)(e)),a}),D={},O={xID:l,props:y,context:e,reactData:q,internalData:v,getRefMaps:()=>s,getComputeMaps:()=>D},f=(e,l,a)=>{t(e,(0,_ui.createEvent)(a,{$cascader:O},l))},F=e=>{t("update:modelValue",e)};l={dispatchEvent:f};let m=()=>{var{transform:e,options:l}=y;let o=p.value;var a=E.value;let s=_.value,c={},d={},t=(e,l,a,t,u,i)=>{let n=(e=>{e=e[p.value];return e?encodeURIComponent(e):""})(e);n=n||getOptUniqueId(),d[n]&&(0,_log.errLog)("vxe.error.repeatKey",["[tree-select] "+o,n]),d[n]=!0;var r=e[s];c[r]&&(0,_log.errLog)("vxe.error.repeatKey",["[tree-select] "+s,r]),c[r]={item:e,index:l,items:a,parent:u,nodes:i}};l&&(e?l.forEach((e,l,a)=>{t(e,l,a,0,null,[])}):_xeUtils.default.eachTree(l,t,{children:a})),v.fullOptionList=l||[],v.fullNodeMaps=c},M=()=>{var e=y.zIndex;e?q.panelIndex=e:q.panelIndex<(0,_utils.getLastZIndex)()&&(q.panelIndex=(0,_utils.nextZIndex)())},g=()=>{let a=y.placement,t=q.panelIndex,u=T.value,i=U.value,n=w.value,r=z.value;var e=()=>{var e=(0,_dom.updatePanelPlacement)(u,i,{placement:r.placement||a,defaultPlacement:r.defaultPlacement,teleportTo:n}),l=Object.assign(e.style,{zIndex:t});q.panelStyle=l,q.panelPlacement=e.placement};return e(),(0,_vue.nextTick)().then(e)},h=()=>{var{loading:e,remote:l,filterable:a}=y,t=v.fullOptionList,u=k.value,i=d.value;e||u||(clearTimeout(v.hpTimeout),q.initialized||(q.initialized=!0),q.isActivated=!0,q.isAniVisible=!0,a&&l&&i.enabled&&i.autoLoad&&!t.length&&ae(),setTimeout(()=>{q.visiblePanel=!0,W()},10),M(),g())},x=()=>{q.visiblePanel=!1,v.hpTimeout=setTimeout(()=>{q.isAniVisible=!1},350)},b=(e,l,a)=>{l=_xeUtils.default.isArray(l)?l.map(_util.deNodeValue):(0,_util.deNodeValue)(l);F(l),l!==y.modelValue&&(f("change",{value:l,node:a,option:a},e),n)&&r&&n.triggerItemEvent(e,r.itemConfig.field,l)},$=(e,l)=>{b(e,l,null),f("clear",{value:l},e)},R=(e,l)=>{$(l,null),x()},K=e=>{let a=e.$event,{multiple:l,autoClose:t}=y;e=o.value;l&&e&&e.setAllCheckboxNode(!0).then(({checkNodeKeys:e,checkNodes:l})=>{b(a,e,l[0]),f("all-change",{value:e},a),t&&x()})},H=e=>{e=e.$event;let{multiple:l,autoClose:a}=y;var t,u=o.value;u&&(t=l?[]:null,u.clearCheckboxNode().then(()=>{a&&x()}),b(e,t,null),f("clear",{value:t},e))},Z=e=>{var l=q.visiblePanel;k.value||l&&(l=U.value,((0,_dom.getEventTargetNode)(e,l).flag?g:x)())},G=e=>{var l,a,t=q.visiblePanel;k.value||(l=T.value,a=U.value,q.isActivated=(0,_dom.getEventTargetNode)(e,l).flag||(0,_dom.getEventTargetNode)(e,a).flag,t&&!q.isActivated&&x())},J=()=>{var{visiblePanel:e,isActivated:l}=q;e&&x(),l&&(q.isActivated=!1),(e||l)&&(e=V.value)&&e.blur()},Q=()=>{var e=q.visiblePanel;e&&g()},W=()=>{y.filterable&&(0,_vue.nextTick)(()=>{var e=B.value;e&&e.focus()})},X=e=>{k.value||q.visiblePanel||(q.triggerFocusPanel=!0,h(),setTimeout(()=>{q.triggerFocusPanel=!1},150)),f("focus",{},e)},Y=e=>{S(e),f("click",{},e)},ee=e=>{q.isActivated=!1,f("blur",{},e)},le=e=>{q.searchValue=e},ae=()=>{var{modelValue:e,remote:l,remoteMethod:a}=y,t=q.searchValue,u=d.value,a=u.queryMethod||a;l&&a&&u.enabled&&(q.searchLoading=!0,Promise.resolve(a({$cascader:O,searchValue:t,value:e})).then(()=>(0,_vue.nextTick)()).catch(()=>(0,_vue.nextTick)()).finally(()=>{q.searchLoading=!1}))},S=e=>{e=e.$event;e.preventDefault(),q.triggerFocusPanel?q.triggerFocusPanel=!1:(q.visiblePanel?x:h)()};Object.assign(O,l,{});return(0,_vue.watch)(()=>y.options,()=>{m()}),m(),(0,_vue.onMounted)(()=>{_ui.globalEvents.on(O,"mousewheel",Z),_ui.globalEvents.on(O,"mousedown",G),_ui.globalEvents.on(O,"blur",J),_ui.globalEvents.on(O,"resize",Q)}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off(O,"mousewheel"),_ui.globalEvents.off(O,"mousedown"),_ui.globalEvents.off(O,"blur"),_ui.globalEvents.off(O,"resize"),_xeUtils.default.assign(v,createInternalData())}),(0,_vue.provide)("$xeCascader",O),O.renderVN=()=>{var{className:e,modelValue:l,multiple:a,loading:t,filterable:u,showTotalButoon:i,showCheckedButoon:n,showClearButton:r}=y,{initialized:o,isActivated:s,isAniVisible:c,visiblePanel:d,searchValue:v}=q,p=P.value,_=k.value,f=L.value,m=w.value,g=A.value,h=j.value,x=I.header,b=I.footer;let C=I.prefix;var E=z.value.className;return g?(0,_vue.h)("div",{ref:T,class:["vxe-cascader--readonly",e]},[(0,_vue.h)("span",{class:"vxe-cascader-label"},f)]):(g=_xeUtils.default.eqNull(l)?[]:_xeUtils.default.isArray(l)?l:[l],(0,_vue.h)("div",{ref:T,class:["vxe-cascader",e?_xeUtils.default.isFunction(e)?e({$cascader:O}):e:"",{["size--"+p]:p,"is--filterable":u,"is--visible":d,"is--disabled":_,"is--loading":t,"is--active":s}]},[(0,_vue.h)(_input.default,{ref:V,clearable:y.clearable,placeholder:t?(0,_ui.getI18n)("vxe.select.loadingText"):y.placeholder,editable:!1,disabled:_,type:"text",prefixIcon:y.prefixIcon,suffixIcon:t?(0,_ui.getIcon)().TREE_SELECT_LOADED:d?(0,_ui.getIcon)().TREE_SELECT_OPEN:(0,_ui.getIcon)().TREE_SELECT_CLOSE,modelValue:t?"":f,title:f,onClear:R,onClick:Y,onFocus:X,onBlur:ee,onSuffixClick:S},C?{prefix:()=>C({})}:{}),(0,_vue.h)(_vue.Teleport,{to:"body",disabled:!m||!o},[(0,_vue.h)("div",{ref:U,class:["vxe-table--ignore-clear vxe-cascader--panel",E?_xeUtils.default.isFunction(E)?E({$cascader:O}):E:"",{["size--"+p]:p,"is--transfer":m,"ani--leave":!t&&c,"ani--enter":!t&&d}],placement:q.panelPlacement,style:q.panelStyle},o?[(0,_vue.h)("div",{class:"vxe-cascader--panel-wrapper"},[u?(0,_vue.h)("div",{class:"vxe-cascader--panel-search"},[(0,_vue.h)(_input.default,{ref:B,class:"vxe-cascader-search--input",modelValue:v,clearable:!0,disabled:!1,readonly:!1,placeholder:(0,_ui.getI18n)("vxe.cascader.search"),prefixIcon:(0,_ui.getIcon)().INPUT_SEARCH,"onUpdate:modelValue":le})]):(0,_ui.renderEmptyElement)(O),i||n&&a||r||x?(0,_vue.h)("div",{class:"vxe-cascader--panel-header"},x?x({}):[(0,_vue.h)("div",{class:"vxe-cascader--header-button"},[i?(0,_vue.h)("div",{class:"vxe-cascader--header-total"},(0,_ui.getI18n)("vxe.cascader.total",[g.length])):(0,_ui.renderEmptyElement)(O),(0,_vue.h)("div",{class:"vxe-cascader--header-btns"},[n&&a?(0,_vue.h)(_button.default,{content:(0,_ui.getI18n)("vxe.cascader.allChecked"),mode:"text",onClick:K}):(0,_ui.renderEmptyElement)(O),r?(0,_vue.h)(_button.default,{content:(0,_ui.getI18n)("vxe.cascader.clearChecked"),mode:"text",onClick:H}):(0,_ui.renderEmptyElement)(O)])])]):(0,_ui.renderEmptyElement)(O),(0,_vue.h)("div",{class:"vxe-cascader--panel-body"},[(0,_vue.h)("div",{ref:N,class:"vxe-cascader-tree--wrapper",style:h},[])]),b?(0,_vue.h)("div",{class:"vxe-cascader--panel-footer"},b({})):(0,_ui.renderEmptyElement)(O)])]:[])])]))},O},render(){return this.renderVN()}});
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_util=require("../../tree/src/util"),_log=require("../../ui/src/log"),_xeUtils=_interopRequireDefault(require("xe-utils")),_input=_interopRequireDefault(require("../../input/src/input")),_button=_interopRequireDefault(require("../../button/src/button"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function getOptUniqueId(){return _xeUtils.default.uniqueId("node_")}function createInternalData(){return{fullOptionList:[],fullNodeMaps:{}}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeCascader",props:{modelValue:[String,Number,Array],clearable:Boolean,placeholder:{type:String,default:()=>_xeUtils.default.eqNull((0,_ui.getConfig)().cascader.placeholder)?(0,_ui.getI18n)("vxe.base.pleaseSelect"):(0,_ui.getConfig)().cascader.placeholder},readonly:{type:Boolean,default:null},loading:Boolean,disabled:{type:Boolean,default:null},filterable:Boolean,filterConfig:Object,multiple:Boolean,className:[String,Function],prefixIcon:String,placement:String,transform:Boolean,lazyOptions:Array,options:Array,optionProps:Object,zIndex:Number,size:{type:String,default:()=>(0,_ui.getConfig)().cascader.size||(0,_ui.getConfig)().size},remote:Boolean,remoteConfig:Function,popupConfig:Object,autoClose:{type:Boolean,default:()=>(0,_ui.getConfig)().cascader.autoClose},showTotalButton:{type:Boolean,default:()=>(0,_ui.getConfig)().cascader.showTotalButton},showCheckedButton:{type:Boolean,default:()=>(0,_ui.getConfig)().cascader.showCheckedButton},showClearButton:{type:Boolean,default:()=>(0,_ui.getConfig)().cascader.showClearButton},transfer:{type:Boolean,default:null},remoteMethod:Function},emits:["update:modelValue","change","all-change","clear","blur","focus","click","node-click"],setup(y,e){let{emit:t,slots:I}=e,a=(0,_vue.inject)("$xeModal",null),u=(0,_vue.inject)("$xeDrawer",null),i=(0,_vue.inject)("$xeTable",null),n=(0,_vue.inject)("$xeForm",null),r=(0,_vue.inject)("xeFormItemInfo",null);var l=_xeUtils.default.uniqueId();let P=(0,_ui.useSize)(y).computeSize,T=(0,_vue.ref)(),V=(0,_vue.ref)(),B=(0,_vue.ref)(),N=(0,_vue.ref)(),U=(0,_vue.ref)(),o=(0,_vue.ref)(),q=(0,_vue.reactive)({initialized:!1,searchValue:"",searchLoading:!1,panelIndex:0,panelStyle:{},panelPlacement:null,triggerFocusPanel:!1,visiblePanel:!1,isAniVisible:!1,isActivated:!1}),v=createInternalData(),s={refElem:T},A=(0,_vue.computed)(()=>{var e=y.readonly;return null===e?!!n&&n.props.readonly:e}),k=(0,_vue.computed)(()=>{var e=y.disabled;return null===e?!!n&&n.props.disabled:e}),w=(0,_vue.computed)(()=>{var e=y.transfer;if(null===e){var l=(0,_ui.getConfig)().select.transfer;if(_xeUtils.default.isBoolean(l))return l;if(i||a||u||n)return!0}return e}),z=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().cascader.popupConfig,y.popupConfig)),c=(0,_vue.computed)(()=>y.optionProps||{}),p=(0,_vue.computed)(()=>_.value),C=(0,_vue.computed)(()=>c.value.label||"label"),_=(0,_vue.computed)(()=>c.value.value||"value"),E=(0,_vue.computed)(()=>c.value.children||"children"),d=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().cascader.remoteConfig,y.remoteConfig)),L=(0,_vue.computed)(()=>{let{modelValue:e,lazyOptions:a}=y,t=v.fullNodeMaps,u=_.value,i=C.value;return(_xeUtils.default.eqNull(e)?[]:_xeUtils.default.isArray(e)?e:[e]).map(l=>{var e=t[l];if(e)return e.item[i];if(a){e=a.find(e=>e[u]===l);if(e)return e[i]}return l}).join(", ")}),j=(0,_vue.computed)(()=>{var{height:e,width:l}=z.value,a={};return l&&(a.width=(0,_dom.toCssUnit)(l)),e&&(a.height=(0,_dom.toCssUnit)(e),a.maxHeight=(0,_dom.toCssUnit)(e)),a}),D={},O={xID:l,props:y,context:e,reactData:q,internalData:v,getRefMaps:()=>s,getComputeMaps:()=>D},f=(e,l,a)=>{t(e,(0,_ui.createEvent)(a,{$cascader:O},l))},F=e=>{t("update:modelValue",e)};l={dispatchEvent:f};let m=()=>{var{transform:e,options:l}=y;let o=p.value;var a=E.value;let s=_.value,c={},d={},t=(e,l,a,t,u,i)=>{let n=(e=>{e=e[p.value];return e?encodeURIComponent(e):""})(e);n=n||getOptUniqueId(),d[n]&&(0,_log.errLog)("vxe.error.repeatKey",["[tree-select] "+o,n]),d[n]=!0;var r=e[s];c[r]&&(0,_log.errLog)("vxe.error.repeatKey",["[tree-select] "+s,r]),c[r]={item:e,index:l,items:a,parent:u,nodes:i}};l&&(e?l.forEach((e,l,a)=>{t(e,l,a,0,null,[])}):_xeUtils.default.eachTree(l,t,{children:a})),v.fullOptionList=l||[],v.fullNodeMaps=c},M=()=>{var e=y.zIndex;e?q.panelIndex=e:q.panelIndex<(0,_utils.getLastZIndex)()&&(q.panelIndex=(0,_utils.nextZIndex)())},g=()=>{let a=y.placement,t=q.panelIndex,u=T.value,i=U.value,n=w.value,r=z.value;var e=()=>{var e=(0,_dom.updatePanelPlacement)(u,i,{placement:r.placement||a,defaultPlacement:r.defaultPlacement,teleportTo:n}),l=Object.assign(e.style,{zIndex:t});q.panelStyle=l,q.panelPlacement=e.placement};return e(),(0,_vue.nextTick)().then(e)},h=()=>{var{loading:e,remote:l,filterable:a}=y,t=v.fullOptionList,u=k.value,i=d.value;e||u||(clearTimeout(v.hpTimeout),q.initialized||(q.initialized=!0),q.isActivated=!0,q.isAniVisible=!0,a&&l&&i.enabled&&i.autoLoad&&!t.length&&ae(),setTimeout(()=>{q.visiblePanel=!0,W()},10),M(),g())},x=()=>{q.visiblePanel=!1,v.hpTimeout=setTimeout(()=>{q.isAniVisible=!1},350)},b=(e,l,a)=>{l=_xeUtils.default.isArray(l)?l.map(_util.deNodeValue):(0,_util.deNodeValue)(l);F(l),l!==y.modelValue&&(f("change",{value:l,node:a,option:a},e),n)&&r&&n.triggerItemEvent(e,r.itemConfig.field,l)},$=(e,l)=>{b(e,l,null),f("clear",{value:l},e)},R=(e,l)=>{$(l,null),x()},K=e=>{let a=e.$event,{multiple:l,autoClose:t}=y;e=o.value;l&&e&&e.setAllCheckboxNode(!0).then(({checkNodeKeys:e,checkNodes:l})=>{b(a,e,l[0]),f("all-change",{value:e},a),t&&x()})},H=e=>{e=e.$event;let{multiple:l,autoClose:a}=y;var t,u=o.value;u&&(t=l?[]:null,u.clearCheckboxNode().then(()=>{a&&x()}),b(e,t,null),f("clear",{value:t},e))},Z=e=>{var l=q.visiblePanel;k.value||l&&(l=U.value,((0,_dom.getEventTargetNode)(e,l).flag?g:x)())},G=e=>{var l,a,t=q.visiblePanel;k.value||(l=T.value,a=U.value,q.isActivated=(0,_dom.getEventTargetNode)(e,l).flag||(0,_dom.getEventTargetNode)(e,a).flag,t&&!q.isActivated&&x())},J=()=>{var{visiblePanel:e,isActivated:l}=q;e&&x(),l&&(q.isActivated=!1),(e||l)&&(e=V.value)&&e.blur()},Q=()=>{var e=q.visiblePanel;e&&g()},W=()=>{y.filterable&&(0,_vue.nextTick)(()=>{var e=B.value;e&&e.focus()})},X=e=>{k.value||q.visiblePanel||(q.triggerFocusPanel=!0,h(),setTimeout(()=>{q.triggerFocusPanel=!1},150)),f("focus",{},e)},Y=e=>{S(e),f("click",{},e)},ee=e=>{q.isActivated=!1,f("blur",{},e)},le=e=>{q.searchValue=e},ae=()=>{var{modelValue:e,remote:l,remoteMethod:a}=y,t=q.searchValue,u=d.value,a=u.queryMethod||a;l&&a&&u.enabled&&(q.searchLoading=!0,Promise.resolve(a({$cascader:O,searchValue:t,value:e})).then(()=>(0,_vue.nextTick)()).catch(()=>(0,_vue.nextTick)()).finally(()=>{q.searchLoading=!1}))},S=e=>{e=e.$event;e.preventDefault(),q.triggerFocusPanel?q.triggerFocusPanel=!1:(q.visiblePanel?x:h)()};Object.assign(O,l,{});return(0,_vue.watch)(()=>y.options,()=>{m()}),m(),(0,_vue.onMounted)(()=>{_ui.globalEvents.on(O,"mousewheel",Z),_ui.globalEvents.on(O,"mousedown",G),_ui.globalEvents.on(O,"blur",J),_ui.globalEvents.on(O,"resize",Q)}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off(O,"mousewheel"),_ui.globalEvents.off(O,"mousedown"),_ui.globalEvents.off(O,"blur"),_ui.globalEvents.off(O,"resize"),_xeUtils.default.assign(v,createInternalData())}),(0,_vue.provide)("$xeCascader",O),O.renderVN=()=>{var{className:e,modelValue:l,multiple:a,loading:t,filterable:u,showTotalButton:i,showCheckedButton:n,showClearButton:r}=y,{initialized:o,isActivated:s,isAniVisible:c,visiblePanel:d,searchValue:v}=q,p=P.value,_=k.value,f=L.value,m=w.value,g=A.value,h=j.value,x=I.header,b=I.footer;let C=I.prefix;var E=z.value.className;return g?(0,_vue.h)("div",{ref:T,class:["vxe-cascader--readonly",e]},[(0,_vue.h)("span",{class:"vxe-cascader-label"},f)]):(g=_xeUtils.default.eqNull(l)?[]:_xeUtils.default.isArray(l)?l:[l],(0,_vue.h)("div",{ref:T,class:["vxe-cascader",e?_xeUtils.default.isFunction(e)?e({$cascader:O}):e:"",{["size--"+p]:p,"is--filterable":u,"is--visible":d,"is--disabled":_,"is--loading":t,"is--active":s}]},[(0,_vue.h)(_input.default,{ref:V,clearable:y.clearable,placeholder:t?(0,_ui.getI18n)("vxe.select.loadingText"):y.placeholder,editable:!1,disabled:_,type:"text",prefixIcon:y.prefixIcon,suffixIcon:t?(0,_ui.getIcon)().TREE_SELECT_LOADED:d?(0,_ui.getIcon)().TREE_SELECT_OPEN:(0,_ui.getIcon)().TREE_SELECT_CLOSE,modelValue:t?"":f,title:f,onClear:R,onClick:Y,onFocus:X,onBlur:ee,onSuffixClick:S},C?{prefix:()=>C({})}:{}),(0,_vue.h)(_vue.Teleport,{to:"body",disabled:!m||!o},[(0,_vue.h)("div",{ref:U,class:["vxe-table--ignore-clear vxe-cascader--panel",E?_xeUtils.default.isFunction(E)?E({$cascader:O}):E:"",{["size--"+p]:p,"is--transfer":m,"ani--leave":!t&&c,"ani--enter":!t&&d}],placement:q.panelPlacement,style:q.panelStyle},o?[(0,_vue.h)("div",{class:"vxe-cascader--panel-wrapper"},[u?(0,_vue.h)("div",{class:"vxe-cascader--panel-search"},[(0,_vue.h)(_input.default,{ref:B,class:"vxe-cascader-search--input",modelValue:v,clearable:!0,disabled:!1,readonly:!1,placeholder:(0,_ui.getI18n)("vxe.cascader.search"),prefixIcon:(0,_ui.getIcon)().INPUT_SEARCH,"onUpdate:modelValue":le})]):(0,_ui.renderEmptyElement)(O),i||n&&a||r||x?(0,_vue.h)("div",{class:"vxe-cascader--panel-header"},x?x({}):[(0,_vue.h)("div",{class:"vxe-cascader--header-button"},[i?(0,_vue.h)("div",{class:"vxe-cascader--header-total"},(0,_ui.getI18n)("vxe.cascader.total",[g.length])):(0,_ui.renderEmptyElement)(O),(0,_vue.h)("div",{class:"vxe-cascader--header-btns"},[n&&a?(0,_vue.h)(_button.default,{content:(0,_ui.getI18n)("vxe.cascader.allChecked"),mode:"text",onClick:K}):(0,_ui.renderEmptyElement)(O),r?(0,_vue.h)(_button.default,{content:(0,_ui.getI18n)("vxe.cascader.clearChecked"),mode:"text",onClick:H}):(0,_ui.renderEmptyElement)(O)])])]):(0,_ui.renderEmptyElement)(O),(0,_vue.h)("div",{class:"vxe-cascader--panel-body"},[(0,_vue.h)("div",{ref:N,class:"vxe-cascader-tree--wrapper",style:h},[])]),b?(0,_vue.h)("div",{class:"vxe-cascader--panel-footer"},b({})):(0,_ui.renderEmptyElement)(O)])]:[])])]))},O},render(){return this.renderVN()}});
|