vxe-pc-ui 4.15.3 → 4.15.4

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 (33) hide show
  1. package/dist/all.esm.js +105 -59
  2. package/es/cascader/src/cascader.js +72 -30
  3. package/es/tree-select/src/tree-select.js +14 -18
  4. package/es/ui/index.js +4 -1
  5. package/es/ui/src/log.js +10 -6
  6. package/lib/cascader/src/cascader.js +80 -33
  7. package/lib/cascader/src/cascader.min.js +1 -1
  8. package/lib/index.umd.js +102 -46
  9. package/lib/index.umd.min.js +1 -1
  10. package/lib/tree-select/src/tree-select.js +7 -7
  11. package/lib/tree-select/src/tree-select.min.js +1 -1
  12. package/lib/ui/index.js +4 -1
  13. package/lib/ui/index.min.js +1 -1
  14. package/lib/ui/src/log.js +11 -5
  15. package/lib/ui/src/log.min.js +1 -1
  16. package/package.json +1 -1
  17. package/packages/cascader/src/cascader.ts +71 -31
  18. package/packages/tree-select/src/tree-select.ts +14 -18
  19. package/packages/ui/index.ts +3 -0
  20. package/packages/ui/src/log.ts +11 -6
  21. package/types/components/cascader.d.ts +4 -0
  22. /package/es/icon/{iconfont.1781852740683.ttf → iconfont.1781876596706.ttf} +0 -0
  23. /package/es/icon/{iconfont.1781852740683.woff → iconfont.1781876596706.woff} +0 -0
  24. /package/es/icon/{iconfont.1781852740683.woff2 → iconfont.1781876596706.woff2} +0 -0
  25. /package/es/{iconfont.1781852740683.ttf → iconfont.1781876596706.ttf} +0 -0
  26. /package/es/{iconfont.1781852740683.woff → iconfont.1781876596706.woff} +0 -0
  27. /package/es/{iconfont.1781852740683.woff2 → iconfont.1781876596706.woff2} +0 -0
  28. /package/lib/icon/style/{iconfont.1781852740683.ttf → iconfont.1781876596706.ttf} +0 -0
  29. /package/lib/icon/style/{iconfont.1781852740683.woff → iconfont.1781876596706.woff} +0 -0
  30. /package/lib/icon/style/{iconfont.1781852740683.woff2 → iconfont.1781876596706.woff2} +0 -0
  31. /package/lib/{iconfont.1781852740683.ttf → iconfont.1781876596706.ttf} +0 -0
  32. /package/lib/{iconfont.1781852740683.woff → iconfont.1781876596706.woff} +0 -0
  33. /package/lib/{iconfont.1781852740683.woff2 → iconfont.1781876596706.woff2} +0 -0
package/lib/index.umd.js CHANGED
@@ -4646,21 +4646,27 @@ function checkDynamic() {
4646
4646
  }
4647
4647
  ;// ./packages/ui/src/log.ts
4648
4648
 
4649
- const log_version = `ui v${"4.15.3"}`;
4649
+ const {
4650
+ log: log_log
4651
+ } = VxeUI;
4652
+ const uiVersion = `ui v${"4.15.4"}`;
4650
4653
  function createComponentLog(name) {
4654
+ const tableVersion = VxeUI.tableVersion ? `table v${VxeUI.tableVersion}` : '';
4655
+ const ganttVersion = VxeUI.ganttVersion ? `gantt v${VxeUI.ganttVersion}` : '';
4656
+ const designVersion = VxeUI.designVersion ? `design v${VxeUI.designVersion}` : '';
4651
4657
  return {
4652
- warnLog: log.create('warn', `${log_version} ${name}`),
4653
- errLog: log.create('error', `${log_version} ${name}`)
4658
+ warnLog: log_log.create('warn', uiVersion + tableVersion + ganttVersion + designVersion + '] [' + name),
4659
+ errLog: log_log.create('error', uiVersion + tableVersion + ganttVersion + designVersion + '] [' + name)
4654
4660
  };
4655
4661
  }
