`
}]
});
}
};
const handleDownloadEvent = (evnt, imgUrl) => {
dispatchEvent('download', {
url: imgUrl
}, evnt);
};
const handleDefaultDownload = (evnt, imgUrl) => {
if (index_esm_VxeUI.saveFile) {
fetch(imgUrl).then(res => {
return res.blob().then(blob => {
index_esm_VxeUI.saveFile({
filename: imgUrl,
content: blob
});
handleDownloadEvent(evnt, imgUrl);
});
}).catch(() => {
if (index_esm_VxeUI.modal) {
index_esm_VxeUI.modal.message({
content: getI18n('vxe.error.downErr'),
status: 'error'
});
}
});
}
};
const handleDownloadImg = evnt => {
const {
activeIndex
} = reactData;
const toolbarOpts = computeToolbarOpts.value;
const btnConf = toolbarOpts.download;
const btnOpts = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isBoolean(btnConf) ? {} : btnConf ? Object.assign({}, btnConf) : {};
const imgList = computeImgList.value;
const imgUrl = imgList[activeIndex || 0];
const beforeDownloadFn = props.beforeDownloadMethod || btnOpts.beforeDownloadMethod || getConfig().imagePreview.beforeDownloadMethod;
const downloadFn = props.downloadMethod || btnOpts.downloadMethod || getConfig().imagePreview.downloadMethod;
Promise.resolve(beforeDownloadFn ? beforeDownloadFn({
$imagePreview: $xeImagePreview,
url: imgUrl,
index: activeIndex || 0
}) : true).then(status => {
if (status) {
if (downloadFn) {
Promise.resolve(downloadFn({
$imagePreview: $xeImagePreview,
url: imgUrl,
index: activeIndex || 0
})).then(() => {
handleDownloadEvent(evnt, imgUrl);
}).catch(e => e);
} else {
handleDefaultDownload(evnt, imgUrl);
}
}
});
};
const handleOperationBtn = (evnt, code) => {
const {
activeIndex
} = reactData;
const imgList = computeImgList.value;
const imgUrl = imgList[activeIndex || 0];
if (imgUrl) {
switch (code) {
case 'zoomOut':
handleZoom(false);
break;
case 'zoomIn':
handleZoom(true);
break;
case 'pctFull':
resetStyle();
break;
case 'pct11':
handlePct11();
break;
case 'rotateLeft':
handleRotateImgEvent(evnt, false);
break;
case 'rotateRight':
handleRotateImgEvent(evnt, true);
break;
case 'print':
handlePrintImg();
break;
case 'download':
handleDownloadImg(evnt);
break;
}
}
};
const wheelEvent = evnt => {
const delta = evnt.deltaY;
if (delta > 0) {
evnt.preventDefault();
handleZoom(false);
} else if (delta < 0) {
evnt.preventDefault();
handleZoom(true);
}
};
const moveEvent = evnt => {
const {
offsetTop,
offsetLeft
} = reactData;
const elem = refElem.value;
evnt.preventDefault();
const domMousemove = document.onmousemove;
const domMouseup = document.onmouseup;
const startX = evnt.pageX;
const startY = evnt.pageY;
const marginSize = computeMarginSize.value;
document.onmousemove = et => {
const {
pageX,
pageY
} = et;
const {
visibleHeight,
visibleWidth
} = getDomNode();
et.preventDefault();
addClass(elem, 'is--move');
// 限制边界值
if (pageX > marginSize && pageY > marginSize && pageX < visibleWidth - marginSize && pageY < visibleHeight - marginSize) {
reactData.offsetLeft = offsetLeft + pageX - startX;
reactData.offsetTop = offsetTop + pageY - startY;
}
};
document.onmouseup = () => {
document.onmousemove = domMousemove;
document.onmouseup = domMouseup;
removeClass(elem, 'is--move');
};
};
const handleGlobalKeydownEvent = evnt => {
const isControlKey = hasControlKey(evnt);
const hasShiftKey = evnt.shiftKey;
const isUpArrow = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ARROW_UP);
const isDownArrow = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ARROW_DOWN);
const isLeftArrow = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ARROW_LEFT);
const isRightArrow = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ARROW_RIGHT);
const isR = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.R);
const isP = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.P);
if (isUpArrow) {
evnt.preventDefault();
if (hasShiftKey) {
reactData.offsetTop -= 1;
} else {
handleZoom(true);
}
} else if (isDownArrow) {
evnt.preventDefault();
if (hasShiftKey) {
reactData.offsetTop += 1;
} else {
handleZoom(false);
}
} else if (isLeftArrow) {
evnt.preventDefault();
if (hasShiftKey) {
reactData.offsetLeft -= 1;
} else {
handleChangeEvent(evnt, false);
}
} else if (isRightArrow) {
evnt.preventDefault();
if (hasShiftKey) {
reactData.offsetLeft += 1;
} else {
handleChangeEvent(evnt, true);
}
} else if (isR && isControlKey) {
evnt.preventDefault();
if (hasShiftKey) {
handleRotateImgEvent(evnt, false);
} else {
handleRotateImgEvent(evnt, true);
}
} else if (isP && isControlKey) {
evnt.preventDefault();
handlePrintImg();
}
};
const handleClickMaskEvent = evnt => {
if (props.maskClosable) {
if (evnt.target === evnt.currentTarget) {
dispatchEvent('close', {}, evnt);
}
}
};
Object.assign($xeImagePreview, imagePreviewMethods, imagePreviewPrivateMethods);
const renderImgWrapper = () => {
const {
activeIndex
} = reactData;
const imgList = computeImgList.value;
const imgTransform = computeImgTransform.value;
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-image-preview--img-list',
onClick: handleClickMaskEvent
}, imgList.map((url, index) => {
const isActive = activeIndex === index;
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('img', {
class: ['vxe-image-preview--img-item', {
'is--active': isActive
}],
src: url,
style: isActive ? {
transform: imgTransform
} : null,
onMousedown(evnt) {
moveEvent(evnt);
}
});
}));
};
const renderOperationBtn = (code, icon) => {
const toolbarOpts = computeToolbarOpts.value;
const btnConf = toolbarOpts[code];
const btnOpts = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isBoolean(btnConf) ? {} : btnConf ? Object.assign({}, btnConf) : {};
const showBtn = btnConf !== false;
return showBtn ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-image-preview--operation-btn',
title: getI18n(`vxe.imagePreview.operBtn.${code}`),
onClick(evnt) {
handleOperationBtn(evnt, code);
}
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('i', {
class: btnOpts.icon || getIcon()[icon]
})]) : renderEmptyElement($xeImagePreview);
};
const renderBtnWrapper = () => {
const {
showPrintButton,
showDownloadButton
} = props;
const {
activeIndex
} = reactData;
const imgList = computeImgList.value;
const rotateText = computeRotateText.value;
const scaleText = computeScaleText.value;
const toolbarOpts = computeToolbarOpts.value;
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-image-preview--btn-wrapper'
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-image-preview--close-wrapper'
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-image-preview--close-btn',
onClick: handleCloseEvent
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('i', {
class: getIcon().IMAGE_PREVIEW_CLOSE
})]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-image-preview--close-bg'
})]), imgList.length > 1 ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-image-preview--previous-btn',
onClick(evnt) {
handleChangeEvent(evnt, false);
}
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('i', {
class: getIcon().IMAGE_PREVIEW_PREVIOUS
})]) : renderEmptyElement($xeImagePreview), imgList.length > 1 ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-image-preview--next-btn',
onClick(evnt) {
handleChangeEvent(evnt, true);
}
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('i', {
class: getIcon().IMAGE_PREVIEW_NEXT
})]) : renderEmptyElement($xeImagePreview), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-image-preview--operation-info'
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-image-preview--operation-deg'
}, rotateText), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-image-preview--operation-pct'
}, scaleText)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-image-preview--operation-wrapper'
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-image-preview--operation-active-count'
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
class: 'vxe-image-preview--operation-active-current'
}, `${(activeIndex || 0) + 1}`), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
class: 'vxe-image-preview--operation-active-total'
}, `/${imgList.length}`)]), renderOperationBtn('zoomOut', 'IMAGE_PREVIEW_ZOOM_OUT'), renderOperationBtn('zoomIn', 'IMAGE_PREVIEW_ZOOM_IN'), renderOperationBtn('pctFull', 'IMAGE_PREVIEW_PCT_FULL'), renderOperationBtn('pct11', 'IMAGE_PREVIEW_PCT_1_1'), renderOperationBtn('rotateLeft', 'IMAGE_PREVIEW_ROTATE_LEFT'), renderOperationBtn('rotateRight', 'IMAGE_PREVIEW_ROTATE_RIGHT'), showPrintButton || toolbarOpts.print ? renderOperationBtn('print', 'IMAGE_PREVIEW_PRINT') : renderEmptyElement($xeImagePreview), showDownloadButton || toolbarOpts.download ? renderOperationBtn('download', 'IMAGE_PREVIEW_DOWNLOAD') : renderEmptyElement($xeImagePreview)])]);
};
const renderVN = () => {
const {
offsetPct11
} = reactData;
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
ref: refElem,
class: ['vxe-image-preview', {
'is--pct11': offsetPct11
}]
}, [renderImgWrapper(), renderBtnWrapper()]);
};
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.modelValue, val => {
reactData.activeIndex = val;
resetStyle();
});
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(() => {
const elem = refElem.value;
if (elem) {
elem.addEventListener('wheel', wheelEvent, {
passive: false
});
}
globalEvents.on($xeImagePreview, 'keydown', handleGlobalKeydownEvent);
});
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.onBeforeUnmount)(() => {
const elem = refElem.value;
if (elem) {
elem.removeEventListener('wheel', wheelEvent);
removeClass(elem, 'is--move');
}
});
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.onUnmounted)(() => {
globalEvents.off($xeImagePreview, 'keydown');
});
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('$xeImagePreview', $xeImagePreview);
$xeImagePreview.renderVN = renderVN;
return renderVN;
}
}));
;// CONCATENATED MODULE: ./packages/image/src/util.ts
const openPreviewImage = options => {
if (index_esm_VxeUI.modal) {
const opts = Object.assign({
escClosable: true
}, options);
const {
urlList,
activeIndex,
zIndex
} = opts;
const {
rotate,
change
} = opts.events || {};
const modalId = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId('image-preview');
index_esm_VxeUI.modal.open({
id: modalId,
title: '预览',
width: '100%',
height: '100%',
showHeader: false,
showFooter: false,
padding: false,
escClosable: opts.escClosable,
zIndex,
className: 'vxe-image-preview-popup-wrapper',
slots: {
default() {
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(preview, {
modelValue: activeIndex,
urlList,
urlField: opts.urlField,
marginSize: opts.marginSize,
maskClosable: opts.maskClosable,
toolbarConfig: opts.toolbarConfig,
showPrintButton: opts.showPrintButton,
showDownloadButton: opts.showDownloadButton,
beforeDownloadMethod: opts.beforeDownloadMethod,
downloadMethod: opts.downloadMethod,
onClose() {
index_esm_VxeUI.modal.close(modalId);
},
onChange(eventParams) {
if (change) {
change.call(this, eventParams);
}
},
onRotate(eventParams) {
if (rotate) {
rotate.call(this, eventParams);
}
}
});
}
}
});
}
return Promise.resolve();
};
;// CONCATENATED MODULE: ./packages/image/src/image.ts
/* harmony default export */ var src_image = (defineVxeComponent({
name: 'VxeImage',
props: {
src: [String, Array],
alt: [String, Number],
loading: String,
title: [String, Number],
width: [String, Number],
height: [String, Number],
circle: Boolean,
zIndex: Number,
maskClosable: {
type: Boolean,
default: () => getConfig().image.maskClosable
},
toolbarConfig: Object,
showPreview: {
type: Boolean,
default: () => getConfig().image.showPreview
},
showPrintButton: {
type: Boolean,
default: () => getConfig().image.showPrintButton
},
showDownloadButton: {
type: Boolean,
default: () => getConfig().image.showDownloadButton
},
size: {
type: String,
default: () => getConfig().image.size || getConfig().size
},
getThumbnailUrlMethod: Function
},
emits: ['click', 'change', 'rotate'],
setup(props, context) {
const {
emit
} = context;
const xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
const $xeImageGroup = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeImageGroup', null);
const refElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
const {
computeSize
} = useSize(props);
const reactData = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.reactive)({});
const refMaps = {
refElem
};
const computeImgStyle = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
const {
width,
height
} = props;
const style = {};
if (width && height) {
style.maxWidth = toCssUnit(width);
style.maxHeight = toCssUnit(height);
} else {
if (width) {
style.width = toCssUnit(width);
}
if (height) {
style.height = toCssUnit(height);
}
}
return style;
});
const computeImgList = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
const {
src
} = props;
if (src) {
return (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(src) ? src : [src]).map(item => {
if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isString(item)) {
return {
url: item,
alt: ''
};
}
return {
url: item.url,
alt: item.alt
};
});
}
return [];
});
const computeImgItem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
const imgList = computeImgList.value;
return imgList[0];
});
const computeImgUrl = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
const imgItem = computeImgItem.value;
return imgItem ? `${imgItem.url || ''}` : '';
});
const computeImgThumbnailUrl = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
const getThumbnailUrlFn = props.getThumbnailUrlMethod || getConfig().image.getThumbnailUrlMethod;
const imgUrl = computeImgUrl.value;
return getThumbnailUrlFn ? getThumbnailUrlFn({
url: imgUrl,
$image: $xeImage
}) : '';
});
const computeMaps = {
computeSize
};
const $xeImage = {
xID,
props,
context,
reactData,
getRefMaps: () => refMaps,
getComputeMaps: () => computeMaps
};
const imageMethods = {
dispatchEvent(type, params, evnt) {
emit(type, createEvent(evnt, {
$image: $xeImage
}, params));
}
};
const clickEvent = evnt => {
const {
showPreview,
toolbarConfig,
showPrintButton,
showDownloadButton,
maskClosable,
zIndex
} = props;
const imgList = computeImgList.value;
const imgUrl = computeImgUrl.value;
if ($xeImageGroup) {
$xeImageGroup.handleClickImgEvent(evnt, {
url: imgUrl
});
} else {
if (showPreview && imgUrl) {
openPreviewImage({
urlList: imgList,
toolbarConfig,
showPrintButton,
showDownloadButton,
maskClosable,
zIndex,
events: {
change(eventParams) {
$xeImage.dispatchEvent('change', eventParams, eventParams.$event);
},
rotate(eventParams) {
$xeImage.dispatchEvent('rotate', eventParams, eventParams.$event);
}
}
});
}
$xeImage.dispatchEvent('click', {
url: imgUrl
}, evnt);
}
};
const imagePrivateMethods = {};
Object.assign($xeImage, imageMethods, imagePrivateMethods);
const renderVN = () => {
const {
alt,
loading,
circle
} = props;
const imgStyle = computeImgStyle.value;
const imgUrl = computeImgUrl.value;
const imgThumbnailUrl = computeImgThumbnailUrl.value;
const vSize = computeSize.value;
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('img', {
ref: refElem,
class: ['vxe-image', {
[`size--${vSize}`]: vSize,
'is--circle': circle
}],
src: imgThumbnailUrl || imgUrl,
alt,
loading,
style: imgStyle,
onClick: clickEvent
});
};
$xeImage.renderVN = renderVN;
return $xeImage;
},
render() {
return this.renderVN();
}
}));
;// CONCATENATED MODULE: ./packages/image/index.ts
const VxeImage = Object.assign({}, src_image, {
install(app) {
app.component(src_image.name, src_image);
}
});
dynamicApp.use(VxeImage);
index_esm_VxeUI.component(src_image);
const image_Image = VxeImage;
/* harmony default export */ var packages_image = (VxeImage);
;// CONCATENATED MODULE: ./packages/image/src/group.ts
/* harmony default export */ var src_group = (defineVxeComponent({
name: 'VxeImageGroup',
props: {
urlList: [Array, String],
showPreview: {
type: Boolean,
default: () => getConfig().imageGroup.showPreview
},
imageStyle: Object,
zIndex: Number,
size: {
type: String,
default: () => getConfig().imageGroup.size || getConfig().size
},
toolbarConfig: Object,
showPrintButton: {
type: Boolean,
default: () => getConfig().imageGroup.showPrintButton
},
showDownloadButton: {
type: Boolean,
default: () => getConfig().imageGroup.showDownloadButton
},
getThumbnailUrlMethod: Function
},
emits: ['click', 'change', 'rotate'],
setup(props, context) {
const {
emit
} = context;
const xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
const {
computeSize
} = useSize(props);
const computeImgList = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
const {
urlList
} = props;
if (urlList) {
return (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(urlList) ? urlList : [urlList]).map(item => {
if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isString(item)) {
return {
url: item,
alt: ''
};
}
return {
url: item.url,
alt: item.alt
};
});
}
return [];
});
const computeImgStyleOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
return Object.assign({}, getConfig().imageGroup.imageStyle, props.imageStyle);
});
const computeGetThumbnailUrlMethod = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
return props.getThumbnailUrlMethod || getConfig().imageGroup.getThumbnailUrlMethod;
});
const computeMaps = {
computeSize
};
const $xeImageGroup = {
xID,
props,
context,
getComputeMaps: () => computeMaps
};
const imageGroupMethods = {
dispatchEvent(type, params, evnt) {
emit(type, createEvent(evnt, {
$imageGroup: $xeImageGroup
}, params));
}
};
const imageGroupPrivateMethods = {
handleClickImgEvent(evnt, params) {
const {
showPreview,
toolbarConfig,
showPrintButton,
showDownloadButton,
zIndex
} = props;
const {
url
} = params;
const imgList = computeImgList.value;
if (showPreview && url) {
openPreviewImage({
activeIndex: Math.max(0, external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().findIndexOf(imgList, item => item.url === url)),
urlList: imgList,
toolbarConfig,
showPrintButton,
showDownloadButton,
zIndex,
events: {
change(eventParams) {
$xeImageGroup.dispatchEvent('change', eventParams, eventParams.$event);
},
rotate(eventParams) {
$xeImageGroup.dispatchEvent('rotate', eventParams, eventParams.$event);
}
}
});
}
$xeImageGroup.dispatchEvent('click', {
url,
urlList: imgList
}, evnt);
}
};
Object.assign($xeImageGroup, imageGroupMethods, imageGroupPrivateMethods);
const renderVN = () => {
const imgList = computeImgList.value;
const vSize = computeSize.value;
const imgStyleOpts = computeImgStyleOpts.value;
const getThumbnailUrlMethod = computeGetThumbnailUrlMethod.value;
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: ['vxe-image-group', {
[`size--${vSize}`]: vSize
}]
}, imgList ? imgList.map((item, index) => {
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(src_image, {
key: index,
src: item.url,
alt: item.alt,
width: imgStyleOpts.width,
height: imgStyleOpts.height,
getThumbnailUrlMethod
});
}) : []);
};
$xeImageGroup.renderVN = renderVN;
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('$xeImageGroup', $xeImageGroup);
return $xeImageGroup;
},
render() {
return this.renderVN();
}
}));
;// CONCATENATED MODULE: ./packages/image-group/index.ts
const VxeImageGroup = Object.assign({}, src_group, {
install(app) {
app.component(src_group.name, src_group);
}
});
dynamicApp.use(VxeImageGroup);
index_esm_VxeUI.component(src_group);
const ImageGroup = VxeImageGroup;
/* harmony default export */ var image_group = (VxeImageGroup);
;// CONCATENATED MODULE: ./packages/image-preview/index.ts
const VxeImagePreview = Object.assign(preview, {
install(app) {
app.component(preview.name, preview);
}
});
index_esm_VxeUI.previewImage = openPreviewImage;
dynamicApp.use(VxeImagePreview);
index_esm_VxeUI.component(preview);
const ImagePreview = VxeImagePreview;
/* harmony default export */ var image_preview = (VxeImagePreview);
;// CONCATENATED MODULE: ./packages/input/index.ts
const VxeInput = Object.assign(input, {
install(app) {
app.component(input.name, input);
}
});
dynamicApp.use(VxeInput);
index_esm_VxeUI.component(input);
const Input = VxeInput;
/* harmony default export */ var packages_input = (VxeInput);
;// CONCATENATED MODULE: ./packages/layout-aside/src/layout-aside.ts
/* harmony default export */ var layout_aside = (defineVxeComponent({
name: 'VxeLayoutAside',
props: {
width: [String, Number],
collapsed: Boolean,
collapseWidth: [String, Number],
loading: Boolean,
padding: Boolean,
size: {
type: String,
default: () => getConfig().layoutAside.size || getConfig().size
}
},
emits: [],
setup(props, context) {
const {
slots,
emit
} = context;
const xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
const refElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
const {
computeSize
} = useSize(props);
const reactData = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.reactive)({});
const refMaps = {
refElem
};
const computeWrapperWidth = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
const {
width,
collapsed,
collapseWidth
} = props;
if (collapsed) {
if (collapseWidth) {
return toCssUnit(collapseWidth);
}
} else {
if (width) {
return toCssUnit(width);
}
}
return '';
});
const computeMaps = {
computeSize
};
const $xeLayoutAside = {
xID,
props,
context,
reactData,
getRefMaps: () => refMaps,
getComputeMaps: () => computeMaps
};
const dispatchEvent = (type, params, evnt) => {
emit(type, createEvent(evnt, {
$layoutAside: $xeLayoutAside
}, params));
};
const layoutAsideMethods = {
dispatchEvent
};
const layoutAsidePrivateMethods = {};
Object.assign($xeLayoutAside, layoutAsideMethods, layoutAsidePrivateMethods);
const renderVN = () => {
const {
width,
collapsed,
loading,
padding
} = props;
const wrapperWidth = computeWrapperWidth.value;
const vSize = computeSize.value;
const defaultSlot = slots.default;
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('aside', {
ref: refElem,
class: ['vxe-layout-aside', {
[`size--${vSize}`]: vSize,
'is--padding': padding,
'is--default-width': !width,
'is--collapse': collapsed,
'is--loading': loading
}],
style: wrapperWidth ? {
width: wrapperWidth
} : null
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-layout-aside--inner'
}, defaultSlot ? defaultSlot({}) : []),
/**
* 加载中
*/
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(src_loading, {
class: 'vxe-list-view--loading',
modelValue: loading
})]);
};
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('$xeLayoutAside', $xeLayoutAside);
$xeLayoutAside.renderVN = renderVN;
return $xeLayoutAside;
},
render() {
return this.renderVN();
}
}));
;// CONCATENATED MODULE: ./packages/layout-aside/index.ts
const VxeLayoutAside = Object.assign({}, layout_aside, {
install(app) {
app.component(layout_aside.name, layout_aside);
}
});
dynamicApp.use(VxeLayoutAside);
index_esm_VxeUI.component(layout_aside);
const LayoutAside = VxeLayoutAside;
/* harmony default export */ var packages_layout_aside = (VxeLayoutAside);
;// CONCATENATED MODULE: ./packages/layout-body/src/layout-body.ts
/* harmony default export */ var layout_body = (defineVxeComponent({
name: 'VxeLayoutBody',
props: {
loading: Boolean,
padding: Boolean,
size: {
type: String,
default: () => getConfig().layoutBody.size || getConfig().size
}
},
emits: [],
setup(props, context) {
const {
slots,
emit
} = context;
const xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
const refElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
const {
computeSize
} = useSize(props);
const reactData = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.reactive)({});
const refMaps = {
refElem
};
const computeMaps = {
computeSize
};
const $xeLayoutBody = {
xID,
props,
context,
reactData,
getRefMaps: () => refMaps,
getComputeMaps: () => computeMaps
};
const dispatchEvent = (type, params, evnt) => {
emit(type, createEvent(evnt, {
$layoutBody: $xeLayoutBody
}, params));
};
const layoutBodyMethods = {
dispatchEvent
};
const layoutBodyPrivateMethods = {};
Object.assign($xeLayoutBody, layoutBodyMethods, layoutBodyPrivateMethods);
const renderVN = () => {
const {
loading,
padding
} = props;
const vSize = computeSize.value;
const defaultSlot = slots.default;
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
ref: refElem,
class: ['vxe-layout-body', {
[`size--${vSize}`]: vSize,
'is--loading': loading,
'is--padding': padding
}]
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-layout-body--inner'
}, defaultSlot ? defaultSlot({}) : []),
/**
* 加载中
*/
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(src_loading, {
class: 'vxe-list-view--loading',
modelValue: loading
})]);
};
$xeLayoutBody.renderVN = renderVN;
return $xeLayoutBody;
},
render() {
return this.renderVN();
}
}));
;// CONCATENATED MODULE: ./packages/layout-body/index.ts
const VxeLayoutBody = Object.assign({}, layout_body, {
install(app) {
app.component(layout_body.name, layout_body);
}
});
dynamicApp.use(VxeLayoutBody);
index_esm_VxeUI.component(layout_body);
const LayoutBody = VxeLayoutBody;
/* harmony default export */ var packages_layout_body = (VxeLayoutBody);
;// CONCATENATED MODULE: ./packages/layout-container/src/layout-container.ts
/* harmony default export */ var layout_container = (defineVxeComponent({
name: 'VxeLayoutContainer',
props: {
vertical: Boolean,
size: {
type: String,
default: () => getConfig().layoutContainer.size || getConfig().size
}
},
emits: [],
setup(props, context) {
const {
slots,
emit
} = context;
const xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
const refElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
const {
computeSize
} = useSize(props);
const reactData = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.reactive)({});
const refMaps = {
refElem
};
const computeMaps = {
computeSize
};
const $xeLayoutContainer = {
xID,
props,
context,
reactData,
getRefMaps: () => refMaps,
getComputeMaps: () => computeMaps
};
const dispatchEvent = (type, params, evnt) => {
emit(type, createEvent(evnt, {
$layoutContainer: $xeLayoutContainer
}, params));
};
const layoutContainerMethods = {
dispatchEvent
};
const layoutContainerPrivateMethods = {};
Object.assign($xeLayoutContainer, layoutContainerMethods, layoutContainerPrivateMethods);
const renderVN = () => {
const {
vertical
} = props;
const vSize = computeSize.value;
const defaultSlot = slots.default;
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
ref: refElem,
class: ['vxe-layout-container', {
[`size--${vSize}`]: vSize,
'is--vertical': vertical
}]
}, defaultSlot ? defaultSlot({}) : []);
};
$xeLayoutContainer.renderVN = renderVN;
return $xeLayoutContainer;
},
render() {
return this.renderVN();
}
}));
;// CONCATENATED MODULE: ./packages/layout-container/index.ts
const VxeLayoutContainer = Object.assign({}, layout_container, {
install(app) {
app.component(layout_container.name, layout_container);
}
});
dynamicApp.use(VxeLayoutContainer);
index_esm_VxeUI.component(layout_container);
const LayoutContainer = VxeLayoutContainer;
/* harmony default export */ var packages_layout_container = (VxeLayoutContainer);
;// CONCATENATED MODULE: ./packages/layout-footer/src/layout-footer.ts
/* harmony default export */ var layout_footer = (defineVxeComponent({
name: 'VxeLayoutFooter',
props: {
fixed: Boolean,
align: String
},
emits: [],
setup(props, context) {
const {
slots,
emit
} = context;
const xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
const refElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
const reactData = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.reactive)({});
const refMaps = {
refElem
};
const computeMaps = {};
const $xeLayoutFooter = {
xID,
props,
context,
reactData,
getRefMaps: () => refMaps,
getComputeMaps: () => computeMaps
};
const dispatchEvent = (type, params, evnt) => {
emit(type, createEvent(evnt, {
$layoutFooter: $xeLayoutFooter
}, params));
};
const layoutFooterMethods = {
dispatchEvent
};
const layoutFooterPrivateMethods = {};
Object.assign($xeLayoutFooter, layoutFooterMethods, layoutFooterPrivateMethods);
const renderVN = () => {
const {
fixed,
align
} = props;
const defaultSlot = slots.default;
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('footer', {
ref: refElem,
class: ['vxe-layout-footer', align ? `align--${align}` : '', {
'is--fixed': fixed
}]
}, defaultSlot ? defaultSlot({}) : []);
};
$xeLayoutFooter.renderVN = renderVN;
return $xeLayoutFooter;
},
render() {
return this.renderVN();
}
}));
;// CONCATENATED MODULE: ./packages/layout-footer/index.ts
const VxeLayoutFooter = Object.assign({}, layout_footer, {
install(app) {
app.component(layout_footer.name, layout_footer);
}
});
dynamicApp.use(VxeLayoutFooter);
index_esm_VxeUI.component(layout_footer);
const LayoutFooter = VxeLayoutFooter;
/* harmony default export */ var packages_layout_footer = (VxeLayoutFooter);
;// CONCATENATED MODULE: ./packages/layout-header/src/layout-header.ts
/* harmony default export */ var layout_header = (defineVxeComponent({
name: 'VxeLayoutHeader',
props: {
fixed: Boolean
},
emits: [],
setup(props, context) {
const {
slots,
emit
} = context;
const xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
const refElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
const reactData = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.reactive)({});
const refMaps = {
refElem
};
const computeMaps = {};
const $xeLayoutHeader = {
xID,
props,
context,
reactData,
getRefMaps: () => refMaps,
getComputeMaps: () => computeMaps
};
const dispatchEvent = (type, params, evnt) => {
emit(type, createEvent(evnt, {
$layoutHeader: $xeLayoutHeader
}, params));
};
const layoutHeaderMethods = {
dispatchEvent
};
const layoutHeaderPrivateMethods = {};
Object.assign($xeLayoutHeader, layoutHeaderMethods, layoutHeaderPrivateMethods);
const renderVN = () => {
const {
fixed
} = props;
const defaultSlot = slots.default;
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('header', {
ref: refElem,
class: ['vxe-layout-header', {
'is--fixed': fixed
}]
}, defaultSlot ? defaultSlot({}) : []);
};
$xeLayoutHeader.renderVN = renderVN;
return $xeLayoutHeader;
},
render() {
return this.renderVN();
}
}));
;// CONCATENATED MODULE: ./packages/layout-header/index.ts
const VxeLayoutHeader = Object.assign({}, layout_header, {
install(app) {
app.component(layout_header.name, layout_header);
}
});
dynamicApp.use(VxeLayoutHeader);
index_esm_VxeUI.component(layout_header);
const LayoutHeader = VxeLayoutHeader;
/* harmony default export */ var packages_layout_header = (VxeLayoutHeader);
;// CONCATENATED MODULE: ./packages/link/src/link.ts
/* harmony default export */ var src_link = (defineVxeComponent({
name: 'VxeLink',
props: {
href: String,
target: String,
status: String,
title: [String, Number],
disabled: Boolean,
icon: String,
routerLink: Object,
underline: {
type: Boolean,
default: () => getConfig().link.underline
},
/**
* 权限码
*/
permissionCode: [String, Number],
content: [String, Number],
size: {
type: String,
default: () => getConfig().link.size || getConfig().size
}
},
emits: ['click'],
setup(props, context) {
const {
slots,
emit
} = context;
const xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
const {
computeSize
} = useSize(props);
const {
computePermissionInfo
} = usePermission(props);
const refElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
const reactData = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.reactive)({});
const refMaps = {
refElem
};
const computeMaps = {};
const $xeLink = {
xID,
props,
context,
reactData,
getRefMaps: () => refMaps,
getComputeMaps: () => computeMaps
};
const dispatchEvent = (type, params, evnt) => {
emit(type, createEvent(evnt, {
$link: $xeLink
}, params));
};
const linkMethods = {
dispatchEvent
};
const linkPrivateMethods = {};
const clickEvent = evnt => {
const {
disabled
} = props;
if (!disabled) {
dispatchEvent('click', {}, evnt);
}
};
Object.assign($xeLink, linkMethods, linkPrivateMethods);
const renderContent = () => {
const {
icon,
content
} = props;
const defaultSlot = slots.default;
const iconSlot = slots.icon;
const textContent = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toValueString(content);
return [iconSlot || icon ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
class: 'vxe-link--icon'
}, iconSlot ? vn_getSlotVNs(iconSlot({})) : [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('i', {
class: icon
})]) : renderEmptyElement($xeLink), defaultSlot || textContent ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
class: 'vxe-link--content'
}, defaultSlot ? defaultSlot({}) : textContent) : renderEmptyElement($xeLink)];
};
const renderVN = () => {
const {
status,
target,
href,
title,
underline,
disabled,
routerLink
} = props;
const permissionInfo = computePermissionInfo.value;
const vSize = computeSize.value;
if (!permissionInfo.visible) {
return renderEmptyElement($xeLink);
}
if (routerLink && !disabled) {
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)('router-link'), {
class: ['vxe-link', {
[`size--${vSize}`]: vSize,
[`theme--${status}`]: status,
'is--disabled': disabled,
'is--underline': underline
}],
title,
target,
to: disabled ? null : routerLink,
onClick: clickEvent
}, {
default() {
return renderContent();
}
});
}
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('a', {
ref: refElem,
class: ['vxe-link', {
[`size--${vSize}`]: vSize,
[`theme--${status}`]: status,
'is--disabled': disabled,
'is--underline': underline
}],
href: disabled ? null : href,
target,
title,
onClick: clickEvent
}, renderContent());
};
$xeLink.renderVN = renderVN;
return $xeLink;
},
render() {
return this.renderVN();
}
}));
;// CONCATENATED MODULE: ./packages/link/index.ts
const VxeLink = Object.assign({}, src_link, {
install(app) {
app.component(src_link.name, src_link);
}
});
dynamicApp.use(VxeLink);
index_esm_VxeUI.component(src_link);
const Link = VxeLink;
/* harmony default export */ var packages_link = (VxeLink);
;// CONCATENATED MODULE: ./packages/list/src/list.ts
function list_createInternalData() {
return {
resizeObserver: undefined,
fullData: [],
lastScrollLeft: 0,
lastScrollTop: 0,
scrollYStore: {
startIndex: 0,
endIndex: 0,
visibleSize: 0,
offsetSize: 0,
rowHeight: 0
}
};
}
/* harmony default export */ var list = (defineVxeComponent({
name: 'VxeList',
props: {
data: Array,
height: [Number, String],
maxHeight: [Number, String],
loading: Boolean,
className: [String, Function],
size: {
type: String,
default: () => getConfig().list.size || getConfig().size
},
autoResize: {
type: Boolean,
default: () => getConfig().list.autoResize
},
syncResize: [Boolean, String, Number],
virtualYConfig: Object,
scrollY: Object
},
emits: ['scroll'],
setup(props, context) {
const {
slots,
emit
} = context;
const xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
const browseObj = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().browse();
const {
computeSize
} = useSize(props);
const reactData = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.reactive)({
scrollYLoad: false,
bodyHeight: 0,
customHeight: 0,
customMaxHeight: 0,
parentHeight: 0,
topSpaceHeight: 0,
items: []
});
const internalData = list_createInternalData();
const refElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
const refVirtualWrapper = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
const refVirtualBody = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
const refMaps = {
refElem
};
const $xeList = {
xID,
props,
context,
reactData,
internalData,
getRefMaps: () => refMaps
};
const computeSYOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
return Object.assign({}, getConfig().list.virtualYConfig || getConfig().list.scrollY, props.virtualYConfig || props.scrollY);
});
const computeStyles = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
const {
height,
maxHeight
} = props;
const {
customHeight,
customMaxHeight
} = reactData;
const style = {};
if (height) {
style.height = `${customHeight}px`;
} else if (maxHeight) {
style.height = 'auto';
style.maxHeight = `${customMaxHeight}px`;
}
return style;
});
const dispatchEvent = (type, params, evnt) => {
emit(type, createEvent(evnt, {
$list: $xeList
}, params));
};
const calcTableHeight = key => {
const {
parentHeight
} = reactData;
const val = props[key];
let num = 0;
if (val) {
if (val === '100%' || val === 'auto') {
num = parentHeight;
} else {
if (isScale(val)) {
num = Math.floor((external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toInteger(val) || 1) / 100 * parentHeight);
} else {
num = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(val);
}
num = Math.max(40, num);
}
}
return num;
};
const updateHeight = () => {
reactData.customHeight = calcTableHeight('height');
reactData.customMaxHeight = calcTableHeight('maxHeight');
};
const updateYSpace = () => {
const {
scrollYLoad
} = reactData;
const {
scrollYStore,
fullData
} = internalData;
reactData.bodyHeight = scrollYLoad ? fullData.length * scrollYStore.rowHeight : 0;
reactData.topSpaceHeight = scrollYLoad ? Math.max(scrollYStore.startIndex * scrollYStore.rowHeight, 0) : 0;
};
const handleData = () => {
const {
scrollYLoad
} = reactData;
const {
fullData,
scrollYStore
} = internalData;
reactData.items = scrollYLoad ? fullData.slice(scrollYStore.startIndex, scrollYStore.endIndex) : fullData.slice(0);
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
};
const updateYData = () => {
handleData();
updateYSpace();
};
const computeScrollLoad = () => {
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)().then(() => {
const {
scrollYLoad
} = reactData;
const {
scrollYStore
} = internalData;
const virtualBodyElem = refVirtualBody.value;
const sYOpts = computeSYOpts.value;
let rowHeight = 0;
let firstItemElem;
if (virtualBodyElem) {
if (sYOpts.sItem) {
firstItemElem = virtualBodyElem.querySelector(sYOpts.sItem);
}
if (!firstItemElem) {
firstItemElem = virtualBodyElem.children[0];
}
}
if (firstItemElem) {
rowHeight = firstItemElem.offsetHeight;
}
rowHeight = Math.max(12, rowHeight);
scrollYStore.rowHeight = rowHeight;
// 计算 Y 逻辑
if (scrollYLoad) {
const scrollBodyElem = refVirtualWrapper.value;
const visibleYSize = Math.max(8, Math.ceil(scrollBodyElem.clientHeight / rowHeight));
const offsetYSize = sYOpts.oSize ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(sYOpts.oSize) : browseObj.edge ? 10 : 0;
scrollYStore.offsetSize = offsetYSize;
scrollYStore.visibleSize = visibleYSize;
scrollYStore.endIndex = Math.max(scrollYStore.startIndex + visibleYSize + offsetYSize, scrollYStore.endIndex);
updateYData();
} else {
updateYSpace();
}
});
};
/**
* 清除滚动条
*/
const clearScroll = () => {
const scrollBodyElem = refVirtualWrapper.value;
if (scrollBodyElem) {
scrollBodyElem.scrollTop = 0;
}
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
};
/**
* 如果有滚动条，则滚动到对应的位置
*/
const scrollTo = (scrollLeft, scrollTop) => {
const scrollBodyElem = refVirtualWrapper.value;
if (scrollLeft) {
if (!external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isNumber(scrollLeft)) {
scrollTop = scrollLeft.top;
scrollLeft = scrollLeft.left;
}
}
if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isNumber(scrollLeft)) {
scrollBodyElem.scrollLeft = scrollLeft;
}
if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isNumber(scrollTop)) {
scrollBodyElem.scrollTop = scrollTop;
}
if (reactData.scrollYLoad) {
return new Promise(resolve => {
setTimeout(() => {
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)(() => {
resolve();
});
}, 50);
});
}
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
};
/**
* 刷新滚动条
*/
const refreshScroll = () => {
const {
lastScrollLeft,
lastScrollTop
} = internalData;
return clearScroll().then(() => {
if (lastScrollLeft || lastScrollTop) {
internalData.lastScrollLeft = 0;
internalData.lastScrollTop = 0;
return scrollTo(lastScrollLeft, lastScrollTop);
}
});
};
/**
* 重新计算列表
*/
const recalculate = () => {
const el = refElem.value;
if (el) {
const parentEl = el.parentElement;
reactData.parentHeight = parentEl ? parentEl.clientHeight : 0;
updateHeight();
if (el.clientWidth && el.clientHeight) {
return computeScrollLoad();
}
}
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
};
const loadYData = evnt => {
const {
scrollYStore
} = internalData;
const {
startIndex,
endIndex,
visibleSize,
offsetSize,
rowHeight
} = scrollYStore;
const scrollBodyElem = evnt.target;
const scrollTop = scrollBodyElem.scrollTop;
const toVisibleIndex = Math.floor(scrollTop / rowHeight);
const offsetStartIndex = Math.max(0, toVisibleIndex - 1 - offsetSize);
const offsetEndIndex = toVisibleIndex + visibleSize + offsetSize;
if (toVisibleIndex <= startIndex || toVisibleIndex >= endIndex - visibleSize - 1) {
if (startIndex !== offsetStartIndex || endIndex !== offsetEndIndex) {
scrollYStore.startIndex = offsetStartIndex;
scrollYStore.endIndex = offsetEndIndex;
updateYData();
}
}
};
const scrollEvent = evnt => {
const scrollBodyElem = evnt.target;
const scrollTop = scrollBodyElem.scrollTop;
const scrollLeft = scrollBodyElem.scrollLeft;
const isX = scrollLeft !== internalData.lastScrollLeft;
const isY = scrollTop !== internalData.lastScrollTop;
internalData.lastScrollTop = scrollTop;
internalData.lastScrollLeft = scrollLeft;
if (reactData.scrollYLoad) {
loadYData(evnt);
}
dispatchEvent('scroll', {
scrollLeft,
scrollTop,
isX,
isY
}, evnt);
};
/**
* 加载数据
* @param {Array} datas 数据
*/
const loadData = datas => {
const {
scrollYStore
} = internalData;
const sYOpts = computeSYOpts.value;
const fullData = datas || [];
Object.assign(scrollYStore, {
startIndex: 0,
endIndex: 1,
visibleSize: 0
});
internalData.fullData = fullData;
// 如果gt为0，则总是启用
reactData.scrollYLoad = !!sYOpts.enabled && sYOpts.gt > -1 && (sYOpts.gt === 0 || sYOpts.gt <= fullData.length);
handleData();
return computeScrollLoad().then(() => {
refreshScroll();
});
};
const listMethods = {
dispatchEvent,
loadData,
/**
* 重新加载数据
* @param {Array} datas 数据
*/
reloadData(datas) {
clearScroll();
return loadData(datas);
},
recalculate,
scrollTo,
refreshScroll,
clearScroll
};
Object.assign($xeList, listMethods);
const renderVN = () => {
const {
className,
loading
} = props;
const {
bodyHeight,
topSpaceHeight,
items
} = reactData;
const defaultSlot = slots.default;
const vSize = computeSize.value;
const styles = computeStyles.value;
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
ref: refElem,
class: ['vxe-list', className ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(className) ? className({
$list: $xeList
}) : className : '', {
[`size--${vSize}`]: vSize,
'is--loading': loading
}]
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
ref: refVirtualWrapper,
class: 'vxe-list--virtual-wrapper',
style: styles,
onScroll: scrollEvent
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-list--y-space',
style: {
height: bodyHeight ? `${bodyHeight}px` : ''
}
}), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
ref: refVirtualBody,
class: 'vxe-list--body',
style: {
marginTop: topSpaceHeight ? `${topSpaceHeight}px` : ''
}
}, defaultSlot ? defaultSlot({
items,
$list: $xeList
}) : [])]),
/**
* 加载中
*/
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(src_loading, {
class: 'vxe-list--loading',
modelValue: loading
})]);
};
const dataFlag = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(0);
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.data ? props.data.length : -1, () => {
dataFlag.value++;
});
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.data, () => {
dataFlag.value++;
});
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(dataFlag, () => {
loadData(props.data || []);
});
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.height, () => {
recalculate();
});
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.maxHeight, () => {
recalculate();
});
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.syncResize, value => {
if (value) {
recalculate();
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)(() => setTimeout(() => recalculate()));
}
});
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.onActivated)(() => {
recalculate().then(() => refreshScroll());
});
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)(() => {
loadData(props.data || []);
});
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(() => {
recalculate();
if (props.autoResize) {
const el = refElem.value;
const resizeObserver = globalResize.create(() => recalculate());
resizeObserver.observe(el);
if (el) {
resizeObserver.observe(el.parentElement);
}
internalData.resizeObserver = resizeObserver;
}
globalEvents.on($xeList, 'resize', recalculate);
});
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.onUnmounted)(() => {
const {
resizeObserver
} = internalData;
if (resizeObserver) {
resizeObserver.disconnect();
}
globalEvents.off($xeList, 'resize');
external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().assign(internalData, list_createInternalData());
});
$xeList.renderVN = renderVN;
return $xeList;
},
render() {
return this.renderVN();
}
}));
;// CONCATENATED MODULE: ./packages/list/index.ts
const VxeList = Object.assign(list, {
install(app) {
app.component(list.name, list);
}
});
dynamicApp.use(VxeList);
index_esm_VxeUI.component(list);
const List = VxeList;
/* harmony default export */ var packages_list = (VxeList);
;// CONCATENATED MODULE: ./packages/menu/src/menu.ts
/* harmony default export */ var menu = (defineVxeComponent({
name: 'VxeMenu',
props: {
modelValue: [String, Number],
expandAll: Boolean,
accordion: {
type: Boolean,
default: () => getConfig().menu.accordion
},
collapsed: {
type: Boolean,
default: null
},
collapseFixed: Boolean,
loading: Boolean,
options: {
type: Array,
default: () => []
},
size: {
type: String,
default: () => getConfig().menu.size || getConfig().size
}
},
emits: ['update:modelValue', 'click'],
setup(props, context) {
const {
emit,
slots
} = context;
const xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
const $xeLayoutAside = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeLayoutAside', null);
const refElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
const refCollapseElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
const {
computeSize
} = useSize(props);
const reactData = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.reactive)({
initialized: !!props.collapsed,
isEnterCollapse: false,
collapseStyle: {},
collapseZindex: 0,
activeName: props.modelValue,
menuList: [],
itemHeight: 1
});
const refMaps = {
refElem
};
const computeIsCollapsed = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
const {
collapsed
} = props;
if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isBoolean(collapsed)) {
return collapsed;
}
if ($xeLayoutAside) {
return !!$xeLayoutAside.props.collapsed;
}
return false;
});
const computeCollapseWidth = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
let collapseWidth = '';
if ($xeLayoutAside) {
collapseWidth = $xeLayoutAside.props.collapseWidth || '';
}
return collapseWidth;
});
const computeCollapseEnterWidth = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
let width = '';
if ($xeLayoutAside) {
width = $xeLayoutAside.props.width || '';
}
return width;
});
const computeMaps = {
computeSize
};
const $xeMenu = {
xID,
props,
context,
reactData,
getRefMaps: () => refMaps,
getComputeMaps: () => computeMaps
};
const getMenuTitle = item => {
return `${item.title || item.name}`;
};
const updateZindex = () => {
if (reactData.collapseZindex < getLastZIndex()) {
reactData.collapseZindex = nextZIndex();
}
};
const updateActiveMenu = isDefExpand => {
const {
activeName
} = reactData;
external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eachTree(reactData.menuList, (item, index, items, path, parent, nodes) => {
if (item.itemKey === activeName) {
nodes.forEach(obj => {
obj.isActive = true;
if (isDefExpand) {
obj.isExpand = true;
}
});
item.isExactActive = true;
} else {
item.isExactActive = false;
item.isActive = false;
}
}, {
children: 'childList'
});
};
const updateMenuConfig = () => {
const {
options,
expandAll
} = props;
reactData.menuList = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().mapTree(options, (item, index, items, path, parent) => {
const objItem = {
...item,
parentKey: parent ? parent.name || path.slice(0, path.length - 1).join(',') : '',
level: path.length,
itemKey: item.name || path.join(','),
isExactActive: false,
isActive: false,
isExpand: external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isBoolean(item.expanded) ? item.expanded : !!expandAll,
hasChild: item.children && item.children.length > 0
};
return objItem;
}, {
children: 'children',
mapChildren: 'childList'
});
};
const updateCollapseStyle = () => {
const {
collapseFixed
} = props;
if (collapseFixed) {
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)(() => {
const {
isEnterCollapse
} = reactData;
const isCollapsed = computeIsCollapsed.value;
const collapseEnterWidth = computeCollapseEnterWidth.value;
const collapseWidth = computeCollapseWidth.value;
const el = refElem.value;
if (el) {
const clientRect = el.getBoundingClientRect();
const parentNode = el.parentNode;
reactData.collapseStyle = isCollapsed ? {
top: toCssUnit(clientRect.top),
left: toCssUnit(clientRect.left),
height: toCssUnit(parentNode.clientHeight),
width: isEnterCollapse ? collapseEnterWidth ? toCssUnit(collapseEnterWidth) : '' : collapseWidth ? toCssUnit(collapseWidth) : '',
zIndex: reactData.collapseZindex
} : {};
}
});
}
};
const handleCollapseMenu = () => {
const {
collapseFixed
} = props;
if (collapseFixed) {
const {
initialized
} = reactData;
const isCollapsed = computeIsCollapsed.value;
if (isCollapsed) {
if (!initialized) {
reactData.initialized = true;
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)(() => {
const collapseEl = refCollapseElem.value;
if (collapseEl) {
document.body.appendChild(collapseEl);
}
});
}
}
reactData.isEnterCollapse = false;
updateZindex();
updateCollapseStyle();
}
};
const handleClickIconCollapse = (evnt, item, itemList) => {
const {
accordion
} = props;
const {
hasChild,
isExpand
} = item;
if (hasChild) {
evnt.stopPropagation();
evnt.preventDefault();
if (accordion) {
itemList.forEach(obj => {
if (obj !== item) {
obj.isExpand = false;
}
});
}
item.isExpand = !isExpand;
}
};
const emitModel = value => {
reactData.activeName = value;
emit('update:modelValue', value);
};
const handleClickMenu = (evnt, item, itemList) => {
const {
itemKey,
routerLink,
hasChild
} = item;
if (routerLink) {
emitModel(itemKey);
handleMenuMouseleave();
} else {
if (hasChild) {
handleClickIconCollapse(evnt, item, itemList);
} else {
emitModel(itemKey);
handleMenuMouseleave();
}
}
dispatchEvent('click', {
menu: item
}, evnt);
};
const handleMenuMouseenter = () => {
const {
collapseStyle
} = reactData;
const collapseEnterWidth = computeCollapseEnterWidth.value;
reactData.collapseStyle = Object.assign({}, collapseStyle, {
width: collapseEnterWidth ? toCssUnit(collapseEnterWidth) : ''
});
reactData.isEnterCollapse = true;
};
const handleMenuMouseover = () => {
const {
isEnterCollapse
} = reactData;
if (!isEnterCollapse) {
handleMenuMouseenter();
}
};
const handleMenuMouseleave = () => {
const {
collapseStyle
} = reactData;
const el = refElem.value;
reactData.collapseStyle = Object.assign({}, collapseStyle, {
width: el ? toCssUnit(el.offsetWidth) : ''
});
reactData.isEnterCollapse = false;
};
const callSlot = (slotFunc, params) => {
if (slotFunc) {
if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isString(slotFunc)) {
slotFunc = slots[slotFunc] || null;
}
if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(slotFunc)) {
return vn_getSlotVNs(slotFunc(params));
}
}
return [];
};
const dispatchEvent = (type, params, evnt) => {
emit(type, createEvent(evnt, {
$menu: $xeMenu
}, params));
};
const menuMethods = {
dispatchEvent
};
const menuPrivateMethods = {};
Object.assign($xeMenu, menuMethods, menuPrivateMethods);
const renderMenuTitle = (item, itemList) => {
const {
icon,
isExpand,
hasChild
} = item;
const itemSlots = item.slots || {};
const optionSlot = itemSlots.default || slots.option;
const titleSlot = itemSlots.title || slots.optionTitle || slots['option-title'];
const iconSlot = itemSlots.icon || slots.optionIcon || slots['option-icon'];
const title = getMenuTitle(item);
const isCollapsed = computeIsCollapsed.value;
const params = {
option: item,
collapsed: isCollapsed
};
return [optionSlot ? renderEmptyElement($xeMenu) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-menu--item-link-icon'
}, iconSlot ? callSlot(iconSlot, params) : icon ? [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('i', {
class: icon
})] : []), optionSlot ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-menu--item-custom-title'
}, callSlot(optionSlot, params)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-menu--item-link-title',
title
}, titleSlot ? callSlot(titleSlot, params) : title), hasChild ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-menu--item-link-collapse',
onClick(evnt) {
handleClickIconCollapse(evnt, item, itemList);
}
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('i', {
class: isExpand ? getIcon().MENU_ITEM_EXPAND_OPEN : getIcon().MENU_ITEM_EXPAND_CLOSE
})]) : renderEmptyElement($xeMenu)];
};
const renderDefaultChildren = (item, itemList) => {
const {
itemKey,
level,
hasChild,
isActive,
isExactActive,
isExpand,
routerLink,
childList
} = item;
const {
isEnterCollapse
} = reactData;
const isCollapsed = computeIsCollapsed.value;
if (item.permissionCode) {
if (!permission.checkVisible(item.permissionCode)) {
return renderEmptyElement($xeMenu);
}
}
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
key: itemKey,
class: ['vxe-menu--item-wrapper', `vxe-menu--item-level${level}`, {
'is--exact-active': isExactActive,
'is--active': isActive,
'is--expand': (!isCollapsed || isEnterCollapse) && isExpand
}]
}, [routerLink ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)('router-link'), {
class: 'vxe-menu--item-link',
to: routerLink,
onClick(evnt) {
handleClickMenu(evnt, item, itemList);
}
}, {
default: () => renderMenuTitle(item, itemList)
}) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-menu--item-link',
onClick(evnt) {
handleClickMenu(evnt, item, itemList);
}
}, renderMenuTitle(item, itemList)), hasChild ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-menu--item-group'
}, childList.map(child => renderDefaultChildren(child, childList))) : renderEmptyElement($xeMenu)]);
};
const renderCollapseChildren = (item, itemList) => {
const {
itemKey,
level,
hasChild,
isActive,
isExactActive,
routerLink,
childList
} = item;
if (item.permissionCode) {
if (!permission.checkVisible(item.permissionCode)) {
return renderEmptyElement($xeMenu);
}
}
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
key: itemKey,
class: ['vxe-menu--item-wrapper', `vxe-menu--item-level${level}`, {
'is--exact-active': isExactActive,
'is--active': isActive
}]
}, [routerLink ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)('router-link'), {
class: 'vxe-menu--item-link',
to: routerLink,
onClick(evnt) {
handleClickMenu(evnt, item, itemList);
}
}, {
default: () => renderMenuTitle(item, itemList)
}) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-menu--item-link',
onClick(evnt) {
handleClickMenu(evnt, item, itemList);
}
}, renderMenuTitle(item, itemList)), hasChild ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-menu--item-group'
}, childList.map(child => renderDefaultChildren(child, childList))) : renderEmptyElement($xeMenu)]);
};
const renderVN = () => {
const {
loading,
collapseFixed
} = props;
const {
initialized,
menuList,
collapseStyle,
isEnterCollapse
} = reactData;
const vSize = computeSize.value;
const isCollapsed = computeIsCollapsed.value;
let ons = {};
if (collapseFixed) {
ons = {
onMouseenter: handleMenuMouseenter,
onMouseover: handleMenuMouseover,
onMouseleave: handleMenuMouseleave
};
}
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
ref: refElem,
class: ['vxe-menu', {
[`size--${vSize}`]: vSize,
'is--collapsed': isCollapsed,
'is--loading': loading
}]
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-menu--item-list'
}, menuList.map(child => isCollapsed ? renderCollapseChildren(child, menuList) : renderDefaultChildren(child, menuList))), initialized ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
ref: refCollapseElem,
class: ['vxe-menu--collapse-wrapper', {
[`size--${vSize}`]: vSize,
'is--collapsed': isCollapsed,
'is--enter': isEnterCollapse,
'is--loading': loading
}],
style: collapseStyle,
...ons
}, [isCollapsed ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-menu--item-list'
}, menuList.map(child => renderDefaultChildren(child, menuList))) : renderEmptyElement($xeMenu)]) : renderEmptyElement($xeMenu),
/**
* 加载中
*/
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(src_loading, {
class: 'vxe-list-view--loading',
modelValue: loading
})]);
};
const optFlag = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(0);
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.options ? props.options.length : -1, () => {
optFlag.value++;
});
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.options, () => {
optFlag.value++;
});
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(optFlag, () => {
updateMenuConfig();
updateActiveMenu(true);
});
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.modelValue, val => {
reactData.activeName = val;
});
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => reactData.activeName, () => {
updateActiveMenu(true);
});
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(computeIsCollapsed, () => {
handleCollapseMenu();
});
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(() => {
globalEvents.on($xeMenu, 'resize', updateCollapseStyle);
updateCollapseStyle();
});
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.onBeforeUnmount)(() => {
globalEvents.off($xeMenu, 'resize');
const collapseEl = refCollapseElem.value;
if (collapseEl) {
const parentNode = collapseEl.parentNode;
if (parentNode) {
parentNode.removeChild(collapseEl);
}
}
});
updateMenuConfig();
updateActiveMenu(true);
$xeMenu.renderVN = renderVN;
return $xeMenu;
},
render() {
return this.renderVN();
}
}));
;// CONCATENATED MODULE: ./packages/menu/index.ts
const VxeMenu = Object.assign({}, menu, {
install(app) {
app.component(menu.name, menu);
}
});
dynamicApp.use(VxeMenu);
index_esm_VxeUI.component(menu);
const Menu = VxeMenu;
/* harmony default export */ var packages_menu = (VxeMenu);
;// CONCATENATED MODULE: ./packages/modal/src/modal.ts
const allActiveModals = [];
const msgQueue = [];
const notifyQueue = [];
const lockScrollAttrKey = 'data-vxe-lock-scroll';
const lockScrollCssWidthKey = '--vxe-ui-modal-lock-scroll-view-width';
/* harmony default export */ var modal = (defineVxeComponent({
name: 'VxeModal',
props: {
modelValue: Boolean,
id: String,
type: {
type: String,
default: 'modal'
},
loading: {
type: Boolean,
default: null
},
status: String,
iconStatus: String,
className: String,
top: {
type: [Number, String],
default: () => getConfig().modal.top
},
position: [String, Object],
title: String,
duration: {
type: [Number, String],
default: () => getConfig().modal.duration
},
content: [Number, String],
showCancelButton: {
type: Boolean,
default: null
},
cancelButtonText: {
type: String,
default: () => getConfig().modal.cancelButtonText
},
showConfirmButton: {
type: Boolean,
default: () => getConfig().modal.showConfirmButton
},
confirmButtonText: {
type: String,
default: () => getConfig().modal.confirmButtonText
},
lockView: {
type: Boolean,
default: () => getConfig().modal.lockView
},
lockScroll: Boolean,
mask: {
type: Boolean,
default: () => getConfig().modal.mask
},
maskClosable: {
type: Boolean,
default: () => getConfig().modal.maskClosable
},
escClosable: {
type: Boolean,
default: () => getConfig().modal.escClosable
},
cancelClosable: {
type: Boolean,
default: () => getConfig().modal.cancelClosable
},
confirmClosable: {
type: Boolean,
default: () => getConfig().modal.confirmClosable
},
resize: Boolean,
showHeader: {
type: Boolean,
default: () => getConfig().modal.showHeader
},
showFooter: {
type: Boolean,
default: () => getConfig().modal.showFooter
},
showZoom: Boolean,
zoomConfig: Object,
showMaximize: {
type: Boolean,
default: () => handleBooleanDefaultValue(getConfig().modal.showMaximize)
},
showMinimize: {
type: Boolean,
default: () => handleBooleanDefaultValue(getConfig().modal.showMinimize)
},
showClose: {
type: Boolean,
default: () => getConfig().modal.showClose
},
dblclickZoom: {
type: Boolean,
default: () => getConfig().modal.dblclickZoom
},
width: [Number, String],
height: [Number, String],
minWidth: {
type: [Number, String],
default: () => getConfig().modal.minWidth
},
minHeight: {
type: [Number, String],
default: () => getConfig().modal.minHeight
},
zIndex: Number,
marginSize: {
type: [Number, String],
default: () => getConfig().modal.marginSize
},
fullscreen: Boolean,
draggable: {
type: Boolean,
default: () => getConfig().modal.draggable
},
remember: {
type: Boolean,
default: () => getConfig().modal.remember
},
destroyOnClose: {
type: Boolean,
default: () => getConfig().modal.destroyOnClose
},
showTitleOverflow: {
type: Boolean,
default: () => getConfig().modal.showTitleOverflow
},
transfer: {
type: Boolean,
default: () => getConfig().modal.transfer
},
storage: {
type: Boolean,
default: () => getConfig().modal.storage
},
storageKey: {
type: String,
default: () => getConfig().modal.storageKey
},
padding: {
type: Boolean,
default: () => getConfig().modal.padding
},
size: {
type: String,
default: () => getConfig().modal.size || getConfig().size
},
beforeHideMethod: Function,
slots: Object,
/**
* 已废弃
* @deprecated
*/
message: [Number, String],
/**
* 已废弃
* @deprecated
*/
animat: {
type: Boolean,
default: () => getConfig().modal.animat
}
},
emits: ['update:modelValue', 'show', 'hide', 'before-hide', 'close', 'confirm', 'cancel', 'zoom', 'resize', 'move'],
setup(props, context) {
const {
slots,
emit
} = context;
const xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
const $xeParentModal = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeModal', null);
const $xeDrawer = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeDrawer', null);
const $xeTable = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeTable', null);
const $xeForm = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeForm', null);
const {
computeSize
} = useSize(props);
const reactData = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.reactive)({
initialized: false,
visible: false,
contentVisible: false,
modalTop: 0,
modalZindex: 0,
prevZoomStatus: '',
zoomStatus: '',
revertLocat: null,
prevLocat: null,
firstOpen: true,
resizeFlag: 1
});
const internalData = {
msgTimeout: undefined
};
const refElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
const refModalBox = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
const refHeaderElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
const refConfirmBtn = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
const refCancelBtn = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
const refMaps = {
refElem
};
const computeBtnTransfer = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
const {
transfer
} = props;
if (transfer === null) {
const globalTransfer = getConfig().modal.transfer;
if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isBoolean(globalTransfer)) {
return globalTransfer;
}
if ($xeTable || $xeParentModal || $xeDrawer || $xeForm) {
return true;
}
}
return transfer;
});
const computeIsMsg = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
return props.type === 'message' || props.type === 'notification';
});
const computeIsMinimizeStatus = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
return reactData.zoomStatus === 'minimize';
});
const computeIsMaximizeStatus = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
return reactData.zoomStatus === 'maximize';
});
const computeZoomOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
return Object.assign({}, getConfig().modal.zoomConfig, props.zoomConfig);
});
const computeMaps = {
computeSize,
computeZoomOpts
};
const $xeModal = {
xID,
props,
context,
reactData,
internalData,
getRefMaps: () => refMaps,
getComputeMaps: () => computeMaps
};
let modalMethods = {};
const getBox = () => {
const boxElem = refModalBox.value;
return boxElem;
};
const recalculate = () => {
const {
width,
height
} = props;
const boxElem = getBox();
if (boxElem) {
boxElem.style.width = width ? toCssUnit(width) : '';
boxElem.style.height = height ? toCssUnit(height) : '';
}
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
};
const updateZindex = () => {
const {
zIndex
} = props;
const {
modalZindex
} = reactData;
if (zIndex) {
reactData.modalZindex = zIndex;
} else {
const isMsg = computeIsMsg.value;
if (isMsg) {
if (modalZindex < getSubLastZIndex()) {
reactData.modalZindex = nextSubZIndex();
}
} else {
if (modalZindex < getLastZIndex()) {
reactData.modalZindex = nextZIndex();
}
}
}
};
const updatePosition = () => {
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)().then(() => {
const {
position
} = props;
const marginSize = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(props.marginSize);
const boxElem = getBox();
if (!boxElem) {
return;
}
const clientVisibleWidth = document.documentElement.clientWidth || document.body.clientWidth;
const clientVisibleHeight = document.documentElement.clientHeight || document.body.clientHeight;
const isPosCenter = position === 'center';
const {
top,
left
} = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isString(position) ? {
top: position,
left: position
} : Object.assign({}, position);
const topCenter = isPosCenter || top === 'center';
const leftCenter = isPosCenter || left === 'center';
let posTop = '';
let posLeft = '';
if (left && !leftCenter) {
posLeft = isNaN(left) ? left : `${left}px`;
} else {
posLeft = `${Math.max(marginSize, clientVisibleWidth / 2 - boxElem.offsetWidth / 2)}px`;
}
if (top && !topCenter) {
posTop = isNaN(top) ? top : `${top}px`;
} else {
posTop = `${Math.max(marginSize, clientVisibleHeight / 2 - boxElem.offsetHeight / 2)}px`;
}
boxElem.style.top = posTop;
boxElem.style.left = posLeft;
});
};
const updateStyle = () => {
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)(() => {
const {
type
} = props;
const queueList = type === 'notification' ? notifyQueue : msgQueue;
let offsetTop = 0;
queueList.forEach(comp => {
const boxElem = comp.getBox();
if (boxElem) {
offsetTop += external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(comp.props.top);
comp.reactData.modalTop = offsetTop;
offsetTop += boxElem.clientHeight;
}
});
});
};
const removeMsgQueue = () => {
const {
type
} = props;
const queueList = type === 'notification' ? notifyQueue : msgQueue;
if (queueList.indexOf($xeModal) > -1) {
external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().remove(queueList, comp => comp === $xeModal);
}
updateStyle();
};
const closeModal = type => {
const {
remember
} = props;
const {
visible
} = reactData;
const isMsg = computeIsMsg.value;
const beforeHideFn = props.beforeHideMethod || getConfig().modal.beforeHideMethod;
const params = {
type
};
if (visible) {
Promise.resolve(beforeHideFn ? beforeHideFn(params) : null).then(rest => {
if (!external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isError(rest)) {
if (isMsg) {
removeMsgQueue();
}
reactData.contentVisible = false;
if (!remember) {
handleRevert();
}
external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().remove(allActiveModals, item => item === $xeModal);
dispatchEvent('before-hide', params, null);
setTimeout(() => {
reactData.visible = false;
emitModel(false);
dispatchEvent('hide', params, null);
}, 200);
removeBodyLockScroll();
}
}).catch(e => e);
}
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
};
const closeEvent = evnt => {
const type = 'close';
dispatchEvent(type, {
type
}, evnt);
closeModal(type);
};
const confirmEvent = evnt => {
const {
confirmClosable
} = props;
const type = 'confirm';
dispatchEvent(type, {
type
}, evnt);
if (confirmClosable) {
closeModal(type);
}
};
const cancelEvent = evnt => {
const {
cancelClosable
} = props;
const type = 'cancel';
dispatchEvent(type, {
type
}, evnt);
if (cancelClosable) {
closeModal(type);
}
};
const getStorageMap = key => {
const version = getConfig().version;
const rest = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toStringJSON(localStorage.getItem(key) || '');
return rest && rest._v === version ? rest : {
_v: version
};
};
const hasPosStorage = () => {
const {
id,
storage,
storageKey
} = props;
return !!(id && storage && getStorageMap(storageKey)[id]);
};
const restorePosStorage = () => {
const {
id,
storage,
storageKey
} = props;
if (id && storage) {
const posStorage = getStorageMap(storageKey)[id];
if (posStorage) {
const boxElem = getBox();
const [left, top, width, height, zoomLeft, zoomTop, zoomWidth, zoomHeight] = posStorage.split(',');
if (boxElem) {
if (left) {
boxElem.style.left = `${left}px`;
}
if (top) {
boxElem.style.top = `${top}px`;
}
if (width) {
boxElem.style.width = `${width}px`;
}
if (height) {
boxElem.style.height = `${height}px`;
}
}
if (zoomLeft && zoomTop) {
reactData.revertLocat = {
left: zoomLeft,
top: zoomTop,
width: zoomWidth,
height: zoomHeight
};
}
}
}
};
const addMsgQueue = () => {
const {
type
} = props;
const queueList = type === 'notification' ? notifyQueue : msgQueue;
if (queueList.indexOf($xeModal) === -1) {
queueList.push($xeModal);
}
updateStyle();
};
const savePosStorage = () => {
const {
id,
storage,
storageKey
} = props;
const {
zoomStatus,
revertLocat
} = reactData;
if (zoomStatus) {
return;
}
if (id && storage) {
const boxElem = getBox();
if (!boxElem) {
return;
}
const posStorageMap = getStorageMap(storageKey);
posStorageMap[id] = [boxElem.style.left, boxElem.style.top, boxElem.clientWidth, boxElem.clientHeight].concat(revertLocat ? [revertLocat.left, revertLocat.top, revertLocat.width, revertLocat.height] : []).map(val => val ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(val) : '').join(',');
localStorage.setItem(storageKey, external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toJSONString(posStorageMap));
}
};
const handleMinimize = () => {
const zoomOpts = computeZoomOpts.value;
const {
minimizeLayout,
minimizeMaxSize,
minimizeHorizontalOffset,
minimizeVerticalOffset,
minimizeOffsetMethod
} = zoomOpts;
const isHorizontalLayout = minimizeLayout === 'horizontal';
const prevZoomStatus = reactData.zoomStatus;
const hlMList = [];
const vlMList = [];
allActiveModals.forEach(item => {
if (item.xID !== $xeModal.xID && item.props.type === 'modal' && item.reactData.zoomStatus === 'minimize') {
const itemZoomOpts = item.getComputeMaps().computeZoomOpts.value;
if (itemZoomOpts.minimizeLayout === 'horizontal') {
hlMList.push(item);
} else {
vlMList.push(item);
}
}
});
const mList = isHorizontalLayout ? hlMList : vlMList;
// 如果配置最小化最大数量
if (minimizeMaxSize && mList.length >= minimizeMaxSize) {
if (index_esm_VxeUI.modal) {
index_esm_VxeUI.modal.message({
status: 'error',
content: getI18n('vxe.modal.miniMaxSize', [minimizeMaxSize])
});
}
return Promise.resolve({
status: false
});
}
reactData.prevZoomStatus = prevZoomStatus;
reactData.zoomStatus = 'minimize';
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)().then(() => {
const boxElem = getBox();
if (!boxElem) {
return {
status: false
};
}
const headerEl = refHeaderElem.value;
if (!headerEl) {
return {
status: false
};
}
const {
visibleHeight
} = getDomNode();
// 如果当前处于复原状态
if (!prevZoomStatus) {
reactData.revertLocat = {
top: boxElem.offsetTop,
left: boxElem.offsetLeft,
width: boxElem.offsetWidth + (boxElem.style.width ? 0 : 1),
height: boxElem.offsetHeight + (boxElem.style.height ? 0 : 1)
};
}
const targetModal = (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default())[isHorizontalLayout ? 'max' : 'min'](mList, $modal => {
const boxElem = $modal.getBox();
return boxElem ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(boxElem.style[isHorizontalLayout ? 'left' : 'top']) : 0;
});
let targetTop = visibleHeight - headerEl.offsetHeight - 16;
let targetLeft = 16;
if (targetModal) {
const minBoxElem = targetModal.getBox();
if (minBoxElem) {
const boxLeft = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(minBoxElem.style.left);
const boxTop = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(minBoxElem.style.top);
let offsetObj = {};
if (isHorizontalLayout) {
offsetObj = Object.assign({}, minimizeHorizontalOffset);
} else {
offsetObj = Object.assign({}, minimizeVerticalOffset);
}
targetLeft = boxLeft + external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(offsetObj.left);
targetTop = boxTop + external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(offsetObj.top);
if (minimizeOffsetMethod) {
offsetObj = minimizeOffsetMethod({
$modal: $xeModal,
left: targetLeft,
top: targetTop
});
targetLeft = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(offsetObj.left);
targetTop = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(offsetObj.top);
}
}
}
Object.assign(boxElem.style, {
top: `${targetTop}px`,
left: `${targetLeft}px`,
width: '200px',
height: `${headerEl.offsetHeight}px`
});
savePosStorage();
return {
status: true
};
});
};
const handleMaximize = () => {
const prevZoomStatus = reactData.zoomStatus;
reactData.prevZoomStatus = prevZoomStatus;
reactData.zoomStatus = 'maximize';
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)().then(() => {
const boxElem = getBox();
if (boxElem) {
// 如果当前处于复原状态
if (!prevZoomStatus) {
const marginSize = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(props.marginSize);
const clientVisibleWidth = document.documentElement.clientWidth || document.body.clientWidth;
const clientVisibleHeight = document.documentElement.clientHeight || document.body.clientHeight;
reactData.revertLocat = {
top: Math.max(marginSize, clientVisibleHeight / 2 - boxElem.offsetHeight / 2),
left: Math.max(marginSize, clientVisibleWidth / 2 - boxElem.offsetWidth / 2),
width: boxElem.offsetWidth + (boxElem.style.width ? 0 : 1),
height: boxElem.offsetHeight + (boxElem.style.height ? 0 : 1)
};
}
Object.assign(boxElem.style, {
top: '0',
left: '0',
width: '100%',
height: '100%'
});
}
savePosStorage();
return {
status: true
};
});
};
const handleMsgAutoClose = () => {
const {
duration
} = props;
if (duration !== -1) {
internalData.msgTimeout = setTimeout(() => closeModal('close'), external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(duration));
}
};
const removeBodyLockScroll = () => {
const htmlElem = document.documentElement;
const lockData = htmlElem.getAttribute(lockScrollAttrKey);
if (lockData) {
const lockList = lockData.split(',').filter(key => key !== xID);
if (lockList.length) {
htmlElem.setAttribute(lockScrollAttrKey, lockList.join(','));
} else {
htmlElem.removeAttribute(lockScrollAttrKey);
htmlElem.style.removeProperty(lockScrollCssWidthKey);
}
}
};
const addBodyLockScroll = () => {
const {
lockScroll
} = props;
const isMsg = computeIsMsg.value;
if (lockScroll && !isMsg) {
const htmlElem = document.documentElement;
const clientWidth = document.body.clientWidth;
const lockData = htmlElem.getAttribute(lockScrollAttrKey);
const lockList = lockData ? lockData.split(',') : [];
if (!lockList.includes(xID)) {
lockList.push(xID);
htmlElem.setAttribute(lockScrollAttrKey, lockList.join(','));
}
htmlElem.style.setProperty(lockScrollCssWidthKey, `${clientWidth}px`);
}
};
const openModal = () => {
const {
remember,
showFooter
} = props;
const {
initialized,
visible
} = reactData;
const isMsg = computeIsMsg.value;
if (!initialized) {
reactData.initialized = true;
}
if (!visible) {
addBodyLockScroll();
reactData.visible = true;
reactData.contentVisible = false;
updateZindex();
allActiveModals.push($xeModal);
setTimeout(() => {
reactData.contentVisible = true;
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)(() => {
if (showFooter) {
const confirmBtn = refConfirmBtn.value;
const cancelBtn = refCancelBtn.value;
const operBtn = confirmBtn || cancelBtn;
if (operBtn) {
operBtn.focus();
}
}
const type = '';
const params = {
type
};
emitModel(true);
dispatchEvent('show', params, null);
});
}, 10);
if (isMsg) {
addMsgQueue();
handleMsgAutoClose();
} else {
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)(() => {
const {
fullscreen
} = props;
const {
firstOpen
} = reactData;
if (firstOpen) {
reactData.firstOpen = false;
if (hasPosStorage()) {
restorePosStorage();
} else {
if (fullscreen) {
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)(() => handleMaximize());
} else {
recalculate();
updatePosition().then(() => {
setTimeout(() => updatePosition(), 20);
});
}
}
} else {
if (!remember) {
recalculate();
updatePosition().then(() => {
setTimeout(() => updatePosition(), 20);
});
}
}
});
}
}
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
};
const selfClickEvent = evnt => {
const el = refElem.value;
if (props.maskClosable && evnt.target === el) {
const type = 'mask';
closeModal(type);
}
};
const selfMouseoverEvent = () => {
const {
msgTimeout
} = internalData;
if (!msgTimeout) {
return;
}
const isMsg = computeIsMsg.value;
if (isMsg) {
clearTimeout(msgTimeout);
internalData.msgTimeout = undefined;
}
};
const selfMouseoutEvent = () => {
const {
msgTimeout
} = internalData;
if (!msgTimeout) {
const isMsg = computeIsMsg.value;
if (isMsg) {
handleMsgAutoClose();
}
}
};
const handleGlobalKeydownEvent = evnt => {
const isEsc = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ESCAPE);
if (isEsc) {
const lastModal = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().max(allActiveModals, item => item.reactData.modalZindex);
// 多个时，只关掉最上层的窗口
if (lastModal) {
setTimeout(() => {
if (lastModal === $xeModal && lastModal.props.escClosable) {
const type = 'exit';
dispatchEvent('close', {
type
}, evnt);
closeModal(type);
}
}, 10);
}
}
};
const isMinimized = () => {
return reactData.zoomStatus === 'minimize';
};
const isMaximized = () => {
return reactData.zoomStatus === 'maximize';
};
const handleRevert = () => {
reactData.prevZoomStatus = reactData.zoomStatus;
reactData.zoomStatus = '';
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)().then(() => {
const {
revertLocat
} = reactData;
if (revertLocat) {
const boxElem = getBox();
reactData.revertLocat = null;
if (boxElem) {
Object.assign(boxElem.style, {
top: `${revertLocat.top}px`,
left: `${revertLocat.left}px`,
width: `${revertLocat.width}px`,
height: `${revertLocat.height}px`
});
}
savePosStorage();
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)().then(() => {
return {
status: true
};
});
}
return {
status: false
};
});
};
const handleZoom = type => {
const {
zoomStatus
} = reactData;
return new Promise(resolve => {
if (type) {
if (type === 'maximize') {
resolve(handleMaximize());
return;
}
if (type === 'minimize') {
resolve(handleMinimize());
return;
}
resolve(handleRevert());
return;
}
resolve(zoomStatus ? handleRevert() : handleMaximize());
}).then(() => {
return reactData.zoomStatus || 'revert';
});
};
const toggleZoomMinEvent = evnt => {
const {
zoomStatus,
prevZoomStatus
} = reactData;
return handleZoom(zoomStatus === 'minimize' ? prevZoomStatus || 'revert' : 'minimize').then(type => {
const params = {
type
};
dispatchEvent('zoom', params, evnt);
});
};
const toggleZoomMaxEvent = evnt => {
return handleZoom().then(type => {
const params = {
type
};
dispatchEvent('zoom', params, evnt);
});
};
const getPosition = () => {
const isMsg = computeIsMsg.value;
if (!isMsg) {
const boxElem = getBox();
if (boxElem) {
return {
top: boxElem.offsetTop,
left: boxElem.offsetLeft
};
}
}
return null;
};
const setPosition = (top, left) => {
const isMsg = computeIsMsg.value;
if (!isMsg) {
const boxElem = getBox();
if (boxElem) {
if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isNumber(top)) {
boxElem.style.top = `${top}px`;
}
if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isNumber(left)) {
boxElem.style.left = `${left}px`;
}
}
}
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
};
const boxMousedownEvent = () => {
const {
modalZindex
} = reactData;
if (allActiveModals.some(comp => comp.reactData.visible && comp.reactData.modalZindex > modalZindex)) {
updateZindex();
}
};
const mousedownEvent = evnt => {
const {
storage
} = props;
const {
zoomStatus
} = reactData;
const marginSize = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(props.marginSize);
const boxElem = getBox();
if (!boxElem) {
return;
}
if (zoomStatus !== 'maximize' && evnt.button === 0 && !getEventTargetNode(evnt, boxElem, 'trigger--btn').flag) {
evnt.preventDefault();
const disX = evnt.clientX - boxElem.offsetLeft;
const disY = evnt.clientY - boxElem.offsetTop;
const {
visibleHeight,
visibleWidth
} = getDomNode();
document.onmousemove = evnt => {
evnt.preventDefault();
const offsetWidth = boxElem.offsetWidth;
const offsetHeight = boxElem.offsetHeight;
const minX = marginSize;
const maxX = visibleWidth - offsetWidth - marginSize - 1;
const minY = marginSize;
const maxY = visibleHeight - offsetHeight - marginSize - 1;
let left = evnt.clientX - disX;
let top = evnt.clientY - disY;
if (left > maxX) {
left = maxX;
}
if (left < minX) {
left = minX;
}
if (top > maxY) {
top = maxY;
}
if (top < minY) {
top = minY;
}
boxElem.style.left = `${left}px`;
boxElem.style.top = `${top}px`;
boxElem.className = boxElem.className.replace(/\s?is--drag/, '') + ' is--drag';
dispatchEvent('move', {
type: 'move'
}, evnt);
reactData.resizeFlag++;
};
document.onmouseup = () => {
document.onmousemove = null;
document.onmouseup = null;
if (storage) {
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)(() => {
savePosStorage();
});
}
reactData.resizeFlag++;
setTimeout(() => {
boxElem.className = boxElem.className.replace(/\s?is--drag/, '');
}, 50);
};
}
};
const dragEvent = evnt => {
evnt.preventDefault();
const {
storage
} = props;
const {
visibleHeight,
visibleWidth
} = getDomNode();
const marginSize = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(props.marginSize);
const targetElem = evnt.target;
const type = targetElem.getAttribute('type');
const minWidth = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(props.minWidth);
const minHeight = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(props.minHeight);
const maxWidth = visibleWidth;
const maxHeight = visibleHeight;
const boxElem = getBox();
const clientWidth = boxElem.clientWidth;
const clientHeight = boxElem.clientHeight;
const disX = evnt.clientX;
const disY = evnt.clientY;
const offsetTop = boxElem.offsetTop;
const offsetLeft = boxElem.offsetLeft;
const params = {
type: 'resize'
};
document.onmousemove = evnt => {
evnt.preventDefault();
let dragLeft;
let dragTop;
let width;
let height;
switch (type) {
case 'wl':
dragLeft = disX - evnt.clientX;
width = dragLeft + clientWidth;
if (offsetLeft - dragLeft > marginSize) {
if (width > minWidth) {
boxElem.style.width = `${width < maxWidth ? width : maxWidth}px`;
boxElem.style.left = `${offsetLeft - dragLeft}px`;
}
}
break;
case 'swst':
dragLeft = disX - evnt.clientX;
dragTop = disY - evnt.clientY;
width = dragLeft + clientWidth;
height = dragTop + clientHeight;
if (offsetLeft - dragLeft > marginSize) {
if (width > minWidth) {
boxElem.style.width = `${width < maxWidth ? width : maxWidth}px`;
boxElem.style.left = `${offsetLeft - dragLeft}px`;
}
}
if (offsetTop - dragTop > marginSize) {
if (height > minHeight) {
boxElem.style.height = `${height < maxHeight ? height : maxHeight}px`;
boxElem.style.top = `${offsetTop - dragTop}px`;
}
}
break;
case 'swlb':
dragLeft = disX - evnt.clientX;
dragTop = evnt.clientY - disY;
width = dragLeft + clientWidth;
height = dragTop + clientHeight;
if (offsetLeft - dragLeft > marginSize) {
if (width > minWidth) {
boxElem.style.width = `${width < maxWidth ? width : maxWidth}px`;
boxElem.style.left = `${offsetLeft - dragLeft}px`;
}
}
if (offsetTop + height + marginSize < visibleHeight) {
if (height > minHeight) {
boxElem.style.height = `${height < maxHeight ? height : maxHeight}px`;
}
}
break;
case 'st':
dragTop = disY - evnt.clientY;
height = clientHeight + dragTop;
if (offsetTop - dragTop > marginSize) {
if (height > minHeight) {
boxElem.style.height = `${height < maxHeight ? height : maxHeight}px`;
boxElem.style.top = `${offsetTop - dragTop}px`;
}
}
break;
case 'wr':
dragLeft = evnt.clientX - disX;
width = dragLeft + clientWidth;
if (offsetLeft + width + marginSize < visibleWidth) {
if (width > minWidth) {
boxElem.style.width = `${width < maxWidth ? width : maxWidth}px`;
}
}
break;
case 'sest':
dragLeft = evnt.clientX - disX;
dragTop = disY - evnt.clientY;
width = dragLeft + clientWidth;
height = dragTop + clientHeight;
if (offsetLeft + width + marginSize < visibleWidth) {
if (width > minWidth) {
boxElem.style.width = `${width < maxWidth ? width : maxWidth}px`;
}
}
if (offsetTop - dragTop > marginSize) {
if (height > minHeight) {
boxElem.style.height = `${height < maxHeight ? height : maxHeight}px`;
boxElem.style.top = `${offsetTop - dragTop}px`;
}
}
break;
case 'selb':
dragLeft = evnt.clientX - disX;
dragTop = evnt.clientY - disY;
width = dragLeft + clientWidth;
height = dragTop + clientHeight;
if (offsetLeft + width + marginSize < visibleWidth) {
if (width > minWidth) {
boxElem.style.width = `${width < maxWidth ? width : maxWidth}px`;
}
}
if (offsetTop + height + marginSize < visibleHeight) {
if (height > minHeight) {
boxElem.style.height = `${height < maxHeight ? height : maxHeight}px`;
}
}
break;
case 'sb':
dragTop = evnt.clientY - disY;
height = dragTop + clientHeight;
if (offsetTop + height + marginSize < visibleHeight) {
if (height > minHeight) {
boxElem.style.height = `${height < maxHeight ? height : maxHeight}px`;
}
}
break;
}
boxElem.className = boxElem.className.replace(/\s?is--drag/, '') + ' is--drag';
if (storage) {
savePosStorage();
}
dispatchEvent('resize', params, evnt);
};
document.onmouseup = () => {
reactData.revertLocat = null;
document.onmousemove = null;
document.onmouseup = null;
setTimeout(() => {
boxElem.className = boxElem.className.replace(/\s?is--drag/, '');
}, 50);
};
};
const dispatchEvent = (type, params, evnt) => {
emit(type, createEvent(evnt, {
$modal: $xeModal
}, params));
};
const emitModel = value => {
emit('update:modelValue', value);
};
modalMethods = {
dispatchEvent,
open: openModal,
close() {
return closeModal('close');
},
getBox,
getPosition,
setPosition,
isMinimized,
isMaximized,
zoom() {
return handleZoom();
},
minimize() {
if (!reactData.visible) {
return Promise.resolve({
status: false
});
}
return handleMinimize();
},
maximize() {
if (!reactData.visible) {
return Promise.resolve({
status: false
});
}
return handleMaximize();
},
revert() {
if (!reactData.visible) {
return Promise.resolve({
status: false
});
}
return handleRevert();
}
};
Object.assign($xeModal, modalMethods);
const renderTitles = () => {
const {
slots: propSlots = {},
showClose,
showZoom,
showMaximize,
showMinimize,
title
} = props;
const {
zoomStatus
} = reactData;
const titleSlot = slots.title || propSlots.title;
const cornerSlot = slots.corner || propSlots.corner;
const isMinimizeStatus = computeIsMinimizeStatus.value;
const isMaximizeStatus = computeIsMaximizeStatus.value;
return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-modal--header-title'
}, titleSlot ? vn_getSlotVNs(titleSlot({
$modal: $xeModal,
minimized: isMinimizeStatus,
maximized: isMaximizeStatus
})) : title ? getFuncText(title) : getI18n('vxe.alert.title')), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-modal--header-right'
}, [cornerSlot && !isMinimizeStatus ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-modal--corner-wrapper'
}, vn_getSlotVNs(cornerSlot({
$modal: $xeModal
}))) : renderEmptyElement($xeModal), (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isBoolean(showMinimize) ? showMinimize : showZoom) ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: ['vxe-modal--zoom-btn', 'trigger--btn'],
title: getI18n(`vxe.modal.zoom${zoomStatus === 'minimize' ? 'Out' : 'Min'}`),
onClick: toggleZoomMinEvent
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('i', {
class: zoomStatus === 'minimize' ? getIcon().MODAL_ZOOM_REVERT : getIcon().MODAL_ZOOM_MIN
})]) : renderEmptyElement($xeModal), (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isBoolean(showMaximize) ? showMaximize : showZoom) && zoomStatus !== 'minimize' ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: ['vxe-modal--zoom-btn', 'trigger--btn'],
title: getI18n(`vxe.modal.zoom${zoomStatus === 'maximize' ? 'Out' : 'In'}`),
onClick: toggleZoomMaxEvent
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('i', {
class: zoomStatus === 'maximize' ? getIcon().MODAL_ZOOM_OUT : getIcon().MODAL_ZOOM_IN
})]) : renderEmptyElement($xeModal), showClose ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: ['vxe-modal--close-btn', 'trigger--btn'],
title: getI18n('vxe.modal.close'),
onClick: closeEvent
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('i', {
class: getIcon().MODAL_CLOSE
})]) : renderEmptyElement($xeModal)])];
};
const renderHeader = () => {
const {
slots: propSlots = {},
showZoom,
showMaximize,
draggable
} = props;
const headerSlot = slots.header || propSlots.header;
if (props.showHeader) {
const headerOns = {};
if (draggable) {
headerOns.onMousedown = mousedownEvent;
}
if ((external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isBoolean(showMaximize) ? showMaximize : showZoom) && props.dblclickZoom && props.type === 'modal') {
headerOns.onDblclick = toggleZoomMaxEvent;
}
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
ref: refHeaderElem,
class: ['vxe-modal--header', {
'is--ellipsis': props.showTitleOverflow
}],
...headerOns
}, headerSlot ? vn_getSlotVNs(headerSlot({
$modal: $xeModal
})) : renderTitles());
}
return renderEmptyElement($xeModal);
};
const renderBody = () => {
const {
slots: propSlots = {},
status,
message,
iconStatus
} = props;
const content = props.content || message;
const isMsg = computeIsMsg.value;
const defaultSlot = slots.default || propSlots.default;
const leftSlot = slots.left || propSlots.left;
const rightSlot = slots.right || propSlots.right;
const contVNs = [];
if (!isMsg && (status || iconStatus)) {
contVNs.push((0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-modal--status-wrapper'
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('i', {
class: ['vxe-modal--status-icon', iconStatus || getIcon()[`MODAL_${status}`.toLocaleUpperCase()]]
})]));
}
contVNs.push((0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-modal--content'
}, defaultSlot ? vn_getSlotVNs(defaultSlot({
$modal: $xeModal
})) : getFuncText(content)));
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-modal--body'
}, [leftSlot ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-modal--body-left'
}, vn_getSlotVNs(leftSlot({
$modal: $xeModal
}))) : renderEmptyElement($xeModal), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-modal--body-default'
}, contVNs), rightSlot ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-modal--body-right'
}, vn_getSlotVNs(rightSlot({
$modal: $xeModal
}))) : renderEmptyElement($xeModal), isMsg ? renderEmptyElement($xeModal) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(loading, {
class: 'vxe-modal--loading',
modelValue: props.loading
})]);
};
const renderDefaultFooter = () => {
const {
slots: propSlots = {},
showCancelButton,
showConfirmButton,
type,
loading
} = props;
const lfSlot = slots.leftfoot || propSlots.leftfoot;
const rfSlot = slots.rightfoot || propSlots.rightfoot;
const btnVNs = [];
if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isBoolean(showCancelButton) ? showCancelButton : type === 'confirm') {
btnVNs.push((0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(src_button, {
key: 1,
ref: refCancelBtn,
content: props.cancelButtonText || getI18n('vxe.button.cancel'),
onClick: cancelEvent
}));
}
if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isBoolean(showConfirmButton) ? showConfirmButton : type === 'confirm' || type === 'alert') {
btnVNs.push((0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(src_button, {
key: 2,
ref: refConfirmBtn,
loading: loading,
status: 'primary',
content: props.confirmButtonText || getI18n('vxe.button.confirm'),
onClick: confirmEvent
}));
}
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-modal--footer-wrapper'
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-modal--footer-left'
}, lfSlot ? vn_getSlotVNs(lfSlot({
$modal: $xeModal
})) : []), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-modal--footer-right'
}, rfSlot ? vn_getSlotVNs(rfSlot({
$modal: $xeModal
})) : btnVNs)]);
};
const renderFooter = () => {
const {
slots: propSlots = {}
} = props;
const footerSlot = slots.footer || propSlots.footer;
if (props.showFooter) {
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-modal--footer'
}, footerSlot ? vn_getSlotVNs(footerSlot({
$modal: $xeModal
})) : [renderDefaultFooter()]);
}
return renderEmptyElement($xeModal);
};
const renderVN = () => {
const {
slots: propSlots = {},
className,
type,
animat,
draggable,
iconStatus,
position,
loading,
destroyOnClose,
status,
lockScroll,
padding,
lockView,
mask,
resize
} = props;
const {
initialized,
modalTop,
contentVisible,
visible,
zoomStatus
} = reactData;
const asideSlot = slots.aside || propSlots.aside;
const vSize = computeSize.value;
const isMsg = computeIsMsg.value;
const isMinimizeStatus = computeIsMinimizeStatus.value;
const btnTransfer = computeBtnTransfer.value;
const ons = {};
if (isMsg) {
ons.onMouseover = selfMouseoverEvent;
ons.onMouseout = selfMouseoutEvent;
}
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(external_commonjs_vue_commonjs2_vue_root_Vue_.Teleport, {
to: 'body',
disabled: btnTransfer ? !initialized : true
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
ref: refElem,
class: ['vxe-modal--wrapper', `type--${type}`, `zoom--${zoomStatus || 'revert'}`, className || '', position ? `pos--${position}` : '', {
[`size--${vSize}`]: vSize,
[`status--${status}`]: status,
'is--padding': padding,
'is--animat': animat,
'lock--scroll': lockScroll,
'lock--view': lockView,
'is--draggable': draggable,
'is--resize': resize,
'is--mask': mask,
'is--visible': contentVisible,
'is--active': visible,
'is--loading': loading
}],
style: {
zIndex: reactData.modalZindex,
top: modalTop ? `${modalTop}px` : null
},
onClick: selfClickEvent,
...ons
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
ref: refModalBox,
class: 'vxe-modal--box',
onMousedown: boxMousedownEvent
}, [(isMsg || asideSlot) && !isMinimizeStatus ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-modal--aside'
}, asideSlot ? vn_getSlotVNs(asideSlot({
$modal: $xeModal
})) : [status || iconStatus ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-modal--status-wrapper'
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('i', {
class: ['vxe-modal--status-icon', iconStatus || getIcon()[`MODAL_${status}`.toLocaleUpperCase()]]
})]) : renderEmptyElement($xeModal)]) : renderEmptyElement($xeModal), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-modal--container'
}, !reactData.initialized || destroyOnClose && !reactData.visible ? [] : [renderHeader(), renderBody(), renderFooter(), !isMsg && resize ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
class: 'vxe-modal--resize'
}, ['wl', 'wr', 'swst', 'sest', 'st', 'swlb', 'selb', 'sb'].map(type => {
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
class: `${type}-resize`,
type: type,
onMousedown: dragEvent
});
})) : renderEmptyElement($xeModal)])])])]);
};
$xeModal.renderVN = renderVN;
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.width, recalculate);
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.height, recalculate);
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.modelValue, value => {
if (value) {
openModal();
} else {
closeModal('model');
}
});
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(() => {
if (props.type === 'modal' && props.showFooter && !(props.showConfirmButton || props.showCancelButton || slots.footer)) {
warnLog('vxe.modal.footPropErr');
}
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)(() => {
if (props.storage && !props.id) {
errLog('vxe.error.reqProp', ['[modal] id']);
}
if (props.modelValue) {
openModal();
}
recalculate();
});
if (props.escClosable) {
globalEvents.on($xeModal, 'keydown', handleGlobalKeydownEvent);
}
});
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.onUnmounted)(() => {
globalEvents.off($xeModal, 'keydown');
removeMsgQueue();
removeBodyLockScroll();
});
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('$xeModal', $xeModal);
return $xeModal;
},
render() {
return this.renderVN();
}
}));
;// CONCATENATED MODULE: ./packages/modal/index.ts
function handleModal(options) {
// 使用动态组件渲染动态弹框
checkDynamic();
return new Promise(resolve => {
const opts = Object.assign({}, options);
if (opts.id && allActiveModals.some(comp => comp.props.id === opts.id)) {
resolve('exist');
} else {
const _onHide = opts.onHide;
const modalOpts = Object.assign(opts, {
key: external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId(),
modelValue: true,
onHide(params) {
const modalList = dynamicStore.modals;
if (_onHide) {
_onHide(params);
}
dynamicStore.modals = modalList.filter(item => item.key !== modalOpts.key);
resolve(params.type);
}
});
dynamicStore.modals.push(modalOpts);
}
});
}
function getModal(id) {
return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().find(allActiveModals, $modal => $modal.props.id === id);
}
/**
* 全局关闭动态的活动窗口（只能用于关闭动态的创建的活动窗口）
* 如果传 id 则关闭指定的窗口
* 如果不传则关闭所有窗口
*/
function closeModal(id) {
const modals = id ? [getModal(id)] : allActiveModals;
const restPromises = [];
modals.forEach($modal => {
if ($modal) {
restPromises.push($modal.close());
}
});
return Promise.all(restPromises);
}
function handleOpen(defOpts, content, title, options) {
let opts;
if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isObject(content)) {
opts = content;
} else {
opts = {
content: external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toValueString(content),
title
};
}
return handleModal({
...defOpts,
...options,
...opts
});
}
function openModal(options) {
return handleOpen({
type: 'modal'
}, options);
}
function openAlert(content, title, options) {
return handleOpen({
type: 'alert',
lockScroll: true,
showHeader: true,
showFooter: true
}, content, title, options);
}
function openConfirm(content, title, options) {
return handleOpen({
type: 'confirm',
status: 'question',
lockScroll: true,
showHeader: true,
showFooter: true
}, content, title, options);
}
function openMessage(content, options) {
return handleOpen({
type: 'message',
mask: false,
lockView: false,
lockScroll: false,
showHeader: false
}, content, '', options);
}
function openNotification(content, title, options) {
return handleOpen({
type: 'notification',
mask: false,
lockView: false,
lockScroll: false,
showHeader: true,
draggable: false,
position: 'top-right',
width: 320
}, content, title, options);
}
const ModalController = {
get: getModal,
close: closeModal,
open: openModal,
alert: openAlert,
confirm: openConfirm,
message: openMessage,
notification: openNotification
};
const VxeModal = Object.assign(modal, {
install: function (app) {
app.component(modal.name, modal);
}
});
index_esm_VxeUI.modal = ModalController;
dynamicApp.use(VxeModal);
index_esm_VxeUI.component(modal);
const Modal = VxeModal;
/* harmony default export */ var packages_modal = (VxeModal);
;// CONCATENATED MODULE: ./packages/notice-bar/src/notice-bar.ts
/* harmony default export */ var notice_bar = (defineVxeComponent({
name: 'VxeNoticeBar',
props: {
duration: [String, Number],
direction: {
type: String,
default: () => getConfig().noticeBar.direction
},
speed: {
type: String,
default: () => getConfig().noticeBar.speed
},
content: String,
vertical: Boolean,
loop: {
type: Boolean
},
size: {
type: String,
default: () => getConfig().noticeBar.size || getConfig().size
}
},
emits: ['start', 'end'],
setup(props, context) {
const {
slots,
emit
} = context;
const $xeTabs = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeTabs', null);
const xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
const {
computeSize
} = useSize(props);
const refElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
const refContentElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
const reactData = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.reactive)({
animationStatus: false,
animationDuration: 0
});
const refMaps = {
refElem
};
const computeNoticeText = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
const {
content
} = props;
return `${content || ''}`;
});
const computeTabsResizeFlag = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
return $xeTabs ? $xeTabs.reactData.resizeFlag : null;
});
const computeMaps = {};
const $xeNoticeBar = {
xID,
props,
context,
reactData,
getRefMaps: () => refMaps,
getComputeMaps: () => computeMaps
};
const dispatchEvent = (type, params, evnt) => {
emit(type, createEvent(evnt, {
$noticeBar: $xeNoticeBar
}, params));
};
const noticeBarMethods = {
dispatchEvent
};
const noticeBarPrivateMethods = {};
const updateAnimationStyle = () => {
const {
speed
} = props;
const contEl = refContentElem.value;
if (contEl) {
let sRate = 46;
if (speed === 'fast') {
sRate = 118;
} else if (speed === 'slow') {
sRate = 18;
}
reactData.animationDuration = Math.ceil(contEl.scrollWidth / sRate);
}
};
const animationStartEvent = evnt => {
reactData.animationStatus = true;
dispatchEvent('start', {
status: true
}, evnt);
};
const animationEndEvent = evnt => {
reactData.animationStatus = false;
dispatchEvent('end', {
status: false
}, evnt);
};
Object.assign($xeNoticeBar, noticeBarMethods, noticeBarPrivateMethods);
const renderVN = () => {
const {
vertical,
duration,
direction,
loop
} = props;
const {
animationDuration,
animationStatus
} = reactData;
const vSize = computeSize.value;
const noticeText = computeNoticeText.value;
const defaultSlot = slots.default;
const prefixSlot = slots.prefix;
const suffixSlot = slots.suffix;
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
ref: refElem,
class: ['vxe-notice-bar', `is--${vertical ? 'vertical' : 'horizontal'}`, `dir--${direction || 'left'}`, {
[`size--${vSize}`]: vSize,
'is--loop': loop
}]
}, [prefixSlot ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-notice-bar--prefix'
}, prefixSlot({})) : renderEmptyElement($xeNoticeBar), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-notice-bar--content'
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
ref: refContentElem,
class: 'vxe-notice-bar--inner'
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: ['vxe-notice-bar--wrapper', `is--${animationStatus ? 'progress' : 'end'}`],
style: {
animationDuration: duration ? toCssUnit(duration, 's') : `${animationDuration}s`
},
onAnimationstart: animationStartEvent,
onAnimationend: animationEndEvent
}, defaultSlot ? defaultSlot({}) : noticeText)])]), suffixSlot ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-notice-bar--suffix'
}, suffixSlot({})) : renderEmptyElement($xeNoticeBar)]);
};
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(computeTabsResizeFlag, () => {
updateAnimationStyle();
});
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(() => {
globalEvents.on($xeNoticeBar, 'resize', updateAnimationStyle);
updateAnimationStyle();
});
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.onBeforeUnmount)(() => {
globalEvents.off($xeNoticeBar, 'resize');
});
$xeNoticeBar.renderVN = renderVN;
return $xeNoticeBar;
},
render() {
return this.renderVN();
}
}));
;// CONCATENATED MODULE: ./packages/notice-bar/index.ts
const VxeNoticeBar = Object.assign({}, notice_bar, {
install(app) {
app.component(notice_bar.name, notice_bar);
}
});
dynamicApp.use(VxeNoticeBar);
index_esm_VxeUI.component(notice_bar);
const NoticeBar = VxeNoticeBar;
/* harmony default export */ var packages_notice_bar = (VxeNoticeBar);
;// CONCATENATED MODULE: ./packages/number-input/index.ts
const VxeNumberInput = Object.assign({}, number_input, {
install(app) {
app.component(number_input.name, number_input);
}
});
dynamicApp.use(VxeNumberInput);
index_esm_VxeUI.component(number_input);
const NumberInput = VxeNumberInput;
/* harmony default export */ var packages_number_input = (VxeNumberInput);
;// CONCATENATED MODULE: ./packages/select/src/option-info.ts
class OptionInfo {
constructor($xeselect, _vm) {
Object.assign(this, {
id: external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId('option_'),
value: _vm.value,
label: _vm.label,
visible: _vm.visible,
className: _vm.className,
disabled: _vm.disabled
});
}
update(name, value) {
this[name] = value;
}
}
;// CONCATENATED MODULE: ./packages/select/src/util.ts
function isOption(option) {
return option instanceof OptionInfo;
}
function createOption($xeSelect, _vm) {
return isOption(_vm) ? _vm : new OptionInfo($xeSelect, _vm);
}
function watchOption(props, option) {
Object.keys(props).forEach(name => {
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props[name], value => {
option.update(name, value);
});
});
}
function assembleOption($xeSelect, el, option, $xeOptgroup) {
const {
reactData
} = $xeSelect;
const {
staticOptions
} = reactData;
const parentElem = el.parentNode;
const parentOption = $xeOptgroup ? $xeOptgroup.optionConfig : null;
const parentCols = parentOption ? parentOption.options : staticOptions;
if (parentElem && parentCols) {
parentCols.splice(external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().arrayIndexOf(parentElem.children, el), 0, option);
reactData.staticOptions = staticOptions.slice(0);
}
}
function destroyOption($xeSelect, option) {
const {
reactData
} = $xeSelect;
const {
staticOptions
} = reactData;
const matchObj = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().findTree(staticOptions, item => item.id === option.id, {
children: 'options'
});
if (matchObj) {
matchObj.items.splice(matchObj.index, 1);
}
reactData.staticOptions = staticOptions.slice(0);
}
;// CONCATENATED MODULE: ./packages/select/src/optgroup.ts
/* harmony default export */ var optgroup = (defineVxeComponent({
name: 'VxeOptgroup',
props: {
label: {
type: [String, Number, Boolean],
default: ''
},
visible: {
type: Boolean,
default: null
},
className: [String, Function],
disabled: Boolean
},
emits: [],
setup(props, {
slots
}) {
const elem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
const $xeSelect = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeSelect', {});
const optionConfig = createOption($xeSelect, props);
const $xeOptgroup = {
optionConfig
};
optionConfig.options = [];
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('$xeOptgroup', $xeOptgroup);
watchOption(props, optionConfig);
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(() => {
const el = elem.value;
assembleOption($xeSelect, el, optionConfig);
});
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.onUnmounted)(() => {
destroyOption($xeSelect, optionConfig);
});
return () => {
const defaultSlot = slots.default;
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
ref: elem
}, defaultSlot ? defaultSlot({}) : []);
};
}
}));
;// CONCATENATED MODULE: ./packages/optgroup/index.ts
const VxeOptgroup = Object.assign(optgroup, {
install: function (app) {
app.component(optgroup.name, optgroup);
}
});
dynamicApp.use(VxeOptgroup);
index_esm_VxeUI.component(optgroup);
const Optgroup = VxeOptgroup;
/* harmony default export */ var packages_optgroup = (VxeOptgroup);
;// CONCATENATED MODULE: ./packages/select/src/option.ts
/* harmony default export */ var src_option = (defineVxeComponent({
name: 'VxeOption',
props: {
value: [String, Number, Boolean],
label: {
type: [String, Number, Boolean],
default: ''
},
visible: {
type: Boolean,
default: null
},
className: [String, Function],
disabled: Boolean
},
emits: [],
setup(props, {
slots
}) {
const elem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
const $xeSelect = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeSelect', {});
const $xeOptgroup = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeOptgroup', null);
const optionConfig = createOption($xeSelect, props);
optionConfig.slots = slots;
watchOption(props, optionConfig);
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(() => {
const el = elem.value;
assembleOption($xeSelect, el, optionConfig, $xeOptgroup);
});
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.onUnmounted)(() => {
destroyOption($xeSelect, optionConfig);
});
return () => {
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
ref: elem
});
};
}
}));
;// CONCATENATED MODULE: ./packages/option/index.ts
const VxeOption = Object.assign(src_option, {
install: function (app) {
app.component(src_option.name, src_option);
}
});
dynamicApp.use(VxeOption);
index_esm_VxeUI.component(src_option);
const Option = VxeOption;
/* harmony default export */ var packages_option = (VxeOption);
;// CONCATENATED MODULE: ./packages/select/src/select.ts
function isOptionVisible(option) {
return option.visible !== false;
}
function getOptUniqueId() {
return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId('opt_');
}
function select_createInternalData() {
return {
synchData: [],
fullData: [],
afterVisibleList: [],
optAddMaps: {},
optGroupKeyMaps: {},
optFullValMaps: {},
remoteValMaps: {},
lastScrollLeft: 0,
lastScrollTop: 0,
scrollYStore: {
startIndex: 0,
endIndex: 0,
visibleSize: 0,
offsetSize: 0,
rowHeight: 0
},
lastScrollTime: 0,
hpTimeout: undefined
};
}
/* harmony default export */ var src_select = (defineVxeComponent({
name: 'VxeSelect',
props: {
modelValue: [String, Number, Boolean, Array],
defaultConfig: Object,
clearable: Boolean,
placeholder: String,
readonly: {
type: Boolean,
default: null
},
loading: Boolean,
disabled: {
type: Boolean,
default: null
},
multiple: Boolean,
multiCharOverflow: {
type: [Number, String],
default: () => getConfig().select.multiCharOverflow
},
prefixIcon: String,
allowCreate: {
type: Boolean,
default: () => getConfig().select.allowCreate
},
placement: String,
lazyOptions: Array,
options: Array,
optionProps: Object,
optionGroups: Array,
optionGroupProps: Object,
optionConfig: Object,
className: [String, Function],
popupClassName: [String, Function],
max: {
type: [String, Number],
default: null
},
zIndex: Number,
size: {
type: String,
default: () => getConfig().select.size || getConfig().size
},
filterable: Boolean,
filterMethod: Function,
remote: Boolean,
remoteConfig: Object,
emptyText: String,
showTotalButoon: {
type: Boolean,
default: () => getConfig().select.showTotalButoon
},
showCheckedButoon: {
type: Boolean,
default: () => getConfig().select.showCheckedButoon
},
showClearButton: {
type: Boolean,
default: () => getConfig().select.showClearButton
},
transfer: {
type: Boolean,
default: null
},
virtualYConfig: Object,
scrollY: Object,
/**
* 已废弃，被 remote-config.queryMethod 替换
* @deprecated
*/
remoteMethod: Function,
/**
* 已废弃，被 option-config.keyField 替换
* @deprecated
*/
optionId: {
type: String,
default: () => getConfig().select.optionId
},
/**
* 已废弃，被 option-config.useKey 替换
* @deprecated
*/
optionKey: Boolean
},
emits: ['update:modelValue', 'change', 'all-change', 'clear', 'blur', 'focus', 'click', 'scroll', 'visible-change'],
setup(props, context) {
const {
slots,
emit
} = context;
const $xeModal = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeModal', null);
const $xeDrawer = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeDrawer', null);
const $xeTable = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeTable', null);
const $xeForm = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeForm', null);
const formItemInfo = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('xeFormItemInfo', null);
const xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
const refElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
const refInput = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
const refInpSearch = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
const refVirtualWrapper = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
const refOptionPanel = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
const refVirtualBody = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
const {
computeSize
} = useSize(props);
const reactData = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.reactive)({
initialized: false,
scrollYLoad: false,
bodyHeight: 0,
topSpaceHeight: 0,
optList: [],
staticOptions: [],
reactFlag: 0,
currentOption: null,
searchValue: '',
searchLoading: false,
panelIndex: 0,
panelStyle: {},
panelPlacement: null,
triggerFocusPanel: false,
visiblePanel: false,
isAniVisible: false,
isActivated: false
});
const internalData = select_createInternalData();
const refMaps = {
refElem
};
const $xeSelect = {
xID,
props,
context,
reactData,
internalData,
getRefMaps: () => refMaps
};
const computeFormReadonly = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
const {
readonly
} = props;
if (readonly === null) {
if ($xeForm) {
return $xeForm.props.readonly;
}
return false;
}
return readonly;
});
const computeIsDisabled = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
const {
disabled
} = props;
if (disabled === null) {
if ($xeForm) {
return $xeForm.props.disabled;
}
return false;
}
return disabled;
});
const computeBtnTransfer = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
const {
transfer
} = props;
if (transfer === null) {
const globalTransfer = getConfig().select.transfer;
if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isBoolean(globalTransfer)) {
return globalTransfer;
}
if ($xeTable || $xeModal || $xeDrawer || $xeForm) {
return true;
}
}
return transfer;
});
const computeInpPlaceholder = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
const {
placeholder
} = props;
if (placeholder) {
return getFuncText(placeholder);
}
const globalPlaceholder = getConfig().select.placeholder;
if (globalPlaceholder) {
return getFuncText(globalPlaceholder);
}
return getI18n('vxe.base.pleaseSelect');
});
const computeDefaultOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
return Object.assign({}, props.defaultConfig);
});
const computePropsOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
return Object.assign({}, props.optionProps);
});
const computeGroupPropsOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
return Object.assign({}, props.optionGroupProps);
});
const computeLabelField = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
const propsOpts = computePropsOpts.value;
return propsOpts.label || 'label';
});
const computeValueField = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
const propsOpts = computePropsOpts.value;
return propsOpts.value || 'value';
});
const computeGroupLabelField = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
const groupPropsOpts = computeGroupPropsOpts.value;
return groupPropsOpts.label || 'label';
});
const computeGroupOptionsField = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
const groupPropsOpts = computeGroupPropsOpts.value;
return groupPropsOpts.options || 'options';
});
const computeIsMaximize = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
const selectVals = computeSelectVals.value;
return checkMaxLimit(selectVals);
});
const computeVirtualYOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
return Object.assign({}, getConfig().select.virtualYConfig || getConfig().select.scrollY, props.virtualYConfig || props.scrollY);
});
const computeRemoteOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
return Object.assign({}, getConfig().select.remoteConfig, props.remoteConfig);
});
const computeOptionOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
return Object.assign({}, getConfig().select.optionConfig, props.optionConfig);
});
const computeMultiMaxCharNum = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(props.multiCharOverflow);
});
const computeSelectVals = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
const {
modelValue,
multiple
} = props;
let vals = [];
if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(modelValue)) {
vals = modelValue;
} else {
if (multiple) {
if (!eqEmptyValue(modelValue)) {
vals = `${modelValue}`.indexOf(',') > -1 ? `${modelValue}`.split(',') : [modelValue];
}
} else {
vals = modelValue === null || modelValue === undefined ? [] : [modelValue];
}
}
return vals;
});
const computeFullLabel = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
const {
remote
} = props;
const {
reactFlag
} = reactData;
const selectVals = computeSelectVals.value;
if (remote && reactFlag) {
return selectVals.map(val => getRemoteSelectLabel(val)).join(', ');
}
return selectVals.map(val => getSelectLabel(val)).join(', ');
});
const computeSelectLabel = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
const {
remote,
multiple
} = props;
const {
reactFlag
} = reactData;
const multiMaxCharNum = computeMultiMaxCharNum.value;
const selectVals = computeSelectVals.value;
if (remote && reactFlag) {
return selectVals.map(val => getRemoteSelectLabel(val)).join(', ');
}
const labels = selectVals.map(val => getSelectLabel(val));
if (multiple && multiMaxCharNum > 0 && labels.length > multiMaxCharNum) {
return `${labels.slice(0, multiMaxCharNum)}...`;
}
return labels.join(', ');
});
const callSlot = (slotFunc, params) => {
if (slotFunc) {
if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isString(slotFunc)) {
slotFunc = slots[slotFunc] || null;
}
if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(slotFunc)) {
return vn_getSlotVNs(slotFunc(params));
}
}
return [];
};
const dispatchEvent = (type, params, evnt) => {
emit(type, createEvent(evnt, {
$select: $xeSelect
}, params));
};
const emitModel = value => {
emit('update:modelValue', value);
};
const getOptKey = () => {
const optionOpts = computeOptionOpts.value;
return optionOpts.keyField || props.optionId || '_X_OPTION_KEY';
};
const getOptId = option => {
const optid = option[getOptKey()];
return optid ? encodeURIComponent(optid) : '';
};
const checkMaxLimit = selectVals => {
const {
multiple,
max
} = props;
if (multiple && max) {
return selectVals.length >= external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(max);
}
return false;
};
const getRemoteSelectLabel = value => {
const {
lazyOptions
} = props;
const {
remoteValMaps,
optFullValMaps
} = internalData;
const valueField = computeValueField.value;
const labelField = computeLabelField.value;
const remoteItem = remoteValMaps[value] || optFullValMaps[value];
const item = remoteItem ? remoteItem.item : null;
if (item) {
return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toValueString(item[labelField]);
}
if (lazyOptions) {
const lazyItem = lazyOptions.find(item => item[valueField] === value);
if (lazyItem) {
return lazyItem[labelField];
}
}
return value;
};
const getSelectLabel = value => {
const {
lazyOptions
} = props;
const {
optFullValMaps
} = internalData;
const valueField = computeValueField.value;
const labelField = computeLabelField.value;
const cacheItem = reactData.reactFlag ? optFullValMaps[value] : null;
if (cacheItem) {
return cacheItem.item[labelField];
}
if (lazyOptions) {
const lazyItem = lazyOptions.find(item => item[valueField] === value);
if (lazyItem) {
return lazyItem[labelField];
}
}
return value;
};
const cacheItemMap = datas => {
const groupOptionsField = computeGroupOptionsField.value;
const valueField = computeValueField.value;
const key = getOptKey();
const groupKeyMaps = {};
const fullKeyMaps = {};
const list = [];
const handleOptItem = item => {
list.push(item);
let optid = getOptId(item);
if (!optid) {
optid = getOptUniqueId();
item[key] = optid;
}
fullKeyMaps[item[valueField]] = {
key: optid,
item,
_index: -1
};
};
datas.forEach(group => {
handleOptItem(group);
if (group[groupOptionsField]) {
groupKeyMaps[group[key]] = group;
group[groupOptionsField].forEach(handleOptItem);
}
});
internalData.fullData = list;
internalData.optGroupKeyMaps = groupKeyMaps;
internalData.optFullValMaps = fullKeyMaps;
reactData.reactFlag++;
handleOption();
};
/**
* 处理选项，当选项被动态显示/隐藏时可能会用到
*/
const handleOption = () => {
const {
modelValue,
filterable,
filterMethod
} = props;
const {
searchValue
} = reactData;
const {
fullData,
optFullValMaps
} = internalData;
const labelField = computeLabelField.value;
const valueField = computeValueField.value;
const searchStr = `${searchValue || ''}`.toLowerCase();
let avList = [];
if (filterable && filterMethod) {
avList = fullData.filter(option => isOptionVisible(option) && filterMethod({
$select: $xeSelect,
group: null,
option,
searchValue,
value: modelValue
}));
} else if (filterable) {
avList = fullData.filter(option => isOptionVisible(option) && (!searchStr || `${option[labelField] || option[valueField]}`.toLowerCase().indexOf(searchStr) > -1));
} else {
avList = fullData.filter(isOptionVisible);
}
avList.forEach((item, index) => {
const cacheItem = optFullValMaps[item[valueField]];
if (cacheItem) {
cacheItem._index = index;
}
});
internalData.afterVisibleList = avList;
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
};
const setCurrentOption = option => {
if (option) {
reactData.currentOption = option;
}
};
const updateZIndex = () => {
const {
zIndex
} = props;
if (zIndex) {
reactData.panelIndex = zIndex;
} else if (reactData.panelIndex < getLastZIndex()) {
reactData.panelIndex = nextZIndex();
}
};
const updatePlacement = () => {
const {
placement
} = props;
const {
panelIndex
} = reactData;
const targetElem = refElem.value;
const panelElem = refOptionPanel.value;
const btnTransfer = computeBtnTransfer.value;
const handleStyle = () => {
const ppObj = updatePanelPlacement(targetElem, panelElem, {
placement,
teleportTo: btnTransfer
});
const panelStyle = Object.assign(ppObj.style, {
zIndex: panelIndex
});
reactData.panelStyle = panelStyle;
reactData.panelPlacement = ppObj.placement;
};
handleStyle();
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)().then(handleStyle);
};
const handleScrollSelect = () => {
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)(() => {
const {
isAniVisible,
visiblePanel
} = reactData;
const {
optFullValMaps
} = internalData;
const selectVals = computeSelectVals.value;
if (selectVals.length && isAniVisible && visiblePanel) {
const cacheItem = reactData.reactFlag ? optFullValMaps[`${selectVals[0]}`] : null;
if (cacheItem) {
handleScrollToOption(cacheItem.item);
}
}
});
};
const showOptionPanel = () => {
const {
loading,
filterable,
remote
} = props;
const {
fullData,
hpTimeout
} = internalData;
const isDisabled = computeIsDisabled.value;
const remoteOpts = computeRemoteOpts.value;
if (!loading && !isDisabled) {
if (hpTimeout) {
clearTimeout(hpTimeout);
internalData.hpTimeout = undefined;
}
if (!reactData.initialized) {
reactData.initialized = true;
}
reactData.isActivated = true;
reactData.isAniVisible = true;
if (filterable) {
if (remote && remoteOpts.enabled && remoteOpts.autoLoad && !fullData.length) {
handleSearchEvent();
} else {
handleOption();
updateYData();
}
}
setTimeout(() => {
reactData.visiblePanel = true;
handleFocusSearch();
recalculate().then(() => {
handleScrollSelect();
refreshScroll();
});
}, 10);
setTimeout(() => {
recalculate().then(() => refreshScroll());
}, 100);
updateZIndex();
updatePlacement();
dispatchEvent('visible-change', {
visible: true
}, null);
}
};
const hideOptionPanel = () => {
reactData.searchValue = '';
reactData.searchLoading = false;
reactData.visiblePanel = false;
internalData.hpTimeout = setTimeout(() => {
reactData.isAniVisible = false;
}, 350);
dispatchEvent('visible-change', {
visible: false
}, null);
};
const changeEvent = (evnt, selectValue, option) => {
emitModel(selectValue);
if (selectValue !== props.modelValue) {
dispatchEvent('change', {
value: selectValue,
option
}, evnt);
// 自动更新校验状态
if ($xeForm && formItemInfo) {
$xeForm.triggerItemEvent(evnt, formItemInfo.itemConfig.field, selectValue);
}
}
};
const clearValueEvent = (evnt, selectValue) => {
internalData.remoteValMaps = {};
changeEvent(evnt, selectValue, null);
dispatchEvent('clear', {
value: selectValue
}, evnt);
};
const clearEvent = params => {
const {
$event
} = params;
clearValueEvent($event, null);
hideOptionPanel();
};
const allCheckedPanelEvent = params => {
const {
$event
} = params;
const {
multiple,
max
} = props;
const {
optList
} = reactData;
const valueField = computeValueField.value;
if (multiple) {
const selectVals = computeSelectVals.value;
const currVlas = selectVals.slice(0);
for (let i = 0; i < optList.length; i++) {
const option = optList[i];
const selectValue = option[valueField];
// 检测是否超过最大可选数量
if (checkMaxLimit(currVlas)) {
if (index_esm_VxeUI) {
index_esm_VxeUI.modal.message({
content: getI18n('vxe.select.overSizeErr', [max]),
status: 'warning'
});
}
break;
}
if (!currVlas.some(val => val === selectValue)) {
currVlas.push(selectValue);
}
}
changeEvent($event, currVlas, optList[0]);
dispatchEvent('all-change', {
value: currVlas
}, $event);
}
};
const clearCheckedPanelEvent = params => {
const {
$event
} = params;
clearValueEvent($event, null);
hideOptionPanel();
};
const changeOptionEvent = (evnt, option) => {
const {
multiple
} = props;
const {
remoteValMaps
} = internalData;
const valueField = computeValueField.value;
const selectValue = option[valueField];
const remoteItem = remoteValMaps[selectValue];
if (!reactData.visiblePanel) {
return;
}
if (remoteItem) {
remoteItem.item = option;
} else {
remoteValMaps[selectValue] = {
key: getOptId(option),
item: option,
_index: -1
};
}
if (multiple) {
let multipleValue = [];
const selectVals = computeSelectVals.value;
const index = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().findIndexOf(selectVals, val => val === selectValue);
if (index === -1) {
multipleValue = selectVals.concat([selectValue]);
} else {
multipleValue = selectVals.filter(val => val !== selectValue);
}
changeEvent(evnt, multipleValue, option);
} else {
changeEvent(evnt, selectValue, option);
hideOptionPanel();
}
reactData.reactFlag++;
};
const handleGlobalMousewheelEvent = evnt => {
const {
visiblePanel
} = reactData;
const isDisabled = computeIsDisabled.value;
if (!isDisabled) {
if (visiblePanel) {
const panelElem = refOptionPanel.value;
if (getEventTargetNode(evnt, panelElem).flag) {
updatePlacement();
} else {
hideOptionPanel();
}
}
}
};
const handleGlobalMousedownEvent = evnt => {
const {
visiblePanel
} = reactData;
const isDisabled = computeIsDisabled.value;
if (!isDisabled) {
const el = refElem.value;
const panelElem = refOptionPanel.value;
reactData.isActivated = getEventTargetNode(evnt, el).flag || getEventTargetNode(evnt, panelElem).flag;
if (visiblePanel && !reactData.isActivated) {
hideOptionPanel();
}
}
};
const validOffsetOption = option => {
const isDisabled = option.disabled;
const optid = getOptId(option);
if (!isDisabled && !hasOptGroupById(optid)) {
return true;
}
return false;
};
const findOffsetOption = (option, isDwArrow) => {
const {
allowCreate
} = props;
const {
optList
} = reactData;
const {
optFullValMaps,
optAddMaps,
afterVisibleList
} = internalData;
const valueField = computeValueField.value;
let fullList = afterVisibleList;
let offsetAddIndex = 0;
if (allowCreate && optList.length) {
const firstItem = optList[0];
const optid = getOptId(firstItem);
if (optAddMaps[optid]) {
offsetAddIndex = 1;
fullList = [optAddMaps[optid]].concat(fullList);
}
}
if (!option) {
if (isDwArrow) {
for (let i = 0; i < fullList.length; i++) {
const item = fullList[i];
if (validOffsetOption(item)) {
return item;
}
}
} else {
for (let len = fullList.length - 1; len >= 0; len--) {
const item = fullList[len];
if (validOffsetOption(item)) {
return item;
}
}
}
}
let avIndex = 0;
const cacheItem = option ? optFullValMaps[option[valueField]] : null;
if (cacheItem) {
avIndex = cacheItem._index + offsetAddIndex;
}
if (avIndex > -1) {
if (isDwArrow) {
for (let i = avIndex + 1; i <= fullList.length - 1; i++) {
const item = fullList[i];
if (validOffsetOption(item)) {
return item;
}
}
} else {
if (avIndex > 0) {
for (let len = avIndex - 1; len >= 0; len--) {
const item = fullList[len];
if (validOffsetOption(item)) {
return item;
}
}
}
}
}
return null;
};
const handleGlobalKeydownEvent = evnt => {
const {
clearable
} = props;
const {
visiblePanel,
currentOption
} = reactData;
const isDisabled = computeIsDisabled.value;
if (!isDisabled) {
const isTab = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.TAB);
const isEnter = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ENTER);
const isEsc = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ESCAPE);
const isUpArrow = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ARROW_UP);
const isDwArrow = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ARROW_DOWN);
const isDel = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.DELETE);
if (isTab) {
reactData.isActivated = false;
}
if (visiblePanel) {
if (isEsc || isTab) {
hideOptionPanel();
} else if (isEnter) {
if (currentOption) {
evnt.preventDefault();
evnt.stopPropagation();
changeOptionEvent(evnt, currentOption);
}
} else if (isUpArrow || isDwArrow) {
evnt.preventDefault();
let offsetOption = findOffsetOption(currentOption, isDwArrow);
// 如果不匹配，默认最接近一个
if (!offsetOption) {
offsetOption = findOffsetOption(null, isDwArrow);
}
if (offsetOption) {
setCurrentOption(offsetOption);
handleScrollToOption(offsetOption, isDwArrow);
}
}
} else if ((isUpArrow || isDwArrow || isEnter) && reactData.isActivated) {
evnt.preventDefault();
showOptionPanel();
}
if (reactData.isActivated) {
if (isDel && clearable) {
clearValueEvent(evnt, null);
}
}
}
};
const handleGlobalBlurEvent = () => {
const {
visiblePanel,
isActivated
} = reactData;
if (visiblePanel) {
hideOptionPanel();
}
if (isActivated) {
reactData.isActivated = false;
}
if (visiblePanel || isActivated) {
const $input = refInput.value;
if ($input) {
$input.blur();
}
}
};
const handleGlobalResizeEvent = () => {
const {
visiblePanel
} = reactData;
if (visiblePanel) {
updatePlacement();
}
};
const handleFocusSearch = () => {
if (props.filterable) {
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)(() => {
const inpSearch = refInpSearch.value;
if (inpSearch) {
inpSearch.focus();
}
});
}
};
const focusEvent = evnt => {
const isDisabled = computeIsDisabled.value;
if (!isDisabled) {
if (!reactData.visiblePanel) {
reactData.triggerFocusPanel = true;
showOptionPanel();
setTimeout(() => {
reactData.triggerFocusPanel = false;
}, 500);
}
}
dispatchEvent('focus', {}, evnt);
};
const clickEvent = evnt => {
togglePanelEvent(evnt);
dispatchEvent('click', {
triggerButton: false,
visible: reactData.visiblePanel
}, evnt);
};
const blurEvent = evnt => {
reactData.isActivated = false;
dispatchEvent('blur', {}, evnt);
};
const suffixClickEvent = evnt => {
togglePanelEvent(evnt);
dispatchEvent('click', {
triggerButton: true,
visible: reactData.visiblePanel
}, evnt);
};
const modelSearchEvent = value => {
reactData.searchValue = value;
};
const focusSearchEvent = () => {
reactData.isActivated = true;
};
const handleSearchEvent = () => {
const {
modelValue,
remote,
remoteMethod
} = props;
const {
searchValue
} = reactData;
const remoteOpts = computeRemoteOpts.value;
const queryMethod = remoteOpts.queryMethod || remoteMethod;
if (remote && queryMethod && remoteOpts.enabled) {
reactData.searchLoading = true;
Promise.resolve(queryMethod({
$select: $xeSelect,
searchValue,
value: modelValue
})).then(() => (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)()).catch(() => (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)()).finally(() => {
reactData.searchLoading = false;
handleOption();
updateYData();
});
} else {
handleOption();
updateYData();
}
};
const triggerSearchEvent = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().debounce(handleSearchEvent, 350, {
trailing: true
});
const togglePanelEvent = params => {
const {
$event
} = params;
$event.preventDefault();
if (reactData.triggerFocusPanel) {
reactData.triggerFocusPanel = false;
} else {
if (reactData.visiblePanel) {
hideOptionPanel();
} else {
showOptionPanel();
}
}
};
const checkOptionDisabled = (isSelected, option) => {
if (option.disabled) {
return true;
}
const isMaximize = computeIsMaximize.value;
if (isMaximize && !isSelected) {
return true;
}
return false;
};
const updateYSpace = () => {
const {
scrollYLoad
} = reactData;
const {
scrollYStore,
afterVisibleList
} = internalData;
reactData.bodyHeight = scrollYLoad ? afterVisibleList.length * scrollYStore.rowHeight : 0;
reactData.topSpaceHeight = scrollYLoad ? Math.max(scrollYStore.startIndex * scrollYStore.rowHeight, 0) : 0;
};
const handleData = () => {
const {
filterable,
allowCreate
} = props;
const {
scrollYLoad,
searchValue
} = reactData;
const {
optAddMaps,
scrollYStore,
afterVisibleList
} = internalData;
const labelField = computeLabelField.value;
const valueField = computeValueField.value;
const restList = scrollYLoad ? afterVisibleList.slice(scrollYStore.startIndex, scrollYStore.endIndex) : afterVisibleList.slice(0);
if (filterable && allowCreate && searchValue) {
if (!restList.some(option => option[labelField] === searchValue)) {
const addItem = optAddMaps[searchValue] || (0,external_commonjs_vue_commonjs2_vue_root_Vue_.reactive)({
[getOptKey()]: searchValue,
[labelField]: searchValue,
[valueField]: searchValue
});
optAddMaps[searchValue] = addItem;
restList.unshift(addItem);
}
}
reactData.optList = restList;
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
};
const updateYData = () => {
handleData();
updateYSpace();
};
const computeScrollLoad = () => {
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)().then(() => {
const {
scrollYLoad
} = reactData;
const {
scrollYStore
} = internalData;
const virtualBodyElem = refVirtualBody.value;
const virtualYOpts = computeVirtualYOpts.value;
let rowHeight = 0;
let firstItemElem;
if (virtualBodyElem) {
if (!firstItemElem) {
firstItemElem = virtualBodyElem.children[0];
}
}
if (firstItemElem) {
rowHeight = firstItemElem.offsetHeight;
}
rowHeight = Math.max(20, rowHeight);
scrollYStore.rowHeight = rowHeight;
// 计算 Y 逻辑
if (scrollYLoad) {
const scrollBodyElem = refVirtualWrapper.value;
const visibleYSize = Math.max(8, scrollBodyElem ? Math.ceil(scrollBodyElem.clientHeight / rowHeight) : 0);
const offsetYSize = Math.max(0, Math.min(2, external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(virtualYOpts.oSize)));
scrollYStore.offsetSize = offsetYSize;
scrollYStore.visibleSize = visibleYSize;
scrollYStore.endIndex = Math.max(scrollYStore.startIndex, visibleYSize + offsetYSize, scrollYStore.endIndex);
updateYData();
} else {
updateYSpace();
}
});
};
const handleScrollToOption = (option, isDwArrow) => {
const {
scrollYLoad
} = reactData;
const {
optFullValMaps,
scrollYStore
} = internalData;
const valueField = computeValueField.value;
const cacheItem = optFullValMaps[option[valueField]];
if (cacheItem) {
const optid = cacheItem.key;
const avIndex = cacheItem._index;
if (avIndex > -1) {
const optWrapperElem = refVirtualWrapper.value;
const panelElem = refOptionPanel.value;
if (!panelElem) {
return;
}
const optElem = panelElem.querySelector(`[optid='${optid}']`);
if (optWrapperElem) {
if (optElem) {
const wrapperHeight = optWrapperElem.offsetHeight;
const offsetPadding = 1;
if (isDwArrow) {
if (optElem.offsetTop + optElem.offsetHeight - optWrapperElem.scrollTop > wrapperHeight) {
optWrapperElem.scrollTop = optElem.offsetTop + optElem.offsetHeight - wrapperHeight;
} else if (optElem.offsetTop + offsetPadding < optWrapperElem.scrollTop || optElem.offsetTop + offsetPadding > optWrapperElem.scrollTop + optWrapperElem.clientHeight) {
optWrapperElem.scrollTop = optElem.offsetTop - offsetPadding;
}
} else {
if (optElem.offsetTop + offsetPadding < optWrapperElem.scrollTop || optElem.offsetTop + offsetPadding > optWrapperElem.scrollTop + optWrapperElem.clientHeight) {
optWrapperElem.scrollTop = optElem.offsetTop - offsetPadding;
} else if (optElem.offsetTop + optElem.offsetHeight - optWrapperElem.scrollTop > wrapperHeight) {
optWrapperElem.scrollTop = optElem.offsetTop + optElem.offsetHeight - wrapperHeight;
}
}
} else if (scrollYLoad) {
if (isDwArrow) {
optWrapperElem.scrollTop = avIndex * scrollYStore.rowHeight - optWrapperElem.clientHeight + scrollYStore.rowHeight;
} else {
optWrapperElem.scrollTop = avIndex * scrollYStore.rowHeight;
}
}
}
}
}
};
/**
* 如果有滚动条，则滚动到对应的位置
* @param {Number} scrollLeft 左距离
* @param {Number} scrollTop 上距离
*/
const scrollTo = (scrollLeft, scrollTop) => {
const scrollBodyElem = refVirtualWrapper.value;
if (scrollBodyElem) {
if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isNumber(scrollLeft)) {
scrollBodyElem.scrollLeft = scrollLeft;
}
if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isNumber(scrollTop)) {
scrollBodyElem.scrollTop = scrollTop;
}
}
if (reactData.scrollYLoad) {
return new Promise(resolve => {
setTimeout(() => {
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)(() => {
resolve();
});
}, 50);
});
}
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
};
/**
* 刷新滚动条
*/
const refreshScroll = () => {
const {
lastScrollLeft,
lastScrollTop
} = internalData;
return clearScroll().then(() => {
if (lastScrollLeft || lastScrollTop) {
internalData.lastScrollLeft = 0;
internalData.lastScrollTop = 0;
return scrollTo(lastScrollLeft, lastScrollTop);
}
});
};
/**
* 重新计算列表
*/
const recalculate = () => {
const el = refElem.value;
if (el && el.clientWidth && el.clientHeight) {
return computeScrollLoad();
}
return Promise.resolve();
};
const loadYData = evnt => {
const {
scrollYStore
} = internalData;
const {
startIndex,
endIndex,
visibleSize,
offsetSize,
rowHeight
} = scrollYStore;
const scrollBodyElem = evnt.target;
const scrollTop = scrollBodyElem.scrollTop;
const toVisibleIndex = Math.floor(scrollTop / rowHeight);
const offsetStartIndex = Math.max(0, toVisibleIndex - 1 - offsetSize);
const offsetEndIndex = toVisibleIndex + visibleSize + offsetSize;
if (toVisibleIndex <= startIndex || toVisibleIndex >= endIndex - visibleSize - 1) {
if (startIndex !== offsetStartIndex || endIndex !== offsetEndIndex) {
scrollYStore.startIndex = offsetStartIndex;
scrollYStore.endIndex = offsetEndIndex;
updateYData();
}
}
};
// 滚动、拖动过程中不需要触发
const isVMScrollProcess = () => {
const delayHover = 250;
const {
lastScrollTime
} = internalData;
return !!(lastScrollTime && Date.now() < lastScrollTime + delayHover);
};
const scrollEvent = evnt => {
const scrollBodyElem = evnt.target;
const scrollTop = scrollBodyElem.scrollTop;
const scrollLeft = scrollBodyElem.scrollLeft;
const isX = scrollLeft !== internalData.lastScrollLeft;
const isY = scrollTop !== internalData.lastScrollTop;
internalData.lastScrollTop = scrollTop;
internalData.lastScrollLeft = scrollLeft;
if (reactData.scrollYLoad) {
loadYData(evnt);
}
internalData.lastScrollTime = Date.now();
dispatchEvent('scroll', {
scrollLeft,
scrollTop,
isX,
isY
}, evnt);
};
/**
* 加载数据
* @param {Array} datas 数据
*/
const loadData = datas => {
cacheItemMap(datas || []);
const {
isLoaded,
fullData,
scrollYStore
} = internalData;
const defaultOpts = computeDefaultOpts.value;
const virtualYOpts = computeVirtualYOpts.value;
const valueField = computeValueField.value;
Object.assign(scrollYStore, {
startIndex: 0,
endIndex: 1,
visibleSize: 0
});
internalData.synchData = datas || [];
// 如果gt为0，则总是启用
reactData.scrollYLoad = !!virtualYOpts.enabled && virtualYOpts.gt > -1 && (virtualYOpts.gt === 0 || virtualYOpts.gt <= fullData.length);
handleData();
if (!isLoaded) {
const {
selectMode
} = defaultOpts;
if (datas.length > 0 && external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eqNull(props.modelValue)) {
if (selectMode === 'first' || selectMode === 'last') {
const selectItem = (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default())[selectMode](datas);
if (selectItem) {
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)(() => {
if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eqNull(props.modelValue)) {
emitModel(selectItem[valueField]);
}
});
}
}
internalData.isLoaded = true;
}
}
return computeScrollLoad().then(() => {
refreshScroll();
});
};
const clearScroll = () => {
const scrollBodyElem = refVirtualWrapper.value;
if (scrollBodyElem) {
scrollBodyElem.scrollTop = 0;
scrollBodyElem.scrollLeft = 0;
}
internalData.lastScrollTop = 0;
internalData.lastScrollLeft = 0;
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
};
const hasOptGroupById = optid => {
const {
optGroupKeyMaps
} = internalData;
return !!optGroupKeyMaps[optid];
};
const selectMethods = {
dispatchEvent,
loadData,
reloadData(datas) {
internalData.isLoaded = false;
clearScroll();
return loadData(datas);
},
isPanelVisible() {
return reactData.visiblePanel;
},
togglePanel() {
if (reactData.visiblePanel) {
hideOptionPanel();
} else {
showOptionPanel();
}
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
},
hidePanel() {
if (reactData.visiblePanel) {
hideOptionPanel();
}
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
},
showPanel() {
if (!reactData.visiblePanel) {
showOptionPanel();
}
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
},
refreshOption() {
handleOption();
updateYData();
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
},
focus() {
const $input = refInput.value;
if ($input) {
$input.blur();
}
reactData.isActivated = true;
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
},
blur() {
const $input = refInput.value;
if ($input) {
$input.blur();
}
reactData.isActivated = false;
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
},
recalculate,
clearScroll
};
Object.assign($xeSelect, selectMethods);
const renderOption = list => {
const {
allowCreate,
optionKey
} = props;
const {
currentOption
} = reactData;
const {
optAddMaps
} = internalData;
const optionOpts = computeOptionOpts.value;
const labelField = computeLabelField.value;
const valueField = computeValueField.value;
const groupLabelField = computeGroupLabelField.value;
const selectVals = computeSelectVals.value;
const {
useKey
} = optionOpts;
const optionSlot = slots.option;
return list.map((option, cIndex) => {
const {
slots,
className
} = option;
const optid = getOptId(option);
const optionValue = option[valueField];
const isOptGroup = hasOptGroupById(optid);
const isAdd = !!(allowCreate && optAddMaps[optid]);
const isSelected = !isAdd && selectVals.indexOf(optionValue) > -1;
const isVisible = isAdd || !isOptGroup || isOptionVisible(option);
const isDisabled = !isAdd && checkOptionDisabled(isSelected, option);
const defaultSlot = slots ? slots.default : null;
const optParams = {
option,
group: isOptGroup ? option : null,
$select: $xeSelect
};
let optLabel = '';
let optVNs = [];
if (optionSlot) {
optVNs = callSlot(optionSlot, optParams);
} else if (defaultSlot) {
optVNs = callSlot(defaultSlot, optParams);
} else {
optLabel = getFuncText(option[isOptGroup ? groupLabelField : labelField] || optionValue);
optVNs = optLabel;
}
return isVisible ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
key: useKey || optionKey ? optid : cIndex,
class: ['vxe-select-option', className ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(className) ? className(optParams) : className : '', {
'vxe-select-optgroup': isOptGroup,
'is--disabled': isDisabled,
'is--selected': isSelected,
'is--add': isAdd,
'is--hover': currentOption && getOptId(currentOption) === optid
}],
optid: optid,
title: optLabel || null,
onMousedown: evnt => {
const isLeftBtn = evnt.button === 0;
if (isLeftBtn) {
evnt.stopPropagation();
}
},
onClick: evnt => {
if (!isDisabled && !isOptGroup) {
changeOptionEvent(evnt, option);
}
},
onMouseenter: () => {
if (!isDisabled && !isOptGroup && !isVMScrollProcess()) {
setCurrentOption(option);
}
}
}, allowCreate ? [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
key: 1,
class: 'vxe-select-option--label'
}, optVNs), isAdd ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
key: 2,
class: 'vxe-select-option--add-icon'
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('i', {
class: getIcon().SELECT_ADD_OPTION
})]) : renderEmptyElement($xeSelect)] : optVNs) : renderEmptyElement($xeSelect);
});
};
const renderOpts = () => {
const {
optList,
searchLoading
} = reactData;
if (searchLoading) {
return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-select--search-loading'
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('i', {
class: ['vxe-select--search-icon', getIcon().SELECT_LOADED]
}), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
class: 'vxe-select--search-text'
}, getI18n('vxe.select.loadingText'))])];
}
if (optList.length) {
return renderOption(optList);
}
return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-select--empty-placeholder'
}, props.emptyText || getI18n('vxe.select.emptyText'))];
};
const renderVN = () => {
const {
className,
popupClassName,
multiple,
loading,
filterable,
showTotalButoon,
showCheckedButoon,
showClearButton
} = props;
const {
initialized,
isActivated,
isAniVisible,
optList,
visiblePanel,
bodyHeight,
topSpaceHeight
} = reactData;
const vSize = computeSize.value;
const isDisabled = computeIsDisabled.value;
const selectLabel = computeSelectLabel.value;
const fullLabel = computeFullLabel.value;
const btnTransfer = computeBtnTransfer.value;
const formReadonly = computeFormReadonly.value;
const inpPlaceholder = computeInpPlaceholder.value;
const defaultSlot = slots.default;
const headerSlot = slots.header;
const footerSlot = slots.footer;
const prefixSlot = slots.prefix;
if (formReadonly) {
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
ref: refElem,
class: ['vxe-select--readonly', className]
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-select-slots',
ref: 'hideOption'
}, defaultSlot ? defaultSlot({}) : []), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
class: 'vxe-select-label',
title: fullLabel
}, selectLabel)]);
}
const selectVals = computeSelectVals.value;
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
ref: refElem,
class: ['vxe-select', className ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(className) ? className({
$select: $xeSelect
}) : className : '', {
[`size--${vSize}`]: vSize,
'is--visible': visiblePanel,
'is--disabled': isDisabled,
'is--filter': filterable,
'is--loading': loading,
'is--active': isActivated
}]
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-select-slots',
ref: 'hideOption'
}, defaultSlot ? defaultSlot({}) : []), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(input, {
ref: refInput,
clearable: props.clearable,
placeholder: inpPlaceholder,
readonly: true,
disabled: isDisabled,
type: 'text',
prefixIcon: props.prefixIcon,
suffixIcon: loading ? getIcon().SELECT_LOADED : visiblePanel ? getIcon().SELECT_OPEN : getIcon().SELECT_CLOSE,
autoFocus: false,
title: fullLabel,
modelValue: selectLabel,
onClear: clearEvent,
onClick: clickEvent,
onFocus: focusEvent,
onBlur: blurEvent,
onSuffixClick: suffixClickEvent
}, prefixSlot ? {
prefix: () => prefixSlot({})
} : {}), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(external_commonjs_vue_commonjs2_vue_root_Vue_.Teleport, {
to: 'body',
disabled: btnTransfer ? !initialized : true
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
ref: refOptionPanel,
class: ['vxe-table--ignore-clear vxe-select--panel', popupClassName ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(popupClassName) ? popupClassName({
$select: $xeSelect
}) : popupClassName : '', {
[`size--${vSize}`]: vSize,
'is--transfer': btnTransfer,
'ani--leave': !loading && isAniVisible,
'ani--enter': !loading && visiblePanel
}],
placement: reactData.panelPlacement,
style: reactData.panelStyle
}, initialized && (visiblePanel || isAniVisible) ? [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-select--panel-wrapper'
}, [filterable ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-select--panel-search'
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(input, {
ref: refInpSearch,
class: 'vxe-select-search--input',
modelValue: reactData.searchValue,
type: 'text',
clearable: true,
disabled: false,
readonly: false,
placeholder: getI18n('vxe.select.search'),
prefixIcon: getIcon().INPUT_SEARCH,
'onUpdate:modelValue': modelSearchEvent,
onFocus: focusSearchEvent,
onChange: triggerSearchEvent,
onSearch: triggerSearchEvent
})]) : renderEmptyElement($xeSelect), showTotalButoon || showCheckedButoon && multiple || showClearButton || headerSlot ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-select--panel-header'
}, headerSlot ? callSlot(headerSlot, {}) : [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-select--header-button'
}, [showTotalButoon ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-select--header-total'
}, getI18n('vxe.select.total', [selectVals.length, optList.length])) : renderEmptyElement($xeSelect), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-select--header-btns'
}, [showCheckedButoon && multiple ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(src_button, {
content: getI18n('vxe.select.allChecked'),
mode: 'text',
onClick: allCheckedPanelEvent
}) : renderEmptyElement($xeSelect), showClearButton ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(src_button, {
content: getI18n('vxe.select.clear'),
mode: 'text',
onClick: clearCheckedPanelEvent
}) : renderEmptyElement($xeSelect)])])]) : renderEmptyElement($xeSelect), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-select--panel-body'
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
ref: refVirtualWrapper,
class: 'vxe-select-option--wrapper',
onScroll: scrollEvent
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-select--y-space',
style: {
height: bodyHeight ? `${bodyHeight}px` : ''
}
}), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
ref: refVirtualBody,
class: 'vxe-select--body',
style: {
transform: `translateY(${topSpaceHeight}px)`
}
}, renderOpts())])]), footerSlot ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-select--panel-footer'
}, callSlot(footerSlot, {})) : renderEmptyElement($xeSelect)])] : [])])]);
};
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => reactData.staticOptions, val => {
loadData(val);
});
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.options, val => {
loadData(val || []);
});
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.optionGroups, val => {
loadData(val || []);
});
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(() => {
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)(() => {
const {
options,
optionGroups
} = props;
if (optionGroups) {
loadData(optionGroups);
} else if (options) {
loadData(options);
}
});
globalEvents.on($xeSelect, 'mousewheel', handleGlobalMousewheelEvent);
globalEvents.on($xeSelect, 'mousedown', handleGlobalMousedownEvent);
globalEvents.on($xeSelect, 'keydown', handleGlobalKeydownEvent);
globalEvents.on($xeSelect, 'blur', handleGlobalBlurEvent);
globalEvents.on($xeSelect, 'resize', handleGlobalResizeEvent);
});
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.onUnmounted)(() => {
globalEvents.off($xeSelect, 'mousewheel');
globalEvents.off($xeSelect, 'mousedown');
globalEvents.off($xeSelect, 'keydown');
globalEvents.off($xeSelect, 'blur');
globalEvents.off($xeSelect, 'resize');
external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().assign(internalData, select_createInternalData());
});
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('$xeSelect', $xeSelect);
$xeSelect.renderVN = renderVN;
return $xeSelect;
},
render() {
return this.renderVN();
}
}));
;// CONCATENATED MODULE: ./packages/pager/src/pager.ts
/* harmony default export */ var pager = (defineVxeComponent({
name: 'VxePager',
props: {
size: {
type: String,
default: () => getConfig().pager.size || getConfig().size
},
// 自定义布局
layouts: {
type: Array,
default: () => getConfig().pager.layouts || ['PrevJump', 'PrevPage', 'Jump', 'PageCount', 'NextPage', 'NextJump', 'Sizes', 'Total']
},
// 当前页
currentPage: {
type: Number,
default: 1
},
// 加载中
loading: Boolean,
// 每页大小
pageSize: {
type: Number,
default: () => getConfig().pager.pageSize || 10
},
// 总条数
total: {
type: Number,
default: 0
},
// 显示页码按钮的数量
pagerCount: {
type: Number,
default: () => getConfig().pager.pagerCount || 7
},
// 每页大小选项列表
pageSizes: {
type: Array,
default: () => getConfig().pager.pageSizes || [10, 15, 20, 50, 100]
},
// 列对齐方式
align: {
type: String,
default: () => getConfig().pager.align
},
// 带边框
border: {
type: Boolean,
default: () => getConfig().pager.border
},
// 带背景颜色
background: {
type: Boolean,
default: () => getConfig().pager.background
},
// 配套的样式
perfect: {
type: Boolean,
default: () => getConfig().pager.perfect
},
// 当只有一页时隐藏
autoHidden: {
type: Boolean,
default: () => getConfig().pager.autoHidden
},
transfer: {
type: Boolean,
default: () => getConfig().pager.transfer
},
className: [String, Function],
pageSizePlacement: {
type: String,
default: () => getConfig().pager.pageSizePlacement
},
// 自定义图标
iconPrevPage: String,
iconJumpPrev: String,
iconJumpNext: String,
iconNextPage: String,
iconJumpMore: String,
iconHomePage: String,
iconEndPage: String
},
emits: ['update:pageSize', 'update:currentPage', 'page-change'],
setup(props, context) {
const {
slots,
emit
} = context;
const xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
const {
computeSize
} = useSize(props);
const $xeGrid = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeGrid', null);
const reactData = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.reactive)({
inpCurrPage: props.currentPage
});
const refElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
const refMaps = {
refElem
};
const computePageCount = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
return getPageCount(props.total, props.pageSize);
});
const computeNumList = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
const {
pagerCount
} = props;
const pageCount = computePageCount.value;
const len = pageCount > pagerCount ? pagerCount - 2 : pagerCount;
const rest = [];
for (let index = 0; index < len; index++) {
rest.push(index);
}
return rest;
});
const computeOffsetNumber = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
return Math.floor((props.pagerCount - 2) / 2);
});
const computeSizeList = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
return props.pageSizes.map(item => {
if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isNumber(item)) {
return {
value: item,
label: `${getI18n('vxe.pager.pagesize', [item])}`
};
}
return {
value: '',
label: '',
...item
};
});
});
const $xePager = {
xID,
props,
context,
getRefMaps: () => refMaps
};
const dispatchEvent = (type, params, evnt) => {
emit(type, createEvent(evnt, {
$pager: $xePager
}, params));
};
const getPageCount = (total, size) => {
return Math.max(Math.ceil(total / size), 1);
};
const handleJumpPageEvent = (evnt, currentPage) => {
emit('update:currentPage', currentPage);
if (evnt && currentPage !== props.currentPage) {
dispatchEvent('page-change', {
type: 'current',
pageSize: props.pageSize,
currentPage
}, evnt);
}
};
const handleChangeCurrentPage = (currentPage, evnt) => {
emit('update:currentPage', currentPage);
if (evnt && currentPage !== props.currentPage) {
dispatchEvent('page-change', {
type: 'current',
pageSize: props.pageSize,
currentPage
}, evnt);
}
};
const triggerJumpEvent = params => {
const {
$event
} = params;
const inputElem = $event.target;
const inpValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toInteger(inputElem.value);
const pageCount = computePageCount.value;
const current = inpValue <= 0 ? 1 : inpValue >= pageCount ? pageCount : inpValue;
const currPage = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toValueString(current);
inputElem.value = currPage;
reactData.inpCurrPage = currPage;
handleChangeCurrentPage(current, $event);
};
const handleHomePage = evnt => {
const {
currentPage
} = props;
if (currentPage > 1) {
handleChangeCurrentPage(1, evnt);
}
};
const handleEndPage = evnt => {
const {
currentPage
} = props;
const pageCount = computePageCount.value;
if (currentPage < pageCount) {
handleChangeCurrentPage(pageCount, evnt);
}
};
const handlePrevPage = evnt => {
const {
currentPage
} = props;
const pageCount = computePageCount.value;
if (currentPage > 1) {
handleChangeCurrentPage(Math.min(pageCount, Math.max(currentPage - 1, 1)), evnt);
}
};
const handleNextPage = evnt => {
const {
currentPage
} = props;
const pageCount = computePageCount.value;
if (currentPage < pageCount) {
handleChangeCurrentPage(Math.min(pageCount, currentPage + 1), evnt);
}
};
const handlePrevJump = evnt => {
const numList = computeNumList.value;
handleChangeCurrentPage(Math.max(props.currentPage - numList.length, 1), evnt);
};
const handleNextJump = evnt => {
const pageCount = computePageCount.value;
const numList = computeNumList.value;
handleChangeCurrentPage(Math.min(props.currentPage + numList.length, pageCount), evnt);
};
const pageSizeEvent = params => {
const {
value,
$event
} = params;
const pageSize = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(value);
const pageCount = getPageCount(props.total, pageSize);
let currentPage = props.currentPage;
if (currentPage > pageCount) {
currentPage = pageCount;
emit('update:currentPage', pageCount);
}
emit('update:pageSize', pageSize);
if ($event) {
dispatchEvent('page-change', {
type: 'size',
pageSize,
currentPage
}, $event);
}
};
const jumpKeydownEvent = params => {
const {
$event
} = params;
if (globalEvents.hasKey($event, GLOBAL_EVENT_KEYS.ENTER)) {
triggerJumpEvent(params);
} else if (globalEvents.hasKey($event, GLOBAL_EVENT_KEYS.ARROW_UP)) {
$event.preventDefault();
handleNextPage($event);
} else if (globalEvents.hasKey($event, GLOBAL_EVENT_KEYS.ARROW_DOWN)) {
$event.preventDefault();
handlePrevPage($event);
}
};
// 第一页
const renderHomePage = () => {
const {
currentPage,
total
} = props;
const homeSlot = slots.home;
const pageCount = computePageCount.value;
if (homeSlot) {
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
class: 'vxe-pager--custom-home-btn'
}, homeSlot({
$pager: $xePager,
total,
currentPage,
pageCount
}));
}
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('button', {
class: ['vxe-pager--home-btn', {
'is--disabled': currentPage <= 1
}],
type: 'button',
title: getI18n('vxe.pager.homePageTitle'),
onClick: handleHomePage
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('i', {
class: ['vxe-pager--btn-icon', props.iconHomePage || getIcon().PAGER_HOME]
})]);
};
// 上一页
const renderPrevPage = () => {
const {
currentPage,
total
} = props;
const prevPageSlot = slots.prevPage || slots['prev-page'];
const pageCount = computePageCount.value;
if (prevPageSlot) {
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
class: 'vxe-pager--custom-prev-btn'
}, prevPageSlot({
$pager: $xePager,
total,
currentPage,
pageCount
}));
}
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('button', {
class: ['vxe-pager--prev-btn', {
'is--disabled': currentPage <= 1
}],
type: 'button',
title: getI18n('vxe.pager.prevPageTitle'),
onClick: handlePrevPage
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('i', {
class: ['vxe-pager--btn-icon', props.iconPrevPage || getIcon().PAGER_PREV_PAGE]
})]);
};
// 向上翻页
const renderPrevJump = tagName => {
const {
currentPage,
total
} = props;
const prevJumpSlot = slots.prevJump || slots['prev-jump'];
const pageCount = computePageCount.value;
if (prevJumpSlot) {
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
class: 'vxe-pager--custom-jump-prev'
}, prevJumpSlot({
$pager: $xePager,
total,
currentPage,
pageCount
}));
}
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(tagName || 'button', {
class: ['vxe-pager--jump-prev', {
'is--fixed': !tagName,
'is--disabled': currentPage <= 1
}],
type: 'button',
title: getI18n('vxe.pager.prevJumpTitle'),
onClick: handlePrevJump
}, [tagName ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('i', {
class: ['vxe-pager--jump-more-icon', props.iconJumpMore || getIcon().PAGER_JUMP_MORE]
}) : null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('i', {
class: ['vxe-pager--jump-icon', props.iconJumpPrev || getIcon().PAGER_JUMP_PREV]
})]);
};
// 向下翻页
const renderNextJump = tagName => {
const {
currentPage,
total
} = props;
const nextJumpSlot = slots.nextJump || slots['next-jump'];
const pageCount = computePageCount.value;
if (nextJumpSlot) {
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
class: 'vxe-pager--custom-jump-next'
}, nextJumpSlot({
$pager: $xePager,
total,
currentPage,
pageCount
}));
}
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(tagName || 'button', {
class: ['vxe-pager--jump-next', {
'is--fixed': !tagName,
'is--disabled': currentPage >= pageCount
}],
type: 'button',
title: getI18n('vxe.pager.nextJumpTitle'),
onClick: handleNextJump
}, [tagName ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('i', {
class: ['vxe-pager--jump-more-icon', props.iconJumpMore || getIcon().PAGER_JUMP_MORE]
}) : null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('i', {
class: ['vxe-pager--jump-icon', props.iconJumpNext || getIcon().PAGER_JUMP_NEXT]
})]);
};
// 下一页
const renderNextPage = () => {
const {
currentPage,
total
} = props;
const nextPageSlot = slots.nextPage || slots['next-page'];
const pageCount = computePageCount.value;
if (nextPageSlot) {
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
class: 'vxe-pager--custom-next-btn'
}, nextPageSlot({
$pager: $xePager,
total,
currentPage,
pageCount
}));
}
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('button', {
class: ['vxe-pager--next-btn', {
'is--disabled': currentPage >= pageCount
}],
type: 'button',
title: getI18n('vxe.pager.nextPageTitle'),
onClick: handleNextPage
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('i', {
class: ['vxe-pager--btn-icon', props.iconNextPage || getIcon().PAGER_NEXT_PAGE]
})]);
};
// 最后一页
const renderEndPage = () => {
const {
currentPage,
total
} = props;
const endSlot = slots.end;
const pageCount = computePageCount.value;
if (endSlot) {
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
class: 'vxe-pager--custom-end-btn'
}, endSlot({
$pager: $xePager,
total,
currentPage,
pageCount
}));
}
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('button', {
class: ['vxe-pager--end-btn', {
'is--disabled': currentPage >= pageCount
}],
type: 'button',
title: getI18n('vxe.pager.endPageTitle'),
onClick: handleEndPage
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('i', {
class: ['vxe-pager--btn-icon', props.iconEndPage || getIcon().PAGER_END]
})]);
};
// 页数
const renderNumber = showJump => {
const {
currentPage,
total,
pagerCount
} = props;
const numberSlot = showJump ? slots.numberJump || slots['number-jump'] : slots.number;
const nums = [];
const pageCount = computePageCount.value;
const numList = computeNumList.value;
const offsetNumber = computeOffsetNumber.value;
const isOv = pageCount > pagerCount;
const isLt = isOv && currentPage > offsetNumber + 1;
const isGt = isOv && currentPage < pageCount - offsetNumber;
const restList = [];
let startNumber = 1;
if (isOv) {
if (currentPage >= pageCount - offsetNumber) {
startNumber = Math.max(pageCount - numList.length + 1, 1);
} else {
startNumber = Math.max(currentPage - offsetNumber, 1);
}
}
if (showJump && isLt) {
restList.push(1);
nums.push((0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('button', {
class: 'vxe-pager--num-btn',
type: 'button',
onClick: evnt => handleJumpPageEvent(evnt, 1)
}, '1'), renderPrevJump('span'));
}
numList.forEach((item, index) => {
const number = startNumber + index;
if (number <= pageCount) {
restList.push(number);
nums.push((0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('button', {
key: number,
class: ['vxe-pager--num-btn', {
'is--active': currentPage === number
}],
type: 'button',
onClick: evnt => handleJumpPageEvent(evnt, number)
}, `${number}`));
}
});
if (showJump && isGt) {
restList.push(pageCount);
nums.push(renderNextJump('button'), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('button', {
class: 'vxe-pager--num-btn',
type: 'button',
onClick: evnt => handleJumpPageEvent(evnt, pageCount)
}, pageCount));
}
if (numberSlot) {
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
class: 'vxe-pager--custom-btn-wrapper'
}, numberSlot({
$pager: $xePager,
total,
numList: restList,
currentPage,
pageCount
}));
}
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
class: 'vxe-pager--btn-wrapper'
}, nums);
};
// jumpNumber
const renderJumpNumber = () => {
return renderNumber(true);
};
// sizes
const renderSizes = () => {
const {
total,
currentPage,
pageSize,
pageSizePlacement,
transfer
} = props;
const sizesSlot = slots.sizes;
const sizeList = computeSizeList.value;
const pageCount = computePageCount.value;
if (sizesSlot) {
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
class: 'vxe-pager--custom-sizes'
}, sizesSlot({
$pager: $xePager,
total,
currentPage,
pageCount,
pageSize,
options: sizeList
}));
}
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(src_select, {
class: 'vxe-pager--sizes',
modelValue: pageSize,
placement: pageSizePlacement,
transfer: transfer,
options: sizeList,
onChange: pageSizeEvent
});
};
// Jump
const renderJump = isFull => {
const {
total
} = props;
const {
inpCurrPage
} = reactData;
const jumpSlot = isFull ? slots.fullJump || slots['full-jump'] : slots.jump;
const pageCount = computePageCount.value;
if (jumpSlot) {
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
class: 'vxe-pager--custom-jump'
}, jumpSlot({
$pager: $xePager,
total,
currentPage: inpCurrPage,
pageCount
}));
}
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
class: 'vxe-pager--jump'
}, [isFull ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
class: 'vxe-pager--goto-text'
}, getI18n('vxe.pager.goto')) : null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(number_input, {
class: 'vxe-pager--goto',
modelValue: reactData.inpCurrPage,
placeholder: getI18n('vxe.pager.gotoTitle'),
align: 'center',
type: 'integer',
max: pageCount,
min: 1,
controls: false,
onKeydown: jumpKeydownEvent,
onBlur: triggerJumpEvent,
'onUpdate:modelValue'(val) {
reactData.inpCurrPage = val;
}
}), isFull ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
class: 'vxe-pager--classifier-text'
}, getI18n('vxe.pager.pageClassifier')) : null]);
};
// FullJump
const renderFullJump = () => {
return renderJump(true);
};
// PageCount
const renderPageCount = () => {
const {
currentPage,
total
} = props;
const pageCountSlot = slots.pageCount || slots['page-count'];
const pageCount = computePageCount.value;
if (pageCountSlot) {
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
class: 'vxe-pager--custom-count'
}, pageCountSlot({
$pager: $xePager,
total,
currentPage,
pageCount
}));
}
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
class: 'vxe-pager--count'
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
class: 'vxe-pager--separator'
}), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', pageCount)]);
};
// total
const renderTotal = () => {
const {
currentPage,
total
} = props;
const totalSlot = slots.total;
const pageCount = computePageCount.value;
if (totalSlot) {
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
class: 'vxe-pager--custom-total'
}, totalSlot({
$pager: $xePager,
total,
currentPage,
pageCount
}));
}
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
class: 'vxe-pager--total'
}, getI18n('vxe.pager.total', [total]));
};
const pagerMethods = {
dispatchEvent,
setPageSize(num) {
pageSizeEvent({
value: num
});
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
},
setPageSizeByEvent(evnt, num) {
pageSizeEvent({
value: num,
$event: evnt
});
},
homePage() {
handleHomePage();
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
},
homePageByEvent(evnt) {
handleHomePage(evnt);
},
endPage() {
handleEndPage();
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
},
endPageByEvent(evnt) {
handleEndPage(evnt);
},
prevPage() {
handlePrevPage();
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
},
prevPageByEvent(evnt) {
handlePrevPage(evnt);
},
nextPage() {
handleNextPage();
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
},
nextPageByEvent(evnt) {
handleNextPage(evnt);
},
prevJump() {
handlePrevJump();
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
},
prevJumpByEvent(evnt) {
handlePrevJump(evnt);
},
nextJump() {
handleNextJump();
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
},
nextJumpByEvent(evnt) {
handleNextJump(evnt);
},
setCurrentPage(currentPage) {
const current = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(currentPage) || 1;
reactData.inpCurrPage = current;
handleChangeCurrentPage(current);
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
},
setCurrentPageByEvent(evnt, currentPage) {
const current = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(currentPage) || 1;
reactData.inpCurrPage = current;
handleChangeCurrentPage(current, evnt);
},
/**
* 已废弃，被 setCurrentPage 替换
* @deprecated
*/
jumpPage(currentPage) {
warnLog('vxe.error.delFunc', ['[pager] jumpPage', 'setCurrentPage']);
return $xePager.setCurrentPage(currentPage);
}
};
const pagerPrivateMethods = {
handlePrevPage,
handleNextPage,
handlePrevJump,
handleNextJump
};
Object.assign($xePager, pagerMethods, pagerPrivateMethods);
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.currentPage, value => {
reactData.inpCurrPage = value;
});
const renderVN = () => {
const {
align,
layouts,
className
} = props;
const childNodes = [];
const vSize = computeSize.value;
const pageCount = computePageCount.value;
if (slots.left) {
childNodes.push((0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
class: 'vxe-pager--left-wrapper'
}, slots.left({
$grid: $xeGrid
})));
}
layouts.forEach(name => {
let renderFn;
switch (name) {
case 'Home':
renderFn = renderHomePage;
break;
case 'PrevJump':
renderFn = renderPrevJump;
break;
case 'PrevPage':
renderFn = renderPrevPage;
break;
case 'Number':
renderFn = renderNumber;
break;
case 'JumpNumber':
renderFn = renderJumpNumber;
break;
case 'NextPage':
renderFn = renderNextPage;
break;
case 'NextJump':
renderFn = renderNextJump;
break;
case 'End':
renderFn = renderEndPage;
break;
case 'Sizes':
renderFn = renderSizes;
break;
case 'FullJump':
renderFn = renderFullJump;
break;
case 'Jump':
renderFn = renderJump;
break;
case 'PageCount':
renderFn = renderPageCount;
break;
case 'Total':
renderFn = renderTotal;
break;
}
if (renderFn) {
childNodes.push(renderFn());
} else {
errLog('vxe.error.notProp', [`[pager] layouts -> ${name}`]);
}
});
if (slots.right) {
childNodes.push((0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
class: 'vxe-pager--right-wrapper'
}, slots.right({
$grid: $xeGrid
})));
}
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
ref: refElem,
class: ['vxe-pager', className ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(className) ? className({
$pager: $xePager
}) : className : '', {
[`size--${vSize}`]: vSize,
[`align--${align}`]: align,
'is--border': props.border,
'is--background': props.background,
'is--perfect': props.perfect,
'is--hidden': props.autoHidden && pageCount === 1,
'is--loading': props.loading
}]
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-pager--wrapper'
}, childNodes)]);
};
$xePager.renderVN = renderVN;
return $xePager;
},
render() {
return this.renderVN();
}
}));
;// CONCATENATED MODULE: ./packages/pager/index.ts
const VxePager = Object.assign(pager, {
install: function (app) {
app.component(pager.name, pager);
}
});
dynamicApp.use(VxePager);
index_esm_VxeUI.component(pager);
const Pager = VxePager;
/* harmony default export */ var packages_pager = (VxePager);
;// CONCATENATED MODULE: ./packages/password-input/src/password-input.ts
/* harmony default export */ var password_input = (defineVxeComponent({
name: 'VxePasswordInput',
props: {
modelValue: String,
immediate: {
type: Boolean,
default: true
},
name: String,
clearable: {
type: Boolean,
default: () => getConfig().passwordInput.clearable
},
readonly: Boolean,
disabled: Boolean,
maxLength: [String, Number],
placeholder: String,
autoComplete: {
type: String,
default: 'off'
},
className: String,
size: {
type: String,
default: () => getConfig().passwordInput.size || getConfig().size
},
prefixIcon: String,
suffixIcon: String,
controls: {
type: Boolean,
default: () => getConfig().passwordInput.controls
},
// 已废弃
autocomplete: String
},
emits: ['update:modelValue', 'input', 'change', 'click', 'focus', 'blur', 'clear', 'lazy-change', 'toggle-visible', 'prefix-click', 'suffix-click'],
setup(props, context) {
const {
emit,
slots
} = context;
const $xeForm = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeForm', null);
const formItemInfo = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('xeFormItemInfo', null);
const xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
const {
computeSize
} = useSize(props);
const reactData = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.reactive)({
showPwd: false,
isActivated: false,
inputValue: props.modelValue
});
const refElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
const refInputTarget = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
const refMaps = {
refElem,
refInput: refInputTarget
};
const $xePasswordInput = {
xID,
props,
context,
reactData,
getRefMaps: () => refMaps
};
let passwordInputMethods = {};
const computeIsClearable = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
return props.clearable;
});
const computeInpReadonly = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
const {
readonly
} = props;
return readonly;
});
const computeInpPlaceholder = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
const {
placeholder
} = props;
if (placeholder) {
return getFuncText(placeholder);
}
const globalPlaceholder = getConfig().passwordInput.placeholder;
if (globalPlaceholder) {
return getFuncText(globalPlaceholder);
}
return getI18n('vxe.base.pleaseInput');
});
const computeInputType = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
const {
showPwd
} = reactData;
if (showPwd) {
return 'text';
}
return 'password';
});
const computeInpImmediate = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
const {
immediate
} = props;
return immediate;
});
const triggerEvent = evnt => {
const {
inputValue
} = reactData;
passwordInputMethods.dispatchEvent(evnt.type, {
value: inputValue
}, evnt);
};
const emitInputEvent = (value, evnt) => {
const inpImmediate = computeInpImmediate.value;
reactData.inputValue = value;
if (inpImmediate) {
handleChange(value, evnt);
} else {
passwordInputMethods.dispatchEvent('input', {
value
}, evnt);
}
};
const inputEvent = evnt => {
const inputElem = evnt.target;
const value = inputElem.value;
emitInputEvent(value, evnt);
};
const handleChange = (value, evnt) => {
reactData.inputValue = value;
emit('update:modelValue', value);
passwordInputMethods.dispatchEvent('input', {
value
}, evnt);
if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toValueString(props.modelValue) !== value) {
passwordInputMethods.dispatchEvent('change', {
value
}, evnt);
// 自动更新校验状态
if ($xeForm && formItemInfo) {
$xeForm.triggerItemEvent(evnt, formItemInfo.itemConfig.field, value);
}
}
};
const changeEvent = evnt => {
triggerEvent(evnt);
$xePasswordInput.dispatchEvent('lazy-change', {
value: reactData.inputValue
}, evnt);
// 自动更新校验状态
if ($xeForm && formItemInfo) {
$xeForm.triggerItemEvent(evnt, formItemInfo.itemConfig.field, reactData.inputValue);
}
};
const focusEvent = evnt => {
reactData.isActivated = true;
triggerEvent(evnt);
};
const blurEvent = evnt => {
const {
inputValue
} = reactData;
const value = inputValue;
$xePasswordInput.dispatchEvent('blur', {
value
}, evnt);
// 自动更新校验状态
if ($xeForm && formItemInfo) {
$xeForm.triggerItemEvent(evnt, formItemInfo.itemConfig.field, value);
}
};
const passwordToggleEvent = evnt => {
const {
readonly,
disabled
} = props;
const {
showPwd
} = reactData;
if (!disabled && !readonly) {
reactData.showPwd = !showPwd;
}
$xePasswordInput.dispatchEvent('toggle-visible', {
visible: reactData.showPwd
}, evnt);
};
const clickEvent = evnt => {
triggerEvent(evnt);
};
const clearValueEvent = (evnt, value) => {
focus();
handleChange('', evnt);
$xePasswordInput.dispatchEvent('clear', {
value
}, evnt);
$xePasswordInput.dispatchEvent('lazy-change', {
value: reactData.inputValue
}, evnt);
};
const clickSuffixEvent = evnt => {
const {
disabled
} = props;
if (!disabled) {
const {
inputValue
} = reactData;
$xePasswordInput.dispatchEvent('suffix-click', {
value: inputValue
}, evnt);
}
};
const clickPrefixEvent = evnt => {
const {
disabled
} = props;
if (!disabled) {
const {
inputValue
} = reactData;
$xePasswordInput.dispatchEvent('prefix-click', {
value: inputValue
}, evnt);
}
};
const renderPasswordIcon = () => {
const {
showPwd
} = reactData;
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-password-input--control-icon',
onClick: passwordToggleEvent
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('i', {
class: ['vxe-password-input--password-icon', showPwd ? getIcon().PASSWORD_INPUT_SHOW_PWD : getIcon().PASSWORD_INPUT_HIDE_PWD]
})]);
};
const renderPrefixIcon = () => {
const {
prefixIcon
} = props;
const prefixSlot = slots.prefix;
return prefixSlot || prefixIcon ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-password-input--prefix',
onClick: clickPrefixEvent
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-password-input--prefix-icon'
}, prefixSlot ? vn_getSlotVNs(prefixSlot({})) : [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('i', {
class: prefixIcon
})])]) : null;
};
const renderSuffixIcon = () => {
const {
disabled,
suffixIcon,
controls
} = props;
const {
inputValue
} = reactData;
const suffixSlot = slots.suffix;
const isClearable = computeIsClearable.value;
return isClearable || controls || suffixSlot || suffixIcon ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: ['vxe-password-input--suffix', {
'is--clear': isClearable && !disabled && !(inputValue === '' || external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eqNull(inputValue))
}]
}, [isClearable ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-password-input--clear-icon',
onClick: clearValueEvent
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('i', {
class: getIcon().INPUT_CLEAR
})]) : renderEmptyElement($xePasswordInput), controls ? renderPasswordIcon() : renderEmptyElement($xePasswordInput), suffixSlot || suffixIcon ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-password-input--suffix-icon',
onClick: clickSuffixEvent
}, suffixSlot ? vn_getSlotVNs(suffixSlot({})) : [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('i', {
class: suffixIcon
})]) : renderEmptyElement($xePasswordInput)]) : null;
};
passwordInputMethods = {
dispatchEvent(type, params, evnt) {
emit(type, createEvent(evnt, {
$passwordInput: $xePasswordInput
}, params));
},
focus() {
const inputElem = refInputTarget.value;
reactData.isActivated = true;
inputElem.focus();
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
},
blur() {
const inputElem = refInputTarget.value;
inputElem.blur();
reactData.isActivated = false;
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
},
select() {
const inputElem = refInputTarget.value;
inputElem.select();
reactData.isActivated = false;
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
}
};
Object.assign($xePasswordInput, passwordInputMethods);
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.modelValue, val => {
reactData.inputValue = val;
});
const renderVN = () => {
const {
className,
name,
disabled,
readonly,
autocomplete,
autoComplete,
maxLength
} = props;
const {
inputValue,
isActivated
} = reactData;
const vSize = computeSize.value;
const inpReadonly = computeInpReadonly.value;
const inputType = computeInputType.value;
const inpPlaceholder = computeInpPlaceholder.value;
const isClearable = computeIsClearable.value;
const prefix = renderPrefixIcon();
const suffix = renderSuffixIcon();
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
ref: refElem,
class: ['vxe-password-input', className, {
[`size--${vSize}`]: vSize,
'is--prefix': !!prefix,
'is--suffix': !!suffix,
'is--readonly': readonly,
'is--disabled': disabled,
'is--active': isActivated,
'show--clear': isClearable && !disabled && !(inputValue === '' || external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eqNull(inputValue))
}],
spellcheck: false
}, [prefix || renderEmptyElement($xePasswordInput), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-password-input--wrapper'
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('input', {
ref: refInputTarget,
class: 'vxe-password-input--inner',
value: inputValue,
name,
type: inputType,
placeholder: inpPlaceholder,
readonly: inpReadonly,
disabled,
autocomplete: autocomplete || autoComplete,
maxlength: maxLength,
onClick: clickEvent,
onInput: inputEvent,
onChange: changeEvent,
onFocus: focusEvent,
onBlur: blurEvent
})]), suffix || renderEmptyElement($xePasswordInput)]);
};
$xePasswordInput.renderVN = renderVN;
return $xePasswordInput;
},
render() {
return this.renderVN();
}
}));
;// CONCATENATED MODULE: ./packages/password-input/index.ts
const VxePasswordInput = Object.assign({}, password_input, {
install(app) {
app.component(password_input.name, password_input);
}
});
dynamicApp.use(VxePasswordInput);
index_esm_VxeUI.component(password_input);
const PasswordInput = VxePasswordInput;
/* harmony default export */ var packages_password_input = (VxePasswordInput);
// EXTERNAL MODULE: ./node_modules/core-js/modules/web.url-search-params.delete.js
var web_url_search_params_delete = __webpack_require__(4603);
// EXTERNAL MODULE: ./node_modules/core-js/modules/web.url-search-params.has.js
var web_url_search_params_has = __webpack_require__(7566);
// EXTERNAL MODULE: ./node_modules/core-js/modules/web.url-search-params.size.js
var web_url_search_params_size = __webpack_require__(8721);
;// CONCATENATED MODULE: ./packages/print/src/util.ts
const browseObj = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().browse();
// 打印
let printFrame;
// 默认导出或打印的 HTML 样式
const defaultHtmlStyle = 'body{padding:0;font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu}body *{-webkit-box-sizing:border-box;box-sizing:border-box}.vxe-table{border-collapse:collapse;text-align:left;border-spacing:0}.vxe-table:not(.is--print){table-layout:fixed}.vxe-table,.vxe-table th,.vxe-table td,.vxe-table td{border-color:#D0D0D0;border-style:solid;border-width:0}.vxe-table.is--print{width:100%}.border--default,.border--full,.border--outer{border-top-width:1px}.border--default,.border--full,.border--outer{border-left-width:1px}.border--outer,.border--default th,.border--default td,.border--full th,.border--full td,.border--outer th,.border--inner th,.border--inner td{border-bottom-width:1px}.border--default,.border--outer,.border--full th,.border--full td{border-right-width:1px}.border--default th,.border--full th,.border--outer th{background-color:#f8f8f9}.vxe-table td>div,.vxe-table th>div{padding:.5em .4em}.col--center{text-align:center}.col--right{text-align:right}.vxe-table:not(.is--print) .col--ellipsis>div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}.vxe-table--tree-node{text-align:left}.vxe-table--tree-node-wrapper{position:relative}.vxe-table--tree-icon-wrapper{position:absolute;top:50%;width:1em;height:1em;text-align:center;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.vxe-table--tree-unfold-icon,.vxe-table--tree-fold-icon{position:absolute;width:0;height:0;border-style:solid;border-width:.5em;border-right-color:transparent;border-bottom-color:transparent}.vxe-table--tree-unfold-icon{left:.3em;top:0;border-left-color:#939599;border-top-color:transparent}.vxe-table--tree-fold-icon{left:0;top:.3em;border-left-color:transparent;border-top-color:#939599}.vxe-table--tree-cell{display:block;padding-left:1.5em}.vxe-table input[type="checkbox"]{margin:0}.vxe-table input[type="checkbox"],.vxe-table input[type="radio"],.vxe-table input[type="checkbox"]+span,.vxe-table input[type="radio"]+span{vertical-align:middle;padding-left:0.4em}';
function trimHtml(html) {
return `${html}`.replace(/()/, '');
}
function createPrintFrame() {
const frame = document.createElement('iframe');
frame.className = 'vxe-table--print-frame';
return frame;
}
function appendPrintFrame() {
if (!printFrame.parentNode) {
document.body.appendChild(printFrame);
}
}
function afterPrintEvent() {
requestAnimationFrame(removeFrame);
}
function removeFrame() {
if (printFrame) {
if (printFrame.parentNode) {
try {
printFrame.contentDocument.write('');
} catch (e) {}
printFrame.parentNode.removeChild(printFrame);
}
printFrame = null;
}
}
function getExportBlobByString(str, type) {
return new Blob([str], {
type: `text/${type};charset=utf-8;`
});
}
const defaultPrintMargin = 50;
const defaultFontColor = '#000000';
function parsePageStyle(val) {
const styOpts = Object.assign({}, val);
const headStyOpts = Object.assign({}, styOpts.header);
const titStyOpts = Object.assign({}, styOpts.title);
const footStyOpts = Object.assign({}, styOpts.footer);
const pnStyOpts = Object.assign({}, styOpts.pageNumber);
let mVal = defaultPrintMargin;
let marginTop = mVal;
let marginBottom = mVal;
let marginLeft = mVal;
let marginRight = mVal;
if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isNumber(styOpts.margin) || external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isString(styOpts.margin)) {
mVal = styOpts.margin;
marginTop = mVal;
marginBottom = mVal;
marginLeft = mVal;
marginRight = mVal;
}
return {
marginTop: toCssUnit(styOpts.marginTop || marginTop),
marginBottom: toCssUnit(styOpts.marginBottom || marginBottom),
marginLeft: toCssUnit(styOpts.marginLeft || marginLeft),
marginRight: toCssUnit(styOpts.marginRight || marginRight),
fontSize: toCssUnit(styOpts.fontSize),
color: styOpts.color,
textAlign: styOpts.textAlign,
header: {
height: toCssUnit(headStyOpts.height),
textAlign: headStyOpts.textAlign
},
title: {
color: titStyOpts.color,
fontSize: toCssUnit(titStyOpts.fontSize),
textAlign: titStyOpts.textAlign
},
footer: {
height: toCssUnit(footStyOpts.height),
textAlign: footStyOpts.textAlign
},
pageNumber: {
color: pnStyOpts.color,
fontSize: toCssUnit(pnStyOpts.fontSize),
textAlign: pnStyOpts.textAlign
}
};
}
function createHtmlPage(opts, printHtml) {
const {
pageStyle,
customStyle
} = opts;
const pageStyObj = parsePageStyle(pageStyle);
const headStyOpts = pageStyObj.header;
const titStyOpts = pageStyObj.title;
const footStyOpts = pageStyObj.header;
const pnStyOpts = pageStyObj.pageNumber;
const isPbMode = opts._pageBreaks || opts.pageBreaks && opts.pageBreaks.length;
return ['', '', '', ``, `
'].join('');
}).join('');
}
const printHtml = options => {
const opts = Object.assign({
_pageBreaks: false,
customLayout: true
}, options);
if (opts.sheetName) {
opts.title = opts.title || opts.sheetName;
}
if (opts.style) {
opts.customStyle = opts.customStyle || opts.style;
}
if (opts.beforePrintMethod) {
opts.beforeMethod = opts.beforeMethod || opts.beforePrintMethod;
}
if (opts.pageBreaks && opts.pageBreaks.length) {
return handlePrint(opts, createPageBreak(opts));
}
const printHtml = opts.html || opts.content;
return handlePrint(opts, printHtml);
};
function assemblePageBreak($xePageBreak, elem, pageBreakConfig) {
const staticPageBreaks = $xePageBreak.reactData.staticPageBreaks;
const parentElem = elem.parentNode;
if (parentElem && staticPageBreaks) {
staticPageBreaks.splice(external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().arrayIndexOf(parentElem.children, elem), 0, pageBreakConfig);
$xePageBreak.reactData.staticPageBreaks = staticPageBreaks.slice(0);
}
}
function destroyPageBreak($xePageBreak, pageBreakConfig) {
$xePageBreak.reactData.staticPageBreaks = $xePageBreak.reactData.staticPageBreaks.filter(item => item.id !== pageBreakConfig.id);
}
;// CONCATENATED MODULE: ./packages/print/src/page-break.ts
/* harmony default export */ var page_break = (defineVxeComponent({
name: 'VxePrintPageBreak',
props: {},
emits: [],
setup(props, context) {
const {
slots,
emit
} = context;
const xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
const $xePrint = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xePrint', null);
const refElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
const reactData = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.reactive)({});
const refMaps = {
refElem
};
const computeMaps = {};
const pageBreakConfig = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.reactive)({
id: xID,
slots
});
const $xePrintPageBreak = {
xID,
props,
context,
reactData,
getRefMaps: () => refMaps,
getComputeMaps: () => computeMaps
};
const dispatchEvent = (type, params, evnt) => {
emit(type, createEvent(evnt, {
$print: $xePrint
}, params));
};
const printPageBreakMethods = {
dispatchEvent
};
const printPageBreakPrivateMethods = {};
Object.assign($xePrintPageBreak, printPageBreakMethods, printPageBreakPrivateMethods);
if (!$xePrint) {
$xePrintPageBreak.renderVN = () => {
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)();
};
return $xePrintPageBreak;
}
const renderVN = () => {
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
ref: refElem
});
};
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(() => {
const elem = refElem.value;
if ($xePrint && elem) {
assemblePageBreak($xePrint, elem, pageBreakConfig);
}
});
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.onUnmounted)(() => {
if ($xePrint) {
destroyPageBreak($xePrint, pageBreakConfig);
}
});
$xePrintPageBreak.renderVN = renderVN;
return $xePrintPageBreak;
},
render() {
return this.renderVN();
}
}));
;// CONCATENATED MODULE: ./packages/print-page-break/index.ts
const VxePrintPageBreak = Object.assign({}, page_break, {
install(app) {
app.component(page_break.name, page_break);
}
});
dynamicApp.use(VxePrintPageBreak);
index_esm_VxeUI.component(page_break);
const PrintPageBreak = VxePrintPageBreak;
/* harmony default export */ var print_page_break = (VxePrintPageBreak);
;// CONCATENATED MODULE: ./packages/print/src/print.ts
/* harmony default export */ var print = (defineVxeComponent({
name: 'VxePrint',
props: {
align: {
type: String,
default: () => getConfig().print.align
},
title: String,
headerAlign: {
type: String,
default: () => getConfig().print.headerAlign
},
footerAlign: {
type: String,
default: () => getConfig().print.footerAlign
},
showPageNumber: {
type: Boolean,
default: () => getConfig().print.showPageNumber
},
customLayout: Boolean,
pageBreaks: Array,
content: String,
html: String,
headerHtml: String,
footerHtml: String,
leftHtml: String,
rightHtml: String,
showAllPageTitle: {
type: Boolean,
default: () => getConfig().print.showAllPageTitle
},
pageStyle: {
type: Object,
default: () => getConfig().print.pageStyle
},
customStyle: {
type: String,
default: () => getConfig().print.customStyle
},
beforeMethod: Function
},
emits: [],
setup(props, context) {
const {
slots,
emit
} = context;
const xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
const refElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
const reactData = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.reactive)({
staticPageBreaks: []
});
const refMaps = {
refElem
};
const computeMaps = {};
const $xePrint = {
xID,
props,
context,
reactData,
getRefMaps: () => refMaps,
getComputeMaps: () => computeMaps
};
const dispatchEvent = (type, params, evnt) => {
emit(type, createEvent(evnt, {
$print: $xePrint
}, params));
};
const printMethods = {
dispatchEvent,
print() {
const elem = refElem.value;
return printHtml(Object.assign({}, props, {
_pageBreaks: !!reactData.staticPageBreaks.length,
html: trimHtml(elem ? elem.outerHTML : '') || props.html || props.content || ''
}));
}
};
const printPrivateMethods = {};
Object.assign($xePrint, printMethods, printPrivateMethods);
const renderPageConfigLayouts = () => {
const {
title,
showPageNumber,
showAllPageTitle,
align,
headerAlign,
footerAlign
} = props;
const pageBreaks = props.pageBreaks || [];
const pageCount = pageBreaks.length;
return pageBreaks.map((item, index) => {
const bodyHtml = item.bodyHtml;
const headerHtml = item.headerHtml || props.headerHtml;
const footerHtml = item.footerHtml || props.footerHtml;
const leftHtml = item.leftHtml || props.leftHtml;
const rightHtml = item.rightHtml || props.rightHtml;
const currentPage = index + 1;
const params = {
currentPage,
pageCount
};
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: ['vxe-print-page-break', align ? `align--${align}` : '']
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: ['vxe-print-page-break--header', headerAlign ? `align--${headerAlign}` : '']
}, headerHtml ? `${external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(headerHtml) ? headerHtml(params) : headerHtml || ''}` : [title && (showAllPageTitle || !index) ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-print-page-break--header-title'
}, `${title || ''}`) : renderEmptyElement($xePrint)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-print-page-break--body'
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-print-page-break--left'
}, `${external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(leftHtml) ? leftHtml(params) : leftHtml || ''}`), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-print-page-break--content'
}, `${external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(bodyHtml) ? bodyHtml(params) : bodyHtml || ''}`), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-print-page-break--right'
}, `${external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(rightHtml) ? rightHtml(params) : rightHtml || ''}`)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: ['vxe-print-page-break--footer', footerAlign ? `align--${footerAlign}` : '']
}, footerHtml ? `${external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(footerHtml) ? footerHtml(params) : footerHtml || ''}` : [showPageNumber ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-print-page-break--footer-page-number'
}, `${currentPage}/${pageCount}`) : renderEmptyElement($xePrint)])]);
});
};
const renderPageStaticLayouts = () => {
const {
title,
showPageNumber,
showAllPageTitle,
align,
headerAlign,
footerAlign
} = props;
const {
staticPageBreaks
} = reactData;
const pageCount = staticPageBreaks.length;
return staticPageBreaks.map((item, index) => {
const itemSlots = item.slots || {};
const currentPage = index + 1;
const defaultSlot = itemSlots.default;
const headerSlot = itemSlots.header || slots.header;
const footerSlot = itemSlots.footer || slots.footer;
const leftSlot = itemSlots.left || slots.left;
const rightSlot = itemSlots.right || slots.right;
const params = {
currentPage,
pageCount
};
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: ['vxe-print-page-break', align ? `align--${align}` : '']
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: ['vxe-print-page-break--header', headerAlign ? `align--${headerAlign}` : '']
}, headerSlot ? vn_getSlotVNs(headerSlot(params)) : [title && (showAllPageTitle || !index) ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-print-page-break--header-title'
}, `${title || ''}`) : renderEmptyElement($xePrint)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-print-page-break--body'
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-print-page-break--left'
}, leftSlot ? vn_getSlotVNs(leftSlot(params)) : []), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-print-page-break--content'
}, defaultSlot ? vn_getSlotVNs(defaultSlot(params)) : []), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-print-page-break--right'
}, rightSlot ? vn_getSlotVNs(rightSlot(params)) : [])]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: ['vxe-print-page-break--footer', footerAlign ? `align--${footerAlign}` : '']
}, footerSlot ? vn_getSlotVNs(footerSlot(params)) : [showPageNumber ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-print-page-break--footer-page-number'
}, `${currentPage}/${pageCount}`) : renderEmptyElement($xePrint)])]);
});
};
const renderVN = () => {
const {
customLayout
} = props;
const {
staticPageBreaks
} = reactData;
const defaultSlot = slots.default;
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
ref: refElem,
class: ['vxe-print']
}, customLayout ? defaultSlot ? vn_getSlotVNs(defaultSlot({})) : [] : [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
key: 'slot',
class: 'vxe-print-slots'
}, defaultSlot ? vn_getSlotVNs(defaultSlot({})) : [])].concat(staticPageBreaks.length ? renderPageStaticLayouts() : renderPageConfigLayouts()));
};
$xePrint.renderVN = renderVN;
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('$xePrint', $xePrint);
return $xePrint;
},
render() {
return this.renderVN();
}
}));
;// CONCATENATED MODULE: ./packages/print/index.ts
const VxePrint = Object.assign({}, print, {
install(app) {
app.component(print.name, print);
}
});
dynamicApp.use(VxePrint);
index_esm_VxeUI.component(print);
index_esm_VxeUI.print = printHtml;
const Print = VxePrint;
/* harmony default export */ var packages_print = (VxePrint);
;// CONCATENATED MODULE: ./packages/pulldown/src/pulldown.ts
/* harmony default export */ var pulldown = (defineVxeComponent({
name: 'VxePulldown',
props: {
modelValue: Boolean,
disabled: Boolean,
placement: String,
trigger: {
type: String,
default: getConfig().pulldown.trigger
},
zIndex: Number,
size: {
type: String,
default: () => getConfig().pulldown.size || getConfig().size
},
options: Array,
className: {
type: [String, Function],
default: getConfig().pulldown.className
},
popupClassName: [String, Function],
showPopupShadow: Boolean,
destroyOnClose: {
type: Boolean,
default: getConfig().pulldown.destroyOnClose
},
transfer: {
type: Boolean,
default: null
}
},
emits: ['update:modelValue', 'click', 'option-click', 'show-panel', 'hide-panel', 'visible-change'],
setup(props, context) {
const {
slots,
emit
} = context;
const $xeModal = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeModal', null);
const $xeDrawer = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeDrawer', null);
const $xeTable = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeTable', null);
const $xeForm = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeForm', null);
const xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
const {
computeSize
} = useSize(props);
const reactData = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.reactive)({
initialized: false,
panelIndex: 0,
panelStyle: {},
panelPlacement: null,
visiblePanel: false,
isAniVisible: false,
isActivated: false
});
const internalData = {
hpTimeout: undefined
};
const refElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
const refPulldownContent = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
const refPulldownPanel = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
const computeBtnTransfer = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
const {
transfer
} = props;
if (transfer === null) {
const globalTransfer = getConfig().pulldown.transfer;
if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isBoolean(globalTransfer)) {
return globalTransfer;
}
if ($xeTable || $xeModal || $xeDrawer || $xeForm) {
return true;
}
}
return transfer;
});
const refMaps = {
refElem
};
const $xePulldown = {
xID,
props,
context,
reactData,
internalData,
getRefMaps: () => refMaps
};
let pulldownMethods = {};
const updateZindex = () => {
const {
zIndex
} = props;
if (zIndex) {
reactData.panelIndex = zIndex;
} else if (reactData.panelIndex < getLastZIndex()) {
reactData.panelIndex = nextZIndex();
}
};
const isPanelVisible = () => {
return reactData.visiblePanel;
};
/**
* 手动更新位置
*/
const updatePlacement = () => {
const {
placement
} = props;
const {
panelIndex
} = reactData;
const targetElem = refPulldownContent.value;
const panelElem = refPulldownPanel.value;
const btnTransfer = computeBtnTransfer.value;
const handleStyle = () => {
const ppObj = updatePanelPlacement(targetElem, panelElem, {
placement,
teleportTo: btnTransfer
});
const panelStyle = Object.assign(ppObj.style, {
zIndex: panelIndex
});
reactData.panelStyle = panelStyle;
reactData.panelPlacement = ppObj.placement;
};
handleStyle();
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)().then(handleStyle);
};
/**
* 显示下拉面板
*/
const showPanel = () => {
if (!reactData.initialized) {
reactData.initialized = true;
}
return new Promise(resolve => {
if (!props.disabled) {
if (internalData.hpTimeout) {
clearTimeout(internalData.hpTimeout);
}
reactData.isActivated = true;
reactData.isAniVisible = true;
setTimeout(() => {
reactData.visiblePanel = true;
emit('update:modelValue', true);
updatePlacement();
setTimeout(() => {
resolve(updatePlacement());
}, 40);
}, 10);
updateZindex();
dispatchEvent('visible-change', {
visible: true
}, null);
} else {
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)(() => {
resolve();
});
}
});
};
/**
* 隐藏下拉面板
*/
const hideOptionPanel = () => {
reactData.visiblePanel = false;
dispatchEvent('visible-change', {
visible: false
}, null);
emit('update:modelValue', false);
return new Promise(resolve => {
if (reactData.isAniVisible) {
internalData.hpTimeout = setTimeout(() => {
reactData.isAniVisible = false;
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)(() => {
resolve();
});
}, 350);
} else {
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)(() => {
resolve();
});
}
});
};
/**
* 切换下拉面板
*/
const togglePanel = () => {
if (reactData.visiblePanel) {
return hideOptionPanel();
}
return showPanel();
};
const handleOptionEvent = (evnt, option) => {
if (!option.disabled) {
if (reactData.visiblePanel) {
hideOptionPanel();
dispatchEvent('hide-panel', {}, evnt);
}
dispatchEvent('option-click', {
option
}, evnt);
}
};
const clickTargetEvent = evnt => {
const {
trigger
} = props;
if (trigger === 'click') {
if (reactData.visiblePanel) {
hideOptionPanel();
dispatchEvent('hide-panel', {}, evnt);
} else {
showPanel();
dispatchEvent('show-panel', {}, evnt);
}
}
dispatchEvent('click', {
$pulldown: $xePulldown
}, evnt);
};
const handleGlobalMousewheelEvent = evnt => {
const {
disabled
} = props;
const {
visiblePanel
} = reactData;
const panelElem = refPulldownPanel.value;
if (!disabled) {
if (visiblePanel) {
if (getEventTargetNode(evnt, panelElem).flag) {
updatePlacement();
} else {
hideOptionPanel();
dispatchEvent('hide-panel', {}, evnt);
}
}
}
};
const handleGlobalMousedownEvent = evnt => {
const {
disabled
} = props;
const {
visiblePanel
} = reactData;
const el = refElem.value;
const panelElem = refPulldownPanel.value;
if (!disabled) {
reactData.isActivated = getEventTargetNode(evnt, el).flag || getEventTargetNode(evnt, panelElem).flag;
if (visiblePanel && !reactData.isActivated) {
hideOptionPanel();
dispatchEvent('hide-panel', {}, evnt);
}
}
};
const handleGlobalBlurEvent = evnt => {
const {
visiblePanel,
isActivated
} = reactData;
if (visiblePanel) {
hideOptionPanel();
dispatchEvent('hide-panel', {}, evnt);
}
if (isActivated) {
reactData.isActivated = false;
}
};
const handleGlobalResizeEvent = () => {
const {
visiblePanel
} = reactData;
if (visiblePanel) {
updatePlacement();
}
};
const dispatchEvent = (type, params, evnt) => {
emit(type, createEvent(evnt, {
$pulldown: $xePulldown
}, params));
};
pulldownMethods = {
dispatchEvent,
isPanelVisible,
togglePanel,
showPanel,
hidePanel: hideOptionPanel
};
Object.assign($xePulldown, pulldownMethods);
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.modelValue, value => {
reactData.isActivated = !!value;
if (value) {
showPanel();
} else {
hideOptionPanel();
}
});
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)(() => {
if (props.modelValue) {
showPanel();
}
globalEvents.on($xePulldown, 'mousewheel', handleGlobalMousewheelEvent);
globalEvents.on($xePulldown, 'mousedown', handleGlobalMousedownEvent);
globalEvents.on($xePulldown, 'blur', handleGlobalBlurEvent);
globalEvents.on($xePulldown, 'resize', handleGlobalResizeEvent);
});
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.onUnmounted)(() => {
globalEvents.off($xePulldown, 'mousewheel');
globalEvents.off($xePulldown, 'mousedown');
globalEvents.off($xePulldown, 'blur');
globalEvents.off($xePulldown, 'resize');
});
const renderDefaultPanel = options => {
const optionSlot = slots.option;
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-pulldown--panel-list'
}, options ? options.map(item => {
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-pulldown--panel-item',
onClick(evnt) {
handleOptionEvent(evnt, item);
}
}, optionSlot ? optionSlot({
$pulldown: $xePulldown,
option: item
}) : `${item.label || ''}`);
}) : []);
};
const renderVN = () => {
const {
className,
options,
popupClassName,
showPopupShadow,
destroyOnClose,
disabled
} = props;
const {
initialized,
isActivated,
isAniVisible,
visiblePanel,
panelStyle,
panelPlacement
} = reactData;
const btnTransfer = computeBtnTransfer.value;
const vSize = computeSize.value;
const defaultSlot = slots.default;
const headerSlot = slots.header;
const footerSlot = slots.footer;
const dropdownSlot = slots.dropdown;
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
ref: refElem,
class: ['vxe-pulldown', className ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(className) ? className({
$pulldown: $xePulldown
}) : className : '', {
[`size--${vSize}`]: vSize,
'is--visible': visiblePanel,
'is--disabled': disabled,
'is--active': isActivated
}]
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
ref: refPulldownContent,
class: 'vxe-pulldown--content',
onClick: clickTargetEvent
}, defaultSlot ? defaultSlot({
$pulldown: $xePulldown
}) : []), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(external_commonjs_vue_commonjs2_vue_root_Vue_.Teleport, {
to: 'body',
disabled: btnTransfer ? !initialized : true
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
ref: refPulldownPanel,
class: ['vxe-table--ignore-clear vxe-pulldown--panel', popupClassName ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(popupClassName) ? popupClassName({
$pulldown: $xePulldown
}) : popupClassName : '', {
[`size--${vSize}`]: vSize,
'is--transfer': btnTransfer,
'ani--leave': isAniVisible,
'ani--enter': visiblePanel
}],
placement: panelPlacement,
style: panelStyle
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: ['vxe-pulldown--panel-wrapper', {
'is--shadow': showPopupShadow
}]
}, initialized && (destroyOnClose ? visiblePanel || isAniVisible : true) ? [headerSlot ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-pulldown--panel-header'
}, headerSlot({
$pulldown: $xePulldown
})) : renderEmptyElement($xePulldown), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-pulldown--panel-body'
}, dropdownSlot ? dropdownSlot({
$pulldown: $xePulldown
}) : [renderDefaultPanel(options)]), footerSlot ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-pulldown--panel-footer'
}, footerSlot({
$pulldown: $xePulldown
})) : renderEmptyElement($xePulldown)] : [])])])]);
};
$xePulldown.renderVN = renderVN;
return $xePulldown;
},
render() {
return this.renderVN();
}
}));
;// CONCATENATED MODULE: ./packages/pulldown/index.ts
const VxePulldown = Object.assign(pulldown, {
install: function (app) {
app.component(pulldown.name, pulldown);
}
});
dynamicApp.use(VxePulldown);
index_esm_VxeUI.component(pulldown);
const Pulldown = VxePulldown;
/* harmony default export */ var packages_pulldown = (VxePulldown);
;// CONCATENATED MODULE: ./packages/radio/src/radio.ts
/* harmony default export */ var src_radio = (defineVxeComponent({
name: 'VxeRadio',
props: {
modelValue: [String, Number, Boolean],
checkedValue: {
type: [String, Number, Boolean],
default: undefined
},
title: [String, Number],
content: [String, Number],
disabled: {
type: Boolean,
default: null
},
name: String,
strict: {
type: Boolean,
default: () => getConfig().radio.strict
},
size: {
type: String,
default: () => getConfig().radio.size || getConfig().size
},
/**
* 已废弃，被 checkedValue 替换
*/
label: {
type: [String, Number, Boolean],
default: null
}
},
emits: ['update:modelValue', 'change'],
setup(props, context) {
const {
slots,
emit
} = context;
const $xeForm = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeForm', null);
const formItemInfo = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('xeFormItemInfo', null);
const $xeRadioGroup = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeRadioGroup', null);
const xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
const reactData = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.reactive)({});
const $xeRadio = {
xID,
props,
context,
reactData
};
const {
computeSize
} = useSize(props);
const computeIsDisabled = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
const {
disabled
} = props;
if (disabled === null) {
if ($xeRadioGroup) {
const {
computeIsDisabled
} = $xeRadioGroup.getComputeMaps();
return computeIsDisabled.value;
}
}
return disabled;
});
const computeName = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
return $xeRadioGroup ? $xeRadioGroup.name : props.name;
});
const computeStrict = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
return $xeRadioGroup ? $xeRadioGroup.props.strict : props.strict;
});
const computeChecked = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
const {
label,
checkedValue
} = props;
const radioValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isUndefined(checkedValue) ? label : checkedValue;
return $xeRadioGroup ? $xeRadioGroup.props.modelValue === radioValue : props.modelValue === radioValue;
});
const handleValue = (checkedValue, evnt) => {
if ($xeRadioGroup) {
$xeRadioGroup.handleChecked({
label: checkedValue,
checkedValue
}, evnt);
} else {
emit('update:modelValue', checkedValue);
dispatchEvent('change', {
value: checkedValue,
label: checkedValue,
checkedValue
}, evnt);
// 自动更新校验状态
if ($xeForm && formItemInfo) {
$xeForm.triggerItemEvent(evnt, formItemInfo.itemConfig.field, checkedValue);
}
}
};
const changeEvent = evnt => {
const isDisabled = computeIsDisabled.value;
if (!isDisabled) {
const {
label,
checkedValue
} = props;
const radioValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isUndefined(checkedValue) ? label : checkedValue;
handleValue(radioValue, evnt);
}
};
const clickEvent = evnt => {
const isDisabled = computeIsDisabled.value;
const isStrict = computeStrict.value;
if (!isDisabled && !isStrict) {
const {
label,
checkedValue
} = props;
const radioValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isUndefined(checkedValue) ? label : checkedValue;
if (radioValue === ($xeRadioGroup ? $xeRadioGroup.props.modelValue : props.modelValue)) {
handleValue(null, evnt);
}
}
};
const dispatchEvent = (type, params, evnt) => {
emit(type, createEvent(evnt, {
$radio: $xeRadio
}, params));
};
const radioMethods = {
dispatchEvent
};
const radioPrivateMethods = {};
Object.assign($xeRadio, radioMethods, radioPrivateMethods);
const renderVN = () => {
const {
label,
checkedValue
} = props;
const radioValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isUndefined(checkedValue) ? label : checkedValue;
const vSize = computeSize.value;
const isDisabled = computeIsDisabled.value;
const name = computeName.value;
const isChecked = computeChecked.value;
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('label', {
key: radioValue,
class: ['vxe-radio vxe-radio--default', {
[`size--${vSize}`]: vSize,
'is--checked': isChecked,
'is--disabled': isDisabled
}],
title: props.title
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('input', {
class: 'vxe-radio--input',
type: 'radio',
name,
checked: isChecked,
disabled: isDisabled,
onChange: changeEvent,
onClick: clickEvent
}), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
class: ['vxe-radio--icon', isChecked ? getIcon().RADIO_CHECKED : isDisabled ? getIcon().RADIO_DISABLED_UNCHECKED : getIcon().RADIO_UNCHECKED]
}), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
class: 'vxe-radio--label'
}, slots.default ? slots.default({}) : getFuncText(props.content))]);
};
$xeRadio.renderVN = renderVN;
return $xeRadio;
},
render() {
return this.renderVN();
}
}));
;// CONCATENATED MODULE: ./packages/radio/index.ts
const VxeRadio = Object.assign(src_radio, {
install: function (app) {
app.component(src_radio.name, src_radio);
}
});
dynamicApp.use(VxeRadio);
index_esm_VxeUI.component(src_radio);
const Radio = VxeRadio;
/* harmony default export */ var packages_radio = (VxeRadio);
;// CONCATENATED MODULE: ./packages/radio/src/button.ts
/* harmony default export */ var radio_src_button = (defineVxeComponent({
name: 'VxeRadioButton',
props: {
modelValue: [String, Number, Boolean],
checkedValue: {
type: [String, Number, Boolean],
default: undefined
},
title: [String, Number],
content: [String, Number],
disabled: {
type: Boolean,
default: null
},
strict: {
type: Boolean,
default: () => getConfig().radioButton.strict
},
size: {
type: String,
default: () => getConfig().radioButton.size || getConfig().size
},
/**
* 已废弃，被 checkedValue 替换
*/
label: {
type: [String, Number, Boolean],
default: null
}
},
emits: ['update:modelValue', 'change'],
setup(props, context) {
const {
slots,
emit
} = context;
const $xeForm = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeForm', null);
const formItemInfo = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('xeFormItemInfo', null);
const $xeRadioGroup = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeRadioGroup', null);
const xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
const reactData = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.reactive)({});
const {
computeSize
} = useSize(props);
const $xeRadioButton = {
xID,
props,
context,
reactData
};
const computeIsDisabled = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
const {
disabled
} = props;
if (disabled === null) {
if ($xeRadioGroup) {
const {
computeIsDisabled
} = $xeRadioGroup.getComputeMaps();
return computeIsDisabled.value;
}
}
return disabled;
});
const computeName = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
return $xeRadioGroup ? $xeRadioGroup.name : null;
});
const computeStrict = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
return $xeRadioGroup ? $xeRadioGroup.props.strict : props.strict;
});
const computeChecked = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
const {
label,
checkedValue
} = props;
const radioValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isUndefined(checkedValue) ? label : checkedValue;
return $xeRadioGroup ? $xeRadioGroup.props.modelValue === radioValue : props.modelValue === radioValue;
});
const radioButtonMethods = {
dispatchEvent(type, params, evnt) {
emit(type, createEvent(evnt, {
$radioButton: $xeRadioButton
}, params));
}
};
const radioButtonPrivateMethods = {};
Object.assign($xeRadioButton, radioButtonMethods, radioButtonPrivateMethods);
const handleValue = (checkedValue, evnt) => {
if ($xeRadioGroup) {
$xeRadioGroup.handleChecked({
label: checkedValue,
checkedValue
}, evnt);
} else {
emit('update:modelValue', checkedValue);
radioButtonMethods.dispatchEvent('change', {
value: checkedValue,
label: checkedValue
}, evnt);
// 自动更新校验状态
if ($xeForm && formItemInfo) {
$xeForm.triggerItemEvent(evnt, formItemInfo.itemConfig.field, checkedValue);
}
}
};
const changeEvent = evnt => {
const isDisabled = computeIsDisabled.value;
if (!isDisabled) {
const {
label,
checkedValue
} = props;
const radioValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isUndefined(checkedValue) ? label : checkedValue;
handleValue(radioValue, evnt);
}
};
const clickEvent = evnt => {
const isDisabled = computeIsDisabled.value;
const isStrict = computeStrict.value;
if (!isDisabled && !isStrict) {
const {
label,
checkedValue
} = props;
const radioValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isUndefined(checkedValue) ? label : checkedValue;
if (radioValue === ($xeRadioGroup ? $xeRadioGroup.props.modelValue : props.modelValue)) {
handleValue(null, evnt);
}
}
};
const renderVN = () => {
const {
label,
checkedValue
} = props;
const radioValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isUndefined(checkedValue) ? label : checkedValue;
const vSize = computeSize.value;
const isDisabled = computeIsDisabled.value;
const name = computeName.value;
const isChecked = computeChecked.value;
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('label', {
key: radioValue,
class: ['vxe-radio vxe-radio--button', {
[`size--${vSize}`]: vSize,
'is--disabled': isDisabled
}],
title: props.title
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('input', {
class: 'vxe-radio--input',
type: 'radio',
name,
checked: isChecked,
disabled: isDisabled,
onChange: changeEvent,
onClick: clickEvent
}), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
class: 'vxe-radio--label'
}, slots.default ? slots.default({}) : getFuncText(props.content))]);
};
$xeRadioButton.renderVN = renderVN;
return renderVN;
}
}));
;// CONCATENATED MODULE: ./packages/radio-button/index.ts
const VxeRadioButton = Object.assign(radio_src_button, {
install: function (app) {
app.component(radio_src_button.name, radio_src_button);
}
});
dynamicApp.use(VxeRadioButton);
index_esm_VxeUI.component(radio_src_button);
const RadioButton = VxeRadioButton;
/* harmony default export */ var radio_button = (VxeRadioButton);
;// CONCATENATED MODULE: ./packages/radio/src/group.ts
/* harmony default export */ var radio_src_group = (defineVxeComponent({
name: 'VxeRadioGroup',
props: {
modelValue: [String, Number, Boolean],
disabled: {
type: Boolean,
default: null
},
type: String,
options: Array,
optionProps: Object,
strict: {
type: Boolean,
default: () => getConfig().radioGroup.strict
},
size: {
type: String,
default: () => getConfig().radioGroup.size || getConfig().size
}
},
emits: ['update:modelValue', 'change'],
setup(props, context) {
const {
slots,
emit
} = context;
const $xeForm = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeForm', null);
const formItemInfo = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('xeFormItemInfo', null);
const xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
const {
computeSize
} = useSize(props);
const reactData = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.reactive)({});
const computeIsDisabled = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
const {
disabled
} = props;
if (disabled === null) {
if ($xeForm) {
return $xeForm.props.readonly || $xeForm.props.disabled;
}
return false;
}
return disabled;
});
const computeMaps = {
computeIsDisabled
};
const $xeRadioGroup = {
xID,
props,
context,
reactData,
name: external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId('xe_group_'),
getComputeMaps: () => computeMaps
};
const computePropsOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
return Object.assign({}, props.optionProps);
});
const computeLabelField = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
const propsOpts = computePropsOpts.value;
return propsOpts.label || 'label';
});
const computeValueField = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
const propsOpts = computePropsOpts.value;
return propsOpts.value || 'value';
});
const computeDisabledField = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
const propsOpts = computePropsOpts.value;
return propsOpts.disabled || 'disabled';
});
const dispatchEvent = (type, params, evnt) => {
emit(type, createEvent(evnt, {
$radioGroup: $xeRadioGroup
}, params));
};
const radioGroupMethods = {
dispatchEvent
};
const radioGroupPrivateMethods = {
handleChecked(params, evnt) {
const value = params.checkedValue;
emit('update:modelValue', value);
dispatchEvent('change', {
value,
label: value,
checkedValue: value
}, evnt);
// 自动更新校验状态
if ($xeForm && formItemInfo) {
$xeForm.triggerItemEvent(evnt, formItemInfo.itemConfig.field, value);
}
}
};
Object.assign($xeRadioGroup, radioGroupMethods, radioGroupPrivateMethods);
const renderVN = () => {
const {
options,
type
} = props;
const vSize = computeSize.value;
const defaultSlot = slots.default;
const valueField = computeValueField.value;
const labelField = computeLabelField.value;
const disabledField = computeDisabledField.value;
const btnComp = type === 'button' ? radio_src_button : src_radio;
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: ['vxe-radio-group', {
[`size--${vSize}`]: vSize
}]
}, defaultSlot ? defaultSlot({}) : options ? options.map(item => {
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(btnComp, {
key: item[valueField],
checkedValue: item[valueField],
content: item[labelField],
disabled: item[disabledField]
});
}) : []);
};
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('$xeRadioGroup', $xeRadioGroup);
$xeRadioGroup.renderVN = renderVN;
return $xeRadioGroup;
},
render() {
return this.renderVN();
}
}));
;// CONCATENATED MODULE: ./packages/radio-group/index.ts
const VxeRadioGroup = Object.assign(radio_src_group, {
install: function (app) {
app.component(radio_src_group.name, radio_src_group);
}
});
dynamicApp.use(VxeRadioGroup);
index_esm_VxeUI.component(radio_src_group);
const RadioGroup = VxeRadioGroup;
/* harmony default export */ var radio_group = (VxeRadioGroup);
;// CONCATENATED MODULE: ./packages/rate/src/rate.ts
/* harmony default export */ var rate = (defineVxeComponent({
name: 'VxeRate',
props: {
modelValue: [Number, String],
disabled: {
type: Boolean,
default: null
},
readonly: {
type: Boolean,
default: null
},
size: {
type: String,
default: () => getConfig().rate.size || getConfig().size
},
status: String
},
emits: ['update:modelValue', 'change'],
setup(props, context) {
const {
emit
} = context;
const $xeForm = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeForm', null);
const formItemInfo = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('xeFormItemInfo', null);
const xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
const {
computeSize
} = useSize(props);
const refElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
const reactData = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.reactive)({
activeValue: null
});
const refMaps = {
refElem
};
const computeIsDisabled = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
const {
disabled
} = props;
if (disabled === null) {
if ($xeForm) {
return $xeForm.props.readonly || $xeForm.props.disabled;
}
return false;
}
return disabled;
});
const computeIsReadonly = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
const {
readonly
} = props;
if (readonly === null) {
if ($xeForm) {
return $xeForm.props.readonly || $xeForm.props.disabled;
}
return false;
}
return readonly;
});
const computeNumVal = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
const {
modelValue
} = props;
const {
activeValue
} = reactData;
return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(activeValue === null ? modelValue : activeValue);
});
const computeItemList = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
return [1, 2, 3, 4, 5].map(num => {
return {
value: num,
label: num
};
});
});
const computeMaps = {};
const $xeRate = {
xID,
props,
context,
reactData,
getRefMaps: () => refMaps,
getComputeMaps: () => computeMaps
};
const dispatchEvent = (type, params, evnt) => {
emit(type, createEvent(evnt, {
$rate: $xeRate
}, params));
};
const collapsePaneMethods = {
dispatchEvent
};
const collapsePanePrivateMethods = {};
const emitModel = value => {
emit('update:modelValue', value);
};
const mouseenterEvent = (evnt, item) => {
const isDisabled = computeIsDisabled.value;
const isReadonly = computeIsReadonly.value;
if (!(isDisabled || isReadonly)) {
const value = item.value;
reactData.activeValue = value;
}
};
const mouseleaveEvent = () => {
reactData.activeValue = null;
};
const clickEvent = (evnt, item) => {
const isDisabled = computeIsDisabled.value;
const isReadonly = computeIsReadonly.value;
if (!(isDisabled || isReadonly)) {
const value = item.value;
emitModel(value);
dispatchEvent('change', {
value
}, evnt);
// 自动更新校验状态
if ($xeForm && formItemInfo) {
$xeForm.triggerItemEvent(evnt, formItemInfo.itemConfig.field, value);
}
}
};
Object.assign($xeRate, collapsePaneMethods, collapsePanePrivateMethods);
const renderVN = () => {
const {
status
} = props;
const isDisabled = computeIsDisabled.value;
const isReadonly = computeIsReadonly.value;
const itemList = computeItemList.value;
const vSize = computeSize.value;
const numVal = computeNumVal.value;
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
ref: refElem,
class: ['vxe-rate', {
[`size--${vSize}`]: vSize,
[`theme--${status}`]: status,
'is--disabled': isDisabled,
'is--readonly': isReadonly
}]
}, itemList.map(item => {
const isChecked = numVal >= item.value;
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: ['vxe-rte--item', {
'is--checked': isChecked
}],
onMouseenter(evnt) {
if (!(isDisabled || isReadonly)) {
mouseenterEvent(evnt, item);
}
},
onMouseleave: mouseleaveEvent,
onClick(evnt) {
if (!(isDisabled || isReadonly)) {
clickEvent(evnt, item);
}
}
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('i', {
class: isChecked ? getIcon().RATE_CHECKED : getIcon().RATE_UNCHECKED
})]);
}));
};
$xeRate.renderVN = renderVN;
return $xeRate;
},
render() {
return this.renderVN();
}
}));
;// CONCATENATED MODULE: ./packages/rate/index.ts
const VxeRate = Object.assign({}, rate, {
install(app) {
app.component(rate.name, rate);
}
});
dynamicApp.use(VxeRate);
index_esm_VxeUI.component(rate);
const Rate = VxeRate;
/* harmony default export */ var packages_rate = (VxeRate);
;// CONCATENATED MODULE: ./packages/result/src/result.ts
/* harmony default export */ var result = (defineVxeComponent({
name: 'VxeResult',
props: {
imageUrl: String,
imageStyle: Object,
icon: String,
type: [String, Number],
status: [String, Number],
title: [String, Number],
content: [String, Number]
},
emits: [],
setup(props, context) {
const {
emit,
slots
} = context;
const xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
const refElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
const reactData = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.reactive)({});
const refMaps = {
refElem
};
const computeMaps = {};
const $xeResult = {
xID,
props,
context,
reactData,
getRefMaps: () => refMaps,
getComputeMaps: () => computeMaps
};
const dispatchEvent = (type, params, evnt) => {
emit(type, createEvent(evnt, {
$result: $xeResult
}, params));
};
const collapsePaneMethods = {
dispatchEvent
};
const collapsePanePrivateMethods = {};
Object.assign($xeResult, collapsePaneMethods, collapsePanePrivateMethods);
const renderVN = () => {
const {
imageUrl,
imageStyle,
icon,
title,
type,
content
} = props;
const status = props.status || type;
const slotExtra = slots.extra;
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
ref: 'refElem',
class: ['vxe-result', {
[`theme--${status}`]: status
}]
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-result--inner'
}, [imageUrl ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-result--img-wrapper'
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('img', {
src: imageUrl,
style: imageStyle
})]) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-result--icon-wrapper'
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('i', {
class: [icon, type ? getIcon()[`RESULT_${type}`.toLocaleUpperCase()] : '']
})]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-result--title-wrapper'
}, `${title || ''}`), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-result--content-wrapper'
}, `${content || ''}`), slotExtra ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
class: 'vxe-result--extra-wrapper'
}, slotExtra({})) : renderEmptyElement($xeResult)])]);
};
$xeResult.renderVN = renderVN;
return $xeResult;
},
render() {
return this.renderVN();
}
}));
;// CONCATENATED MODULE: ./packages/result/index.ts
const VxeResult = Object.assign({}, result, {
install(app) {
app.component(result.name, result);
}
});
dynamicApp.use(VxeResult);
index_esm_VxeUI.component(result);
const Result = VxeResult;
/* harmony default export */ var packages_result = (VxeResult);
;// CONCATENATED MODULE: ./packages/row/src/row.ts
/* harmony default export */ var row = (defineVxeComponent({
name: 'VxeRow',
props: {
gutter: [Number, String, Array],
wrap: {
type: Boolean,
default: () => getConfig().row.wrap
},
vertical: Boolean,
size: {
type: String,
default: () => getConfig().row.size || getConfig().size
}
},
emits: ['click'],
setup(props, context) {
const {
slots,
emit
} = context;
const xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
useSize(props);
const refElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
const reactData = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.reactive)({});
const refMaps = {
refElem
};
const computeRowStyle = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
const {
gutter,
vertical
} = props;
const style = {};
if (gutter) {
let [lrGutter, tbGutter] = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(gutter) ? gutter : [gutter];
if (vertical) {
tbGutter = lrGutter;
lrGutter = '';
}
if (lrGutter) {
const offsetSize = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isNumber(lrGutter) ? toCssUnit(-(lrGutter / 2)) : `calc(${toCssUnit(lrGutter)} / 2 * -1)`;
style.marginLeft = offsetSize;
style.marginRight = offsetSize;
}
if (tbGutter) {
const offsetSize = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isNumber(tbGutter) ? toCssUnit(-(tbGutter / 2)) : `calc(${toCssUnit(tbGutter)} / 2 * -1)`;
style.marginTop = offsetSize;
style.marginBottom = offsetSize;
}
}
return style;
});
const computeMaps = {};
const $xeRow = {
xID,
props,
context,
reactData,
getRefMaps: () => refMaps,
getComputeMaps: () => computeMaps
};
const clickEvent = evnt => {
dispatchEvent('click', {}, evnt);
};
const dispatchEvent = (type, params, evnt) => {
emit(type, createEvent(evnt, {
$row: $xeRow
}, params));
};
const rowMethods = {
dispatchEvent
};
const rowPrivateMethods = {};
Object.assign($xeRow, rowMethods, rowPrivateMethods);
const renderVN = () => {
const {
vertical,
wrap
} = props;
const rowStyle = computeRowStyle.value;
const defaultSlot = slots.default;
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
ref: refElem,
class: ['vxe-row', {
'is--vertical': vertical,
'is--wrap': wrap
}],
style: rowStyle,
onClick: clickEvent
}, defaultSlot ? defaultSlot({}) : []);
};
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('$xeRow', $xeRow);
$xeRow.renderVN = renderVN;
return $xeRow;
},
render() {
return this.renderVN();
}
}));
;// CONCATENATED MODULE: ./packages/row/index.ts
const VxeRow = Object.assign({}, row, {
install(app) {
app.component(row.name, row);
}
});
dynamicApp.use(VxeRow);
index_esm_VxeUI.component(row);
const Row = VxeRow;
/* harmony default export */ var packages_row = (VxeRow);
;// CONCATENATED MODULE: ./packages/select/index.ts
const VxeSelect = Object.assign(src_select, {
install: function (app) {
app.component(src_select.name, src_select);
}
});
dynamicApp.use(VxeSelect);
index_esm_VxeUI.component(src_select);
const Select = VxeSelect;
/* harmony default export */ var packages_select = (VxeSelect);
;// CONCATENATED MODULE: ./packages/split/src/split.ts
/* harmony default export */ var split = (defineVxeComponent({
name: 'VxeSplit',
props: {
width: [Number, String],
height: [Number, String],
vertical: {
type: Boolean,
default: () => getConfig().split.vertical
},
border: {
type: Boolean,
default: () => getConfig().split.border
},
padding: {
type: Boolean,
default: () => getConfig().split.padding
},
resize: {
type: Boolean,
default: () => getConfig().split.resize
},
items: Array,
itemConfig: Object,
barConfig: Object,
resizeConfig: Object,
actionConfig: Object,
size: {
type: String,
default: () => getConfig().split.size || getConfig().size
}
},
emits: ['action-dblclick', 'action-click', 'toggle-expand', 'resize-start', 'resize-drag', 'resize-end'],
setup(props, context) {
const {
emit,
slots
} = context;
const xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
const refElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
const refBarInfoElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
const refResizableSplitTip = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
const {
computeSize
} = useSize(props);
const reactData = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.reactive)({
staticItems: [],
itemList: [],
barWidth: 0,
barHeight: 0
});
const internalData = {
wrapperWidth: 0,
wrapperHeight: 0
};
const computeItemOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
return Object.assign({}, getConfig().split.itemConfig, props.itemConfig);
});
const computeBarOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
return Object.assign({}, getConfig().split.barConfig, props.barConfig);
});
const computeResizeOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
return Object.assign({}, getConfig().split.resizeConfig, props.resizeConfig);
});
const computeActionOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
return Object.assign({}, getConfig().split.actionConfig, props.actionConfig);
});
const computeVisibleItems = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
return reactData.itemList.filter(item => item.isExpand);
});
const computeAutoItems = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
const {
vertical
} = props;
const autoItems = [];
let heightCount = 0;
let widthCount = 0;
reactData.itemList.forEach(vertical ? item => {
const {
renderHeight,
resizeHeight,
foldHeight,
isExpand,
height
} = item;
const itemHeight = isExpand ? foldHeight || resizeHeight || renderHeight : 0;
if (!height) {
autoItems.push(item);
}
heightCount += itemHeight;
} : item => {
const {
renderWidth,
resizeWidth,
foldWidth,
isExpand,
width
} = item;
const itemWidth = isExpand ? foldWidth || resizeWidth || renderWidth : 0;
if (!width) {
autoItems.push(item);
}
widthCount += itemWidth;
});
return {
autoItems,
heightCount,
heightRatio: heightCount / 100,
widthCount,
widthRatio: widthCount / 100
};
});
const computeBarStyle = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
const barOpts = computeBarOpts.value;
const {
width,
height
} = barOpts;
const stys = {};
if (height) {
stys.height = toCssUnit(height);
}
if (width) {
stys.width = toCssUnit(width);
}
return stys;
});
const computeMaps = {
computeItemOpts,
computeBarOpts,
computeActionOpts
};
const refMaps = {
refElem
};
const $xeSplit = {
xID,
props,
context,
reactData,
internalData,
getRefMaps: () => refMaps,
getComputeMaps: () => computeMaps
};
const dispatchEvent = (type, params, evnt) => {
emit(type, createEvent(evnt, {
$split: $xeSplit
}, params));
};
const callSlot = (slotFunc, params) => {
if (slotFunc) {
if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isString(slotFunc)) {
slotFunc = slots[slotFunc] || null;
}
if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(slotFunc)) {
return vn_getSlotVNs(slotFunc(params));
}
}
return [];
};
const getActionIcon = (prevItem, nextItem, isNext) => {
const {
vertical
} = props;
const topIcon = 'SPLIT_TOP_ACTION';
const bottomIcon = 'SPLIT_BOTTOM_ACTION';
const leftIcon = 'SPLIT_LEFT_ACTION';
const rightIcon = 'SPLIT_RIGHT_ACTION';
let iconName = '';
if (vertical) {
if (isNext) {
iconName = nextItem.isExpand ? bottomIcon : topIcon;
} else {
iconName = prevItem.isExpand ? topIcon : bottomIcon;
}
} else {
if (isNext) {
iconName = nextItem.isExpand ? rightIcon : leftIcon;
} else {
iconName = prevItem.isExpand ? leftIcon : rightIcon;
}
}
if (iconName) {
return getIcon()[iconName];
}
return '';
};
const reset = () => {
const {
itemList
} = reactData;
itemList.forEach(item => {
item.isExpand = true;
item.foldHeight = 0;
item.foldWidth = 0;
item.resizeHeight = 0;
item.resizeWidth = 0;
});
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
};
const handleLoadItem = (list, isReset) => {
const {
staticItems
} = reactData;
const actionOpts = computeActionOpts.value;
const {
showPrevButton,
showNextButton
} = actionOpts;
const itemDef = {
isExpand: true,
renderWidth: 0,
resizeWidth: 0,
foldWidth: 0,
renderHeight: 0,
resizeHeight: 0,
foldHeight: 0
};
reactData.itemList = list.map(item => {
if (item.showAction) {
warnLog('vxe.error.removeProp', ['[split] show-action']);
}
if (item.slots) {
external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().each(item.slots, func => {
if (!external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(func)) {
if (!slots[func]) {
errLog('vxe.error.notSlot', [`[split] ${func}`]);
}
}
});
}
return Object.assign({}, isReset ? null : itemDef, item, isReset ? itemDef : null, {
id: external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId()
});
});
if (staticItems.length) {
errLog('vxe.error.errConflicts', ['`, headerHtml ? `${external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(headerHtml) ? headerHtml(params) : headerHtml || ''}` : title && (showAllPageTitle || !index) ? `
', '${title || ''}
` : '', '', `
', `', '${external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(leftHtml) ? leftHtml(params) : leftHtml || ''}
`, `${external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(bodyHtml) ? bodyHtml(params) : bodyHtml || ''}
`, `${external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(rightHtml) ? rightHtml(params) : rightHtml || ''}
`, '