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.
- package/dist/all.esm.js +866 -257
- package/es/backtop/src/backtop.js +2 -1
- package/es/button/src/button.js +3 -2
- package/es/calendar/src/calendar.js +2 -1
- package/es/cascader/src/cascader.js +72 -29
- package/es/checkbox/src/group.js +5 -1
- package/es/date-panel/src/util.js +27 -16
- package/es/date-picker/src/date-picker.js +572 -74
- package/es/date-range-picker/src/date-range-picker.js +3 -2
- package/es/drawer/src/drawer.js +2 -0
- package/es/form/render/index.js +3 -2
- package/es/form/src/form.js +6 -5
- package/es/form/src/itemInfo.js +6 -5
- package/es/input/src/input.js +2 -1
- package/es/menu/src/menu.js +2 -1
- package/es/modal/src/modal.js +5 -2
- package/es/pager/src/pager.js +4 -3
- package/es/radio/src/group.js +5 -1
- package/es/select/src/select.js +25 -20
- package/es/splitter/src/splitter.js +7 -6
- package/es/table-select/src/table-select.js +21 -16
- package/es/tabs/src/tabs.js +4 -3
- package/es/textarea/src/textarea.js +2 -1
- package/es/tree/src/tree.js +3 -2
- package/es/tree-select/src/tree-select.js +16 -19
- package/es/ui/index.js +4 -1
- package/es/ui/src/log.js +14 -4
- package/es/upload/src/upload.js +12 -3
- package/lib/backtop/src/backtop.js +5 -2
- package/lib/backtop/src/backtop.min.js +1 -1
- package/lib/button/src/button.js +4 -1
- package/lib/button/src/button.min.js +1 -1
- package/lib/calendar/src/calendar.js +4 -1
- package/lib/calendar/src/calendar.min.js +1 -1
- package/lib/cascader/src/cascader.js +80 -30
- package/lib/cascader/src/cascader.min.js +1 -1
- package/lib/checkbox/src/group.js +5 -1
- package/lib/checkbox/src/group.min.js +1 -1
- package/lib/date-panel/src/util.js +37 -19
- package/lib/date-panel/src/util.min.js +1 -1
- package/lib/date-picker/src/date-picker.js +620 -77
- package/lib/date-picker/src/date-picker.min.js +1 -1
- package/lib/date-range-picker/src/date-range-picker.js +4 -1
- package/lib/date-range-picker/src/date-range-picker.min.js +1 -1
- package/lib/drawer/src/drawer.js +2 -0
- package/lib/drawer/src/drawer.min.js +1 -1
- package/lib/form/render/index.js +4 -1
- package/lib/form/render/index.min.js +1 -1
- package/lib/form/src/form.js +8 -4
- package/lib/form/src/form.min.js +1 -1
- package/lib/form/src/itemInfo.js +7 -4
- package/lib/form/src/itemInfo.min.js +1 -1
- package/lib/index.umd.js +941 -215
- package/lib/index.umd.min.js +1 -1
- package/lib/input/src/input.js +6 -3
- package/lib/input/src/input.min.js +1 -1
- package/lib/menu/src/menu.js +4 -1
- package/lib/menu/src/menu.min.js +1 -1
- package/lib/modal/src/modal.js +8 -2
- package/lib/modal/src/modal.min.js +1 -1
- package/lib/pager/src/pager.js +6 -2
- package/lib/pager/src/pager.min.js +1 -1
- package/lib/radio/src/group.js +5 -1
- package/lib/radio/src/group.min.js +1 -1
- package/lib/select/src/select.js +27 -20
- package/lib/select/src/select.min.js +1 -1
- package/lib/splitter/src/splitter.js +12 -8
- package/lib/splitter/src/splitter.min.js +1 -1
- package/lib/table-select/src/table-select.js +22 -15
- package/lib/table-select/src/table-select.min.js +1 -1
- package/lib/tabs/src/tabs.js +7 -3
- package/lib/tabs/src/tabs.min.js +1 -1
- package/lib/textarea/src/textarea.js +4 -1
- package/lib/textarea/src/textarea.min.js +1 -1
- package/lib/tree/src/tree.js +7 -4
- package/lib/tree/src/tree.min.js +1 -1
- package/lib/tree-select/src/tree-select.js +14 -10
- package/lib/tree-select/src/tree-select.min.js +1 -1
- package/lib/ui/index.js +4 -1
- package/lib/ui/index.min.js +1 -1
- package/lib/ui/src/log.js +16 -3
- package/lib/ui/src/log.min.js +1 -1
- package/lib/upload/src/upload.js +20 -3
- package/lib/upload/src/upload.min.js +1 -1
- package/package.json +1 -1
- package/packages/backtop/src/backtop.ts +3 -1
- package/packages/button/src/button.ts +4 -2
- package/packages/calendar/src/calendar.ts +3 -1
- package/packages/cascader/src/cascader.ts +71 -29
- package/packages/checkbox/src/group.ts +6 -2
- package/packages/date-panel/src/util.ts +28 -16
- package/packages/date-picker/src/date-picker.ts +583 -75
- package/packages/date-range-picker/src/date-range-picker.ts +4 -2
- package/packages/drawer/src/drawer.ts +2 -0
- package/packages/form/render/index.ts +4 -2
- package/packages/form/src/form.ts +7 -5
- package/packages/form/src/itemInfo.ts +7 -5
- package/packages/input/src/input.ts +3 -1
- package/packages/menu/src/menu.ts +3 -1
- package/packages/modal/src/modal.ts +6 -2
- package/packages/pager/src/pager.ts +5 -3
- package/packages/radio/src/group.ts +6 -2
- package/packages/select/src/select.ts +29 -22
- package/packages/splitter/src/splitter.ts +8 -6
- package/packages/table-select/src/table-select.ts +24 -17
- package/packages/tabs/src/tabs.ts +5 -3
- package/packages/textarea/src/textarea.ts +3 -1
- package/packages/tree/src/tree.ts +4 -2
- package/packages/tree-select/src/tree-select.ts +17 -19
- package/packages/ui/index.ts +3 -0
- package/packages/ui/src/log.ts +16 -4
- package/packages/upload/src/upload.ts +14 -3
- package/types/components/cascader.d.ts +4 -0
- package/types/components/date-picker.d.ts +14 -6
- package/types/components/drawer.d.ts +2 -0
- package/types/components/modal.d.ts +2 -0
- package/types/components/upload.d.ts +28 -1
- /package/es/icon/{iconfont.1781753592499.ttf → iconfont.1781876596706.ttf} +0 -0
- /package/es/icon/{iconfont.1781753592499.woff → iconfont.1781876596706.woff} +0 -0
- /package/es/icon/{iconfont.1781753592499.woff2 → iconfont.1781876596706.woff2} +0 -0
- /package/es/{iconfont.1781753592499.ttf → iconfont.1781876596706.ttf} +0 -0
- /package/es/{iconfont.1781753592499.woff → iconfont.1781876596706.woff} +0 -0
- /package/es/{iconfont.1781753592499.woff2 → iconfont.1781876596706.woff2} +0 -0
- /package/lib/icon/style/{iconfont.1781753592499.ttf → iconfont.1781876596706.ttf} +0 -0
- /package/lib/icon/style/{iconfont.1781753592499.woff → iconfont.1781876596706.woff} +0 -0
- /package/lib/icon/style/{iconfont.1781753592499.woff2 → iconfont.1781876596706.woff2} +0 -0
- /package/lib/{iconfont.1781753592499.ttf → iconfont.1781876596706.ttf} +0 -0
- /package/lib/{iconfont.1781753592499.woff → iconfont.1781876596706.woff} +0 -0
- /package/lib/{iconfont.1781753592499.woff2 → iconfont.1781876596706.woff2} +0 -0
package/es/upload/src/upload.js
CHANGED
|
@@ -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 {
|
|
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', ['
|
|
1806
|
+
errLog('vxe.error.errConflicts', ['multiple', 'single-mode']);
|
|
1798
1807
|
}
|
|
1799
1808
|
if (props.imageStyle) {
|
|
1800
|
-
warnLog('vxe.error.delProp', ['
|
|
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
|
-
|
|
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
|
-
|
|
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(
|
|
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()}});
|
package/lib/button/src/button.js
CHANGED
|
@@ -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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
754
|
+
afterTreeList
|
|
715
755
|
} = internalData;
|
|
716
756
|
const childrenField = computeChildrenField.value;
|
|
717
|
-
const
|
|
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 =
|
|
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
|
-
|
|
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(
|
|
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
|
|
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
|
-
|
|
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
|
|
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
|
|
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);
|