4656
- const warnLog = log.create('warn', log_version);
4657
- const errLog = log.create('error', log_version);
4662
+ const warnLog = log_log.create('warn', uiVersion);
4663
+ const errLog = log_log.create('error', uiVersion);
4658
4664
  ;// ./packages/ui/index.ts
4659
4665
  /* unused harmony import specifier */ var ui_VxeUI;
4660
4666
 
4661
4667
 
4662
4668
 
4663
- const ui_version = "4.15.3";
4669
+ const ui_version = "4.15.4";
4664
4670
  VxeUI.uiVersion = ui_version;
4665
4671
  VxeUI.dynamicApp = dynamicApp;
4666
4672
  function config(options) {
@@ -4723,6 +4729,9 @@ setConfig({
4723
4729
  showFullLabel: true,
4724
4730
  treeConfig: {
4725
4731
  showIcon: true
4732
+ },
4733
+ filterConfig: {
4734
+ autoExpandMode: 'first'
4726
4735
  }
4727
4736
  },
4728
4737
  checkbox: {},
@@ -15214,10 +15223,6 @@ const {
15214
15223
 
15215
15224
 
15216
15225
 
15217
-
15218
- const {
15219
- errLog: cascader_errLog
15220
- } = createComponentLog('cascader');
15221
15226
  /**
15222
15227
  * 生成节点的唯一主键
15223
15228
  */
@@ -15861,9 +15866,6 @@ function cascader_createInternalData() {
15861
15866
  return internalData.afterVisibleList;
15862
15867
  };
15863
15868
  const handleData = force => {
15864
- const {
15865
- nodeMaps
15866
- } = internalData;
15867
15869
  let fullList = internalData.afterVisibleList;
15868
15870
  if (force) {
15869
15871
  // 更新数据,处理筛选和排序
@@ -15872,16 +15874,60 @@ function cascader_createInternalData() {
15872
15874
  fullList = handleTreeToList();
15873
15875
  }
15874
15876
  const treeList = fullList.slice(0);
15875
- treeList.forEach((item, $index) => {
15876
- const nodeid = getNodeId(item);
15877
- const itemRest = nodeMaps[nodeid];
15878
- if (itemRest) {
15879
- itemRest.$index = $index;
15880
- }
15881
- });
15882
15877
  reactData.treeList = treeList;
15883
15878
  };
15884
- const triggerSearchEvent = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().debounce(() => handleData(true), 350, {
15879
+ /**
15880
+ * 获取第一个拥有子节点的节点
15881
+ */
15882
+ function handleHasChildNodeIds(treeList, type) {
15883
+ const childrenField = computeChildrenField.value;
15884
+ const mapChildrenField = computeMapChildrenField.value;
15885
+ const treeOpts = computeTreeOpts.value;
15886
+ const {
15887
+ transform
15888
+ } = treeOpts;
15889
+ const childField = transform ? mapChildrenField : childrenField;
15890
+ const nodeIds = [];
15891
+ let currList = treeList;
15892
+ while (currList.length) {
15893
+ let targetNode = null;
15894
+ for (const item of currList) {
15895
+ const kids = item[childField];
15896
+ if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(kids) && kids.length > 0) {
15897
+ targetNode = item;
15898
+ break;
15899
+ }
15900
+ }
15901
+ if (targetNode) {
15902
+ nodeIds.push(getNodeId(targetNode));
15903
+ currList = targetNode[childField];
15904
+ } else {
15905
+ const endNode = (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default())[type](currList);
15906
+ nodeIds.push(getNodeId(endNode));
15907
+ break;
15908
+ }
15909
+ }
15910
+ return nodeIds;
15911
+ }
15912
+ const triggerSearchEvent = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().debounce(() => {
15913
+ handleData(true);
15914
+ updateModelChecked();
15915
+ const filterOpts = computeFilterOpts.value;
15916
+ const {
15917
+ autoExpandMode
15918
+ } = filterOpts;
15919
+ const {
15920
+ afterTreeList
15921
+ } = internalData;
15922
+ // 默认展开第
15923
+ if (autoExpandMode === 'first' || autoExpandMode === 'last') {
15924
+ const stItems = handleHasChildNodeIds(afterTreeList, autoExpandMode);
15925
+ reactData.currentItems = stItems;
15926
+ } else {
15927
+ handleCurrentItems();
15928
+ }
15929
+ updateCurrentChunk();
15930
+ }, 350, {
15885
15931
  trailing: true
15886
15932
  });
15887
15933
  const loadData = list => {
@@ -15916,18 +15962,23 @@ function cascader_createInternalData() {
15916
15962
  currentItems
15917
15963
  } = reactData;
15918
15964
  const {
15919
- treeFullData
15965
+ afterTreeList
15920
15966
  } = internalData;
15921
15967
  const childrenField = computeChildrenField.value;
15922
- const currentCunkList = [treeFullData];
15968
+ const mapChildrenField = computeMapChildrenField.value;
15969
+ const treeOpts = computeTreeOpts.value;
15970
+ const {
15971
+ transform
15972
+ } = treeOpts;
15973
+ const currentCunkList = [afterTreeList];
15923
15974
  if (currentItems.length) {
15924
15975
  let chunkIndex = 0;
15925
15976
  let stNodeid = currentItems[chunkIndex];
15926
- let optList = treeFullData;
15977
+ let optList = afterTreeList;
15927
15978
  while (stNodeid && optList && optList.length) {
15928
15979
  stNodeid = currentItems[chunkIndex++];
15929
15980
  const currOption = optList.find(item => stNodeid === getNodeId(item));
15930
- optList = currOption ? currOption[childrenField] : [];
15981
+ optList = currOption ? currOption[transform ? mapChildrenField : childrenField] : [];
15931
15982
  if (!optList || !optList.length) {
15932
15983
  break;
15933
15984
  }
@@ -15938,7 +15989,7 @@ function cascader_createInternalData() {
15938
15989
  };
15939
15990
  const handleCurrentItems = () => {
15940
15991
  const {
15941
- treeFullData
15992
+ afterTreeList
15942
15993
  } = internalData;
15943
15994
  const selectVals = computeSelectVals.value;
15944
15995
  const childrenField = computeChildrenField.value;
@@ -15951,7 +16002,7 @@ function cascader_createInternalData() {
15951
16002
  const expandedMaps = {};
15952
16003
  if (selectVals.length) {
15953
16004
  const lastVal = enNodeValue(external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().last(selectVals));
15954
- const stRest = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().findTree(treeFullData, item => lastVal === getNodeId(item), {
16005
+ const stRest = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().findTree(afterTreeList, item => lastVal === getNodeId(item), {
15955
16006
  children: transform ? mapChildrenField : childrenField
15956
16007
  });
15957
16008
  if (stRest) {
@@ -16081,10 +16132,11 @@ function cascader_createInternalData() {
16081
16132
  };
16082
16133
  });
16083
16134
  };
16084
- const clearCheckboxNode = () => {
16135
+ const clearSelectedNode = () => {
16085
16136
  internalData.indeterminateRowMaps = {};
16086
16137
  internalData.selectCheckboxMaps = {};
16087
16138
  reactData.updateCheckboxFlag++;
16139
+ reactData.selectRadioKey = null;
16088
16140
  updateCheckboxStatus();
16089
16141
  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)().then(() => {
16090
16142
  return {
@@ -16150,7 +16202,7 @@ function cascader_createInternalData() {
16150
16202
  checkedClosable
16151
16203
  } = props;
16152
16204
  const value = multiple ? [] : null;
16153
- clearCheckboxNode().then(() => {
16205
+ clearSelectedNode().then(() => {
16154
16206
  if (checkedClosable) {
16155
16207
  hideOptionPanel($event);
16156
16208
  }
@@ -16249,12 +16301,17 @@ function cascader_createInternalData() {
16249
16301
  } = internalData;
16250
16302
  const radioOpts = computeRadioOpts.value;
16251
16303
  const childrenField = computeChildrenField.value;
16304
+ const treeOpts = computeTreeOpts.value;
16305
+ const {
16306
+ transform
16307
+ } = treeOpts;
16308
+ const mapChildrenField = computeMapChildrenField.value;
16252
16309
  const {
16253
16310
  checkMode,
16254
16311
  checkMethod
16255
16312
  } = radioOpts;
16256
16313
  const nodeid = getNodeId(node);
16257
- const childList = node[childrenField];
16314
+ const childList = node[transform ? mapChildrenField : childrenField];
16258
16315
  const isExistChild = childList && childList.length > 0;
16259
16316
  const nodeItem = nodeMaps[nodeid] || {};
16260
16317
  const nLevel = nodeItem.level;
@@ -16467,7 +16524,7 @@ function cascader_createInternalData() {
16467
16524
  const childRowList = [];
16468
16525
  external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eachTree(afterTreeList, node => {
16469
16526
  const nodeid = getNodeId(node);
16470
- const childList = node[childrenField];
16527
+ const childList = node[transform ? mapChildrenField : childrenField];
16471
16528
  if (childList && childList.length && !childRowMaps[nodeid]) {
16472
16529
  childRowMaps[nodeid] = 1;
16473
16530
  childRowList.unshift([node, nodeid, childList]);
@@ -16573,7 +16630,7 @@ function cascader_createInternalData() {
16573
16630
  transform
16574
16631
  } = treeOpts;
16575
16632
  const nodeid = getNodeId(node);
16576
- const childList = node[childrenField];
16633
+ const childList = node[transform ? mapChildrenField : childrenField];
16577
16634
  const isExistChild = childList && childList.length > 0;
16578
16635
  const nodeItem = nodeMaps[nodeid] || {};
16579
16636
  const nLevel = nodeItem.level;
@@ -16886,14 +16943,16 @@ function cascader_createInternalData() {
16886
16943
  const treeOpts = computeTreeOpts.value;
16887
16944
  const {
16888
16945
  lazy,
16946
+ transform,
16889
16947
  iconLoaded,
16890
16948
  iconOpen,
16891
16949
  iconClose
16892
16950
  } = treeOpts;
16893
16951
  const childrenField = computeChildrenField.value;
16952
+ const mapChildrenField = computeMapChildrenField.value;
16894
16953
  const labelField = computeLabelField.value;
16895
16954
  const hasChildField = computeHasChildField.value;
16896
- const childList = node[childrenField];
16955
+ const childList = node[transform ? mapChildrenField : childrenField];
16897
16956
  const isExistChild = childList && childList.length > 0;
16898
16957
  const iconSlot = slots.icon;
16899
16958
  const titleSlot = slots.title;
@@ -17064,7 +17123,7 @@ function cascader_createInternalData() {
17064
17123
  class: 'vxe-tree-select--panel-header'
17065
17124
  }, headerSlot ? headerSlot({}) : [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
17066
17125
  class: 'vxe-tree-select--header-button'
17067
- }, [showCheckedButton && showClearButton ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
17126
+ }, [showCheckedButton && multiple || showClearButton ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
17068
17127
  class: 'vxe-tree-select--selected-btns'
17069
17128
  }, [showCheckedButton && multiple ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(src_button, {
17070
17129
  content: getI18n('vxe.treeSelect.allChecked'),
@@ -17097,13 +17156,13 @@ function cascader_createInternalData() {
17097
17156
  });
17098
17157
  }
17099
17158
  })]);
17100
- })])]), footerSlot || showTotalButton || showCloseButton && multiple ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
17159
+ })])]), footerSlot || showTotalButton || showCloseButton ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
17101
17160
  class: 'vxe-cascader--panel-footer'
17102
17161
  }, footerSlot ? footerSlot({}) : [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
17103
17162
  class: 'vxe-cascader--footer-button'
17104
17163
  }, [showTotalButton ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
17105
17164
  class: 'vxe-cascader--total-btns'
17106
- }, getI18n('vxe.treeSelect.total', [selectVals.length])) : renderEmptyElement($xeCascader), showCloseButton && multiple ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
17165
+ }, getI18n('vxe.treeSelect.total', [selectVals.length])) : renderEmptyElement($xeCascader), showCloseButton ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
17107
17166
  class: 'vxe-cascader--oper-btns'
17108
17167
  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(src_button, {
17109
17168
  content: getI18n('vxe.select.close'),
@@ -17133,9 +17192,6 @@ function cascader_createInternalData() {
17133
17192
  });
17134
17193
  loadData(props.options || []);
17135
17194
  (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(() => {
17136
- if (props.filterable) {
17137
- cascader_errLog('vxe.error.notProp', ['filterable']);
17138
- }
17139
17195
  globalEvents.on($xeCascader, 'mousewheel', handleGlobalMousewheelEvent);
17140
17196
  globalEvents.on($xeCascader, 'mousedown', handleGlobalMousedownEvent);
17141
17197
  globalEvents.on($xeCascader, 'blur', handleGlobalBlurEvent);
@@ -50587,7 +50643,7 @@ function tree_select_createInternalData() {
50587
50643
  class: 'vxe-tree-select--panel-header'
50588
50644
  }, headerSlot ? headerSlot({}) : [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
50589
50645
  class: 'vxe-tree-select--header-button'
50590
- }, [showCheckedButton && showClearButton ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
50646
+ }, [showCheckedButton && multiple || showClearButton ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
50591
50647
  class: 'vxe-tree-select--selected-btns'
50592
50648
  }, [showCheckedButton && multiple ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(packages_button, {
50593
50649
  content: getI18n('vxe.treeSelect.allChecked'),
@@ -50597,17 +50653,17 @@ function tree_select_createInternalData() {
50597
50653
  content: getI18n('vxe.treeSelect.clearChecked'),
50598
50654
  mode: 'text',
50599
50655
  onClick: clearCheckedPanelEvent
50600
- }) : renderEmptyElement($xeTreeSelect)]) : renderEmptyElement($xeTreeSelect), showExpandButton && showExpandButton ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
50656
+ }) : renderEmptyElement($xeTreeSelect)]) : renderEmptyElement($xeTreeSelect), showExpandButton ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
50601
50657
  class: 'vxe-tree-select--expand-btns'
50602
- }, [showExpandButton ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(packages_button, {
50658
+ }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(packages_button, {
50603
50659
  content: getI18n('vxe.treeSelect.allExpand'),
50604
50660
  mode: 'text',
50605
50661
  onClick: allExpandPanelEvent
50606
- }) : renderEmptyElement($xeTreeSelect), showExpandButton ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(packages_button, {
50662
+ }), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(packages_button, {
50607
50663
  content: getI18n('vxe.treeSelect.clearExpand'),
50608
50664
  mode: 'text',
50609
50665
  onClick: clearExpandPanelEvent
50610
- }) : renderEmptyElement($xeTreeSelect)]) : renderEmptyElement($xeTreeSelect)])]) : renderEmptyElement($xeTreeSelect), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
50666
+ })]) : renderEmptyElement($xeTreeSelect)])]) : renderEmptyElement($xeTreeSelect), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
50611
50667
  class: 'vxe-tree-select--panel-body'
