vxe-pc-ui 4.15.0 → 4.15.2
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 +220 -37
- package/dist/style.css +1 -1
- package/dist/style.min.css +1 -1
- package/es/cascader/src/cascader.js +76 -10
- package/es/date-panel/src/util.js +12 -0
- package/es/date-picker/src/date-picker.js +71 -5
- package/es/date-range-picker/src/date-range-picker.js +17 -2
- package/es/form/render/index.js +25 -14
- package/es/form/style.css +4 -2
- package/es/form/style.min.css +1 -1
- package/es/number-input/src/number-input.js +2 -3
- package/es/splitter/src/splitter.js +5 -1
- package/es/style.css +1 -1
- package/es/style.min.css +1 -1
- package/es/tree-select/src/tree-select.js +12 -2
- package/es/ui/index.js +1 -1
- package/es/ui/src/log.js +1 -1
- package/es/vxe-form/style.css +4 -2
- package/es/vxe-form/style.min.css +1 -1
- package/lib/cascader/src/cascader.js +89 -10
- package/lib/cascader/src/cascader.min.js +1 -1
- package/lib/date-panel/src/util.js +13 -0
- package/lib/date-panel/src/util.min.js +1 -1
- package/lib/date-picker/src/date-picker.js +82 -3
- package/lib/date-picker/src/date-picker.min.js +1 -1
- package/lib/date-range-picker/src/date-range-picker.js +17 -2
- package/lib/date-range-picker/src/date-range-picker.min.js +1 -1
- package/lib/form/render/index.js +32 -14
- package/lib/form/render/index.min.js +1 -1
- package/lib/form/style/style.css +4 -2
- package/lib/form/style/style.min.css +1 -1
- package/lib/index.umd.js +260 -37
- package/lib/index.umd.min.js +1 -1
- package/lib/number-input/src/number-input.js +2 -3
- package/lib/splitter/src/splitter.js +5 -1
- package/lib/splitter/src/splitter.min.js +1 -1
- package/lib/style.css +1 -1
- package/lib/style.min.css +1 -1
- package/lib/tree-select/src/tree-select.js +16 -2
- 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/lib/vxe-form/style/style.css +4 -2
- package/lib/vxe-form/style/style.min.css +1 -1
- package/package.json +1 -1
- package/packages/cascader/src/cascader.ts +78 -10
- package/packages/date-panel/src/util.ts +13 -0
- package/packages/date-picker/src/date-picker.ts +73 -5
- package/packages/date-range-picker/src/date-range-picker.ts +15 -2
- package/packages/form/render/index.ts +28 -14
- package/packages/number-input/src/number-input.ts +2 -6
- package/packages/splitter/src/splitter.ts +5 -1
- package/packages/tree-select/src/tree-select.ts +12 -2
- package/styles/components/form.scss +4 -2
- package/types/components/cascader.d.ts +6 -2
- package/types/components/date-picker.d.ts +18 -0
- package/types/components/date-range-picker.d.ts +4 -0
- package/types/components/splitter.d.ts +1 -0
- package/types/components/table.d.ts +29 -3
- package/types/components/tree-select.d.ts +19 -1
- /package/es/icon/{iconfont.1781659237913.ttf → iconfont.1781753592499.ttf} +0 -0
- /package/es/icon/{iconfont.1781659237913.woff → iconfont.1781753592499.woff} +0 -0
- /package/es/icon/{iconfont.1781659237913.woff2 → iconfont.1781753592499.woff2} +0 -0
- /package/es/{iconfont.1781659237913.ttf → iconfont.1781753592499.ttf} +0 -0
- /package/es/{iconfont.1781659237913.woff → iconfont.1781753592499.woff} +0 -0
- /package/es/{iconfont.1781659237913.woff2 → iconfont.1781753592499.woff2} +0 -0
- /package/lib/icon/style/{iconfont.1781659237913.ttf → iconfont.1781753592499.ttf} +0 -0
- /package/lib/icon/style/{iconfont.1781659237913.woff → iconfont.1781753592499.woff} +0 -0
- /package/lib/icon/style/{iconfont.1781659237913.woff2 → iconfont.1781753592499.woff2} +0 -0
- /package/lib/{iconfont.1781659237913.ttf → iconfont.1781753592499.ttf} +0 -0
- /package/lib/{iconfont.1781659237913.woff → iconfont.1781753592499.woff} +0 -0
- /package/lib/{iconfont.1781659237913.woff2 → iconfont.1781753592499.woff2} +0 -0
package/lib/index.umd.js
CHANGED
|
@@ -4646,7 +4646,7 @@ function checkDynamic() {
|
|
|
4646
4646
|
}
|
|
4647
4647
|
;// ./packages/ui/src/log.ts
|
|
4648
4648
|
|
|
4649
|
-
const log_version = `ui v${"4.15.
|
|
4649
|
+
const log_version = `ui v${"4.15.2"}`;
|
|
4650
4650
|
const warnLog = log.create('warn', log_version);
|
|
4651
4651
|
const errLog = log.create('error', log_version);
|
|
4652
4652
|
;// ./packages/ui/index.ts
|
|
@@ -4654,7 +4654,7 @@ const errLog = log.create('error', log_version);
|
|
|
4654
4654
|
|
|
4655
4655
|
|
|
4656
4656
|
|
|
4657
|
-
const ui_version = "4.15.
|
|
4657
|
+
const ui_version = "4.15.2";
|
|
4658
4658
|
VxeUI.uiVersion = ui_version;
|
|
4659
4659
|
VxeUI.dynamicApp = dynamicApp;
|
|
4660
4660
|
function config(options) {
|
|
@@ -9399,6 +9399,18 @@ function handleValueFormat(type, valueFormat) {
|
|
|
9399
9399
|
}
|
|
9400
9400
|
return 'yyyy-MM-dd';
|
|
9401
9401
|
}
|
|
9402
|
+
function handleInputFormat(type, inputFormat) {
|
|
9403
|
+
if (inputFormat) {
|
|
9404
|
+
return inputFormat;
|
|
9405
|
+
}
|
|
9406
|
+
if (type === 'time') {
|
|
9407
|
+
return 'HH:mm:ss';
|
|
9408
|
+
}
|
|
9409
|
+
if (type === 'datetime') {
|
|
9410
|
+
return 'yyyy-MM-dd HH:mm:ss';
|
|
9411
|
+
}
|
|
9412
|
+
return 'yyyy-MM-dd';
|
|
9413
|
+
}
|
|
9402
9414
|
function toStringTimeDate(str) {
|
|
9403
9415
|
const rest = new Date(2e3, 0, 1);
|
|
9404
9416
|
if (str) {
|
|
@@ -15200,6 +15212,10 @@ function cascader_createReactData() {
|
|
|
15200
15212
|
function cascader_createInternalData() {
|
|
15201
15213
|
return {
|
|
15202
15214
|
// hpTimeout: undefined,
|
|
15215
|
+
listVirtualYOpts: {
|
|
15216
|
+
enabled: true,
|
|
15217
|
+
gt: 20
|
|
15218
|
+
},
|
|
15203
15219
|
afterTreeList: [],
|
|
15204
15220
|
treeFullData: [],
|
|
15205
15221
|
afterVisibleList: [],
|
|
@@ -15251,7 +15267,15 @@ function cascader_createInternalData() {
|
|
|
15251
15267
|
default: () => getConfig().cascader.size || getConfig().size
|
|
15252
15268
|
},
|
|
15253
15269
|
treeConfig: Object,
|
|
15270
|
+
showRadio: {
|
|
15271
|
+
type: Boolean,
|
|
15272
|
+
default: () => getConfig().cascader.showRadio
|
|
15273
|
+
},
|
|
15254
15274
|
radioConfig: Object,
|
|
15275
|
+
showCheckbox: {
|
|
15276
|
+
type: Boolean,
|
|
15277
|
+
default: () => getConfig().cascader.showCheckbox
|
|
15278
|
+
},
|
|
15255
15279
|
checkboxConfig: Object,
|
|
15256
15280
|
remote: Boolean,
|
|
15257
15281
|
remoteConfig: Function,
|
|
@@ -15540,6 +15564,56 @@ function cascader_createInternalData() {
|
|
|
15540
15564
|
return item;
|
|
15541
15565
|
}));
|
|
15542
15566
|
};
|
|
15567
|
+
const handleSetCheckboxByNodeId = (nodeKeys, checked) => {
|
|
15568
|
+
const {
|
|
15569
|
+
nodeMaps
|
|
15570
|
+
} = internalData;
|
|
15571
|
+
if (nodeKeys) {
|
|
15572
|
+
if (!external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(nodeKeys)) {
|
|
15573
|
+
nodeKeys = [nodeKeys];
|
|
15574
|
+
}
|
|
15575
|
+
const nodeList = [];
|
|
15576
|
+
nodeKeys.forEach(nodeKey => {
|
|
15577
|
+
const nodeid = enNodeValue(nodeKey);
|
|
15578
|
+
const nodeItem = nodeMaps[nodeid];
|
|
15579
|
+
if (nodeItem) {
|
|
15580
|
+
nodeList.push(nodeItem.item);
|
|
15581
|
+
}
|
|
15582
|
+
});
|
|
15583
|
+
handleCheckedCheckboxNode(nodeList, checked);
|
|
15584
|
+
}
|
|
15585
|
+
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
|
|
15586
|
+
};
|
|
15587
|
+
const updateCheckboxChecked = nodeKeys => {
|
|
15588
|
+
internalData.selectCheckboxMaps = {};
|
|
15589
|
+
handleSetCheckboxByNodeId(nodeKeys, true);
|
|
15590
|
+
};
|
|
15591
|
+
const updateModelChecked = () => {
|
|
15592
|
+
const {
|
|
15593
|
+
modelValue
|
|
15594
|
+
} = props;
|
|
15595
|
+
const {
|
|
15596
|
+
nodeMaps
|
|
15597
|
+
} = internalData;
|
|
15598
|
+
const expandedMaps = {};
|
|
15599
|
+
if (props.multiple) {
|
|
15600
|
+
if (modelValue && modelValue.length) {
|
|
15601
|
+
updateCheckboxChecked(modelValue);
|
|
15602
|
+
}
|
|
15603
|
+
} else {
|
|
15604
|
+
if (modelValue) {
|
|
15605
|
+
const nodeid = enNodeValue(external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(modelValue) ? modelValue[0] : modelValue);
|
|
15606
|
+
const itemRest = nodeMaps[nodeid];
|
|
15607
|
+
if (itemRest) {
|
|
15608
|
+
itemRest.nodes.forEach(item => {
|
|
15609
|
+
expandedMaps[getNodeId(item)] = true;
|
|
15610
|
+
});
|
|
15611
|
+
reactData.selectRadioKey = nodeid;
|
|
15612
|
+
}
|
|
15613
|
+
}
|
|
15614
|
+
}
|
|
15615
|
+
internalData.treeExpandedMaps = expandedMaps;
|
|
15616
|
+
};
|
|
15543
15617
|
const cacheNodeMap = () => {
|
|
15544
15618
|
const {
|
|
15545
15619
|
separator
|
|
@@ -15794,6 +15868,7 @@ function cascader_createInternalData() {
|
|
|
15794
15868
|
internalData.treeFullData = fullData;
|
|
15795
15869
|
cacheNodeMap();
|
|
15796
15870
|
handleData(true);
|
|
15871
|
+
updateModelChecked();
|
|
15797
15872
|
handleCurrentItems();
|
|
15798
15873
|
updateCurrentChunk();
|
|
15799
15874
|
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
|
|
@@ -15829,12 +15904,17 @@ function cascader_createInternalData() {
|
|
|
15829
15904
|
} = internalData;
|
|
15830
15905
|
const selectVals = computeSelectVals.value;
|
|
15831
15906
|
const childrenField = computeChildrenField.value;
|
|
15907
|
+
const mapChildrenField = computeMapChildrenField.value;
|
|
15908
|
+
const treeOpts = computeTreeOpts.value;
|
|
15909
|
+
const {
|
|
15910
|
+
transform
|
|
15911
|
+
} = treeOpts;
|
|
15832
15912
|
const stItems = [];
|
|
15833
15913
|
const expandedMaps = {};
|
|
15834
15914
|
if (selectVals.length) {
|
|
15835
|
-
const lastVal = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().last(selectVals);
|
|
15915
|
+
const lastVal = enNodeValue(external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().last(selectVals));
|
|
15836
15916
|
const stRest = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().findTree(treeFullData, item => lastVal === getNodeId(item), {
|
|
15837
|
-
children: childrenField
|
|
15917
|
+
children: transform ? mapChildrenField : childrenField
|
|
15838
15918
|
});
|
|
15839
15919
|
if (stRest) {
|
|
15840
15920
|
const {
|
|
@@ -16497,7 +16577,9 @@ function cascader_createInternalData() {
|
|
|
16497
16577
|
};
|
|
16498
16578
|
const handleNodeClickEvent = (evnt, node, chunks, chunkIndex) => {
|
|
16499
16579
|
const {
|
|
16500
|
-
multiple
|
|
16580
|
+
multiple,
|
|
16581
|
+
showCheckbox,
|
|
16582
|
+
showRadio
|
|
16501
16583
|
} = props;
|
|
16502
16584
|
const treeOpts = computeTreeOpts.value;
|
|
16503
16585
|
const radioOpts = computeRadioOpts.value;
|
|
@@ -16520,12 +16602,12 @@ function cascader_createInternalData() {
|
|
|
16520
16602
|
toggleExpandEvent(evnt, node, chunks, chunkIndex);
|
|
16521
16603
|
}
|
|
16522
16604
|
if (multiple) {
|
|
16523
|
-
if (checkboxOpts.trigger === 'node' || !
|
|
16605
|
+
if (checkboxOpts.trigger === 'node' || !showCheckbox && (!childList || !childList.length)) {
|
|
16524
16606
|
triggerCheckbox = true;
|
|
16525
16607
|
changeCheckboxEvent(evnt, node);
|
|
16526
16608
|
}
|
|
16527
16609
|
} else {
|
|
16528
|
-
if (radioOpts.trigger === 'node' || !
|
|
16610
|
+
if (radioOpts.trigger === 'node' || !showRadio && (!childList || !childList.length)) {
|
|
16529
16611
|
triggerRadio = true;
|
|
16530
16612
|
changeRadioEvent(evnt, node);
|
|
16531
16613
|
}
|
|
@@ -16674,9 +16756,11 @@ function cascader_createInternalData() {
|
|
|
16674
16756
|
return true;
|
|
16675
16757
|
};
|
|
16676
16758
|
const renderRadio = (node, isExistChild, nLevel, isChecked) => {
|
|
16759
|
+
const {
|
|
16760
|
+
showRadio
|
|
16761
|
+
} = props;
|
|
16677
16762
|
const radioOpts = computeRadioOpts.value;
|
|
16678
16763
|
const {
|
|
16679
|
-
showIcon,
|
|
16680
16764
|
checkMode,
|
|
16681
16765
|
checkMethod,
|
|
16682
16766
|
visibleMode,
|
|
@@ -16686,7 +16770,7 @@ function cascader_createInternalData() {
|
|
|
16686
16770
|
$cascader: $xeCascader,
|
|
16687
16771
|
node
|
|
16688
16772
|
}) : handleVisibleOrCheckMode(visibleMode, isExistChild, nLevel);
|
|
16689
|
-
if (
|
|
16773
|
+
if (showRadio && isVisible) {
|
|
16690
16774
|
const isDisabled = checkMethod ? !checkMethod({
|
|
16691
16775
|
$cascader: $xeCascader,
|
|
16692
16776
|
node
|
|
@@ -16708,9 +16792,11 @@ function cascader_createInternalData() {
|
|
|
16708
16792
|
return renderEmptyElement($xeCascader);
|
|
16709
16793
|
};
|
|
16710
16794
|
const renderCheckbox = (node, isExistChild, nLevel, isChecked, isIndeterminate) => {
|
|
16795
|
+
const {
|
|
16796
|
+
showCheckbox
|
|
16797
|
+
} = props;
|
|
16711
16798
|
const checkboxOpts = computeCheckboxOpts.value;
|
|
16712
16799
|
const {
|
|
16713
|
-
showIcon,
|
|
16714
16800
|
checkMode,
|
|
16715
16801
|
checkMethod,
|
|
16716
16802
|
visibleMode,
|
|
@@ -16720,7 +16806,7 @@ function cascader_createInternalData() {
|
|
|
16720
16806
|
$cascader: $xeCascader,
|
|
16721
16807
|
node
|
|
16722
16808
|
}) : handleVisibleOrCheckMode(visibleMode, isExistChild, nLevel);
|
|
16723
|
-
if (
|
|
16809
|
+
if (showCheckbox && isVisible) {
|
|
16724
16810
|
const isDisabled = checkMethod ? !checkMethod({
|
|
16725
16811
|
$cascader: $xeCascader,
|
|
16726
16812
|
node
|
|
@@ -16854,6 +16940,9 @@ function cascader_createInternalData() {
|
|
|
16854
16940
|
searchValue,
|
|
16855
16941
|
currentCunkList
|
|
16856
16942
|
} = reactData;
|
|
16943
|
+
const {
|
|
16944
|
+
listVirtualYOpts
|
|
16945
|
+
} = internalData;
|
|
16857
16946
|
const vSize = computeSize.value;
|
|
16858
16947
|
const isDisabled = computeIsDisabled.value;
|
|
16859
16948
|
const selectLabel = computeSelectLabel.value;
|
|
@@ -16957,7 +17046,8 @@ function cascader_createInternalData() {
|
|
|
16957
17046
|
key: chunkIndex,
|
|
16958
17047
|
class: 'vxe-cascader-chunk--item-wrapper'
|
|
16959
17048
|
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(list, {
|
|
16960
|
-
data: chunks
|
|
17049
|
+
data: chunks,
|
|
17050
|
+
virtualYConfig: listVirtualYOpts
|
|
16961
17051
|
}, {
|
|
16962
17052
|
default(slotParams) {
|
|
16963
17053
|
const {
|
|
@@ -16985,6 +17075,7 @@ function cascader_createInternalData() {
|
|
|
16985
17075
|
};
|
|
16986
17076
|
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.modelValue, () => {
|
|
16987
17077
|
if (!reactData.visiblePanel) {
|
|
17078
|
+
updateModelChecked();
|
|
16988
17079
|
handleCurrentItems();
|
|
16989
17080
|
updateCurrentChunk();
|
|
16990
17081
|
}
|
|
@@ -18451,7 +18542,6 @@ function hexToRgb(str) {
|
|
|
18451
18542
|
type: String,
|
|
18452
18543
|
default: () => getConfig().numberInput.size || getConfig().size
|
|
18453
18544
|
},
|
|
18454
|
-
// number、integer、float
|
|
18455
18545
|
min: {
|
|
18456
18546
|
type: [String, Number],
|
|
18457
18547
|
default: null
|
|
@@ -18474,12 +18564,12 @@ function hexToRgb(str) {
|
|
|
18474
18564
|
default: () => getConfig().numberInput.currencySymbol
|
|
18475
18565
|
},
|
|
18476
18566
|
controlConfig: Object,
|
|
18477
|
-
// float
|
|
18567
|
+
// number、float、amount
|
|
18478
18568
|
roundingMode: {
|
|
18479
18569
|
type: String,
|
|
18480
18570
|
default: () => getConfig().numberInput.roundingMode
|
|
18481
18571
|
},
|
|
18482
|
-
// float
|
|
18572
|
+
// float、amount
|
|
18483
18573
|
digits: {
|
|
18484
18574
|
type: [String, Number],
|
|
18485
18575
|
default: null
|
|
@@ -23792,6 +23882,7 @@ const DatePanel = VxeDatePanel;
|
|
|
23792
23882
|
labelFormat: String,
|
|
23793
23883
|
valueFormat: String,
|
|
23794
23884
|
timeFormat: String,
|
|
23885
|
+
inputFormat: String,
|
|
23795
23886
|
editable: {
|
|
23796
23887
|
type: Boolean,
|
|
23797
23888
|
default: true
|
|
@@ -23821,6 +23912,7 @@ const DatePanel = VxeDatePanel;
|
|
|
23821
23912
|
type: Boolean,
|
|
23822
23913
|
default: () => getConfig().datePicker.autoClose
|
|
23823
23914
|
},
|
|
23915
|
+
controlConfig: Object,
|
|
23824
23916
|
prefixIcon: String,
|
|
23825
23917
|
suffixIcon: String,
|
|
23826
23918
|
placement: String,
|
|
@@ -23861,7 +23953,8 @@ const DatePanel = VxeDatePanel;
|
|
|
23861
23953
|
inputLabel: ''
|
|
23862
23954
|
});
|
|
23863
23955
|
const internalData = {
|
|
23864
|
-
hpTimeout: undefined
|
|
23956
|
+
// hpTimeout: undefined,
|
|
23957
|
+
parseInputKayMaps: {}
|
|
23865
23958
|
};
|
|
23866
23959
|
const refElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
|
|
23867
23960
|
const refInputTarget = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
|
|
@@ -24000,6 +24093,13 @@ const DatePanel = VxeDatePanel;
|
|
|
24000
24093
|
} = props;
|
|
24001
24094
|
return handleValueFormat(type, valueFormat);
|
|
24002
24095
|
});
|
|
24096
|
+
const computeDateInputFormat = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
|
|
24097
|
+
const {
|
|
24098
|
+
type,
|
|
24099
|
+
inputFormat
|
|
24100
|
+
} = props;
|
|
24101
|
+
return handleInputFormat(type, inputFormat);
|
|
24102
|
+
});
|
|
24003
24103
|
const computeFirstDayOfWeek = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
|
|
24004
24104
|
const {
|
|
24005
24105
|
startDay
|
|
@@ -24027,6 +24127,9 @@ const DatePanel = VxeDatePanel;
|
|
|
24027
24127
|
return dateObj.label;
|
|
24028
24128
|
}).join(', ');
|
|
24029
24129
|
});
|
|
24130
|
+
const computeControlOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
|
|
24131
|
+
return Object.assign({}, getConfig().datePicker.controlConfig, props.controlConfig);
|
|
24132
|
+
});
|
|
24030
24133
|
const updateModelValue = () => {
|
|
24031
24134
|
const {
|
|
24032
24135
|
modelValue
|
|
@@ -24121,6 +24224,8 @@ const DatePanel = VxeDatePanel;
|
|
|
24121
24224
|
reactData.isActivated = true;
|
|
24122
24225
|
if (!trigger || trigger === 'default') {
|
|
24123
24226
|
datePickerOpenEvent(evnt);
|
|
24227
|
+
} else if (trigger === 'icon') {
|
|
24228
|
+
hidePanel();
|
|
24124
24229
|
}
|
|
24125
24230
|
triggerEvent(evnt);
|
|
24126
24231
|
};
|
|
@@ -24165,6 +24270,37 @@ const DatePanel = VxeDatePanel;
|
|
|
24165
24270
|
}, evnt);
|
|
24166
24271
|
}
|
|
24167
24272
|
};
|
|
24273
|
+
const handleArrowInputDate = (evnt, isUpArrow) => {
|
|
24274
|
+
const {
|
|
24275
|
+
multiple
|
|
24276
|
+
} = props;
|
|
24277
|
+
if (multiple) {
|
|
24278
|
+
return;
|
|
24279
|
+
}
|
|
24280
|
+
const {
|
|
24281
|
+
inputValue
|
|
24282
|
+
} = reactData;
|
|
24283
|
+
if (!inputValue) {
|
|
24284
|
+
return;
|
|
24285
|
+
}
|
|
24286
|
+
const targetElem = refInputTarget.value;
|
|
24287
|
+
if (!targetElem) {
|
|
24288
|
+
return;
|
|
24289
|
+
}
|
|
24290
|
+
const {
|
|
24291
|
+
parseInputKayMaps
|
|
24292
|
+
} = internalData;
|
|
24293
|
+
const inputFormat = computeDateInputFormat.value;
|
|
24294
|
+
const selectionStart = targetElem.selectionStart || 0;
|
|
24295
|
+
let selectKey = inputFormat[selectionStart];
|
|
24296
|
+
if (!parseInputKayMaps[selectKey]) {
|
|
24297
|
+
selectKey = inputFormat[selectionStart - 1];
|
|
24298
|
+
}
|
|
24299
|
+
const inputPaesrFn = parseInputKayMaps[selectKey];
|
|
24300
|
+
if (inputPaesrFn) {
|
|
24301
|
+
inputPaesrFn(evnt, targetElem, isUpArrow);
|
|
24302
|
+
}
|
|
24303
|
+
};
|
|
24168
24304
|
const blurEvent = evnt => {
|
|
24169
24305
|
const $datePanel = refDatePanel.value;
|
|
24170
24306
|
const {
|
|
@@ -24191,6 +24327,15 @@ const DatePanel = VxeDatePanel;
|
|
|
24191
24327
|
}
|
|
24192
24328
|
};
|
|
24193
24329
|
const keydownEvent = evnt => {
|
|
24330
|
+
const {
|
|
24331
|
+
controlConfig
|
|
24332
|
+
} = props;
|
|
24333
|
+
const controlOpts = computeControlOpts.value;
|
|
24334
|
+
const isUpArrow = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ARROW_UP);
|
|
24335
|
+
const isDwArrow = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ARROW_DOWN);
|
|
24336
|
+
if ((isUpArrow || isDwArrow) && controlOpts.isArrow && (controlConfig || controlOpts.enabled)) {
|
|
24337
|
+
handleArrowInputDate(evnt, isUpArrow);
|
|
24338
|
+
}
|
|
24194
24339
|
triggerEvent(evnt);
|
|
24195
24340
|
};
|
|
24196
24341
|
const keyupEvent = evnt => {
|
|
@@ -24331,6 +24476,9 @@ const DatePanel = VxeDatePanel;
|
|
|
24331
24476
|
} = reactData;
|
|
24332
24477
|
const targetElem = refInputTarget.value;
|
|
24333
24478
|
const panelElem = refInputPanel.value;
|
|
24479
|
+
if (!panelElem) {
|
|
24480
|
+
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
|
|
24481
|
+
}
|
|
24334
24482
|
const btnTransfer = computeBtnTransfer.value;
|
|
24335
24483
|
const popupOpts = computePopupOpts.value;
|
|
24336
24484
|
const handleStyle = () => {
|
|
@@ -24380,12 +24528,19 @@ const DatePanel = VxeDatePanel;
|
|
|
24380
24528
|
}
|
|
24381
24529
|
};
|
|
24382
24530
|
const clickIconEvent = evnt => {
|
|
24531
|
+
const {
|
|
24532
|
+
visiblePanel
|
|
24533
|
+
} = reactData;
|
|
24383
24534
|
const popupOpts = computePopupOpts.value;
|
|
24384
24535
|
const {
|
|
24385
24536
|
trigger
|
|
24386
24537
|
} = popupOpts;
|
|
24387
24538
|
if (!trigger || trigger === 'default' || trigger === 'icon') {
|
|
24388
|
-
|
|
24539
|
+
if (visiblePanel) {
|
|
24540
|
+
hidePanel();
|
|
24541
|
+
} else {
|
|
24542
|
+
datePickerOpenEvent(evnt);
|
|
24543
|
+
}
|
|
24389
24544
|
}
|
|
24390
24545
|
};
|
|
24391
24546
|
const clickEvent = evnt => {
|
|
@@ -24515,6 +24670,10 @@ const DatePanel = VxeDatePanel;
|
|
|
24515
24670
|
return renderEmptyElement($xeDatePicker);
|
|
24516
24671
|
};
|
|
24517
24672
|
const renderPanel = () => {
|
|
24673
|
+
const popupOpts = computePopupOpts.value;
|
|
24674
|
+
if (popupOpts.enabled === false) {
|
|
24675
|
+
return renderEmptyElement($xeDatePicker);
|
|
24676
|
+
}
|
|
24518
24677
|
const {
|
|
24519
24678
|
type,
|
|
24520
24679
|
multiple,
|
|
@@ -24536,7 +24695,6 @@ const DatePanel = VxeDatePanel;
|
|
|
24536
24695
|
const isDateTimeType = computeIsDateTimeType.value;
|
|
24537
24696
|
const shortcutList = computeShortcutList.value;
|
|
24538
24697
|
const timeOpts = computeTimeOpts.value;
|
|
24539
|
-
const popupOpts = computePopupOpts.value;
|
|
24540
24698
|
const {
|
|
24541
24699
|
position
|
|
24542
24700
|
} = shortcutOpts;
|
|
@@ -24756,6 +24914,17 @@ const DatePanel = VxeDatePanel;
|
|
|
24756
24914
|
globalEvents.on($xeDatePicker, 'blur', handleGlobalBlurEvent);
|
|
24757
24915
|
globalEvents.on($xeDatePicker, 'resize', handleGlobalResizeEvent);
|
|
24758
24916
|
});
|
|
24917
|
+
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(() => {
|
|
24918
|
+
const {
|
|
24919
|
+
parseInputKayMaps
|
|
24920
|
+
} = internalData;
|
|
24921
|
+
const inputKeys = ['y', 'M', 'd', 'H', 'm', 'n'];
|
|
24922
|
+
inputKeys.forEach(key => {
|
|
24923
|
+
parseInputKayMaps[key] = evnt => {
|
|
24924
|
+
evnt.preventDefault();
|
|
24925
|
+
};
|
|
24926
|
+
});
|
|
24927
|
+
});
|
|
24759
24928
|
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.onUnmounted)(() => {
|
|
24760
24929
|
globalEvents.off($xeDatePicker, 'mousewheel');
|
|
24761
24930
|
globalEvents.off($xeDatePicker, 'mousedown');
|
|
@@ -25298,6 +25467,8 @@ const DatePicker = VxeDatePicker;
|
|
|
25298
25467
|
reactData.isActivated = true;
|
|
25299
25468
|
if (!trigger || trigger === 'default') {
|
|
25300
25469
|
dateRangePickerOpenEvent(evnt);
|
|
25470
|
+
} else if (trigger === 'icon') {
|
|
25471
|
+
hidePanel();
|
|
25301
25472
|
}
|
|
25302
25473
|
triggerEvent(evnt);
|
|
25303
25474
|
};
|
|
@@ -25680,6 +25851,9 @@ const DatePicker = VxeDatePicker;
|
|
|
25680
25851
|
} = reactData;
|
|
25681
25852
|
const targetElem = refInputTarget.value;
|
|
25682
25853
|
const panelElem = refInputPanel.value;
|
|
25854
|
+
if (!panelElem) {
|
|
25855
|
+
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
|
|
25856
|
+
}
|
|
25683
25857
|
const btnTransfer = computeBtnTransfer.value;
|
|
25684
25858
|
const popupOpts = computePopupOpts.value;
|
|
25685
25859
|
const handleStyle = () => {
|
|
@@ -25730,12 +25904,19 @@ const DatePicker = VxeDatePicker;
|
|
|
25730
25904
|
}
|
|
25731
25905
|
};
|
|
25732
25906
|
const clickIconEvent = evnt => {
|
|
25907
|
+
const {
|
|
25908
|
+
visiblePanel
|
|
25909
|
+
} = reactData;
|
|
25733
25910
|
const popupOpts = computePopupOpts.value;
|
|
25734
25911
|
const {
|
|
25735
25912
|
trigger
|
|
25736
25913
|
} = popupOpts;
|
|
25737
25914
|
if (!trigger || trigger === 'default' || trigger === 'icon') {
|
|
25738
|
-
|
|
25915
|
+
if (visiblePanel) {
|
|
25916
|
+
hidePanel();
|
|
25917
|
+
} else {
|
|
25918
|
+
dateRangePickerOpenEvent(evnt);
|
|
25919
|
+
}
|
|
25739
25920
|
}
|
|
25740
25921
|
};
|
|
25741
25922
|
const clickEvent = evnt => {
|
|
@@ -25874,6 +26055,10 @@ const DatePicker = VxeDatePicker;
|
|
|
25874
26055
|
return renderEmptyElement($xeDateRangePicker);
|
|
25875
26056
|
};
|
|
25876
26057
|
const renderPanel = () => {
|
|
26058
|
+
const popupOpts = computePopupOpts.value;
|
|
26059
|
+
if (popupOpts.enabled === false) {
|
|
26060
|
+
return renderEmptyElement($xeDateRangePicker);
|
|
26061
|
+
}
|
|
25877
26062
|
const {
|
|
25878
26063
|
type,
|
|
25879
26064
|
separator,
|
|
@@ -25900,7 +26085,6 @@ const DatePicker = VxeDatePicker;
|
|
|
25900
26085
|
const defaultDates = computeDefaultDates.value;
|
|
25901
26086
|
const defaultTimes = computeDefaultTimes.value;
|
|
25902
26087
|
const timeOpts = computeTimeOpts.value;
|
|
25903
|
-
const popupOpts = computePopupOpts.value;
|
|
25904
26088
|
const {
|
|
25905
26089
|
startLabel,
|
|
25906
26090
|
endLabel
|
|
@@ -28351,15 +28535,15 @@ function oldFormItemRadioAndCheckboxRender(renderOpts, params) {
|
|
|
28351
28535
|
*/
|
|
28352
28536
|
renderer.mixin({
|
|
28353
28537
|
input: {
|
|
28354
|
-
formItemAutoFocus:
|
|
28538
|
+
formItemAutoFocus: true,
|
|
28355
28539
|
renderFormItemContent: nativeItemRender
|
|
28356
28540
|
},
|
|
28357
28541
|
textarea: {
|
|
28358
|
-
formItemAutoFocus:
|
|
28542
|
+
formItemAutoFocus: true,
|
|
28359
28543
|
renderFormItemContent: nativeItemRender
|
|
28360
28544
|
},
|
|
28361
28545
|
select: {
|
|
28362
|
-
formItemAutoFocus:
|
|
28546
|
+
formItemAutoFocus: true,
|
|
28363
28547
|
renderFormItemContent(renderOpts, params) {
|
|
28364
28548
|
return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('select', {
|
|
28365
28549
|
class: 'vxe-default-select',
|
|
@@ -28369,27 +28553,27 @@ renderer.mixin({
|
|
|
28369
28553
|
}
|
|
28370
28554
|
},
|
|
28371
28555
|
VxeInput: {
|
|
28372
|
-
formItemAutoFocus:
|
|
28556
|
+
formItemAutoFocus: true,
|
|
28373
28557
|
renderFormItemContent: defaultItemRender
|
|
28374
28558
|
},
|
|
28375
28559
|
VxeNumberInput: {
|
|
28376
|
-
formItemAutoFocus:
|
|
28560
|
+
formItemAutoFocus: true,
|
|
28377
28561
|
renderFormItemContent: defaultItemRender
|
|
28378
28562
|
},
|
|
28379
28563
|
VxePasswordInput: {
|
|
28380
|
-
formItemAutoFocus:
|
|
28564
|
+
formItemAutoFocus: true,
|
|
28381
28565
|
renderFormItemContent: defaultItemRender
|
|
28382
28566
|
},
|
|
28383
28567
|
VxeTextarea: {
|
|
28384
|
-
formItemAutoFocus:
|
|
28568
|
+
formItemAutoFocus: true,
|
|
28385
28569
|
renderFormItemContent: defaultItemRender
|
|
28386
28570
|
},
|
|
28387
28571
|
VxeDatePicker: {
|
|
28388
|
-
formItemAutoFocus:
|
|
28572
|
+
formItemAutoFocus: true,
|
|
28389
28573
|
renderFormItemContent: defaultItemRender
|
|
28390
28574
|
},
|
|
28391
28575
|
VxeDateRangePicker: {
|
|
28392
|
-
formItemAutoFocus:
|
|
28576
|
+
formItemAutoFocus: true,
|
|
28393
28577
|
renderFormItemContent(renderOpts, params) {
|
|
28394
28578
|
const {
|
|
28395
28579
|
startField,
|
|
@@ -28459,7 +28643,7 @@ renderer.mixin({
|
|
|
28459
28643
|
}
|
|
28460
28644
|
},
|
|
28461
28645
|
VxeSelect: {
|
|
28462
|
-
formItemAutoFocus:
|
|
28646
|
+
formItemAutoFocus: true,
|
|
28463
28647
|
renderFormItemContent(renderOpts, params) {
|
|
28464
28648
|
const {
|
|
28465
28649
|
data,
|
|
@@ -28484,7 +28668,28 @@ renderer.mixin({
|
|
|
28484
28668
|
}
|
|
28485
28669
|
},
|
|
28486
28670
|
VxeTreeSelect: {
|
|
28487
|
-
formItemAutoFocus:
|
|
28671
|
+
formItemAutoFocus: true,
|
|
28672
|
+
renderFormItemContent(renderOpts, params) {
|
|
28673
|
+
const {
|
|
28674
|
+
data,
|
|
28675
|
+
field
|
|
28676
|
+
} = params;
|
|
28677
|
+
const {
|
|
28678
|
+
options,
|
|
28679
|
+
optionProps
|
|
28680
|
+
} = renderOpts;
|
|
28681
|
+
const itemValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(data, field);
|
|
28682
|
+
return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(getDefaultComponent(renderOpts), {
|
|
28683
|
+
...getComponentFormItemProps(renderOpts, params, itemValue, {
|
|
28684
|
+
options,
|
|
28685
|
+
optionProps
|
|
28686
|
+
}),
|
|
28687
|
+
...getItemOns(renderOpts, params)
|
|
28688
|
+
})];
|
|
28689
|
+
}
|
|
28690
|
+
},
|
|
28691
|
+
VxeCascader: {
|
|
28692
|
+
formItemAutoFocus: true,
|
|
28488
28693
|
renderFormItemContent(renderOpts, params) {
|
|
28489
28694
|
const {
|
|
28490
28695
|
data,
|
|
@@ -28505,7 +28710,7 @@ renderer.mixin({
|
|
|
28505
28710
|
}
|
|
28506
28711
|
},
|
|
28507
28712
|
VxeTableSelect: {
|
|
28508
|
-
formItemAutoFocus:
|
|
28713
|
+
formItemAutoFocus: true,
|
|
28509
28714
|
renderFormItemContent(renderOpts, params) {
|
|
28510
28715
|
const {
|
|
28511
28716
|
data,
|
|
@@ -28526,7 +28731,7 @@ renderer.mixin({
|
|
|
28526
28731
|
}
|
|
28527
28732
|
},
|
|
28528
28733
|
VxeColorPicker: {
|
|
28529
|
-
formItemAutoFocus:
|
|
28734
|
+
formItemAutoFocus: true,
|
|
28530
28735
|
renderFormItemContent(renderOpts, params) {
|
|
28531
28736
|
const {
|
|
28532
28737
|
data,
|
|
@@ -28545,7 +28750,7 @@ renderer.mixin({
|
|
|
28545
28750
|
}
|
|
28546
28751
|
},
|
|
28547
28752
|
VxeIconPicker: {
|
|
28548
|
-
formItemAutoFocus:
|
|
28753
|
+
formItemAutoFocus: true,
|
|
28549
28754
|
renderFormItemContent(renderOpts, params) {
|
|
28550
28755
|
const {
|
|
28551
28756
|
data,
|
|
@@ -40612,7 +40817,8 @@ const Select = VxeSelect;
|
|
|
40612
40817
|
staticItems: [],
|
|
40613
40818
|
itemList: [],
|
|
40614
40819
|
barWidth: 0,
|
|
40615
|
-
barHeight: 0
|
|
40820
|
+
barHeight: 0,
|
|
40821
|
+
resizeFlag: 0
|
|
40616
40822
|
});
|
|
40617
40823
|
const internalData = {
|
|
40618
40824
|
wrapperWidth: 0,
|
|
@@ -41154,6 +41360,7 @@ const Select = VxeSelect;
|
|
|
41154
41360
|
document.onmousemove = evnt => {
|
|
41155
41361
|
evnt.preventDefault();
|
|
41156
41362
|
handleDrag(evnt);
|
|
41363
|
+
reactData.resizeFlag++;
|
|
41157
41364
|
};
|
|
41158
41365
|
document.onmouseup = evnt => {
|
|
41159
41366
|
document.onmousemove = null;
|
|
@@ -41170,6 +41377,7 @@ const Select = VxeSelect;
|
|
|
41170
41377
|
offsetWidth: targetOffsetWidth
|
|
41171
41378
|
}, evnt);
|
|
41172
41379
|
recalculate();
|
|
41380
|
+
reactData.resizeFlag++;
|
|
41173
41381
|
};
|
|
41174
41382
|
if (rsSplitterLineEl) {
|
|
41175
41383
|
rsSplitterLineEl.style.display = 'block';
|
|
@@ -41228,6 +41436,7 @@ const Select = VxeSelect;
|
|
|
41228
41436
|
}, evnt);
|
|
41229
41437
|
}
|
|
41230
41438
|
recalculate();
|
|
41439
|
+
reactData.resizeFlag++;
|
|
41231
41440
|
};
|
|
41232
41441
|
const handlePrevActionDblclickEvent = evnt => {
|
|
41233
41442
|
const {
|
|
@@ -48885,6 +49094,14 @@ function tree_select_createInternalData() {
|
|
|
48885
49094
|
},
|
|
48886
49095
|
remote: Boolean,
|
|
48887
49096
|
remoteConfig: Function,
|
|
49097
|
+
showRadio: {
|
|
49098
|
+
type: Boolean,
|
|
49099
|
+
default: () => getConfig().treeSelect.showRadio
|
|
49100
|
+
},
|
|
49101
|
+
showCheckbox: {
|
|
49102
|
+
type: Boolean,
|
|
49103
|
+
default: () => getConfig().treeSelect.showCheckbox
|
|
49104
|
+
},
|
|
48888
49105
|
popupConfig: Object,
|
|
48889
49106
|
treeConfig: Object,
|
|
48890
49107
|
menuConfig: Object,
|
|
@@ -49022,17 +49239,23 @@ function tree_select_createInternalData() {
|
|
|
49022
49239
|
}, treeOpts.nodeConfig);
|
|
49023
49240
|
});
|
|
49024
49241
|
const computeTreeCheckboxOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
|
|
49242
|
+
const {
|
|
49243
|
+
showCheckbox
|
|
49244
|
+
} = props;
|
|
49025
49245
|
const treeOpts = computeTreeOpts.value;
|
|
49026
49246
|
return Object.assign({
|
|
49027
|
-
showIcon: !!treeOpts.showCheckbox
|
|
49247
|
+
showIcon: external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isBoolean(showCheckbox) ? showCheckbox : !!treeOpts.showCheckbox
|
|
49028
49248
|
}, treeOpts.checkboxConfig, {
|
|
49029
49249
|
trigger: 'node'
|
|
49030
49250
|
});
|
|
49031
49251
|
});
|
|
49032
49252
|
const computeTreeRadioOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
|
|
49253
|
+
const {
|
|
49254
|
+
showRadio
|
|
49255
|
+
} = props;
|
|
49033
49256
|
const treeOpts = computeTreeOpts.value;
|
|
49034
49257
|
return Object.assign({
|
|
49035
|
-
showIcon: !!treeOpts.showRadio
|
|
49258
|
+
showIcon: external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isBoolean(showRadio) ? showRadio : !!treeOpts.showRadio
|
|
49036
49259
|
}, treeOpts.radioConfig, {
|
|
49037
49260
|
trigger: 'node'
|
|
49038
49261
|
});
|