vxe-pc-ui 4.15.2 → 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 (129) hide show
  1. package/dist/all.esm.js +866 -257
  2. package/es/backtop/src/backtop.js +2 -1
  3. package/es/button/src/button.js +3 -2
  4. package/es/calendar/src/calendar.js +2 -1
  5. package/es/cascader/src/cascader.js +72 -29
  6. package/es/checkbox/src/group.js +5 -1
  7. package/es/date-panel/src/util.js +27 -16
  8. package/es/date-picker/src/date-picker.js +572 -74
  9. package/es/date-range-picker/src/date-range-picker.js +3 -2
  10. package/es/drawer/src/drawer.js +2 -0
  11. package/es/form/render/index.js +3 -2
  12. package/es/form/src/form.js +6 -5
  13. package/es/form/src/itemInfo.js +6 -5
  14. package/es/input/src/input.js +2 -1
  15. package/es/menu/src/menu.js +2 -1
  16. package/es/modal/src/modal.js +5 -2
  17. package/es/pager/src/pager.js +4 -3
  18. package/es/radio/src/group.js +5 -1
  19. package/es/select/src/select.js +25 -20
  20. package/es/splitter/src/splitter.js +7 -6
  21. package/es/table-select/src/table-select.js +21 -16
  22. package/es/tabs/src/tabs.js +4 -3
  23. package/es/textarea/src/textarea.js +2 -1
  24. package/es/tree/src/tree.js +3 -2
  25. package/es/tree-select/src/tree-select.js +16 -19
  26. package/es/ui/index.js +4 -1
  27. package/es/ui/src/log.js +14 -4
  28. package/es/upload/src/upload.js +12 -3
  29. package/lib/backtop/src/backtop.js +5 -2
  30. package/lib/backtop/src/backtop.min.js +1 -1
  31. package/lib/button/src/button.js +4 -1
  32. package/lib/button/src/button.min.js +1 -1
  33. package/lib/calendar/src/calendar.js +4 -1
  34. package/lib/calendar/src/calendar.min.js +1 -1
  35. package/lib/cascader/src/cascader.js +80 -30
  36. package/lib/cascader/src/cascader.min.js +1 -1
  37. package/lib/checkbox/src/group.js +5 -1
  38. package/lib/checkbox/src/group.min.js +1 -1
  39. package/lib/date-panel/src/util.js +37 -19
  40. package/lib/date-panel/src/util.min.js +1 -1
  41. package/lib/date-picker/src/date-picker.js +620 -77
  42. package/lib/date-picker/src/date-picker.min.js +1 -1
  43. package/lib/date-range-picker/src/date-range-picker.js +4 -1
  44. package/lib/date-range-picker/src/date-range-picker.min.js +1 -1
  45. package/lib/drawer/src/drawer.js +2 -0
  46. package/lib/drawer/src/drawer.min.js +1 -1
  47. package/lib/form/render/index.js +4 -1
  48. package/lib/form/render/index.min.js +1 -1
  49. package/lib/form/src/form.js +8 -4
  50. package/lib/form/src/form.min.js +1 -1
  51. package/lib/form/src/itemInfo.js +7 -4
  52. package/lib/form/src/itemInfo.min.js +1 -1
  53. package/lib/index.umd.js +941 -215
  54. package/lib/index.umd.min.js +1 -1
  55. package/lib/input/src/input.js +6 -3
  56. package/lib/input/src/input.min.js +1 -1
  57. package/lib/menu/src/menu.js +4 -1
  58. package/lib/menu/src/menu.min.js +1 -1
  59. package/lib/modal/src/modal.js +8 -2
  60. package/lib/modal/src/modal.min.js +1 -1
  61. package/lib/pager/src/pager.js +6 -2
  62. package/lib/pager/src/pager.min.js +1 -1
  63. package/lib/radio/src/group.js +5 -1
  64. package/lib/radio/src/group.min.js +1 -1
  65. package/lib/select/src/select.js +27 -20
  66. package/lib/select/src/select.min.js +1 -1
  67. package/lib/splitter/src/splitter.js +12 -8
  68. package/lib/splitter/src/splitter.min.js +1 -1
  69. package/lib/table-select/src/table-select.js +22 -15
  70. package/lib/table-select/src/table-select.min.js +1 -1
  71. package/lib/tabs/src/tabs.js +7 -3
  72. package/lib/tabs/src/tabs.min.js +1 -1
  73. package/lib/textarea/src/textarea.js +4 -1
  74. package/lib/textarea/src/textarea.min.js +1 -1
  75. package/lib/tree/src/tree.js +7 -4
  76. package/lib/tree/src/tree.min.js +1 -1
  77. package/lib/tree-select/src/tree-select.js +14 -10
  78. package/lib/tree-select/src/tree-select.min.js +1 -1
  79. package/lib/ui/index.js +4 -1
  80. package/lib/ui/index.min.js +1 -1
  81. package/lib/ui/src/log.js +16 -3
  82. package/lib/ui/src/log.min.js +1 -1
  83. package/lib/upload/src/upload.js +20 -3
  84. package/lib/upload/src/upload.min.js +1 -1
  85. package/package.json +1 -1
  86. package/packages/backtop/src/backtop.ts +3 -1
  87. package/packages/button/src/button.ts +4 -2
  88. package/packages/calendar/src/calendar.ts +3 -1
  89. package/packages/cascader/src/cascader.ts +71 -29
  90. package/packages/checkbox/src/group.ts +6 -2
  91. package/packages/date-panel/src/util.ts +28 -16
  92. package/packages/date-picker/src/date-picker.ts +583 -75
  93. package/packages/date-range-picker/src/date-range-picker.ts +4 -2
  94. package/packages/drawer/src/drawer.ts +2 -0
  95. package/packages/form/render/index.ts +4 -2
  96. package/packages/form/src/form.ts +7 -5
  97. package/packages/form/src/itemInfo.ts +7 -5
  98. package/packages/input/src/input.ts +3 -1
  99. package/packages/menu/src/menu.ts +3 -1
  100. package/packages/modal/src/modal.ts +6 -2
  101. package/packages/pager/src/pager.ts +5 -3
  102. package/packages/radio/src/group.ts +6 -2
  103. package/packages/select/src/select.ts +29 -22
  104. package/packages/splitter/src/splitter.ts +8 -6
  105. package/packages/table-select/src/table-select.ts +24 -17
  106. package/packages/tabs/src/tabs.ts +5 -3
  107. package/packages/textarea/src/textarea.ts +3 -1
  108. package/packages/tree/src/tree.ts +4 -2
  109. package/packages/tree-select/src/tree-select.ts +17 -19
  110. package/packages/ui/index.ts +3 -0
  111. package/packages/ui/src/log.ts +16 -4
  112. package/packages/upload/src/upload.ts +14 -3
  113. package/types/components/cascader.d.ts +4 -0
  114. package/types/components/date-picker.d.ts +14 -6
  115. package/types/components/drawer.d.ts +2 -0
  116. package/types/components/modal.d.ts +2 -0
  117. package/types/components/upload.d.ts +28 -1
  118. /package/es/icon/{iconfont.1781753592499.ttf → iconfont.1781876596706.ttf} +0 -0
  119. /package/es/icon/{iconfont.1781753592499.woff → iconfont.1781876596706.woff} +0 -0
  120. /package/es/icon/{iconfont.1781753592499.woff2 → iconfont.1781876596706.woff2} +0 -0
  121. /package/es/{iconfont.1781753592499.ttf → iconfont.1781876596706.ttf} +0 -0
  122. /package/es/{iconfont.1781753592499.woff → iconfont.1781876596706.woff} +0 -0
  123. /package/es/{iconfont.1781753592499.woff2 → iconfont.1781876596706.woff2} +0 -0
  124. /package/lib/icon/style/{iconfont.1781753592499.ttf → iconfont.1781876596706.ttf} +0 -0
  125. /package/lib/icon/style/{iconfont.1781753592499.woff → iconfont.1781876596706.woff} +0 -0
  126. /package/lib/icon/style/{iconfont.1781753592499.woff2 → iconfont.1781876596706.woff2} +0 -0
  127. /package/lib/{iconfont.1781753592499.ttf → iconfont.1781876596706.ttf} +0 -0
  128. /package/lib/{iconfont.1781753592499.woff → iconfont.1781876596706.woff} +0 -0
  129. /package/lib/{iconfont.1781753592499.woff2 → iconfont.1781876596706.woff2} +0 -0
@@ -3,10 +3,11 @@ import { defineVxeComponent } from '../../ui/src/comp';
3
3
  import XEUtils from 'xe-utils';
4
4
  import { VxeUI, getConfig, getI18n, getIcon, useSize, createEvent, globalEvents, renderEmptyElement } from '../../ui';
5
5
  import { getSlotVNs } from '../../ui/src/vn';
6
- import { errLog, warnLog } from '../../ui/src/log';
6
+ import { createComponentLog } from '../../ui/src/log';
7
7
  import { initTpImg, getTpImg, getEventTargetNode, toCssUnit } from '../../ui/src/dom';
8
8
  import { readLocalFile } from './util';
9
9
  import VxeButtonComponent from '../../button/src/button';