50612
50668
  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
50613
50669
  ref: refTreeWrapper,
@@ -50659,13 +50715,13 @@ function tree_select_createInternalData() {
50659
50715
  onRadioChange: radioChangeEvent,
50660
50716
  onCheckboxChange: checkboxChangeEvent,
50661
50717
  onLoadSuccess: loadSuccessEvent
50662
- }, treeScopedSlots)])]), footerSlot || showTotalButton || showCloseButton && multiple ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
50718
+ }, treeScopedSlots)])]), footerSlot || showTotalButton || showCloseButton ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
50663
50719
  class: 'vxe-tree-select--panel-footer'
50664
50720
  }, footerSlot ? footerSlot({}) : [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
50665
50721
  class: 'vxe-tree-select--footer-button'
50666
50722
  }, [showTotalButton ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
50667
50723
  class: 'vxe-tree-select--total-btns'
50668
- }, getI18n('vxe.treeSelect.total', [selectVals.length])) : renderEmptyElement($xeTreeSelect), showCloseButton && multiple ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
50724
+ }, getI18n('vxe.treeSelect.total', [selectVals.length])) : renderEmptyElement($xeTreeSelect), showCloseButton ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
50669
50725
  class: 'vxe-tree-select--oper-btns'
50670
50726
  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(packages_button, {
50671
50727
  content: getI18n('vxe.select.close'),