10
+ const { warnLog, errLog } = createComponentLog('upload');
10
11
  function createReactData() {
11
12
  return {
12
13
  isDragUploadStatus: false,
@@ -214,8 +215,12 @@ export default defineVxeComponent({
214
215
  'remove-fail',
215
216
  'download',
216
217
  'download-fail',
218
+ 'upload-start',
217
219
  'upload-success',
218
220
  'upload-error',
221
+ 'upload-end',
222
+ 'upload-queue-start',
223
+ 'upload-queue-end',
219
224
  'sort-dragend',
220
225
  'more-visible'
221
226
  ],
@@ -549,6 +554,7 @@ export default defineVxeComponent({
549
554
  const fileKey = getFieldKey(item);
550
555
  const uploadFn = props.uploadMethod || getConfig().upload.uploadMethod;
551
556
  if (uploadFn) {
557
+ dispatchEvent('upload-start', { option: item }, null);
552
558
  return Promise.resolve(uploadFn({
553
559
  $upload: $xeUpload,
554
560
  file,
@@ -589,6 +595,7 @@ export default defineVxeComponent({
589
595
  if (cacheItem) {
590
596
  cacheItem.loading = false;
591
597
  }
598
+ dispatchEvent('upload-end', { option: item }, null);
592
599
  });
593
600
  }
594
601
  else {
@@ -697,6 +704,7 @@ export default defineVxeComponent({
697
704
  }
698
705
  }
699
706
  }
707
+ dispatchEvent('upload-queue-start', { files: selectFiles }, evnt);
700
708
  const cacheMaps = Object.assign({}, reactData.fileCacheMaps);
701
709
  const newFileList = multiple ? fileList : [];
702
710
  const uploadPromiseRests = [];
@@ -733,6 +741,7 @@ export default defineVxeComponent({
733
741
  });
734
742
  Promise.all(urlMode ? uploadPromiseRests : []).then(() => {
735
743
  const restFileList = reactData.fileList;
744
+ dispatchEvent('upload-queue-end', { options: restFileList, files: selectFiles }, evnt);
736
745
  handleChange(restFileList);
737
746
  // 自动更新校验状态
738
747
  if ($xeForm && formItemInfo) {
@@ -1794,10 +1803,10 @@ export default defineVxeComponent({
1794
1803
  });
1795
1804
  onMounted(() => {
1796
1805
  if (props.multiple && props.singleMode) {
1797
- errLog('vxe.error.errConflicts', ['[upload] multiple', 'single-mode']);
1806
+ errLog('vxe.error.errConflicts', ['multiple', 'single-mode']);
1798
1807
  }
1799
1808
  if (props.imageStyle) {
1800
- warnLog('vxe.error.delProp', ['[upload] image-style', 'image-config']);
1809
+ warnLog('vxe.error.delProp', ['image-style', 'image-config']);
1801
1810
  }
1802
1811
  if (props.dragSort) {
1803
1812
  initTpImg();
@@ -13,6 +13,9 @@ var _utils = require("../../ui/src/utils");
13
13
  var _dom = require("../../ui/src/dom");
14
14
  var _button = _interopRequireDefault(require("../../button"));
15
15
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
16
+ const {
17
+ errLog
18
+ } = (0, _log.createComponentLog)('backtop');
16
19
  function createInternalData() {
17
20
  return {
18
21
  targetEl: null
@@ -215,13 +218,13 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
215
218
  } = props;
216
219
  if (!target) {
217
220
  removeScrollEvent();
218
- (0, _log.errLog)('vxe.error.reqProp', ['target']);
221
+ errLog('vxe.error.reqProp', ['target']);
219
222
  return;
220
223
  }
221
224
  if (_xeUtils.default.isString(target)) {
222
225
  const tEl = document.querySelector(target);
223
226
  if (!tEl) {
224
- (0, _log.errLog)('vxe.error.errProp', [`target=${target}`, 'body']);
227
+ errLog('vxe.error.errProp', [`target=${target}`, 'body']);
225
228
  }
226
229
  const {
227
230
  targetEl
@@ -1 +1 @@
1
- Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_log=require("../../ui/src/log"),_utils=require("../../ui/src/utils"),_dom=require("../../ui/src/dom"),_button=_interopRequireDefault(require("../../button"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function createInternalData(){return{targetEl:null}}function createReactData(){return{showBtn:!1,backtopZindex:0}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeBacktop",props:{target:String,size:{type:String,default:()=>(0,_ui.getConfig)().backtop.size||(0,_ui.getConfig)().size},circle:{type:Boolean,default:()=>(0,_ui.getConfig)().backtop.circle},right:{type:[String,Number],default:()=>(0,_ui.getConfig)().backtop.right},bottom:{type:[String,Number],default:()=>(0,_ui.getConfig)().backtop.bottom},status:{type:[String,Number],default:()=>(0,_ui.getConfig)().backtop.status},icon:{type:String,default:()=>(0,_ui.getConfig)().backtop.icon},showIcon:{type:Boolean,default:()=>(0,_ui.getConfig)().backtop.showIcon},content:{type:[String,Number],default:()=>(0,_ui.getConfig)().backtop.content},showContent:{type:Boolean,default:()=>(0,_ui.getConfig)().backtop.showContent},showTop:{type:Boolean,default:()=>(0,_ui.getConfig)().backtop.showTop},showBottom:{type:Boolean,default:()=>(0,_ui.getConfig)().backtop.showBottom},shadow:{type:Boolean,default:()=>(0,_ui.getConfig)().backtop.shadow},zIndex:{type:[String,Number],default:()=>(0,_ui.getConfig)().backtop.zIndex},threshold:{type:[String,Number],default:()=>(0,_ui.getConfig)().backtop.threshold},position:{type:String,default:()=>(0,_ui.getConfig)().backtop.position}},emits:["click"],setup(v,e){let{slots:b,emit:r}=e;var t=_xeUtils.default.uniqueId();let m=(0,_vue.ref)(),h=(0,_ui.useSize)(v).computeSize,o=createInternalData(),x=(0,_vue.reactive)(createReactData()),a={refElem:m},k=(0,_vue.computed)(()=>{var{right:e,bottom:t}=v,o=x.backtopZindex,r={};return e&&(r.right=(0,_dom.toCssUnit)(e)),t&&(r.bottom=(0,_dom.toCssUnit)(t)),o&&(r.zIndex=o),r}),i={},w={xID:t,props:v,context:e,internalData:o,reactData:x,getRefMaps:()=>a,getComputeMaps:()=>i},n=(e,t,o)=>{r(e,(0,_ui.createEvent)(o,{$backtop:w},t))},u=()=>{var{position:e,zIndex:t}=v,o=x.backtopZindex;t?x.backtopZindex=_xeUtils.default.toNumber(t):"fixed"===e&&o<(0,_utils.getLastZIndex)()&&(x.backtopZindex=(0,_utils.nextZIndex)())},s=()=>{u(),x.showBtn=!0},l=()=>{x.showBtn=!1},c=e=>{var t=v.threshold;(e.currentTarget.scrollTop>Math.max(1,_xeUtils.default.toNumber(t))?s:l)()},p=()=>{var e,t=o.targetEl;t&&0<(e=t.scrollTop)&&(requestAnimationFrame(p),e=e-Math.max(12,e/6),t.scrollTop=10<e?e:0)},d=()=>{var e=o.targetEl;e&&e.removeEventListener("scroll",c)},g=()=>{(0,_vue.nextTick)(()=>{var e,t=v.target;t?_xeUtils.default.isString(t)&&(t=((e=document.querySelector(t))||(0,_log.errLog)("vxe.error.errProp",["target="+t,"body"]),o).targetEl,t!==e)&&(d(),o.targetEl=e,t=o.targetEl)&&t.addEventListener("scroll",c,{passive:!0}):(d(),(0,_log.errLog)("vxe.error.reqProp",["target"]))})},C=e=>{p(),n("click",{},e)};t={dispatchEvent:n};Object.assign(w,t,{});return(0,_vue.watch)(()=>v.position,()=>{u()}),(0,_vue.watch)(()=>v.target,()=>{g()}),(0,_vue.onMounted)(()=>{var e=v.showTop;e&&u(),g()}),(0,_vue.onBeforeUnmount)(()=>{d(),_xeUtils.default.assign(x,createReactData()),_xeUtils.default.assign(o,createInternalData())}),w.renderVN=()=>{var{circle:e,position:t,status:o,icon:r,showIcon:a,content:i,showContent:n,showTop:u,showBottom:s,shadow:l}=v,c=x.showBtn,p=k.value,d=h.value,g=b.default,_=b.top,f=b.bottom;return(0,_vue.h)("div",{ref:m,class:["vxe-backtop","fixed"===t?"is--"+t:"is--absolute",{["size--"+d]:d,"is--visible":c}],style:p},[u&&_?(0,_vue.h)("div",{class:"vxe-backtop--top-wrapper"},_({})):(0,_ui.renderEmptyElement)(w),(0,_vue.h)("div",{class:"vxe-backtop--content-wrapper",onClick:C},[g?g({}):[(0,_vue.h)(_button.default,{circle:e,status:o,shadow:l,icon:a?r||(0,_ui.getIcon)().BACKTOP_TOP:"",content:n?i:""})]]),s&&f?(0,_vue.h)("div",{class:"vxe-backtop--bottom-wrapper"},f({})):(0,_ui.renderEmptyElement)(w)])},w},render(){return this.renderVN()}});
1
+ Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_log=require("../../ui/src/log"),_utils=require("../../ui/src/utils"),_dom=require("../../ui/src/dom"),_button=_interopRequireDefault(require("../../button"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let errLog=(0,_log.createComponentLog)("backtop").errLog;function createInternalData(){return{targetEl:null}}function createReactData(){return{showBtn:!1,backtopZindex:0}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeBacktop",props:{target:String,size:{type:String,default:()=>(0,_ui.getConfig)().backtop.size||(0,_ui.getConfig)().size},circle:{type:Boolean,default:()=>(0,_ui.getConfig)().backtop.circle},right:{type:[String,Number],default:()=>(0,_ui.getConfig)().backtop.right},bottom:{type:[String,Number],default:()=>(0,_ui.getConfig)().backtop.bottom},status:{type:[String,Number],default:()=>(0,_ui.getConfig)().backtop.status},icon:{type:String,default:()=>(0,_ui.getConfig)().backtop.icon},showIcon:{type:Boolean,default:()=>(0,_ui.getConfig)().backtop.showIcon},content:{type:[String,Number],default:()=>(0,_ui.getConfig)().backtop.content},showContent:{type:Boolean,default:()=>(0,_ui.getConfig)().backtop.showContent},showTop:{type:Boolean,default:()=>(0,_ui.getConfig)().backtop.showTop},showBottom:{type:Boolean,default:()=>(0,_ui.getConfig)().backtop.showBottom},shadow:{type:Boolean,default:()=>(0,_ui.getConfig)().backtop.shadow},zIndex:{type:[String,Number],default:()=>(0,_ui.getConfig)().backtop.zIndex},threshold:{type:[String,Number],default:()=>(0,_ui.getConfig)().backtop.threshold},position:{type:String,default:()=>(0,_ui.getConfig)().backtop.position}},emits:["click"],setup(b,e){let{slots:v,emit:r}=e;var t=_xeUtils.default.uniqueId();let m=(0,_vue.ref)(),h=(0,_ui.useSize)(b).computeSize,o=createInternalData(),x=(0,_vue.reactive)(createReactData()),a={refElem:m},k=(0,_vue.computed)(()=>{var{right:e,bottom:t}=b,o=x.backtopZindex,r={};return e&&(r.right=(0,_dom.toCssUnit)(e)),t&&(r.bottom=(0,_dom.toCssUnit)(t)),o&&(r.zIndex=o),r}),i={},w={xID:t,props:b,context:e,internalData:o,reactData:x,getRefMaps:()=>a,getComputeMaps:()=>i},n=(e,t,o)=>{r(e,(0,_ui.createEvent)(o,{$backtop:w},t))},u=()=>{var{position:e,zIndex:t}=b,o=x.backtopZindex;t?x.backtopZindex=_xeUtils.default.toNumber(t):"fixed"===e&&o<(0,_utils.getLastZIndex)()&&(x.backtopZindex=(0,_utils.nextZIndex)())},s=()=>{u(),x.showBtn=!0},l=()=>{x.showBtn=!1},c=e=>{var t=b.threshold;(e.currentTarget.scrollTop>Math.max(1,_xeUtils.default.toNumber(t))?s:l)()},p=()=>{var e,t=o.targetEl;t&&0<(e=t.scrollTop)&&(requestAnimationFrame(p),e=e-Math.max(12,e/6),t.scrollTop=10<e?e:0)},g=()=>{var e=o.targetEl;e&&e.removeEventListener("scroll",c)},d=()=>{(0,_vue.nextTick)(()=>{var e,t=b.target;t?_xeUtils.default.isString(t)&&(t=((e=document.querySelector(t))||errLog("vxe.error.errProp",["target="+t,"body"]),o).targetEl,t!==e)&&(g(),o.targetEl=e,t=o.targetEl)&&t.addEventListener("scroll",c,{passive:!0}):(g(),errLog("vxe.error.reqProp",["target"]))})},C=e=>{p(),n("click",{},e)};t={dispatchEvent:n};Object.assign(w,t,{});return(0,_vue.watch)(()=>b.position,()=>{u()}),(0,_vue.watch)(()=>b.target,()=>{d()}),(0,_vue.onMounted)(()=>{var e=b.showTop;e&&u(),d()}),(0,_vue.onBeforeUnmount)(()=>{g(),_xeUtils.default.assign(x,createReactData()),_xeUtils.default.assign(o,createInternalData())}),w.renderVN=()=>{var{circle:e,position:t,status:o,icon:r,showIcon:a,content:i,showContent:n,showTop:u,showBottom:s,shadow:l}=b,c=x.showBtn,p=k.value,g=h.value,d=v.default,_=v.top,f=v.bottom;return(0,_vue.h)("div",{ref:m,class:["vxe-backtop","fixed"===t?"is--"+t:"is--absolute",{["size--"+g]:g,"is--visible":c}],style:p},[u&&_?(0,_vue.h)("div",{class:"vxe-backtop--top-wrapper"},_({})):(0,_ui.renderEmptyElement)(w),(0,_vue.h)("div",{class:"vxe-backtop--content-wrapper",onClick:C},[d?d({}):[(0,_vue.h)(_button.default,{circle:e,status:o,shadow:l,icon:a?r||(0,_ui.getIcon)().BACKTOP_TOP:"",content:n?i:""})]]),s&&f?(0,_vue.h)("div",{class:"vxe-backtop--bottom-wrapper"},f({})):(0,_ui.renderEmptyElement)(w)])},w},render(){return this.renderVN()}});
@@ -14,6 +14,9 @@ var _vn = require("../../ui/src/vn");
14
14
  var _log = require("../../ui/src/log");
15
15
  var _tooltip = _interopRequireDefault(require("../../tooltip"));
16
16
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
17
+ const {
18
+ warnLog
19
+ } = (0, _log.createComponentLog)('button');
17
20
  const VxeButtonComponent = (0, _comp.defineVxeComponent)({
18
21
  name: 'VxeButton',
19
22
  props: {
@@ -808,7 +811,7 @@ const VxeButtonComponent = (0, _comp.defineVxeComponent)({
808
811
  $xeButton.renderVN = renderVN;
809
812
  (0, _vue.onMounted)(() => {
810
813
  if (props.type === 'text') {
811
- (0, _log.warnLog)('vxe.error.delProp', ['[button] type=text', 'mode=text']);
814
+ warnLog('vxe.error.delProp', ['type=text', 'mode=text']);
812
815
  }
813
816
  _ui.globalEvents.on($xeButton, 'mousewheel', handleGlobalMousewheelEvent);
814
817
  _ui.globalEvents.on($xeButton, 'mousedown', handleGlobalMousedownEvent);
@@ -1 +1 @@
1
- Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_vn=require("../../ui/src/vn"),_log=require("../../ui/src/log"),_tooltip=_interopRequireDefault(require("../../tooltip"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let VxeButtonComponent=(0,_comp.defineVxeComponent)({name:"VxeButton",props:{type:String,mode:String,className:[String,Function],popupClassName:[String,Function],size:{type:String,default:()=>(0,_ui.getConfig)().button.size||(0,_ui.getConfig)().size},zIndex:Number,name:[String,Number],routerLink:Object,permissionCode:[String,Number],content:String,placement:String,status:String,title:String,shadow:Boolean,icon:String,iconRender:Object,prefixIcon:String,prefixRender:Object,suffixIcon:String,suffixRender:Object,round:Boolean,circle:Boolean,disabled:Boolean,loading:Boolean,trigger:{type:String,default:()=>(0,_ui.getConfig)().button.trigger},align:String,prefixTooltip:Object,suffixTooltip:Object,options:Array,showDropdownIcon:{type:Boolean,default:()=>(0,_ui.getConfig)().button.showDropdownIcon},destroyOnClose:{type:Boolean,default:()=>(0,_ui.getConfig)().button.destroyOnClose},popupConfig:Object,transfer:{type:Boolean,default:null}},emits:["click","mouseenter","mouseleave","dropdown-click","dropdownClick","contextmenu"],setup(N,e){let{slots:P,emit:i}=e,n=(0,_vue.inject)("$xeModal",null),o=(0,_vue.inject)("$xeDrawer",null),u=(0,_vue.inject)("$xeTable",null),l=(0,_vue.inject)("$xeTree",null),a=(0,_vue.inject)("$xeForm",null),s=(0,_vue.inject)("$xeButtonGroup",null);var t=_xeUtils.default.uniqueId();let I=(0,_ui.useSize)(N).computeSize,B=(0,_ui.usePermission)(N).computePermissionInfo,S=(0,_vue.reactive)({initialized:!1,visiblePanel:!1,isAniVisible:!1,isActivated:!1,panelIndex:0,panelStyle:{},panelPlacement:""}),r={showTime:void 0,tooltipTimeout:void 0},j=(0,_vue.ref)(),z=(0,_vue.ref)(),U=(0,_vue.ref)(),v={refElem:j},$={xID:t,props:N,context:e,reactData:S,internalData:r,getRefMaps:()=>v};let V=(0,_vue.computed)(()=>{var e=N.transfer,t=M.value;if(_xeUtils.default.isBoolean(t.transfer))return t.transfer;if(null===e){t=(0,_ui.getConfig)().button.transfer;if(_xeUtils.default.isBoolean(t))return t;if(u||l||n||o||a)return!0}return e}),E=(0,_vue.computed)(()=>{var e=N.disabled,t=B.value;return e||t.disabled}),D=(0,_vue.computed)(()=>{var e=N.type;return!!e&&-1<["submit","reset","button"].indexOf(e)}),Z=(0,_vue.computed)(()=>{var{type:e,mode:t}=N;return"text"===t||"text"===e||s&&"text"===s.props.mode?"text":"button"}),J=(0,_vue.computed)(()=>{var e=N.status;return e||(s?s.props.status:"")}),K=(0,_vue.computed)(()=>{var e=N.align;return e||!!s&&s.props.align}),Q=(0,_vue.computed)(()=>{var e=N.round;return e||!!s&&s.props.round}),X=(0,_vue.computed)(()=>{var e=N.circle;return e||!!s&&s.props.circle}),ee=(0,_vue.computed)(()=>{var e=N.options;return e?e.filter(e=>{e=e.permissionCode;return!e||_ui.permission.checkVisible(e)}):[]}),M=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().button.popupConfig,N.popupConfig)),_=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().button.prefixTooltip,N.prefixTooltip)),b=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().button.suffixTooltip,N.suffixTooltip)),p=()=>{var e=M.value.zIndex||N.zIndex;e?S.panelIndex=_xeUtils.default.toNumber(e):S.panelIndex<(0,_utils.getLastZIndex)()&&(S.panelIndex=(0,_utils.nextZIndex)())},d=()=>{let n=N.placement,i=S.panelIndex,o=z.value,u=U.value,l=V.value,a=M.value;var e=()=>{var e=(0,_dom.updatePanelPlacement)(o,u,{placement:a.placement||n,defaultPlacement:a.defaultPlacement,teleportTo:l}),t=Object.assign(e.style,{zIndex:i});S.panelStyle=t,S.panelPlacement=e.placement};return e(),(0,_vue.nextTick)().then(e)},q=e=>{s&&s.handleClick({name:N.name},e),W("click",{$event:e},e)},te=e=>{0===e.button&&e.stopPropagation()},ne=e=>{var t=e.currentTarget;let n=U.value;var{flag:t,targetElem:i}=(0,_dom.getEventTargetNode)(e,t,"vxe-button");t&&(n&&(n.dataset.active="N"),S.visiblePanel=!1,setTimeout(()=>{n&&"Y"===n.dataset.active||(S.isAniVisible=!1)},350),W("dropdown-click",{name:i.getAttribute("name"),option:null},e))},A=()=>{let e=U.value;e&&(e.dataset.active="Y",S.isAniVisible=!0,setTimeout(()=>{"Y"===e.dataset.active&&(S.visiblePanel=!0,p(),d(),setTimeout(()=>{S.visiblePanel&&d()},50))},20))},ie=e=>{var t=N.loading;E.value||t||(c(),R(e))},oe=e=>{H(),F(e)},R=e=>{W("mouseenter",{},e)},F=e=>{W("mouseleave",{},e)},L=e=>{W("contextmenu",{},e)},Y=e=>{var{loading:t,trigger:n}=N;E.value||t||("click"===n&&(S.visiblePanel?H:c)(),q(e))},c=()=>{var e=N.trigger;let t=U.value;return t&&(t.dataset.active="Y",S.initialized||(S.initialized=!0),r.showTime=setTimeout(()=>{"Y"===t.dataset.active?A():S.isAniVisible=!1},"click"===e?50:250)),(0,_vue.nextTick)()},H=()=>{let e=U.value;return clearTimeout(r.showTime),e?(e.dataset.active="N",setTimeout(()=>{"Y"!==e.dataset.active&&(S.visiblePanel=!1,setTimeout(()=>{"Y"!==e.dataset.active&&(S.isAniVisible=!1)},350))},100)):(S.isAniVisible=!1,S.visiblePanel=!1),(0,_vue.nextTick)()},ue=()=>{H()},m=(e,t)=>(0,_vue.h)(_tooltip.default,{useHtml:_xeUtils.default.isBoolean(e.useHtml)?e.useHtml:e.useHTML,content:e.content,enterable:e.enterable,theme:e.theme},{default(){return(0,_vue.h)("span",{class:`vxe-button--item vxe-button--tooltip-${t}-icon`},[(0,_vue.h)("i",{class:e.icon||(0,_ui.getIcon)().BUTTON_TOOLTIP_ICON})])}}),G=()=>{var{content:e,suffixIcon:t,loading:n,prefixTooltip:i,suffixTooltip:o,suffixRender:u}=N,l=N.prefixIcon||N.icon,a=N.prefixRender||N.iconRender,s=_.value,r=b.value,v=P.prefix||P.icon,d=P.suffix,c=P.default,p=[];return i&&p.push(m(s,"prefix")),n?p.push((0,_vue.h)("i",{class:["vxe-button--item vxe-button--loading-icon",(0,_ui.getIcon)().BUTTON_LOADING]})):v?p.push((0,_vue.h)("span",{class:"vxe-button--item vxe-button--custom-prefix-icon"},v({}))):a?(s=(i=_ui.renderer.get(a.name))?i.renderButtonPrefix:null,p.push((0,_vue.h)("span",{class:["vxe-button--item vxe-button--custom-prefix-icon"]},s?(0,_vn.getSlotVNs)(s(a,{$button:$})):[]))):l&&p.push((0,_vue.h)("i",{class:["vxe-button--item vxe-button--prefix-icon",l]})),c?p.push((0,_vue.h)("span",{class:"vxe-button--item vxe-button--content"},c({}))):e&&p.push((0,_vue.h)("span",{class:"vxe-button--item vxe-button--content"},(0,_utils.getFuncText)(e))),d?p.push((0,_vue.h)("span",{class:"vxe-button--item vxe-button--custom-suffix-icon"},d({}))):u?(v=(n=_ui.renderer.get(u.name))?n.renderButtonSuffix:null,p.push((0,_vue.h)("span",{class:["vxe-button--item vxe-button--custom-suffix-icon"]},v?(0,_vn.getSlotVNs)(v(u,{$button:$})):[]))):t&&p.push((0,_vue.h)("i",{class:["vxe-button--item vxe-button--suffix-icon",t]})),o&&p.push(m(r,"suffix")),p},W=(e,t,n)=>{i(e,(0,_ui.createEvent)(n,{$button:$},t))},x=(t={dispatchEvent:W,openPanel:c,closePanel:H,focus(){var e=z.value;return e&&e.focus(),(0,_vue.nextTick)()},blur(){var e=z.value;return e&&e.blur(),(0,_vue.nextTick)()}},e=>{var t=U.value;S.visiblePanel&&!(0,_dom.getEventTargetNode)(e,t).flag&&H()}),f=e=>{var t,n=E.value,i=S.visiblePanel;n||(n=j.value,t=U.value,S.isActivated=(0,_dom.getEventTargetNode)(e,n).flag||(0,_dom.getEventTargetNode)(e,t).flag,i&&!S.isActivated&&H())},g=()=>{var e=S.visiblePanel;e&&d()};Object.assign($,t);return $.renderVN=()=>{let{className:e,trigger:t,title:n,routerLink:i,type:o,destroyOnClose:u,name:l,loading:a,shadow:s,showDropdownIcon:r}=N;var{initialized:v,isAniVisible:d,visiblePanel:c}=S,p=D.value;let m=Z.value;var _=J.value;let b=Q.value;var x=K.value;let f=X.value;var g,h=V.value,T=E.value,C=B.value,w=ee.value,y=M.value,O=I.value,k=P.dropdowns,y=y.className||N.popupClassName;return C.visible?k||w.length?(C={onContextmenu:L},g={},"hover"===t&&(C.onMouseenter=ie,C.onMouseleave=oe,g.onMouseenter=A,g.onMouseleave=ue),(0,_vue.h)("div",{ref:j,class:["vxe-button--dropdown",e?_xeUtils.default.isFunction(e)?e({$button:$}):e:"",{["size--"+O]:O,"is--active":c}]},[i?(0,_vue.h)((0,_vue.resolveComponent)("router-link"),Object.assign({ref:z,class:["vxe-button","vxe-button--link","type--"+m,x?"align--"+x:"",e?_xeUtils.default.isFunction(e)?e({$button:$}):e:"",{["size--"+O]:O,["theme--"+_]:_,"is--round":b,"is--circle":f,"is--shadow":s,"is--disabled":T||a,"is--loading":a}],title:n,name:l,type:p?o:"button",disabled:T||a,to:i,onClick:Y},C),{default(){return G().concat(r?[(0,_vue.h)("i",{class:"vxe-button--dropdown-arrow "+(0,_ui.getIcon)().BUTTON_DROPDOWN})]:[])}}):(0,_vue.h)("button",Object.assign({ref:z,class:["vxe-button","type--"+m,x?"align--"+x:"",e?_xeUtils.default.isFunction(e)?e({$button:$}):e:"",{["size--"+O]:O,["theme--"+_]:_,"is--round":b,"is--circle":f,"is--shadow":s,"is--disabled":T||a,"is--loading":a}],title:n,name:l,type:p?o:"button",disabled:T||a,onClick:Y},C),G().concat(r?[(0,_vue.h)("i",{class:"vxe-button--dropdown-arrow "+(0,_ui.getIcon)().BUTTON_DROPDOWN})]:[])),(0,_vue.h)(_vue.Teleport,{to:"body",disabled:!h||!v},[(0,_vue.h)("div",Object.assign({ref:U,class:["vxe-button--dropdown-panel",y?_xeUtils.default.isFunction(y)?y({$button:$}):y:"",{["size--"+O]:O,"is--transfer":h,"ani--leave":d,"ani--enter":c}],placement:S.panelPlacement,style:S.panelStyle},g),v&&(c||d)?[k?(0,_vue.h)("div",{class:"vxe-button--dropdown-wrapper",onMousedown:te,onClick:ne},v&&(!u||c||d)?k({}):[]):(0,_vue.h)("div",{class:"vxe-button--dropdown-wrapper"},v&&(!u||c||d)?w.map((t,e)=>(0,_vue.h)(VxeButtonComponent,{key:e,type:t.type,mode:t.mode||m,className:t.className,name:t.name,routerLink:t.routerLink,permissionCode:t.permissionCode,title:t.title,content:t.content,status:t.status,icon:t.icon,round:_xeUtils.default.isBoolean(t.round)?t.round:"text"!==m&&b,circle:_xeUtils.default.isBoolean(t.circle)?t.circle:"text"!==m&&f,disabled:t.disabled,loading:t.loading,align:t.align,onClick(e){((e,t)=>{e=e.$event;H(),W("dropdown-click",{name:t.name,option:t},e)})(e,t)}})):[])]:[])])])):i?(0,_vue.h)((0,_vue.resolveComponent)("router-link"),{ref:z,class:["vxe-button","vxe-button--link","type--"+m,x?"align--"+x:"",e?_xeUtils.default.isFunction(e)?e({$button:$}):e:"",{["size--"+O]:O,["theme--"+_]:_,"is--round":b,"is--circle":f,"is--shadow":s,"is--disabled":T||a,"is--loading":a}],title:n,name:l,type:p?o:"button",disabled:T||a,to:i,onClick:q,onMouseenter:R,onMouseleave:F,onContextmenu:L},{default(){return G()}}):(0,_vue.h)("button",{ref:z,class:["vxe-button","type--"+m,x?"align--"+x:"",e?_xeUtils.default.isFunction(e)?e({$button:$}):e:"",{["size--"+O]:O,["theme--"+_]:_,"is--round":b,"is--circle":f,"is--shadow":s,"is--disabled":T||a,"is--loading":a}],title:n,name:l,type:p?o:"button",disabled:T||a,onClick:q,onMouseenter:R,onMouseleave:F,onContextmenu:L},G()):(0,_ui.renderEmptyElement)($)},(0,_vue.onMounted)(()=>{"text"===N.type&&(0,_log.warnLog)("vxe.error.delProp",["[button] type=text","mode=text"]),_ui.globalEvents.on($,"mousewheel",x),_ui.globalEvents.on($,"mousedown",f),_ui.globalEvents.on($,"resize",g)}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off($,"mousewheel"),_ui.globalEvents.off($,"mousedown"),_ui.globalEvents.off($,"resize")}),$},render(){return this.renderVN()}});var _default=exports.default=VxeButtonComponent;
1
+ Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_vn=require("../../ui/src/vn"),_log=require("../../ui/src/log"),_tooltip=_interopRequireDefault(require("../../tooltip"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let warnLog=(0,_log.createComponentLog)("button").warnLog,VxeButtonComponent=(0,_comp.defineVxeComponent)({name:"VxeButton",props:{type:String,mode:String,className:[String,Function],popupClassName:[String,Function],size:{type:String,default:()=>(0,_ui.getConfig)().button.size||(0,_ui.getConfig)().size},zIndex:Number,name:[String,Number],routerLink:Object,permissionCode:[String,Number],content:String,placement:String,status:String,title:String,shadow:Boolean,icon:String,iconRender:Object,prefixIcon:String,prefixRender:Object,suffixIcon:String,suffixRender:Object,round:Boolean,circle:Boolean,disabled:Boolean,loading:Boolean,trigger:{type:String,default:()=>(0,_ui.getConfig)().button.trigger},align:String,prefixTooltip:Object,suffixTooltip:Object,options:Array,showDropdownIcon:{type:Boolean,default:()=>(0,_ui.getConfig)().button.showDropdownIcon},destroyOnClose:{type:Boolean,default:()=>(0,_ui.getConfig)().button.destroyOnClose},popupConfig:Object,transfer:{type:Boolean,default:null}},emits:["click","mouseenter","mouseleave","dropdown-click","dropdownClick","contextmenu"],setup(N,e){let{slots:P,emit:i}=e,n=(0,_vue.inject)("$xeModal",null),o=(0,_vue.inject)("$xeDrawer",null),u=(0,_vue.inject)("$xeTable",null),l=(0,_vue.inject)("$xeTree",null),a=(0,_vue.inject)("$xeForm",null),s=(0,_vue.inject)("$xeButtonGroup",null);var t=_xeUtils.default.uniqueId();let I=(0,_ui.useSize)(N).computeSize,B=(0,_ui.usePermission)(N).computePermissionInfo,S=(0,_vue.reactive)({initialized:!1,visiblePanel:!1,isAniVisible:!1,isActivated:!1,panelIndex:0,panelStyle:{},panelPlacement:""}),r={showTime:void 0,tooltipTimeout:void 0},j=(0,_vue.ref)(),z=(0,_vue.ref)(),U=(0,_vue.ref)(),v={refElem:j},$={xID:t,props:N,context:e,reactData:S,internalData:r,getRefMaps:()=>v};let V=(0,_vue.computed)(()=>{var e=N.transfer,t=M.value;if(_xeUtils.default.isBoolean(t.transfer))return t.transfer;if(null===e){t=(0,_ui.getConfig)().button.transfer;if(_xeUtils.default.isBoolean(t))return t;if(u||l||n||o||a)return!0}return e}),E=(0,_vue.computed)(()=>{var e=N.disabled,t=B.value;return e||t.disabled}),D=(0,_vue.computed)(()=>{var e=N.type;return!!e&&-1<["submit","reset","button"].indexOf(e)}),Z=(0,_vue.computed)(()=>{var{type:e,mode:t}=N;return"text"===t||"text"===e||s&&"text"===s.props.mode?"text":"button"}),J=(0,_vue.computed)(()=>{var e=N.status;return e||(s?s.props.status:"")}),K=(0,_vue.computed)(()=>{var e=N.align;return e||!!s&&s.props.align}),Q=(0,_vue.computed)(()=>{var e=N.round;return e||!!s&&s.props.round}),X=(0,_vue.computed)(()=>{var e=N.circle;return e||!!s&&s.props.circle}),ee=(0,_vue.computed)(()=>{var e=N.options;return e?e.filter(e=>{e=e.permissionCode;return!e||_ui.permission.checkVisible(e)}):[]}),M=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().button.popupConfig,N.popupConfig)),_=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().button.prefixTooltip,N.prefixTooltip)),b=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().button.suffixTooltip,N.suffixTooltip)),p=()=>{var e=M.value.zIndex||N.zIndex;e?S.panelIndex=_xeUtils.default.toNumber(e):S.panelIndex<(0,_utils.getLastZIndex)()&&(S.panelIndex=(0,_utils.nextZIndex)())},d=()=>{let n=N.placement,i=S.panelIndex,o=z.value,u=U.value,l=V.value,a=M.value;var e=()=>{var e=(0,_dom.updatePanelPlacement)(o,u,{placement:a.placement||n,defaultPlacement:a.defaultPlacement,teleportTo:l}),t=Object.assign(e.style,{zIndex:i});S.panelStyle=t,S.panelPlacement=e.placement};return e(),(0,_vue.nextTick)().then(e)},q=e=>{s&&s.handleClick({name:N.name},e),W("click",{$event:e},e)},te=e=>{0===e.button&&e.stopPropagation()},ne=e=>{var t=e.currentTarget;let n=U.value;var{flag:t,targetElem:i}=(0,_dom.getEventTargetNode)(e,t,"vxe-button");t&&(n&&(n.dataset.active="N"),S.visiblePanel=!1,setTimeout(()=>{n&&"Y"===n.dataset.active||(S.isAniVisible=!1)},350),W("dropdown-click",{name:i.getAttribute("name"),option:null},e))},A=()=>{let e=U.value;e&&(e.dataset.active="Y",S.isAniVisible=!0,setTimeout(()=>{"Y"===e.dataset.active&&(S.visiblePanel=!0,p(),d(),setTimeout(()=>{S.visiblePanel&&d()},50))},20))},ie=e=>{var t=N.loading;E.value||t||(c(),L(e))},oe=e=>{H(),R(e)},L=e=>{W("mouseenter",{},e)},R=e=>{W("mouseleave",{},e)},F=e=>{W("contextmenu",{},e)},Y=e=>{var{loading:t,trigger:n}=N;E.value||t||("click"===n&&(S.visiblePanel?H:c)(),q(e))},c=()=>{var e=N.trigger;let t=U.value;return t&&(t.dataset.active="Y",S.initialized||(S.initialized=!0),r.showTime=setTimeout(()=>{"Y"===t.dataset.active?A():S.isAniVisible=!1},"click"===e?50:250)),(0,_vue.nextTick)()},H=()=>{let e=U.value;return clearTimeout(r.showTime),e?(e.dataset.active="N",setTimeout(()=>{"Y"!==e.dataset.active&&(S.visiblePanel=!1,setTimeout(()=>{"Y"!==e.dataset.active&&(S.isAniVisible=!1)},350))},100)):(S.isAniVisible=!1,S.visiblePanel=!1),(0,_vue.nextTick)()},ue=()=>{H()},m=(e,t)=>(0,_vue.h)(_tooltip.default,{useHtml:_xeUtils.default.isBoolean(e.useHtml)?e.useHtml:e.useHTML,content:e.content,enterable:e.enterable,theme:e.theme},{default(){return(0,_vue.h)("span",{class:`vxe-button--item vxe-button--tooltip-${t}-icon`},[(0,_vue.h)("i",{class:e.icon||(0,_ui.getIcon)().BUTTON_TOOLTIP_ICON})])}}),G=()=>{var{content:e,suffixIcon:t,loading:n,prefixTooltip:i,suffixTooltip:o,suffixRender:u}=N,l=N.prefixIcon||N.icon,a=N.prefixRender||N.iconRender,s=_.value,r=b.value,v=P.prefix||P.icon,d=P.suffix,c=P.default,p=[];return i&&p.push(m(s,"prefix")),n?p.push((0,_vue.h)("i",{class:["vxe-button--item vxe-button--loading-icon",(0,_ui.getIcon)().BUTTON_LOADING]})):v?p.push((0,_vue.h)("span",{class:"vxe-button--item vxe-button--custom-prefix-icon"},v({}))):a?(s=(i=_ui.renderer.get(a.name))?i.renderButtonPrefix:null,p.push((0,_vue.h)("span",{class:["vxe-button--item vxe-button--custom-prefix-icon"]},s?(0,_vn.getSlotVNs)(s(a,{$button:$})):[]))):l&&p.push((0,_vue.h)("i",{class:["vxe-button--item vxe-button--prefix-icon",l]})),c?p.push((0,_vue.h)("span",{class:"vxe-button--item vxe-button--content"},c({}))):e&&p.push((0,_vue.h)("span",{class:"vxe-button--item vxe-button--content"},(0,_utils.getFuncText)(e))),d?p.push((0,_vue.h)("span",{class:"vxe-button--item vxe-button--custom-suffix-icon"},d({}))):u?(v=(n=_ui.renderer.get(u.name))?n.renderButtonSuffix:null,p.push((0,_vue.h)("span",{class:["vxe-button--item vxe-button--custom-suffix-icon"]},v?(0,_vn.getSlotVNs)(v(u,{$button:$})):[]))):t&&p.push((0,_vue.h)("i",{class:["vxe-button--item vxe-button--suffix-icon",t]})),o&&p.push(m(r,"suffix")),p},W=(e,t,n)=>{i(e,(0,_ui.createEvent)(n,{$button:$},t))},x=(t={dispatchEvent:W,openPanel:c,closePanel:H,focus(){var e=z.value;return e&&e.focus(),(0,_vue.nextTick)()},blur(){var e=z.value;return e&&e.blur(),(0,_vue.nextTick)()}},e=>{var t=U.value;S.visiblePanel&&!(0,_dom.getEventTargetNode)(e,t).flag&&H()}),f=e=>{var t,n=E.value,i=S.visiblePanel;n||(n=j.value,t=U.value,S.isActivated=(0,_dom.getEventTargetNode)(e,n).flag||(0,_dom.getEventTargetNode)(e,t).flag,i&&!S.isActivated&&H())},g=()=>{var e=S.visiblePanel;e&&d()};Object.assign($,t);return $.renderVN=()=>{let{className:e,trigger:t,title:n,routerLink:i,type:o,destroyOnClose:u,name:l,loading:a,shadow:s,showDropdownIcon:r}=N;var{initialized:v,isAniVisible:d,visiblePanel:c}=S,p=D.value;let m=Z.value;var _=J.value;let b=Q.value;var x=K.value;let f=X.value;var g,h=V.value,T=E.value,C=B.value,w=ee.value,y=M.value,O=I.value,k=P.dropdowns,y=y.className||N.popupClassName;return C.visible?k||w.length?(C={onContextmenu:F},g={},"hover"===t&&(C.onMouseenter=ie,C.onMouseleave=oe,g.onMouseenter=A,g.onMouseleave=ue),(0,_vue.h)("div",{ref:j,class:["vxe-button--dropdown",e?_xeUtils.default.isFunction(e)?e({$button:$}):e:"",{["size--"+O]:O,"is--active":c}]},[i?(0,_vue.h)((0,_vue.resolveComponent)("router-link"),Object.assign({ref:z,class:["vxe-button","vxe-button--link","type--"+m,x?"align--"+x:"",e?_xeUtils.default.isFunction(e)?e({$button:$}):e:"",{["size--"+O]:O,["theme--"+_]:_,"is--round":b,"is--circle":f,"is--shadow":s,"is--disabled":T||a,"is--loading":a}],title:n,name:l,type:p?o:"button",disabled:T||a,to:i,onClick:Y},C),{default(){return G().concat(r?[(0,_vue.h)("i",{class:"vxe-button--dropdown-arrow "+(0,_ui.getIcon)().BUTTON_DROPDOWN})]:[])}}):(0,_vue.h)("button",Object.assign({ref:z,class:["vxe-button","type--"+m,x?"align--"+x:"",e?_xeUtils.default.isFunction(e)?e({$button:$}):e:"",{["size--"+O]:O,["theme--"+_]:_,"is--round":b,"is--circle":f,"is--shadow":s,"is--disabled":T||a,"is--loading":a}],title:n,name:l,type:p?o:"button",disabled:T||a,onClick:Y},C),G().concat(r?[(0,_vue.h)("i",{class:"vxe-button--dropdown-arrow "+(0,_ui.getIcon)().BUTTON_DROPDOWN})]:[])),(0,_vue.h)(_vue.Teleport,{to:"body",disabled:!h||!v},[(0,_vue.h)("div",Object.assign({ref:U,class:["vxe-button--dropdown-panel",y?_xeUtils.default.isFunction(y)?y({$button:$}):y:"",{["size--"+O]:O,"is--transfer":h,"ani--leave":d,"ani--enter":c}],placement:S.panelPlacement,style:S.panelStyle},g),v&&(c||d)?[k?(0,_vue.h)("div",{class:"vxe-button--dropdown-wrapper",onMousedown:te,onClick:ne},v&&(!u||c||d)?k({}):[]):(0,_vue.h)("div",{class:"vxe-button--dropdown-wrapper"},v&&(!u||c||d)?w.map((t,e)=>(0,_vue.h)(VxeButtonComponent,{key:e,type:t.type,mode:t.mode||m,className:t.className,name:t.name,routerLink:t.routerLink,permissionCode:t.permissionCode,title:t.title,content:t.content,status:t.status,icon:t.icon,round:_xeUtils.default.isBoolean(t.round)?t.round:"text"!==m&&b,circle:_xeUtils.default.isBoolean(t.circle)?t.circle:"text"!==m&&f,disabled:t.disabled,loading:t.loading,align:t.align,onClick(e){((e,t)=>{e=e.$event;H(),W("dropdown-click",{name:t.name,option:t},e)})(e,t)}})):[])]:[])])])):i?(0,_vue.h)((0,_vue.resolveComponent)("router-link"),{ref:z,class:["vxe-button","vxe-button--link","type--"+m,x?"align--"+x:"",e?_xeUtils.default.isFunction(e)?e({$button:$}):e:"",{["size--"+O]:O,["theme--"+_]:_,"is--round":b,"is--circle":f,"is--shadow":s,"is--disabled":T||a,"is--loading":a}],title:n,name:l,type:p?o:"button",disabled:T||a,to:i,onClick:q,onMouseenter:L,onMouseleave:R,onContextmenu:F},{default(){return G()}}):(0,_vue.h)("button",{ref:z,class:["vxe-button","type--"+m,x?"align--"+x:"",e?_xeUtils.default.isFunction(e)?e({$button:$}):e:"",{["size--"+O]:O,["theme--"+_]:_,"is--round":b,"is--circle":f,"is--shadow":s,"is--disabled":T||a,"is--loading":a}],title:n,name:l,type:p?o:"button",disabled:T||a,onClick:q,onMouseenter:L,onMouseleave:R,onContextmenu:F},G()):(0,_ui.renderEmptyElement)($)},(0,_vue.onMounted)(()=>{"text"===N.type&&warnLog("vxe.error.delProp",["type=text","mode=text"]),_ui.globalEvents.on($,"mousewheel",x),_ui.globalEvents.on($,"mousedown",f),_ui.globalEvents.on($,"resize",g)}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off($,"mousewheel"),_ui.globalEvents.off($,"mousedown"),_ui.globalEvents.off($,"resize")}),$},render(){return this.renderVN()}});var _default=exports.default=VxeButtonComponent;
@@ -14,6 +14,9 @@ var _log = require("../../ui/src/log");
14
14
  var _button = _interopRequireDefault(require("../../button/src/button"));
15
15
  var _xeUtils = _interopRequireDefault(require("xe-utils"));
16
16
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
17
+ const {
18
+ errLog
19
+ } = (0, _log.createComponentLog)('calendar');
17
20
  const {
18
21
  menus,
19
22
  getConfig,
@@ -1402,7 +1405,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
1402
1405
  } = props;
1403
1406
  const VxeUIContextMenu = _ui.VxeUI.getComponent('VxeContextMenu');
1404
1407
  if (menuConfig && !VxeUIContextMenu) {
1405
- (0, _log.errLog)('vxe.error.reqComp', ['vxe-context-menu']);
1408
+ errLog('vxe.error.reqComp', ['vxe-context-menu']);
1406
1409
  }
1407
1410
  dateOpenPanel();
1408
1411
  });
@@ -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"),_util=require("../../date-panel/src/util"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_log=require("../../ui/src/log"),_button=_interopRequireDefault(require("../../button/src/button")),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let{menus,getConfig,getI18n}=_ui.VxeUI;var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeCalendar",props:{modelValue:[String,Number,Date],type:{type:String,default:"date"},className:String,size:{type:String,default:()=>getConfig().calendar.size||getConfig().size},multiple:Boolean,width:[String,Number],height:[String,Number],minDate:{type:[String,Number,Date],default:()=>getConfig().calendar.minDate},maxDate:{type:[String,Number,Date],default:()=>getConfig().calendar.maxDate},startDay:{type:[String,Number],default:()=>getConfig().calendar.startDay},labelFormat:String,valueFormat:String,festivalMethod:{type:Function,default:()=>getConfig().calendar.festivalMethod},disabledMethod:{type:Function,default:()=>getConfig().calendar.disabledMethod},cellStyle:[Object,Function],menuConfig:Object,selectDay:{type:[String,Number],default:()=>getConfig().calendar.selectDay}},emits:["update:modelValue","change","cell-click","date-prev","date-today","date-next","view-change","cell-menu","menu-click"],setup(c,e){let l=e.emit;var t=_xeUtils.default.uniqueId();let F=(0,_ui.useSize)(c).computeSize,m=(0,_vue.reactive)({selectValue:c.modelValue,inputValue:c.modelValue,datePanelValue:null,datePanelLabel:"",datePanelType:"day",selectMonth:null,currentDate:null}),p={yearSize:12,monthSize:20,quarterSize:8},r=(0,_vue.ref)(),O={refElem:r},y={xID:t,props:c,context:e,reactData:m,internalData:p,getRefMaps:()=>O},I=(0,_vue.computed)(()=>{var{height:e,width:t}=c,a={};return t&&(a.width=(0,_dom.toCssUnit)(t)),e&&(a.height=(0,_dom.toCssUnit)(e)),a}),j=(0,_vue.computed)(()=>!1),n=(0,_vue.computed)(()=>-1<["date","week","month","quarter","year"].indexOf(c.type)),z=(0,_vue.computed)(()=>c.minDate?_xeUtils.default.toStringDate(c.minDate):null),$=(0,_vue.computed)(()=>c.maxDate?_xeUtils.default.toStringDate(c.maxDate):null),E=(0,_vue.computed)(()=>-1<["date","week","month","quarter","year"].indexOf(c.type)),L=(0,_vue.computed)(()=>Object.assign({},getConfig().calendar.menuConfig,c.menuConfig)),a=(0,_vue.computed)(()=>{var e=c.multiple,t=m.selectValue,a=n.value;let l=s.value;return e&&t&&a?_xeUtils.default.toValueString(t).split(",").map(e=>{e=U(e,l);return _xeUtils.default.isValidDate(e)?e:null}):[]}),R=(0,_vue.computed)(()=>{var e=a.value;let t=s.value;return e.map(e=>_xeUtils.default.toDateString(e,t))}),u=(0,_vue.computed)(()=>{var e=a.value;let t=v.value;return e.map(e=>_xeUtils.default.toDateString(e,t)).join(", ")}),s=(0,_vue.computed)(()=>{var e=c.valueFormat;return e||"yyyy-MM-dd"}),h=(0,_vue.computed)(()=>{var e=m.selectValue,t=n.value,a=s.value;let l=null;return l=e&&t&&(t=U(e,a),_xeUtils.default.isValidDate(t))?t:l}),i=(0,_vue.computed)(()=>{var e=z.value,t=m.selectMonth;return!(!t||!e)&&t<=e}),d=(0,_vue.computed)(()=>{var e=$.value,t=m.selectMonth;return!(!t||!e)&&e<=t}),Q=(0,_vue.computed)(()=>{var e=h.value;return e?1e3*(3600*e.getHours()+60*e.getMinutes()+e.getSeconds()):0}),v=(0,_vue.computed)(()=>{var e=c.labelFormat,t=n.value,a=s.value;return t?e||a||getI18n("vxe.input.date.labelFormat."+c.type):null}),o=(0,_vue.computed)(()=>{var{selectMonth:e,currentDate:t}=m,a=p.yearSize,l=[];if(e&&t){var u=t.getFullYear(),t=e.getFullYear(),r=new Date(t-t%a,0,1);for(let e=-4;e<a+4;e++){var i=_xeUtils.default.getWhatYear(r,e,"first"),n=i.getFullYear();l.push({date:i,isCurrent:!0,isPrev:e<0,isNow:u===n,isNext:e>=a,year:n})}}return l}),B=(0,_vue.computed)(()=>{let a="",l="";if(n.value){var{datePanelType:u,selectMonth:r}=m,i=o.value;let e="",t;r&&(e=r.getFullYear(),t=r.getMonth()+1),"quarter"===u||"month"===u?a=""+e:"year"===u?a=i.length?i[0].year+" - "+i[i.length-1].year:"":(a=""+e,l=t?getI18n("vxe.calendar.monthLabel",[t]):"-")}return{y:getI18n("vxe.calendar.yearLabel",[a]),m:l}}),_=(0,_vue.computed)(()=>{var e=c.startDay;return _xeUtils.default.toNumber(e)}),x=(0,_vue.computed)(()=>{var a=[];if(n.value){let t=_.value;a.push(t);for(let e=0;e<6;e++)6<=t?t=0:t++,a.push(t)}return a}),f=(0,_vue.computed)(()=>n.value?x.value.map(e=>({value:e,label:getI18n("vxe.input.date.weeks.w"+e)})):[]),H=(0,_vue.computed)(()=>{var e;return n.value?(e=f.value,[{label:getI18n("vxe.input.date.weeks.w")}].concat(e)):[]}),g=(0,_vue.computed)(()=>{var e=o.value;return _xeUtils.default.chunk(e,4)}),w=(0,_vue.computed)(()=>{var{selectMonth:e,currentDate:t}=m,a=p.quarterSize,l=[];if(e&&t){var u=t.getFullYear(),r=(0,_util.getDateQuarter)(t),i=_xeUtils.default.getWhatYear(e,0,"first"),n=i.getFullYear();for(let e=-2;e<a-2;e++){var s=_xeUtils.default.getWhatQuarter(i,e),d=s.getFullYear(),v=(0,_util.getDateQuarter)(s),o=d<n;l.push({date:s,isPrev:o,isCurrent:d===n,isNow:d===u&&v===r,isNext:!o&&n<d,quarter:v})}}return l}),A=(0,_vue.computed)(()=>{var e=w.value;return _xeUtils.default.chunk(e,2)}),G=(0,_vue.computed)(()=>{var{selectMonth:t,currentDate:e}=m,a=p.monthSize,l=[];if(t&&e){var u=e.getFullYear(),r=e.getMonth(),i=_xeUtils.default.getWhatYear(t,0,"first").getFullYear();for(let e=-4;e<a-4;e++){var n=_xeUtils.default.getWhatYear(t,0,e),s=n.getFullYear(),d=n.getMonth(),v=s<i;l.push({date:n,isPrev:v,isCurrent:s===i,isNow:s===u&&d===r,isNext:!v&&i<s,month:d})}}return l}),J=(0,_vue.computed)(()=>{var e=G.value;return _xeUtils.default.chunk(e,4)}),K=(0,_vue.computed)(()=>{var{selectMonth:t,currentDate:e}=m,a=[];if(t&&e){var l=Q.value,u=x.value,r=e.getFullYear(),i=e.getMonth(),n=e.getDate(),s=t.getFullYear(),d=t.getMonth(),e=t.getDay(),u=-u.indexOf(e),v=new Date(_xeUtils.default.getWhatDay(t,u).getTime()+l);for(let e=0;e<42;e++){var o=_xeUtils.default.getWhatDay(v,e),c=o.getFullYear(),p=o.getMonth(),y=o.getDate(),h=o<t;a.push({date:o,isPrev:h,isCurrent:c===s&&p===d,isNow:c===r&&p===i&&y===n,isNext:!h&&d!==p,label:y})}}return a}),b=(0,_vue.computed)(()=>{var e=K.value;return _xeUtils.default.chunk(e,7)}),X=(0,_vue.computed)(()=>{var e=b.value;let a=_.value;return e.map(e=>{var t=e[0];return[{date:t.date,isWeekNumber:!0,isPrev:!1,isCurrent:!1,isNow:!1,isNext:!1,label:_xeUtils.default.getYearWeek(t.date,a)}].concat(e)})}),U=(e,t)=>_xeUtils.default.toStringDate(e,t),D=(e,t)=>{m.inputValue=e,l("update:modelValue",e),_xeUtils.default.toValueString(c.modelValue)!==e&&W("change",{value:e},t)},M=e=>{var t=c.type,a=v.value,l=s.value,u=_.value;let r=null,i="";e&&(r=U(e,l)),_xeUtils.default.isValidDate(r)?(i=_xeUtils.default.toDateString(r,a,{firstDay:u}),a&&"week"===t&&_xeUtils.default.getWhatWeek(r,0,u,u).getFullYear()<r.getFullYear()&&-1<(e=a.indexOf("yyyy"))&&(l=Number(i.substring(e,e+4)))&&!isNaN(l)&&(i=i.replace(""+l,""+(l-1)))):r=null,m.datePanelValue=r,m.datePanelLabel=i},Z=()=>{var e=n.value,t=m.inputValue;e&&(M(t),m.inputValue=c.multiple?u.value:m.datePanelLabel)},ee=()=>{n.value&&Z()},S=e=>{e=_xeUtils.default.getWhatMonth(e,0,"first");_xeUtils.default.isEqual(e,m.selectMonth)||(m.selectMonth=e)},P=e=>{var t,{modelValue:a,multiple:l}=c,u=s.value,r=_.value;"week"===c.type&&(t=_xeUtils.default.toNumber(c.selectDay),e=_xeUtils.default.getWhatWeek(e,0,t,r));let i=_xeUtils.default.toDateString(e,u,{firstDay:r});S(e),m.selectValue=e,l?(t=R.value).some(e=>_xeUtils.default.isEqual(e,i))?D(t.filter(e=>!_xeUtils.default.isEqual(e,i)).join(","),{type:"update"}):D(t.concat([i]).join(","),{type:"update"}):_xeUtils.default.isEqual(a,i)||D(i,{type:"update"})},te=(e,t)=>{m.selectMonth=_xeUtils.default.getWhatMonth(e,t,"first")},ae=()=>{var e=_xeUtils.default.getWhatDay(Date.now(),0,"first");m.currentDate=e,te(e,0)},le=()=>{m.datePanelType="year"},ue=e=>{let t=m.datePanelType;t="month"===t||"quarter"===t?"year":"month",m.datePanelType=t,V(e)},re=e=>{var t=c.type,{datePanelType:a,selectMonth:l}=m,u=p.yearSize;i.value||(m.selectMonth="year"===t?_xeUtils.default.getWhatYear(l,-u,"first"):"month"===t||"quarter"===t?"year"===a?_xeUtils.default.getWhatYear(l,-u,"first"):_xeUtils.default.getWhatYear(l,-1,"first"):"year"===a?_xeUtils.default.getWhatYear(l,-u,"first"):"month"===a?_xeUtils.default.getWhatYear(l,-1,"first"):_xeUtils.default.getWhatMonth(l,-1,"first"),W("date-prev",{type:t},e),V(e))},ie=e=>{ae(),c.multiple||P(m.currentDate),W("date-today",{type:c.type},e),V(e)},ne=e=>{var t=c.type,{datePanelType:a,selectMonth:l}=m,u=p.yearSize;d.value||(m.selectMonth="year"===t?_xeUtils.default.getWhatYear(l,u,"first"):"month"===t||"quarter"===t?"year"===a?_xeUtils.default.getWhatYear(l,u,"first"):_xeUtils.default.getWhatYear(l,1,"first"):"year"===a?_xeUtils.default.getWhatYear(l,u,"first"):"month"===a?_xeUtils.default.getWhatYear(l,1,"first"):_xeUtils.default.getWhatMonth(l,1,"first"),W("date-next",{type:t},e),V(e))},C=e=>{var t=c.disabledMethod,a=m.datePanelType;return t&&t({type:a,viewType:a,date:e.date,$calendar:y})},V=e=>{var t=m.datePanelType,a=g.value,l=A.value,u=J.value,r=X.value,i=b.value;let n=[],s=[];switch(t){case"year":s=a;break;case"quarter":s=l;break;case"month":s=u;break;case"week":s=r;break;case"day":s=i}s.forEach(e=>{e.forEach(e=>{n.push(e.date)})}),W("view-change",{viewType:t,viewDates:n},e)},se=e=>{var t=c.type,a=m.datePanelType;"month"===t?"year"===a?(m.datePanelType="month",S(e),V(null)):P(e):"year"===t?P(e):"quarter"===t?"year"===a?(m.datePanelType="quarter",S(e),V(null)):P(e):"month"===a?(m.datePanelType="week"===t?t:"day",S(e),V(null)):"year"===a?(m.datePanelType="month",S(e),V(null)):P(e)},k=(e,t)=>{var a=c.type,l=m.datePanelType,u=t.date;C(t)||(se(u),W("cell-click",{date:u,type:a,viewType:l},e))},T=(u,e)=>{let r=c.type,i=m.datePanelType;var t=c.menuConfig,a=L.value;if(t?(0,_utils.isEnableConf)(a):a.enabled){var{options:t,visibleMethod:a}=a;let l=e.date;a&&!a({$calendar:y,options:t,date:l,type:r,viewType:i})||_ui.VxeUI.contextMenu&&_ui.VxeUI.contextMenu.openByEvent(u,{options:t,events:{optionClick(e){var t=e.option,a=menus.get(t.code),a=a?a.calendarMenuMethod:null,t={menu:t,date:l,type:r,viewType:i,$event:u,$calendar:y};a&&a(t,u),W("menu-click",t,e.$event)}}})}W("cell-menu",{date:e.date,type:r,viewType:i},u)},de=t=>{C({date:t})||(K.value.some(e=>_xeUtils.default.isDateSame(e.date,t,"yyyyMMdd"))||S(t),M(t))},ve=t=>{C({date:t})||(o.value.some(e=>_xeUtils.default.isDateSame(e.date,t,"yyyy"))||S(t),M(t))},oe=t=>{C({date:t})||(w.value.some(e=>_xeUtils.default.isDateSame(e.date,t,"yyyyq"))||S(t),M(t))},ce=t=>{C({date:t})||(G.value.some(e=>_xeUtils.default.isDateSame(e.date,t,"yyyyMM"))||S(t),M(t))},N=e=>{var t;C(e)||(t=m.datePanelType,("month"===t?ce:"quarter"===t?oe:"year"===t?ve:de)(e.date))},q=()=>{m.datePanelValue=null},pe=()=>{},ye=()=>{var e=c.type,t=h.value;-1<["year","quarter","month","week"].indexOf(e)?m.datePanelType=e:m.datePanelType="day",m.currentDate=_xeUtils.default.getWhatDay(Date.now(),0,"first"),t?(te(t,0),M(t)):ae()},Y=(e,t)=>{var a,l=c.festivalMethod;return l?(a=m.datePanelType,e=(a=(l=l({type:a,viewType:a,date:e.date,$calendar:y}))?_xeUtils.default.isString(l)?{label:l}:l:{}).extra?_xeUtils.default.isString(a.extra)?{label:a.extra}:a.extra:null,l=[(0,_vue.h)("span",{class:["vxe-calendar--label",{"is-notice":a.notice}]},e&&e.label?[(0,_vue.h)("span",{class:"vxe-calendar--label--number"},""+(t||"")),(0,_vue.h)("span",{class:["vxe-calendar--label--extra",e.important?"is-important":"",e.className],style:e.style},_xeUtils.default.toValueString(e.label))]:[""+(t||"")])],(e=a.label)&&(e=_xeUtils.default.toValueString(e).split(","),l.push((0,_vue.h)("span",{class:["vxe-calendar--festival",a.important?"is-important":"",a.className],style:a.style},[1<e.length?(0,_vue.h)("span",{class:["vxe-calendar--festival--overlap","overlap--"+e.length]},e.map(e=>(0,_vue.h)("span",e.substring(0,3)))):(0,_vue.h)("span",{class:"vxe-calendar--festival--label"},e[0].substring(0,3))]))),l):""+(t||"")},he=()=>{let{multiple:l,cellStyle:u}=c,{datePanelType:r,datePanelValue:i}=m,n=h.value,t=f.value,e=b.value,s=a.value,d="yyyyMMdd";return[(0,_vue.h)("div",{class:["vxe-calendar--view-wrapper","type--"+r]},[(0,_vue.h)("div",{class:"vxe-calendar--view-header",style:{height:100/(e.length+1)+"%"}},[(0,_vue.h)("div",{class:"vxe-calendar--view-row"},t.map(e=>(0,_vue.h)("div",{class:"vxe-calendar--view-item",style:{width:100/t.length+"%"}},[(0,_vue.h)("div",{class:"vxe-calendar--view-item-inner"},[(0,_vue.h)("div",{class:"vxe-calendar--view-item-label"},e.label)])])))]),(0,_vue.h)("div",{class:"vxe-calendar--view-body"},e.map(a=>(0,_vue.h)("div",{class:"vxe-calendar--view-row",style:{height:100/e.length+"%"}},a.map(t=>{var e=l?s.some(e=>_xeUtils.default.isDateSame(e,t.date,d)):_xeUtils.default.isDateSame(n,t.date,d);return(0,_vue.h)("div",{class:["vxe-calendar--view-item",{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--disabled":C(t),"is--selected":e,"is--hover":_xeUtils.default.isDateSame(i,t.date,d)}],style:Object.assign({},_xeUtils.default.isFunction(u)?u({type:r,viewType:r,date:t.date,$calendar:y}):u,{width:100/a.length+"%"}),onClick:e=>k(e,t),onContextmenu:e=>T(e,t),onMouseenter:()=>N(t),onMouseleave:q},[(0,_vue.h)("div",{class:"vxe-calendar--view-item-inner"},Y(t,t.label))])}))))])]},me=()=>{let{multiple:t,cellStyle:r}=c,{datePanelType:i,datePanelValue:n}=m,s=h.value;var e=H.value;let d=X.value,v=a.value,o="yyyyMMdd";return[(0,_vue.h)("div",{class:["vxe-calendar--view-wrapper","type--"+i]},[(0,_vue.h)("div",{class:"vxe-calendar--view-header",style:{height:100/(d.length+1)+"%"}},[(0,_vue.h)("div",{class:"vxe-calendar--view-row"},e.map((e,t)=>(0,_vue.h)("div",{class:"vxe-calendar--view-item",style:{width:`${t?13:9}%`}},[(0,_vue.h)("div",{class:"vxe-calendar--view-item-inner"},[(0,_vue.h)("div",{class:"vxe-calendar--view-item-label"},e.label)])])))]),(0,_vue.h)("div",{class:"vxe-calendar--view-body"},d.map(e=>{let a=t?e.some(t=>v.some(e=>_xeUtils.default.isDateSame(e,t.date,o))):e.some(e=>_xeUtils.default.isDateSame(s,e.date,o)),l=e.some(e=>_xeUtils.default.isDateSame(n,e.date,o)),u=e.some(e=>e.isNow);return(0,_vue.h)("div",{class:"vxe-calendar--view-row",style:{height:100/d.length+"%"}},e.map((t,e)=>(0,_vue.h)("div",{class:["vxe-calendar--view-item",{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":e?t.isNow:u,"is--next":t.isNext,"is--disabled":C(t),"is--selected":a,"is--hover":l}],style:Object.assign({},_xeUtils.default.isFunction(r)?r({type:i,viewType:i,date:t.date,$calendar:y}):r,{width:`${e?13:9}%`}),onClick:e=>k(e,t),onContextmenu:e=>T(e,t),onMouseenter:()=>N(t),onMouseleave:q},[(0,_vue.h)("div",{class:"vxe-calendar--view-item-inner"},Y(t,t.label))])))}))])]},_e=()=>{let{multiple:l,cellStyle:u}=c,{datePanelType:r,datePanelValue:i}=m,n=h.value,e=J.value,s=a.value,d="yyyyMM";return[(0,_vue.h)("div",{class:["vxe-calendar--view-wrapper","type--"+r]},[(0,_vue.h)("div",{class:"vxe-calendar--view-body"},e.map(a=>(0,_vue.h)("div",{class:"vxe-calendar--view-row",style:{height:100/e.length+"%"}},a.map(t=>{var e=l?s.some(e=>_xeUtils.default.isDateSame(e,t.date,d)):_xeUtils.default.isDateSame(n,t.date,d);return(0,_vue.h)("div",{class:["vxe-calendar--view-item",{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--disabled":C(t),"is--selected":e,"is--hover":_xeUtils.default.isDateSame(i,t.date,d)}],style:Object.assign({},_xeUtils.default.isFunction(u)?u({type:r,viewType:r,date:t.date,$calendar:y}):u,{width:100/a.length+"%"}),onClick:e=>k(e,t),onContextmenu:e=>T(e,t),onMouseenter:()=>N(t),onMouseleave:q},[(0,_vue.h)("div",{class:"vxe-calendar--view-item-inner"},Y(t,getI18n("vxe.input.date.months.m"+t.month)))])}))))])]},xe=()=>{let{multiple:l,cellStyle:u}=c,{datePanelType:r,datePanelValue:i}=m,n=h.value,e=A.value,s=a.value,d="yyyyq";return[(0,_vue.h)("div",{class:["vxe-calendar--view-wrapper","type--"+r]},[(0,_vue.h)("div",{class:"vxe-calendar--view-body"},e.map(a=>(0,_vue.h)("div",{class:"vxe-calendar--view-row",style:{height:100/e.length+"%"}},a.map(t=>{var e=l?s.some(e=>_xeUtils.default.isDateSame(e,t.date,d)):_xeUtils.default.isDateSame(n,t.date,d);return(0,_vue.h)("div",{class:["vxe-calendar--view-item",{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--disabled":C(t),"is--selected":e,"is--hover":_xeUtils.default.isDateSame(i,t.date,d)}],style:Object.assign({},_xeUtils.default.isFunction(u)?u({type:r,viewType:r,date:t.date,$calendar:y}):u,{width:100/a.length+"%"}),onClick:e=>k(e,t),onContextmenu:e=>T(e,t),onMouseenter:()=>N(t),onMouseleave:q},[(0,_vue.h)("div",{class:"vxe-calendar--view-item-inner"},Y(t,getI18n("vxe.input.date.quarters.q"+t.quarter)))])}))))])]},fe=()=>{let{multiple:l,cellStyle:u}=c,{datePanelType:r,datePanelValue:i}=m,n=h.value,e=g.value,s=a.value,d="yyyy";return[(0,_vue.h)("div",{class:["vxe-calendar--view-wrapper","type--"+r]},[(0,_vue.h)("div",{class:"vxe-calendar--view-body"},e.map(a=>(0,_vue.h)("div",{class:"vxe-calendar--view-row",style:{height:100/e.length+"%"}},a.map(t=>{var e=l?s.some(e=>_xeUtils.default.isDateSame(e,t.date,d)):_xeUtils.default.isDateSame(n,t.date,d);return(0,_vue.h)("div",{class:["vxe-calendar--view-item",{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--disabled":C(t),"is--selected":e,"is--hover":_xeUtils.default.isDateSame(i,t.date,d)}],style:Object.assign({},_xeUtils.default.isFunction(u)?u({type:r,viewType:r,date:t.date,$calendar:y}):u,{width:100/a.length+"%"}),onClick:e=>k(e,t),onContextmenu:e=>T(e,t),onMouseenter:()=>N(t),onMouseleave:q},[(0,_vue.h)("div",{class:"vxe-calendar--view-item-inner"},Y(t,t.year))])}))))])]},ge=()=>{var e=m.datePanelType;switch(e){case"week":return me();case"month":return _e();case"quarter":return xe();case"year":return fe()}return he()},W=(e,t,a)=>{l(e,(0,_ui.createEvent)(a,{$input:y},t))};t={dispatchEvent:W};Object.assign(y,t);return y.renderVN=()=>{var{className:e,type:t}=c,a=F.value,l=j.value,u=I.value;return(0,_vue.h)("div",{ref:r,class:["vxe-calendar","type--"+t,e,{["size--"+a]:a,"is--disabled":l}],style:u},[(t=c.multiple,e=m.datePanelType,a=i.value,l=d.value,u=B.value,[(0,_vue.h)("div",{class:"vxe-calendar--header"},[(0,_vue.h)("div",{class:"vxe-calendar--type-wrapper"},["year"===e?(0,_vue.h)(_button.default,{class:"vxe-calendar--date-picker-label",disabled:"year"===e,content:u.y}):(0,_vue.h)("span",{class:"vxe-calendar--date-picker-btns"},[(0,_vue.h)(_button.default,{class:"vxe-calendar--date-picker-btn",content:u.y,onClick:le}),u.m?(0,_vue.h)(_button.default,{class:"vxe-calendar--date-picker-btn",content:u.m,onClick:ue}):(0,_ui.renderEmptyElement)(y)])]),(0,_vue.h)("div",{class:"vxe-calendar--btn-wrapper"},[(0,_vue.h)(_button.default,{disabled:a,icon:"vxe-icon-caret-left",onClick:re}),(0,_vue.h)(_button.default,{icon:"vxe-icon-dot",onClick:ie}),(0,_vue.h)(_button.default,{disabled:l,icon:"vxe-icon-caret-right",onClick:ne}),t&&E.value?(0,_vue.h)("span",{class:"vxe-calendar--btn vxe-calendar--confirm-btn"},[(0,_vue.h)("button",{class:"vxe-calendar--confirm",type:"button",onClick:pe},getI18n("vxe.button.confirm"))]):null])]),(0,_vue.h)("div",{class:"vxe-calendar--body"},ge())])])},(0,_vue.watch)(()=>c.modelValue,e=>{m.inputValue=e,Z()}),(0,_vue.watch)(()=>c.type,()=>{Object.assign(m,{selectValue:null,inputValue:null,datePanelValue:null,datePanelLabel:"",datePanelType:"day",selectMonth:null,currentDate:null}),ee(),ye()}),(0,_vue.watch)(v,()=>{n.value&&(M(m.datePanelValue),m.inputValue=c.multiple?u.value:m.datePanelLabel)}),(0,_vue.onMounted)(()=>{var e=c.menuConfig,t=_ui.VxeUI.getComponent("VxeContextMenu");e&&!t&&(0,_log.errLog)("vxe.error.reqComp",["vxe-context-menu"]),ye()}),ee(),y},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"),_util=require("../../date-panel/src/util"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_log=require("../../ui/src/log"),_button=_interopRequireDefault(require("../../button/src/button")),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let errLog=(0,_log.createComponentLog)("calendar").errLog,{menus,getConfig,getI18n}=_ui.VxeUI;var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeCalendar",props:{modelValue:[String,Number,Date],type:{type:String,default:"date"},className:String,size:{type:String,default:()=>getConfig().calendar.size||getConfig().size},multiple:Boolean,width:[String,Number],height:[String,Number],minDate:{type:[String,Number,Date],default:()=>getConfig().calendar.minDate},maxDate:{type:[String,Number,Date],default:()=>getConfig().calendar.maxDate},startDay:{type:[String,Number],default:()=>getConfig().calendar.startDay},labelFormat:String,valueFormat:String,festivalMethod:{type:Function,default:()=>getConfig().calendar.festivalMethod},disabledMethod:{type:Function,default:()=>getConfig().calendar.disabledMethod},cellStyle:[Object,Function],menuConfig:Object,selectDay:{type:[String,Number],default:()=>getConfig().calendar.selectDay}},emits:["update:modelValue","change","cell-click","date-prev","date-today","date-next","view-change","cell-menu","menu-click"],setup(c,e){let l=e.emit;var t=_xeUtils.default.uniqueId();let F=(0,_ui.useSize)(c).computeSize,m=(0,_vue.reactive)({selectValue:c.modelValue,inputValue:c.modelValue,datePanelValue:null,datePanelLabel:"",datePanelType:"day",selectMonth:null,currentDate:null}),p={yearSize:12,monthSize:20,quarterSize:8},r=(0,_vue.ref)(),O={refElem:r},y={xID:t,props:c,context:e,reactData:m,internalData:p,getRefMaps:()=>O},I=(0,_vue.computed)(()=>{var{height:e,width:t}=c,a={};return t&&(a.width=(0,_dom.toCssUnit)(t)),e&&(a.height=(0,_dom.toCssUnit)(e)),a}),j=(0,_vue.computed)(()=>!1),n=(0,_vue.computed)(()=>-1<["date","week","month","quarter","year"].indexOf(c.type)),z=(0,_vue.computed)(()=>c.minDate?_xeUtils.default.toStringDate(c.minDate):null),$=(0,_vue.computed)(()=>c.maxDate?_xeUtils.default.toStringDate(c.maxDate):null),E=(0,_vue.computed)(()=>-1<["date","week","month","quarter","year"].indexOf(c.type)),L=(0,_vue.computed)(()=>Object.assign({},getConfig().calendar.menuConfig,c.menuConfig)),a=(0,_vue.computed)(()=>{var e=c.multiple,t=m.selectValue,a=n.value;let l=s.value;return e&&t&&a?_xeUtils.default.toValueString(t).split(",").map(e=>{e=U(e,l);return _xeUtils.default.isValidDate(e)?e:null}):[]}),R=(0,_vue.computed)(()=>{var e=a.value;let t=s.value;return e.map(e=>_xeUtils.default.toDateString(e,t))}),u=(0,_vue.computed)(()=>{var e=a.value;let t=v.value;return e.map(e=>_xeUtils.default.toDateString(e,t)).join(", ")}),s=(0,_vue.computed)(()=>{var e=c.valueFormat;return e||"yyyy-MM-dd"}),h=(0,_vue.computed)(()=>{var e=m.selectValue,t=n.value,a=s.value;let l=null;return l=e&&t&&(t=U(e,a),_xeUtils.default.isValidDate(t))?t:l}),i=(0,_vue.computed)(()=>{var e=z.value,t=m.selectMonth;return!(!t||!e)&&t<=e}),d=(0,_vue.computed)(()=>{var e=$.value,t=m.selectMonth;return!(!t||!e)&&e<=t}),Q=(0,_vue.computed)(()=>{var e=h.value;return e?1e3*(3600*e.getHours()+60*e.getMinutes()+e.getSeconds()):0}),v=(0,_vue.computed)(()=>{var e=c.labelFormat,t=n.value,a=s.value;return t?e||a||getI18n("vxe.input.date.labelFormat."+c.type):null}),o=(0,_vue.computed)(()=>{var{selectMonth:e,currentDate:t}=m,a=p.yearSize,l=[];if(e&&t){var u=t.getFullYear(),t=e.getFullYear(),r=new Date(t-t%a,0,1);for(let e=-4;e<a+4;e++){var i=_xeUtils.default.getWhatYear(r,e,"first"),n=i.getFullYear();l.push({date:i,isCurrent:!0,isPrev:e<0,isNow:u===n,isNext:e>=a,year:n})}}return l}),B=(0,_vue.computed)(()=>{let a="",l="";if(n.value){var{datePanelType:u,selectMonth:r}=m,i=o.value;let e="",t;r&&(e=r.getFullYear(),t=r.getMonth()+1),"quarter"===u||"month"===u?a=""+e:"year"===u?a=i.length?i[0].year+" - "+i[i.length-1].year:"":(a=""+e,l=t?getI18n("vxe.calendar.monthLabel",[t]):"-")}return{y:getI18n("vxe.calendar.yearLabel",[a]),m:l}}),_=(0,_vue.computed)(()=>{var e=c.startDay;return _xeUtils.default.toNumber(e)}),x=(0,_vue.computed)(()=>{var a=[];if(n.value){let t=_.value;a.push(t);for(let e=0;e<6;e++)6<=t?t=0:t++,a.push(t)}return a}),f=(0,_vue.computed)(()=>n.value?x.value.map(e=>({value:e,label:getI18n("vxe.input.date.weeks.w"+e)})):[]),H=(0,_vue.computed)(()=>{var e;return n.value?(e=f.value,[{label:getI18n("vxe.input.date.weeks.w")}].concat(e)):[]}),g=(0,_vue.computed)(()=>{var e=o.value;return _xeUtils.default.chunk(e,4)}),w=(0,_vue.computed)(()=>{var{selectMonth:e,currentDate:t}=m,a=p.quarterSize,l=[];if(e&&t){var u=t.getFullYear(),r=(0,_util.getDateQuarter)(t),i=_xeUtils.default.getWhatYear(e,0,"first"),n=i.getFullYear();for(let e=-2;e<a-2;e++){var s=_xeUtils.default.getWhatQuarter(i,e),d=s.getFullYear(),v=(0,_util.getDateQuarter)(s),o=d<n;l.push({date:s,isPrev:o,isCurrent:d===n,isNow:d===u&&v===r,isNext:!o&&n<d,quarter:v})}}return l}),A=(0,_vue.computed)(()=>{var e=w.value;return _xeUtils.default.chunk(e,2)}),G=(0,_vue.computed)(()=>{var{selectMonth:t,currentDate:e}=m,a=p.monthSize,l=[];if(t&&e){var u=e.getFullYear(),r=e.getMonth(),i=_xeUtils.default.getWhatYear(t,0,"first").getFullYear();for(let e=-4;e<a-4;e++){var n=_xeUtils.default.getWhatYear(t,0,e),s=n.getFullYear(),d=n.getMonth(),v=s<i;l.push({date:n,isPrev:v,isCurrent:s===i,isNow:s===u&&d===r,isNext:!v&&i<s,month:d})}}return l}),J=(0,_vue.computed)(()=>{var e=G.value;return _xeUtils.default.chunk(e,4)}),K=(0,_vue.computed)(()=>{var{selectMonth:t,currentDate:e}=m,a=[];if(t&&e){var l=Q.value,u=x.value,r=e.getFullYear(),i=e.getMonth(),n=e.getDate(),s=t.getFullYear(),d=t.getMonth(),e=t.getDay(),u=-u.indexOf(e),v=new Date(_xeUtils.default.getWhatDay(t,u).getTime()+l);for(let e=0;e<42;e++){var o=_xeUtils.default.getWhatDay(v,e),c=o.getFullYear(),p=o.getMonth(),y=o.getDate(),h=o<t;a.push({date:o,isPrev:h,isCurrent:c===s&&p===d,isNow:c===r&&p===i&&y===n,isNext:!h&&d!==p,label:y})}}return a}),b=(0,_vue.computed)(()=>{var e=K.value;return _xeUtils.default.chunk(e,7)}),X=(0,_vue.computed)(()=>{var e=b.value;let a=_.value;return e.map(e=>{var t=e[0];return[{date:t.date,isWeekNumber:!0,isPrev:!1,isCurrent:!1,isNow:!1,isNext:!1,label:_xeUtils.default.getYearWeek(t.date,a)}].concat(e)})}),U=(e,t)=>_xeUtils.default.toStringDate(e,t),D=(e,t)=>{m.inputValue=e,l("update:modelValue",e),_xeUtils.default.toValueString(c.modelValue)!==e&&W("change",{value:e},t)},M=e=>{var t=c.type,a=v.value,l=s.value,u=_.value;let r=null,i="";e&&(r=U(e,l)),_xeUtils.default.isValidDate(r)?(i=_xeUtils.default.toDateString(r,a,{firstDay:u}),a&&"week"===t&&_xeUtils.default.getWhatWeek(r,0,u,u).getFullYear()<r.getFullYear()&&-1<(e=a.indexOf("yyyy"))&&(l=Number(i.substring(e,e+4)))&&!isNaN(l)&&(i=i.replace(""+l,""+(l-1)))):r=null,m.datePanelValue=r,m.datePanelLabel=i},Z=()=>{var e=n.value,t=m.inputValue;e&&(M(t),m.inputValue=c.multiple?u.value:m.datePanelLabel)},ee=()=>{n.value&&Z()},S=e=>{e=_xeUtils.default.getWhatMonth(e,0,"first");_xeUtils.default.isEqual(e,m.selectMonth)||(m.selectMonth=e)},P=e=>{var t,{modelValue:a,multiple:l}=c,u=s.value,r=_.value;"week"===c.type&&(t=_xeUtils.default.toNumber(c.selectDay),e=_xeUtils.default.getWhatWeek(e,0,t,r));let i=_xeUtils.default.toDateString(e,u,{firstDay:r});S(e),m.selectValue=e,l?(t=R.value).some(e=>_xeUtils.default.isEqual(e,i))?D(t.filter(e=>!_xeUtils.default.isEqual(e,i)).join(","),{type:"update"}):D(t.concat([i]).join(","),{type:"update"}):_xeUtils.default.isEqual(a,i)||D(i,{type:"update"})},te=(e,t)=>{m.selectMonth=_xeUtils.default.getWhatMonth(e,t,"first")},ae=()=>{var e=_xeUtils.default.getWhatDay(Date.now(),0,"first");m.currentDate=e,te(e,0)},le=()=>{m.datePanelType="year"},ue=e=>{let t=m.datePanelType;t="month"===t||"quarter"===t?"year":"month",m.datePanelType=t,V(e)},re=e=>{var t=c.type,{datePanelType:a,selectMonth:l}=m,u=p.yearSize;i.value||(m.selectMonth="year"===t?_xeUtils.default.getWhatYear(l,-u,"first"):"month"===t||"quarter"===t?"year"===a?_xeUtils.default.getWhatYear(l,-u,"first"):_xeUtils.default.getWhatYear(l,-1,"first"):"year"===a?_xeUtils.default.getWhatYear(l,-u,"first"):"month"===a?_xeUtils.default.getWhatYear(l,-1,"first"):_xeUtils.default.getWhatMonth(l,-1,"first"),W("date-prev",{type:t},e),V(e))},ie=e=>{ae(),c.multiple||P(m.currentDate),W("date-today",{type:c.type},e),V(e)},ne=e=>{var t=c.type,{datePanelType:a,selectMonth:l}=m,u=p.yearSize;d.value||(m.selectMonth="year"===t?_xeUtils.default.getWhatYear(l,u,"first"):"month"===t||"quarter"===t?"year"===a?_xeUtils.default.getWhatYear(l,u,"first"):_xeUtils.default.getWhatYear(l,1,"first"):"year"===a?_xeUtils.default.getWhatYear(l,u,"first"):"month"===a?_xeUtils.default.getWhatYear(l,1,"first"):_xeUtils.default.getWhatMonth(l,1,"first"),W("date-next",{type:t},e),V(e))},C=e=>{var t=c.disabledMethod,a=m.datePanelType;return t&&t({type:a,viewType:a,date:e.date,$calendar:y})},V=e=>{var t=m.datePanelType,a=g.value,l=A.value,u=J.value,r=X.value,i=b.value;let n=[],s=[];switch(t){case"year":s=a;break;case"quarter":s=l;break;case"month":s=u;break;case"week":s=r;break;case"day":s=i}s.forEach(e=>{e.forEach(e=>{n.push(e.date)})}),W("view-change",{viewType:t,viewDates:n},e)},se=e=>{var t=c.type,a=m.datePanelType;"month"===t?"year"===a?(m.datePanelType="month",S(e),V(null)):P(e):"year"===t?P(e):"quarter"===t?"year"===a?(m.datePanelType="quarter",S(e),V(null)):P(e):"month"===a?(m.datePanelType="week"===t?t:"day",S(e),V(null)):"year"===a?(m.datePanelType="month",S(e),V(null)):P(e)},k=(e,t)=>{var a=c.type,l=m.datePanelType,u=t.date;C(t)||(se(u),W("cell-click",{date:u,type:a,viewType:l},e))},T=(u,e)=>{let r=c.type,i=m.datePanelType;var t=c.menuConfig,a=L.value;if(t?(0,_utils.isEnableConf)(a):a.enabled){var{options:t,visibleMethod:a}=a;let l=e.date;a&&!a({$calendar:y,options:t,date:l,type:r,viewType:i})||_ui.VxeUI.contextMenu&&_ui.VxeUI.contextMenu.openByEvent(u,{options:t,events:{optionClick(e){var t=e.option,a=menus.get(t.code),a=a?a.calendarMenuMethod:null,t={menu:t,date:l,type:r,viewType:i,$event:u,$calendar:y};a&&a(t,u),W("menu-click",t,e.$event)}}})}W("cell-menu",{date:e.date,type:r,viewType:i},u)},de=t=>{C({date:t})||(K.value.some(e=>_xeUtils.default.isDateSame(e.date,t,"yyyyMMdd"))||S(t),M(t))},ve=t=>{C({date:t})||(o.value.some(e=>_xeUtils.default.isDateSame(e.date,t,"yyyy"))||S(t),M(t))},oe=t=>{C({date:t})||(w.value.some(e=>_xeUtils.default.isDateSame(e.date,t,"yyyyq"))||S(t),M(t))},ce=t=>{C({date:t})||(G.value.some(e=>_xeUtils.default.isDateSame(e.date,t,"yyyyMM"))||S(t),M(t))},N=e=>{var t;C(e)||(t=m.datePanelType,("month"===t?ce:"quarter"===t?oe:"year"===t?ve:de)(e.date))},q=()=>{m.datePanelValue=null},pe=()=>{},ye=()=>{var e=c.type,t=h.value;-1<["year","quarter","month","week"].indexOf(e)?m.datePanelType=e:m.datePanelType="day",m.currentDate=_xeUtils.default.getWhatDay(Date.now(),0,"first"),t?(te(t,0),M(t)):ae()},Y=(e,t)=>{var a,l=c.festivalMethod;return l?(a=m.datePanelType,e=(a=(l=l({type:a,viewType:a,date:e.date,$calendar:y}))?_xeUtils.default.isString(l)?{label:l}:l:{}).extra?_xeUtils.default.isString(a.extra)?{label:a.extra}:a.extra:null,l=[(0,_vue.h)("span",{class:["vxe-calendar--label",{"is-notice":a.notice}]},e&&e.label?[(0,_vue.h)("span",{class:"vxe-calendar--label--number"},""+(t||"")),(0,_vue.h)("span",{class:["vxe-calendar--label--extra",e.important?"is-important":"",e.className],style:e.style},_xeUtils.default.toValueString(e.label))]:[""+(t||"")])],(e=a.label)&&(e=_xeUtils.default.toValueString(e).split(","),l.push((0,_vue.h)("span",{class:["vxe-calendar--festival",a.important?"is-important":"",a.className],style:a.style},[1<e.length?(0,_vue.h)("span",{class:["vxe-calendar--festival--overlap","overlap--"+e.length]},e.map(e=>(0,_vue.h)("span",e.substring(0,3)))):(0,_vue.h)("span",{class:"vxe-calendar--festival--label"},e[0].substring(0,3))]))),l):""+(t||"")},he=()=>{let{multiple:l,cellStyle:u}=c,{datePanelType:r,datePanelValue:i}=m,n=h.value,t=f.value,e=b.value,s=a.value,d="yyyyMMdd";return[(0,_vue.h)("div",{class:["vxe-calendar--view-wrapper","type--"+r]},[(0,_vue.h)("div",{class:"vxe-calendar--view-header",style:{height:100/(e.length+1)+"%"}},[(0,_vue.h)("div",{class:"vxe-calendar--view-row"},t.map(e=>(0,_vue.h)("div",{class:"vxe-calendar--view-item",style:{width:100/t.length+"%"}},[(0,_vue.h)("div",{class:"vxe-calendar--view-item-inner"},[(0,_vue.h)("div",{class:"vxe-calendar--view-item-label"},e.label)])])))]),(0,_vue.h)("div",{class:"vxe-calendar--view-body"},e.map(a=>(0,_vue.h)("div",{class:"vxe-calendar--view-row",style:{height:100/e.length+"%"}},a.map(t=>{var e=l?s.some(e=>_xeUtils.default.isDateSame(e,t.date,d)):_xeUtils.default.isDateSame(n,t.date,d);return(0,_vue.h)("div",{class:["vxe-calendar--view-item",{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--disabled":C(t),"is--selected":e,"is--hover":_xeUtils.default.isDateSame(i,t.date,d)}],style:Object.assign({},_xeUtils.default.isFunction(u)?u({type:r,viewType:r,date:t.date,$calendar:y}):u,{width:100/a.length+"%"}),onClick:e=>k(e,t),onContextmenu:e=>T(e,t),onMouseenter:()=>N(t),onMouseleave:q},[(0,_vue.h)("div",{class:"vxe-calendar--view-item-inner"},Y(t,t.label))])}))))])]},me=()=>{let{multiple:t,cellStyle:r}=c,{datePanelType:i,datePanelValue:n}=m,s=h.value;var e=H.value;let d=X.value,v=a.value,o="yyyyMMdd";return[(0,_vue.h)("div",{class:["vxe-calendar--view-wrapper","type--"+i]},[(0,_vue.h)("div",{class:"vxe-calendar--view-header",style:{height:100/(d.length+1)+"%"}},[(0,_vue.h)("div",{class:"vxe-calendar--view-row"},e.map((e,t)=>(0,_vue.h)("div",{class:"vxe-calendar--view-item",style:{width:`${t?13:9}%`}},[(0,_vue.h)("div",{class:"vxe-calendar--view-item-inner"},[(0,_vue.h)("div",{class:"vxe-calendar--view-item-label"},e.label)])])))]),(0,_vue.h)("div",{class:"vxe-calendar--view-body"},d.map(e=>{let a=t?e.some(t=>v.some(e=>_xeUtils.default.isDateSame(e,t.date,o))):e.some(e=>_xeUtils.default.isDateSame(s,e.date,o)),l=e.some(e=>_xeUtils.default.isDateSame(n,e.date,o)),u=e.some(e=>e.isNow);return(0,_vue.h)("div",{class:"vxe-calendar--view-row",style:{height:100/d.length+"%"}},e.map((t,e)=>(0,_vue.h)("div",{class:["vxe-calendar--view-item",{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":e?t.isNow:u,"is--next":t.isNext,"is--disabled":C(t),"is--selected":a,"is--hover":l}],style:Object.assign({},_xeUtils.default.isFunction(r)?r({type:i,viewType:i,date:t.date,$calendar:y}):r,{width:`${e?13:9}%`}),onClick:e=>k(e,t),onContextmenu:e=>T(e,t),onMouseenter:()=>N(t),onMouseleave:q},[(0,_vue.h)("div",{class:"vxe-calendar--view-item-inner"},Y(t,t.label))])))}))])]},_e=()=>{let{multiple:l,cellStyle:u}=c,{datePanelType:r,datePanelValue:i}=m,n=h.value,e=J.value,s=a.value,d="yyyyMM";return[(0,_vue.h)("div",{class:["vxe-calendar--view-wrapper","type--"+r]},[(0,_vue.h)("div",{class:"vxe-calendar--view-body"},e.map(a=>(0,_vue.h)("div",{class:"vxe-calendar--view-row",style:{height:100/e.length+"%"}},a.map(t=>{var e=l?s.some(e=>_xeUtils.default.isDateSame(e,t.date,d)):_xeUtils.default.isDateSame(n,t.date,d);return(0,_vue.h)("div",{class:["vxe-calendar--view-item",{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--disabled":C(t),"is--selected":e,"is--hover":_xeUtils.default.isDateSame(i,t.date,d)}],style:Object.assign({},_xeUtils.default.isFunction(u)?u({type:r,viewType:r,date:t.date,$calendar:y}):u,{width:100/a.length+"%"}),onClick:e=>k(e,t),onContextmenu:e=>T(e,t),onMouseenter:()=>N(t),onMouseleave:q},[(0,_vue.h)("div",{class:"vxe-calendar--view-item-inner"},Y(t,getI18n("vxe.input.date.months.m"+t.month)))])}))))])]},xe=()=>{let{multiple:l,cellStyle:u}=c,{datePanelType:r,datePanelValue:i}=m,n=h.value,e=A.value,s=a.value,d="yyyyq";return[(0,_vue.h)("div",{class:["vxe-calendar--view-wrapper","type--"+r]},[(0,_vue.h)("div",{class:"vxe-calendar--view-body"},e.map(a=>(0,_vue.h)("div",{class:"vxe-calendar--view-row",style:{height:100/e.length+"%"}},a.map(t=>{var e=l?s.some(e=>_xeUtils.default.isDateSame(e,t.date,d)):_xeUtils.default.isDateSame(n,t.date,d);return(0,_vue.h)("div",{class:["vxe-calendar--view-item",{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--disabled":C(t),"is--selected":e,"is--hover":_xeUtils.default.isDateSame(i,t.date,d)}],style:Object.assign({},_xeUtils.default.isFunction(u)?u({type:r,viewType:r,date:t.date,$calendar:y}):u,{width:100/a.length+"%"}),onClick:e=>k(e,t),onContextmenu:e=>T(e,t),onMouseenter:()=>N(t),onMouseleave:q},[(0,_vue.h)("div",{class:"vxe-calendar--view-item-inner"},Y(t,getI18n("vxe.input.date.quarters.q"+t.quarter)))])}))))])]},fe=()=>{let{multiple:l,cellStyle:u}=c,{datePanelType:r,datePanelValue:i}=m,n=h.value,e=g.value,s=a.value,d="yyyy";return[(0,_vue.h)("div",{class:["vxe-calendar--view-wrapper","type--"+r]},[(0,_vue.h)("div",{class:"vxe-calendar--view-body"},e.map(a=>(0,_vue.h)("div",{class:"vxe-calendar--view-row",style:{height:100/e.length+"%"}},a.map(t=>{var e=l?s.some(e=>_xeUtils.default.isDateSame(e,t.date,d)):_xeUtils.default.isDateSame(n,t.date,d);return(0,_vue.h)("div",{class:["vxe-calendar--view-item",{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--disabled":C(t),"is--selected":e,"is--hover":_xeUtils.default.isDateSame(i,t.date,d)}],style:Object.assign({},_xeUtils.default.isFunction(u)?u({type:r,viewType:r,date:t.date,$calendar:y}):u,{width:100/a.length+"%"}),onClick:e=>k(e,t),onContextmenu:e=>T(e,t),onMouseenter:()=>N(t),onMouseleave:q},[(0,_vue.h)("div",{class:"vxe-calendar--view-item-inner"},Y(t,t.year))])}))))])]},ge=()=>{var e=m.datePanelType;switch(e){case"week":return me();case"month":return _e();case"quarter":return xe();case"year":return fe()}return he()},W=(e,t,a)=>{l(e,(0,_ui.createEvent)(a,{$input:y},t))};t={dispatchEvent:W};Object.assign(y,t);return y.renderVN=()=>{var{className:e,type:t}=c,a=F.value,l=j.value,u=I.value;return(0,_vue.h)("div",{ref:r,class:["vxe-calendar","type--"+t,e,{["size--"+a]:a,"is--disabled":l}],style:u},[(t=c.multiple,e=m.datePanelType,a=i.value,l=d.value,u=B.value,[(0,_vue.h)("div",{class:"vxe-calendar--header"},[(0,_vue.h)("div",{class:"vxe-calendar--type-wrapper"},["year"===e?(0,_vue.h)(_button.default,{class:"vxe-calendar--date-picker-label",disabled:"year"===e,content:u.y}):(0,_vue.h)("span",{class:"vxe-calendar--date-picker-btns"},[(0,_vue.h)(_button.default,{class:"vxe-calendar--date-picker-btn",content:u.y,onClick:le}),u.m?(0,_vue.h)(_button.default,{class:"vxe-calendar--date-picker-btn",content:u.m,onClick:ue}):(0,_ui.renderEmptyElement)(y)])]),(0,_vue.h)("div",{class:"vxe-calendar--btn-wrapper"},[(0,_vue.h)(_button.default,{disabled:a,icon:"vxe-icon-caret-left",onClick:re}),(0,_vue.h)(_button.default,{icon:"vxe-icon-dot",onClick:ie}),(0,_vue.h)(_button.default,{disabled:l,icon:"vxe-icon-caret-right",onClick:ne}),t&&E.value?(0,_vue.h)("span",{class:"vxe-calendar--btn vxe-calendar--confirm-btn"},[(0,_vue.h)("button",{class:"vxe-calendar--confirm",type:"button",onClick:pe},getI18n("vxe.button.confirm"))]):null])]),(0,_vue.h)("div",{class:"vxe-calendar--body"},ge())])])},(0,_vue.watch)(()=>c.modelValue,e=>{m.inputValue=e,Z()}),(0,_vue.watch)(()=>c.type,()=>{Object.assign(m,{selectValue:null,inputValue:null,datePanelValue:null,datePanelLabel:"",datePanelType:"day",selectMonth:null,currentDate:null}),ee(),ye()}),(0,_vue.watch)(v,()=>{n.value&&(M(m.datePanelValue),m.inputValue=c.multiple?u.value:m.datePanelLabel)}),(0,_vue.onMounted)(()=>{var e=c.menuConfig,t=_ui.VxeUI.getComponent("VxeContextMenu");e&&!t&&errLog("vxe.error.reqComp",["vxe-context-menu"]),ye()}),ee(),y},render(){return this.renderVN()}});
@@ -10,7 +10,6 @@ var _ui = require("../../ui");
10
10
  var _dom = require("../../ui/src/dom");
11
11
  var _utils = require("../../ui/src/utils");
12
12
  var _util = require("./util");
13
- var _log = require("../../ui/src/log");
14
13
  var _xeUtils = _interopRequireDefault(require("xe-utils"));
15
14
  var _list = _interopRequireDefault(require("../../list/src/list"));
16
15
  var _input = _interopRequireDefault(require("../../input/src/input"));
@@ -656,9 +655,6 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
656
655
  return internalData.afterVisibleList;
657
656
  };
658
657
  const handleData = force => {
659
- const {
660
- nodeMaps
661
- } = internalData;
662
658
  let fullList = internalData.afterVisibleList;
663
659
  if (force) {
664
660
  // 更新数据,处理筛选和排序
@@ -667,16 +663,60 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
667
663
  fullList = handleTreeToList();
668
664
  }
669
665
  const treeList = fullList.slice(0);
670
- treeList.forEach((item, $index) => {
671
- const nodeid = getNodeId(item);
672
- const itemRest = nodeMaps[nodeid];
673
- if (itemRest) {
674
- itemRest.$index = $index;
675
- }
676
- });
677
666
  reactData.treeList = treeList;
678
667
  };
679
- const triggerSearchEvent = _xeUtils.default.debounce(() => handleData(true), 350, {
668
+ /**
669
+ * 获取第一个拥有子节点的节点
670
+ */
671
+ function handleHasChildNodeIds(treeList, type) {
672
+ const childrenField = computeChildrenField.value;
673
+ const mapChildrenField = computeMapChildrenField.value;
674
+ const treeOpts = computeTreeOpts.value;
675
+ const {
676
+ transform
677
+ } = treeOpts;
678
+ const childField = transform ? mapChildrenField : childrenField;
679
+ const nodeIds = [];
680
+ let currList = treeList;
681
+ while (currList.length) {
682
+ let targetNode = null;
683
+ for (const item of currList) {
684
+ const kids = item[childField];
685
+ if (_xeUtils.default.isArray(kids) && kids.length > 0) {
686
+ targetNode = item;
687
+ break;
688
+ }
689
+ }
690
+ if (targetNode) {
691
+ nodeIds.push(getNodeId(targetNode));
692
+ currList = targetNode[childField];
693
+ } else {
694
+ const endNode = _xeUtils.default[type](currList);
695
+ nodeIds.push(getNodeId(endNode));
696
+ break;
697
+ }
698
+ }
699
+ return nodeIds;
700
+ }
701
+ const triggerSearchEvent = _xeUtils.default.debounce(() => {
702
+ handleData(true);
703
+ updateModelChecked();
704
+ const filterOpts = computeFilterOpts.value;
705
+ const {
706
+ autoExpandMode
707
+ } = filterOpts;
708
+ const {
709
+ afterTreeList
710
+ } = internalData;
711
+ // 默认展开第
712
+ if (autoExpandMode === 'first' || autoExpandMode === 'last') {
713
+ const stItems = handleHasChildNodeIds(afterTreeList, autoExpandMode);
714
+ reactData.currentItems = stItems;
715
+ } else {
716
+ handleCurrentItems();
717
+ }
718
+ updateCurrentChunk();
719
+ }, 350, {
680
720
  trailing: true
681
721
  });
682
722
  const loadData = list => {
@@ -711,18 +751,23 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
711
751
  currentItems
712
752
  } = reactData;
713
753
  const {
714
- treeFullData
754
+ afterTreeList
715
755
  } = internalData;
716
756
  const childrenField = computeChildrenField.value;
717
- const currentCunkList = [treeFullData];
757
+ const mapChildrenField = computeMapChildrenField.value;
758
+ const treeOpts = computeTreeOpts.value;
759
+ const {
760
+ transform
761
+ } = treeOpts;
762
+ const currentCunkList = [afterTreeList];
718
763
  if (currentItems.length) {
719
764
  let chunkIndex = 0;
720
765
  let stNodeid = currentItems[chunkIndex];
721
- let optList = treeFullData;
766
+ let optList = afterTreeList;
722
767
  while (stNodeid && optList && optList.length) {
723
768
  stNodeid = currentItems[chunkIndex++];
724
769
  const currOption = optList.find(item => stNodeid === getNodeId(item));
725
- optList = currOption ? currOption[childrenField] : [];
770
+ optList = currOption ? currOption[transform ? mapChildrenField : childrenField] : [];
726
771
  if (!optList || !optList.length) {
727
772
  break;
728
773
  }
@@ -733,7 +778,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
733
778
  };
734
779
  const handleCurrentItems = () => {
735
780
  const {
736
- treeFullData
781
+ afterTreeList
737
782
  } = internalData;
738
783
  const selectVals = computeSelectVals.value;
739
784
  const childrenField = computeChildrenField.value;
@@ -746,7 +791,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
746
791
  const expandedMaps = {};
747
792
  if (selectVals.length) {
748
793
  const lastVal = (0, _util.enNodeValue)(_xeUtils.default.last(selectVals));
749
- const stRest = _xeUtils.default.findTree(treeFullData, item => lastVal === getNodeId(item), {
794
+ const stRest = _xeUtils.default.findTree(afterTreeList, item => lastVal === getNodeId(item), {
750
795
  children: transform ? mapChildrenField : childrenField
751
796
  });
752
797
  if (stRest) {
@@ -876,10 +921,11 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
876
921
  };
877
922
  });
878
923
  };
879
- const clearCheckboxNode = () => {
924
+ const clearSelectedNode = () => {
880
925
  internalData.indeterminateRowMaps = {};
881
926
  internalData.selectCheckboxMaps = {};
882
927
  reactData.updateCheckboxFlag++;
928
+ reactData.selectRadioKey = null;
883
929
  updateCheckboxStatus();
884
930
  return (0, _vue.nextTick)().then(() => {
885
931
  return {
@@ -945,7 +991,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
945
991
  checkedClosable
946
992
  } = props;
947
993
  const value = multiple ? [] : null;
948
- clearCheckboxNode().then(() => {
994
+ clearSelectedNode().then(() => {
949
995
  if (checkedClosable) {
950
996
  hideOptionPanel($event);
951
997
  }
@@ -1044,12 +1090,17 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
1044
1090
  } = internalData;
1045
1091
  const radioOpts = computeRadioOpts.value;
1046
1092
  const childrenField = computeChildrenField.value;
1093
+ const treeOpts = computeTreeOpts.value;
1094
+ const {
1095
+ transform
1096
+ } = treeOpts;
1097
+ const mapChildrenField = computeMapChildrenField.value;
1047
1098
  const {
1048
1099
  checkMode,
1049
1100
  checkMethod
1050
1101
  } = radioOpts;
1051
1102
  const nodeid = getNodeId(node);
1052
- const childList = node[childrenField];
1103
+ const childList = node[transform ? mapChildrenField : childrenField];
1053
1104
  const isExistChild = childList && childList.length > 0;
1054
1105
  const nodeItem = nodeMaps[nodeid] || {};
1055
1106
  const nLevel = nodeItem.level;
@@ -1262,7 +1313,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
1262
1313
  const childRowList = [];
1263
1314
  _xeUtils.default.eachTree(afterTreeList, node => {
1264
1315
  const nodeid = getNodeId(node);
1265
- const childList = node[childrenField];
1316
+ const childList = node[transform ? mapChildrenField : childrenField];
1266
1317
  if (childList && childList.length && !childRowMaps[nodeid]) {
1267
1318
  childRowMaps[nodeid] = 1;
1268
1319
  childRowList.unshift([node, nodeid, childList]);
@@ -1368,7 +1419,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
1368
1419
  transform
1369
1420
  } = treeOpts;
1370
1421
  const nodeid = getNodeId(node);
1371
- const childList = node[childrenField];
1422
+ const childList = node[transform ? mapChildrenField : childrenField];
1372
1423
  const isExistChild = childList && childList.length > 0;
1373
1424
  const nodeItem = nodeMaps[nodeid] || {};
1374
1425
  const nLevel = nodeItem.level;
@@ -1681,14 +1732,16 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
1681
1732
  const treeOpts = computeTreeOpts.value;
1682
1733
  const {
1683
1734
  lazy,
1735
+ transform,
1684
1736
  iconLoaded,
1685
1737
  iconOpen,
1686
1738
  iconClose
1687
1739
  } = treeOpts;
1688
1740
  const childrenField = computeChildrenField.value;
1741
+ const mapChildrenField = computeMapChildrenField.value;
1689
1742
  const labelField = computeLabelField.value;
1690
1743
  const hasChildField = computeHasChildField.value;
1691
- const childList = node[childrenField];
1744
+ const childList = node[transform ? mapChildrenField : childrenField];
1692
1745
  const isExistChild = childList && childList.length > 0;
1693
1746
  const iconSlot = slots.icon;
1694
1747
  const titleSlot = slots.title;
@@ -1859,7 +1912,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
1859
1912
  class: 'vxe-tree-select--panel-header'
1860
1913
  }, headerSlot ? headerSlot({}) : [(0, _vue.h)('div', {
1861
1914
  class: 'vxe-tree-select--header-button'
1862
- }, [showCheckedButton && showClearButton ? (0, _vue.h)('div', {
1915
+ }, [showCheckedButton && multiple || showClearButton ? (0, _vue.h)('div', {
1863
1916
  class: 'vxe-tree-select--selected-btns'
1864
1917
  }, [showCheckedButton && multiple ? (0, _vue.h)(_button.default, {
1865
1918
  content: (0, _ui.getI18n)('vxe.treeSelect.allChecked'),
@@ -1892,13 +1945,13 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
1892
1945
  });
1893
1946
  }
1894
1947
  })]);
1895
- })])]), footerSlot || showTotalButton || showCloseButton && multiple ? (0, _vue.h)('div', {
1948
+ })])]), footerSlot || showTotalButton || showCloseButton ? (0, _vue.h)('div', {
1896
1949
  class: 'vxe-cascader--panel-footer'
1897
1950
  }, footerSlot ? footerSlot({}) : [(0, _vue.h)('div', {
1898
1951
  class: 'vxe-cascader--footer-button'
1899
1952
  }, [showTotalButton ? (0, _vue.h)('div', {
1900
1953
  class: 'vxe-cascader--total-btns'
1901
- }, (0, _ui.getI18n)('vxe.treeSelect.total', [selectVals.length])) : (0, _ui.renderEmptyElement)($xeCascader), showCloseButton && multiple ? (0, _vue.h)('div', {
1954
+ }, (0, _ui.getI18n)('vxe.treeSelect.total', [selectVals.length])) : (0, _ui.renderEmptyElement)($xeCascader), showCloseButton ? (0, _vue.h)('div', {
1902
1955
  class: 'vxe-cascader--oper-btns'
1903
1956
  }, [(0, _vue.h)(_button.default, {
1904
1957
  content: (0, _ui.getI18n)('vxe.select.close'),
@@ -1928,9 +1981,6 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
1928
1981
  });
1929
1982
  loadData(props.options || []);
1930
1983
  (0, _vue.onMounted)(() => {
1931
- if (props.filterable) {
1932
- (0, _log.errLog)('vxe.error.notProp', ['filterable']);
1933
- }
1934
1984
  _ui.globalEvents.on($xeCascader, 'mousewheel', handleGlobalMousewheelEvent);
1935
1985
  _ui.globalEvents.on($xeCascader, 'mousedown', handleGlobalMousedownEvent);
1936
1986
  _ui.globalEvents.on($xeCascader, 'blur', handleGlobalBlurEvent);