vxe-pc-ui 4.1.20 → 4.1.21

package/lib/ui/index.js

@@ -6,11 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {
   version: true,
   config: true,
-  setup: true,
-  globalStore: true
+  setup: true
 };
 exports.config = config;
-exports.globalStore = exports.default = void 0;
+exports.default = void 0;
 exports.setup = setup;
 exports.version = void 0;
 var _core = require("@vxe-ui/core");
@@ -28,7 +27,7 @@ Object.keys(_core).forEach(function (key) {
 var _dynamics = require("../dynamics");
 var _utils = require("./src/utils");
 var _log = require("./src/log");
-const version = exports.version = "4.1.20";
+const version = exports.version = "4.1.21";
 _core.VxeUI.version = version;
 _core.VxeUI.uiVersion = version;
 _core.VxeUI.tableVersion = '';
@@ -49,12 +48,6 @@ function setup(options) {
 }
 _core.VxeUI.config = config;
 _core.VxeUI.setup = setup;
-/**
- * 已废弃
- * @deprecated
- */
-const globalStore = exports.globalStore = {};
-_core.VxeUI.globalStore = globalStore;
 (0, _core.setConfig)({
   alert: {},
   anchor: {},

package/lib/ui/index.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _exportNames={version:!0,config:!0,setup:!0,globalStore:!0},_core=(exports.config=config,exports.globalStore=exports.default=void 0,exports.setup=setup,exports.version=void 0,require("@vxe-ui/core")),_dynamics=(Object.keys(_core).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_core[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _core[e]}})}),require("../dynamics")),_utils=require("./src/utils"),_log=require("./src/log");const version=exports.version="4.1.20";function config(e){return"development"===process.env.NODE_ENV&&(0,_log.warnLog)("vxe.error.delFunc",["config","setConfig"]),(0,_core.setConfig)(e)}function setup(e){return"development"===process.env.NODE_ENV&&(0,_log.warnLog)("vxe.error.delFunc",["setup","setConfig"]),(0,_core.setConfig)(e)}_core.VxeUI.version=version,_core.VxeUI.uiVersion=version,_core.VxeUI.tableVersion="",_core.VxeUI.t=_core.VxeUI.getI18n,_core.VxeUI._t=_utils.getFuncText,_core.VxeUI.dynamicApp=_dynamics.dynamicApp,_core.VxeUI.config=config,_core.VxeUI.setup=setup;const globalStore=exports.globalStore={},iconPrefix=(_core.VxeUI.globalStore=globalStore,(0,_core.setConfig)({alert:{},anchor:{},anchorLink:{},breadcrumb:{separator:"/"},breadcrumbItem:{},button:{trigger:"hover"},buttonGroup:{},calendar:{minDate:new Date(1900,0,1),maxDate:new Date(2100,0,1),startDay:1,selectDay:1},card:{border:!0,padding:!0},carousel:{height:200,loop:!0,interval:5e3},carouselItem:{},checkbox:{},checkboxGroup:{},col:{},collapse:{},collapsePane:{},countdown:{},datePicker:{startDate:new Date(1900,0,1),endDate:new Date(2100,0,1),startDay:1,selectDay:1},drawer:{position:"right",showHeader:!0,lockView:!0,mask:!0,showTitleOverflow:!0,showClose:!0,padding:!0},form:{validConfig:{showMessage:!0,autoPos:!0},tooltipConfig:{enterable:!0},titleAsterisk:!0,titleOverflow:!1,padding:!0},formDesign:{height:400,showHeader:!0,showPc:!0},formGather:{},formItem:{},formView:{},icon:{},iconPicker:{icons:["home","company","comment","setting","send","envelope","envelope-open","bell","search","print","pc","goods","chart-line","edit","delete","save","folder","microphone","flag","link","location","sunny","rmb","usd","user","add-user","add-users","star","unlock","time","text","feedback","calendar","association-form","cloud-download","cloud-upload","file","subtable","chart-bar-x","chart-bar-y","chart-line","chart-pie","chart-radar"]},image:{showPreview:!0,showPrintButton:!0},imageGroup:{showPreview:!0,showPrintButton:!0},imagePreview:{showPrintButton:!0},input:{startDate:new Date(1900,0,1),endDate:new Date(2100,0,1),startDay:1,selectDay:1,digits:2,controls:!0},layoutAside:{},layoutBody:{},layoutContainer:{},layoutFooter:{},layoutHeader:{},link:{underline:!0},listDesign:{height:400,showPc:!0},listView:{},list:{scrollY:{enabled:!0,gt:100}},loading:{showIcon:!0,showText:!0},modal:{top:16,showHeader:!0,minWidth:340,minHeight:140,lockView:!0,mask:!0,duration:3e3,marginSize:0,dblclickZoom:!0,showTitleOverflow:!0,animat:!0,showClose:!0,padding:!0,draggable:!0,showConfirmButton:null,zoomConfig:{minimizeMaxSize:10,minimizeVerticalOffset:{top:-24,left:0},minimizeHorizontalOffset:{top:0,left:32}},storageKey:"VXE_MODAL_POSITION"},numberInput:{digits:2,controls:!0},optgroup:{},option:{},pager:{pageSizePlacement:"top"},print:{},passwordInput:{},printPageBreak:{},pulldown:{},radio:{strict:!0},radioButton:{strict:!0},radioGroup:{strict:!0},row:{},select:{multiCharOverflow:8},switch:{},tabPane:{},tabs:{},tag:{},text:{},textarea:{},tip:{},tooltip:{trigger:"hover",theme:"dark",enterDelay:500,leaveDelay:300},tree:{indent:20,minHeight:60,radioConfig:{strict:!0}},treeSelect:{treeConfig:{radioConfig:{},checkboxConfig:{}}},upload:{mode:"all",imageTypes:["jpg","jpeg","png","gif"],showList:!0,showUploadButton:!0,showButtonText:!0,showRemoveButton:!0,showButtonIcon:!0,showPreview:!0,imageStyle:{}},table:{},colgroup:{},column:{},toolbar:{},grid:{}}),"vxe-icon-");(0,_core.setIcon)({LOADING:iconPrefix+"spinner roll vxe-loading--default-icon",BUTTON_DROPDOWN:iconPrefix+"arrow-down",BUTTON_LOADING:iconPrefix+"spinner roll",MENU_ITEM_EXPAND_OPEN:iconPrefix+"arrow-down rotate180",MENU_ITEM_EXPAND_CLOSE:iconPrefix+"arrow-down",SELECT_LOADED:iconPrefix+"spinner roll",SELECT_OPEN:iconPrefix+"caret-down rotate180",SELECT_CLOSE:iconPrefix+"caret-down",ICON_PICKER_OPEN:iconPrefix+"caret-down rotate180",ICON_PICKER_CLOSE:iconPrefix+"caret-down",PAGER_HOME:iconPrefix+"home-page",PAGER_END:iconPrefix+"end-page",PAGER_JUMP_PREV:iconPrefix+"arrow-double-left",PAGER_JUMP_NEXT:iconPrefix+"arrow-double-right",PAGER_PREV_PAGE:iconPrefix+"arrow-left",PAGER_NEXT_PAGE:iconPrefix+"arrow-right",PAGER_JUMP_MORE:iconPrefix+"ellipsis-h",RADIO_CHECKED:iconPrefix+"radio-checked-fill",RADIO_UNCHECKED:iconPrefix+"radio-unchecked",CHECKBOX_INDETERMINATE:iconPrefix+"checkbox-indeterminate-fill",CHECKBOX_CHECKED:iconPrefix+"checkbox-checked-fill",CHECKBOX_UNCHECKED:iconPrefix+"checkbox-unchecked",INPUT_CLEAR:iconPrefix+"error-circle-fill",INPUT_SEARCH:iconPrefix+"search",NUMBER_INPUT_PREV_NUM:iconPrefix+"caret-up",NUMBER_INPUT_NEXT_NUM:iconPrefix+"caret-down",DATE_PICKER_DATE:iconPrefix+"calendar",PASSWORD_INPUT_SHOW_PWD:iconPrefix+"eye-fill-close",PASSWORD_INPUT_HIDE_PWD:iconPrefix+"eye-fill",MODAL_ZOOM_MIN:iconPrefix+"minus",MODAL_ZOOM_REVERT:iconPrefix+"recover",MODAL_ZOOM_IN:iconPrefix+"square",MODAL_ZOOM_OUT:iconPrefix+"maximize",MODAL_CLOSE:iconPrefix+"close",MODAL_INFO:iconPrefix+"info-circle-fill",MODAL_SUCCESS:iconPrefix+"success-circle-fill",MODAL_WARNING:iconPrefix+"warning-circle-fill",MODAL_ERROR:iconPrefix+"error-circle-fill",MODAL_QUESTION:iconPrefix+"question-circle-fill",MODAL_LOADING:iconPrefix+"spinner roll",DRAWER_CLOSE:iconPrefix+"close",FORM_PREFIX:iconPrefix+"question-circle-fill",FORM_SUFFIX:iconPrefix+"question-circle-fill",FORM_FOLDING:iconPrefix+"arrow-up rotate180",FORM_UNFOLDING:iconPrefix+"arrow-up",FORM_DESIGN_STYLE_SETTING:iconPrefix+"layout",FORM_DESIGN_PROPS_PC:iconPrefix+"pc",FORM_DESIGN_PROPS_MOBILE:iconPrefix+"mobile",FORM_DESIGN_PROPS_ADD:iconPrefix+"add",FORM_DESIGN_PROPS_EDIT:iconPrefix+"edit",FORM_DESIGN_WIDGET_ADD:iconPrefix+"square-plus-fill",FORM_DESIGN_WIDGET_COPY:iconPrefix+"copy",FORM_DESIGN_WIDGET_DELETE:iconPrefix+"delete",FORM_DESIGN_WIDGET_SWAP_LR:iconPrefix+"swap",FORM_DESIGN_WIDGET_OPTION_DELETE:iconPrefix+"delete",FORM_DESIGN_WIDGET_OPTION_EXPAND_OPEN:iconPrefix+"square-plus",FORM_DESIGN_WIDGET_OPTION_EXPAND_CLOSE:iconPrefix+"square-minus",LIST_DESIGN_FIELD_SETTING:iconPrefix+"custom-column",LIST_DESIGN_LIST_SETTING:iconPrefix+"menu",LIST_DESIGN_LIST_SETTING_SEARCH_DELETE:iconPrefix+"delete",LIST_DESIGN_LIST_SETTING_ACTIVE_DELETE:iconPrefix+"delete",UPLOAD_FILE_ERROR:iconPrefix+"warning-circle-fill",UPLOAD_FILE_ADD:iconPrefix+"upload",UPLOAD_FILE_REMOVE:iconPrefix+"delete",UPLOAD_FILE_DOWNLOAD:iconPrefix+"download",UPLOAD_IMAGE_RE_UPLOAD:iconPrefix+"repeat",UPLOAD_IMAGE_ADD:iconPrefix+"add",UPLOAD_IMAGE_REMOVE:iconPrefix+"close",UPLOAD_LOADING:iconPrefix+"spinner roll vxe-loading--default-icon",UPLOAD_FILE_TYPE_DEFAULT:iconPrefix+"file",UPLOAD_FILE_TYPE_XLSX:iconPrefix+"file-excel",UPLOAD_FILE_TYPE_XLS:iconPrefix+"file-excel",UPLOAD_FILE_TYPE_PDF:iconPrefix+"file-pdf",UPLOAD_FILE_TYPE_PNG:iconPrefix+"file-image",UPLOAD_FILE_TYPE_GIF:iconPrefix+"file-image",UPLOAD_FILE_TYPE_JPG:iconPrefix+"file-image",UPLOAD_FILE_TYPE_JPEG:iconPrefix+"file-image",UPLOAD_FILE_TYPE_MD:iconPrefix+"file-markdown",UPLOAD_FILE_TYPE_PPD:iconPrefix+"file-ppt",UPLOAD_FILE_TYPE_DOCX:iconPrefix+"file-word",UPLOAD_FILE_TYPE_DOC:iconPrefix+"file-word",UPLOAD_FILE_TYPE_ZIP:iconPrefix+"file-zip",UPLOAD_FILE_TYPE_TXT:iconPrefix+"file-txt",IMAGE_PREVIEW_CLOSE:iconPrefix+"close",IMAGE_PREVIEW_PREVIOUS:iconPrefix+"arrow-left",IMAGE_PREVIEW_NEXT:iconPrefix+"arrow-right",IMAGE_PREVIEW_PCT_FULL:iconPrefix+"pct-full",IMAGE_PREVIEW_PCT_1_1:iconPrefix+"pct-1-1",IMAGE_PREVIEW_ZOOM_OUT:iconPrefix+"search-zoom-out",IMAGE_PREVIEW_ZOOM_IN:iconPrefix+"search-zoom-in",IMAGE_PREVIEW_ROTATE_LEFT:iconPrefix+"rotate-left",IMAGE_PREVIEW_ROTATE_RIGHT:iconPrefix+"rotate-right",IMAGE_PREVIEW_PRINT:iconPrefix+"print",IMAGE_PREVIEW_DOWNLOAD:iconPrefix+"download",ALERT_CLOSE:iconPrefix+"close",ALERT_INFO:iconPrefix+"info-circle-fill",ALERT_SUCCESS:iconPrefix+"success-circle-fill",ALERT_WARNING:iconPrefix+"warning-circle-fill",ALERT_ERROR:iconPrefix+"error-circle-fill",TREE_NODE_OPEN:iconPrefix+"caret-right rotate90",TREE_NODE_CLOSE:iconPrefix+"caret-right",TREE_NODE_LOADED:iconPrefix+"spinner roll",TREE_SELECT_LOADED:iconPrefix+"spinner roll",TREE_SELECT_OPEN:iconPrefix+"caret-down rotate180",TREE_SELECT_CLOSE:iconPrefix+"caret-down",TABS_TAB_BUTTON_LEFT:iconPrefix+"arrow-left",TABS_TAB_BUTTON_RIGHT:iconPrefix+"arrow-right",TABS_TAB_CLOSE:iconPrefix+"close",TEXT_COPY:iconPrefix+"copy",TEXT_LOADING:iconPrefix+"spinner roll",CAROUSEL_HORIZONTAL_PREVIOUS:iconPrefix+"arrow-left",CAROUSEL_HORIZONTAL_NEXT:iconPrefix+"arrow-right",CAROUSEL_VERTICAL_PREVIOUS:iconPrefix+"arrow-up",CAROUSEL_VERTICAL_NEXT:iconPrefix+"arrow-down"});var _default=exports.default=_core.VxeUI;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _exportNames={version:!0,config:!0,setup:!0},_core=(exports.config=config,exports.default=void 0,exports.setup=setup,exports.version=void 0,require("@vxe-ui/core")),_dynamics=(Object.keys(_core).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_core[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _core[e]}})}),require("../dynamics")),_utils=require("./src/utils"),_log=require("./src/log");const version=exports.version="4.1.21";function config(e){return"development"===process.env.NODE_ENV&&(0,_log.warnLog)("vxe.error.delFunc",["config","setConfig"]),(0,_core.setConfig)(e)}function setup(e){return"development"===process.env.NODE_ENV&&(0,_log.warnLog)("vxe.error.delFunc",["setup","setConfig"]),(0,_core.setConfig)(e)}_core.VxeUI.version=version,_core.VxeUI.uiVersion=version,_core.VxeUI.tableVersion="",_core.VxeUI.t=_core.VxeUI.getI18n,_core.VxeUI._t=_utils.getFuncText,_core.VxeUI.dynamicApp=_dynamics.dynamicApp,_core.VxeUI.config=config,_core.VxeUI.setup=setup,(0,_core.setConfig)({alert:{},anchor:{},anchorLink:{},breadcrumb:{separator:"/"},breadcrumbItem:{},button:{trigger:"hover"},buttonGroup:{},calendar:{minDate:new Date(1900,0,1),maxDate:new Date(2100,0,1),startDay:1,selectDay:1},card:{border:!0,padding:!0},carousel:{height:200,loop:!0,interval:5e3},carouselItem:{},checkbox:{},checkboxGroup:{},col:{},collapse:{},collapsePane:{},countdown:{},datePicker:{startDate:new Date(1900,0,1),endDate:new Date(2100,0,1),startDay:1,selectDay:1},drawer:{position:"right",showHeader:!0,lockView:!0,mask:!0,showTitleOverflow:!0,showClose:!0,padding:!0},form:{validConfig:{showMessage:!0,autoPos:!0},tooltipConfig:{enterable:!0},titleAsterisk:!0,titleOverflow:!1,padding:!0},formDesign:{height:400,showHeader:!0,showPc:!0},formGather:{},formItem:{},formView:{},icon:{},iconPicker:{icons:["home","company","comment","setting","send","envelope","envelope-open","bell","search","print","pc","goods","chart-line","edit","delete","save","folder","microphone","flag","link","location","sunny","rmb","usd","user","add-user","add-users","star","unlock","time","text","feedback","calendar","association-form","cloud-download","cloud-upload","file","subtable","chart-bar-x","chart-bar-y","chart-line","chart-pie","chart-radar"]},image:{showPreview:!0,showPrintButton:!0},imageGroup:{showPreview:!0,showPrintButton:!0},imagePreview:{showPrintButton:!0},input:{startDate:new Date(1900,0,1),endDate:new Date(2100,0,1),startDay:1,selectDay:1,digits:2,controls:!0},layoutAside:{},layoutBody:{},layoutContainer:{},layoutFooter:{},layoutHeader:{},link:{underline:!0},listDesign:{height:400,showPc:!0},listView:{},list:{scrollY:{enabled:!0,gt:100}},loading:{showIcon:!0,showText:!0},modal:{top:16,showHeader:!0,minWidth:340,minHeight:140,lockView:!0,mask:!0,duration:3e3,marginSize:0,dblclickZoom:!0,showTitleOverflow:!0,animat:!0,showClose:!0,padding:!0,draggable:!0,showConfirmButton:null,zoomConfig:{minimizeMaxSize:10,minimizeVerticalOffset:{top:-24,left:0},minimizeHorizontalOffset:{top:0,left:32}},storageKey:"VXE_MODAL_POSITION"},numberInput:{digits:2,controls:!0},optgroup:{},option:{},pager:{pageSizePlacement:"top"},print:{},passwordInput:{},printPageBreak:{},pulldown:{},radio:{strict:!0},radioButton:{strict:!0},radioGroup:{strict:!0},row:{},select:{multiCharOverflow:8},switch:{},tabPane:{},tabs:{},tag:{},text:{},textarea:{},tip:{},tooltip:{trigger:"hover",theme:"dark",enterDelay:500,leaveDelay:300},tree:{indent:20,minHeight:60,radioConfig:{strict:!0}},treeSelect:{treeConfig:{radioConfig:{},checkboxConfig:{}}},upload:{mode:"all",imageTypes:["jpg","jpeg","png","gif"],showList:!0,showUploadButton:!0,showButtonText:!0,showRemoveButton:!0,showButtonIcon:!0,showPreview:!0,imageStyle:{}},table:{},colgroup:{},column:{},toolbar:{},grid:{}});const iconPrefix="vxe-icon-";(0,_core.setIcon)({LOADING:iconPrefix+"spinner roll vxe-loading--default-icon",BUTTON_DROPDOWN:iconPrefix+"arrow-down",BUTTON_LOADING:iconPrefix+"spinner roll",MENU_ITEM_EXPAND_OPEN:iconPrefix+"arrow-down rotate180",MENU_ITEM_EXPAND_CLOSE:iconPrefix+"arrow-down",SELECT_LOADED:iconPrefix+"spinner roll",SELECT_OPEN:iconPrefix+"caret-down rotate180",SELECT_CLOSE:iconPrefix+"caret-down",ICON_PICKER_OPEN:iconPrefix+"caret-down rotate180",ICON_PICKER_CLOSE:iconPrefix+"caret-down",PAGER_HOME:iconPrefix+"home-page",PAGER_END:iconPrefix+"end-page",PAGER_JUMP_PREV:iconPrefix+"arrow-double-left",PAGER_JUMP_NEXT:iconPrefix+"arrow-double-right",PAGER_PREV_PAGE:iconPrefix+"arrow-left",PAGER_NEXT_PAGE:iconPrefix+"arrow-right",PAGER_JUMP_MORE:iconPrefix+"ellipsis-h",RADIO_CHECKED:iconPrefix+"radio-checked-fill",RADIO_UNCHECKED:iconPrefix+"radio-unchecked",CHECKBOX_INDETERMINATE:iconPrefix+"checkbox-indeterminate-fill",CHECKBOX_CHECKED:iconPrefix+"checkbox-checked-fill",CHECKBOX_UNCHECKED:iconPrefix+"checkbox-unchecked",INPUT_CLEAR:iconPrefix+"error-circle-fill",INPUT_SEARCH:iconPrefix+"search",NUMBER_INPUT_PREV_NUM:iconPrefix+"caret-up",NUMBER_INPUT_NEXT_NUM:iconPrefix+"caret-down",DATE_PICKER_DATE:iconPrefix+"calendar",PASSWORD_INPUT_SHOW_PWD:iconPrefix+"eye-fill-close",PASSWORD_INPUT_HIDE_PWD:iconPrefix+"eye-fill",MODAL_ZOOM_MIN:iconPrefix+"minus",MODAL_ZOOM_REVERT:iconPrefix+"recover",MODAL_ZOOM_IN:iconPrefix+"square",MODAL_ZOOM_OUT:iconPrefix+"maximize",MODAL_CLOSE:iconPrefix+"close",MODAL_INFO:iconPrefix+"info-circle-fill",MODAL_SUCCESS:iconPrefix+"success-circle-fill",MODAL_WARNING:iconPrefix+"warning-circle-fill",MODAL_ERROR:iconPrefix+"error-circle-fill",MODAL_QUESTION:iconPrefix+"question-circle-fill",MODAL_LOADING:iconPrefix+"spinner roll",DRAWER_CLOSE:iconPrefix+"close",FORM_PREFIX:iconPrefix+"question-circle-fill",FORM_SUFFIX:iconPrefix+"question-circle-fill",FORM_FOLDING:iconPrefix+"arrow-up rotate180",FORM_UNFOLDING:iconPrefix+"arrow-up",FORM_DESIGN_STYLE_SETTING:iconPrefix+"layout",FORM_DESIGN_PROPS_PC:iconPrefix+"pc",FORM_DESIGN_PROPS_MOBILE:iconPrefix+"mobile",FORM_DESIGN_PROPS_ADD:iconPrefix+"add",FORM_DESIGN_PROPS_EDIT:iconPrefix+"edit",FORM_DESIGN_WIDGET_ADD:iconPrefix+"square-plus-fill",FORM_DESIGN_WIDGET_COPY:iconPrefix+"copy",FORM_DESIGN_WIDGET_DELETE:iconPrefix+"delete",FORM_DESIGN_WIDGET_SWAP_LR:iconPrefix+"swap",FORM_DESIGN_WIDGET_OPTION_DELETE:iconPrefix+"delete",FORM_DESIGN_WIDGET_OPTION_EXPAND_OPEN:iconPrefix+"square-plus",FORM_DESIGN_WIDGET_OPTION_EXPAND_CLOSE:iconPrefix+"square-minus",LIST_DESIGN_FIELD_SETTING:iconPrefix+"custom-column",LIST_DESIGN_LIST_SETTING:iconPrefix+"menu",LIST_DESIGN_LIST_SETTING_SEARCH_DELETE:iconPrefix+"delete",LIST_DESIGN_LIST_SETTING_ACTIVE_DELETE:iconPrefix+"delete",UPLOAD_FILE_ERROR:iconPrefix+"warning-circle-fill",UPLOAD_FILE_ADD:iconPrefix+"upload",UPLOAD_FILE_REMOVE:iconPrefix+"delete",UPLOAD_FILE_DOWNLOAD:iconPrefix+"download",UPLOAD_IMAGE_RE_UPLOAD:iconPrefix+"repeat",UPLOAD_IMAGE_ADD:iconPrefix+"add",UPLOAD_IMAGE_REMOVE:iconPrefix+"close",UPLOAD_LOADING:iconPrefix+"spinner roll vxe-loading--default-icon",UPLOAD_FILE_TYPE_DEFAULT:iconPrefix+"file",UPLOAD_FILE_TYPE_XLSX:iconPrefix+"file-excel",UPLOAD_FILE_TYPE_XLS:iconPrefix+"file-excel",UPLOAD_FILE_TYPE_PDF:iconPrefix+"file-pdf",UPLOAD_FILE_TYPE_PNG:iconPrefix+"file-image",UPLOAD_FILE_TYPE_GIF:iconPrefix+"file-image",UPLOAD_FILE_TYPE_JPG:iconPrefix+"file-image",UPLOAD_FILE_TYPE_JPEG:iconPrefix+"file-image",UPLOAD_FILE_TYPE_MD:iconPrefix+"file-markdown",UPLOAD_FILE_TYPE_PPD:iconPrefix+"file-ppt",UPLOAD_FILE_TYPE_DOCX:iconPrefix+"file-word",UPLOAD_FILE_TYPE_DOC:iconPrefix+"file-word",UPLOAD_FILE_TYPE_ZIP:iconPrefix+"file-zip",UPLOAD_FILE_TYPE_TXT:iconPrefix+"file-txt",IMAGE_PREVIEW_CLOSE:iconPrefix+"close",IMAGE_PREVIEW_PREVIOUS:iconPrefix+"arrow-left",IMAGE_PREVIEW_NEXT:iconPrefix+"arrow-right",IMAGE_PREVIEW_PCT_FULL:iconPrefix+"pct-full",IMAGE_PREVIEW_PCT_1_1:iconPrefix+"pct-1-1",IMAGE_PREVIEW_ZOOM_OUT:iconPrefix+"search-zoom-out",IMAGE_PREVIEW_ZOOM_IN:iconPrefix+"search-zoom-in",IMAGE_PREVIEW_ROTATE_LEFT:iconPrefix+"rotate-left",IMAGE_PREVIEW_ROTATE_RIGHT:iconPrefix+"rotate-right",IMAGE_PREVIEW_PRINT:iconPrefix+"print",IMAGE_PREVIEW_DOWNLOAD:iconPrefix+"download",ALERT_CLOSE:iconPrefix+"close",ALERT_INFO:iconPrefix+"info-circle-fill",ALERT_SUCCESS:iconPrefix+"success-circle-fill",ALERT_WARNING:iconPrefix+"warning-circle-fill",ALERT_ERROR:iconPrefix+"error-circle-fill",TREE_NODE_OPEN:iconPrefix+"caret-right rotate90",TREE_NODE_CLOSE:iconPrefix+"caret-right",TREE_NODE_LOADED:iconPrefix+"spinner roll",TREE_SELECT_LOADED:iconPrefix+"spinner roll",TREE_SELECT_OPEN:iconPrefix+"caret-down rotate180",TREE_SELECT_CLOSE:iconPrefix+"caret-down",TABS_TAB_BUTTON_LEFT:iconPrefix+"arrow-left",TABS_TAB_BUTTON_RIGHT:iconPrefix+"arrow-right",TABS_TAB_CLOSE:iconPrefix+"close",TEXT_COPY:iconPrefix+"copy",TEXT_LOADING:iconPrefix+"spinner roll",CAROUSEL_HORIZONTAL_PREVIOUS:iconPrefix+"arrow-left",CAROUSEL_HORIZONTAL_NEXT:iconPrefix+"arrow-right",CAROUSEL_VERTICAL_PREVIOUS:iconPrefix+"arrow-up",CAROUSEL_VERTICAL_NEXT:iconPrefix+"arrow-down"});var _default=exports.default=_core.VxeUI;

package/lib/ui/src/log.js

@@ -5,6 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.warnLog = exports.errLog = void 0;
 var _core = require("@vxe-ui/core");
-const version = `ui v${"4.1.20"}`;
+const version = `ui v${"4.1.21"}`;
 const warnLog = exports.warnLog = _core.log.create('warn', version);
 const errLog = exports.errLog = _core.log.create('error', version);

package/lib/ui/src/log.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.warnLog=exports.errLog=void 0;var _core=require("@vxe-ui/core");const version="ui v4.1.20",warnLog=exports.warnLog=_core.log.create("warn",version),errLog=exports.errLog=_core.log.create("error",version);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.warnLog=exports.errLog=void 0;var _core=require("@vxe-ui/core");const version="ui v4.1.21",warnLog=exports.warnLog=_core.log.create("warn",version),errLog=exports.errLog=_core.log.create("error",version);

package/lib/upload/src/upload.js

@@ -360,7 +360,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
         $upload: $xeUpload
       }, params));
     };
-    const emitModel = value => {
+    const handleChange = value => {
       const {
         singleMode,
         urlMode
@@ -543,7 +543,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
         cacheItem.percent = 0;
         handleUploadResult(item, file).then(() => {
           if (urlMode) {
-            emitModel(reactData.fileList);
+            handleChange(reactData.fileList);
           }
         });
       }
@@ -655,7 +655,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
       reactData.fileList = newFileList;
       reactData.fileCacheMaps = cacheMaps;
       Promise.all(urlMode ? uploadPromiseRests : []).then(() => {
-        emitModel(newFileList);
+        handleChange(newFileList);
         // 自动更新校验状态
         if ($xeForm && formItemInfo) {
           $xeForm.triggerItemEvent(evnt, formItemInfo.itemConfig.field, newFileList);
@@ -695,7 +695,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
         fileList
       } = reactData;
       fileList.splice(index, 1);
-      emitModel(fileList);
+      handleChange(fileList);
       // 自动更新校验状态
       if ($xeForm && formItemInfo) {
         $xeForm.triggerItemEvent(evnt, formItemInfo.itemConfig.field, fileList);
@@ -1207,7 +1207,6 @@ var _default = exports.default = (0, _vue.defineComponent)({
         class: 'vxe-upload--drag-placeholder'
       }, (0, _ui.getI18n)('vxe.upload.dragPlaceholder')) : (0, _vue.createCommentVNode)()]);
     };
-    $xeUpload.renderVN = renderVN;
     const listFlag = (0, _vue.ref)(0);
     (0, _vue.watch)(() => props.modelValue ? props.modelValue.length : 0, () => {
       listFlag.value++;
@@ -1229,6 +1228,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
       reactData.isDrag = false;
     });
     updateFileList();
+    $xeUpload.renderVN = renderVN;
     return $xeUpload;
   },
   render() {

package/lib/upload/src/upload.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_vn=require("../..//ui/src/vn"),_log=require("../../ui/src/log"),_dom=require("../../ui/src/dom"),_util=require("./util"),_button=_interopRequireDefault(require("../../button/src/button"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeUpload",props:{modelValue:[Array,String,Object],showList:{type:Boolean,default:()=>(0,_ui.getConfig)().upload.showList},moreConfig:Object,readonly:{type:Boolean,default:null},disabled:{type:Boolean,default:null},mode:{type:String,default:()=>(0,_ui.getConfig)().upload.mode},imageTypes:{type:Array,default:()=>_xeUtils.default.clone((0,_ui.getConfig)().upload.imageTypes,!0)},imageStyle:{type:Object,default:()=>_xeUtils.default.clone((0,_ui.getConfig)().upload.imageStyle,!0)},fileTypes:{type:Array,default:()=>_xeUtils.default.clone((0,_ui.getConfig)().upload.fileTypes,!0)},keyField:String,singleMode:Boolean,urlMode:Boolean,multiple:Boolean,limitSize:{type:[String,Number],default:()=>(0,_ui.getConfig)().upload.limitSize},limitCount:{type:[String,Number],default:()=>(0,_ui.getConfig)().upload.limitCount},nameField:{type:String,default:()=>(0,_ui.getConfig)().upload.nameField},typeField:{type:String,default:()=>(0,_ui.getConfig)().upload.typeField},urlField:{type:String,default:()=>(0,_ui.getConfig)().upload.urlField},sizeField:{type:String,default:()=>(0,_ui.getConfig)().upload.sizeField},showErrorStatus:{type:Boolean,default:()=>(0,_ui.getConfig)().upload.showErrorStatus},showProgress:{type:Boolean,default:()=>(0,_ui.getConfig)().upload.showProgress},progressText:{type:String,default:()=>(0,_ui.getConfig)().upload.progressText},autoHiddenButton:{type:Boolean,default:()=>(0,_ui.getConfig)().upload.autoHiddenButton},showUploadButton:{type:Boolean,default:()=>(0,_ui.getConfig)().upload.showUploadButton},buttonText:{type:String,default:()=>(0,_ui.getConfig)().upload.buttonText},buttonIcon:{type:String,default:()=>(0,_ui.getConfig)().upload.buttonIcon},showButtonText:{type:Boolean,default:()=>(0,_ui.getConfig)().upload.showButtonText},showButtonIcon:{type:Boolean,default:()=>(0,_ui.getConfig)().upload.showButtonIcon},showRemoveButton:{type:Boolean,default:()=>(0,_ui.getConfig)().upload.showRemoveButton},showDownloadButton:{type:Boolean,default:()=>(0,_ui.getConfig)().upload.showDownloadButton},showPreview:{type:Boolean,default:()=>(0,_ui.getConfig)().upload.showPreview},tipText:String,hintText:String,previewMethod:Function,uploadMethod:Function,beforeRemoveMethod:Function,removeMethod:Function,beforeDownloadMethod:Function,downloadMethod:Function,getUrlMethod:Function,getThumbnailUrlMethod:Function,size:{type:String,default:()=>(0,_ui.getConfig)().upload.size||(0,_ui.getConfig)().size}},emits:["update:modelValue","add","remove","remove-fail","download","download-fail","upload-success","upload-error"],setup(C,e){const{emit:a,slots:f}=e,w=(0,_vue.inject)("$xeForm",null),I=(0,_vue.inject)("xeFormItemInfo",null);var o=_xeUtils.default.uniqueId();const h=(0,_ui.useSize)(C)["computeSize"],n=(0,_vue.ref)(),M=(0,_vue.reactive)({isDrag:!1,showMorePopup:!1,fileList:[],fileCacheMaps:{}}),r={imagePreviewTypes:["jpg","jpeg","png","gif"]},l={refElem:n},x=(0,_vue.computed)(()=>{var e=C["readonly"];return null===e?!!w&&w.props.readonly:e}),y=(0,_vue.computed)(()=>{var e=C["disabled"];return null===e?!!w&&w.props.disabled:e}),b=(0,_vue.computed)(()=>C.keyField||"_X_KEY"),d=(0,_vue.computed)(()=>"image"===C.mode),D=(0,_vue.computed)(()=>C.nameField||"name"),U=(0,_vue.computed)(()=>C.typeField||"type"),V=(0,_vue.computed)(()=>C.urlField||"url"),B=(0,_vue.computed)(()=>C.sizeField||"size"),z=(0,_vue.computed)(()=>1024*_xeUtils.default.toNumber(C.limitSize)*1024),P=(0,_vue.computed)(()=>C.multiple?_xeUtils.default.toNumber(C.limitCount):1),c=(0,_vue.computed)(()=>{var e=C["multiple"],o=M["fileList"],t=P.value;return e?!t||o.length>=t:1<=o.length}),T=(0,_vue.computed)(()=>{var e=_xeUtils.default.toNumber(C.limitSize);return e?1048576<e?e/1048576+"T":1024<e?e/1024+"G":e+"M":""}),g=(0,_vue.computed)(()=>{var{limitSize:e,fileTypes:o,multiple:t,limitCount:i}=C,l=C.tipText||C.hintText,a=d.value,u=T.value;return _xeUtils.default.isString(l)?l:(l=[],a?(t&&i&&l.push((0,_ui.getI18n)("vxe.upload.imgCountHint",[i])),e&&u&&l.push((0,_ui.getI18n)("vxe.upload.imgSizeHint",[u]))):(o&&o.length&&l.push((0,_ui.getI18n)("vxe.upload.fileTypeHint",[o.join("/")])),e&&u&&l.push((0,_ui.getI18n)("vxe.upload.fileSizeHint",[u])),t&&i&&l.push((0,_ui.getI18n)("vxe.upload.fileCountHint",[i]))),l.join((0,_ui.getI18n)("vxe.base.comma")))}),u=(0,_vue.computed)(()=>Object.assign({},C.imageStyle)),_=(0,_vue.computed)(()=>{var{width:e,height:o}=u.value,t={};return e&&(t.width=(0,_dom.toCssUnit)(e)),o&&(t.height=(0,_dom.toCssUnit)(o)),t}),s=(0,_vue.computed)(()=>Object.assign({showMoreButton:!0},C.moreConfig)),k={},m={xID:o,props:C,context:e,reactData:M,internalData:r,getRefMaps:()=>l,getComputeMaps:()=>k},L=()=>_xeUtils.default.uniqueId(),S=e=>{return e[b.value]},t=()=>{var{modelValue:e,multiple:o}=C,t=x.value;const i=b.value,l=D.value,a=U.value,u=V.value,n=B.value;e=e?(e?_xeUtils.default.isArray(e)?e:[e]:[]).map(e=>{if(!e||_xeUtils.default.isString(e)){var o=""+(e||"");const t=decodeURIComponent(""+(o||"")).split("/").pop()||"";return{[l]:t,[a]:N(t),[u]:o,[n]:0,[i]:L()}}const t=e[l]||"";return e[l]=t,e[a]=e[a]||N(t),e[u]=e[u]||"",e[n]=e[n]||0,e[i]=e[i]||L(),e}):[];M.fileList=t||o?e:e.slice(0,1)},N=e=>{var o=e?e.indexOf("."):-1;return-1<o?e.substring(o+1,e.length).toLowerCase():""},E=(e,o,t)=>{a(e,(0,_ui.createEvent)(t,{$upload:m},o))},F=e=>{var{singleMode:o,urlMode:t}=C;const i=V.value;let l=e?e.slice(0):[];t&&(l=l.map(e=>e[i])),a("update:modelValue",o?l[0]||null:l)},R=e=>{var o=C.getThumbnailUrlMethod||(0,_ui.getConfig)().upload.getThumbnailUrlMethod;return o?o({$upload:m,option:e}):v(e)},v=e=>{var o=C.getUrlMethod||(0,_ui.getConfig)().upload.getUrlMethod,t=V.value;return o?o({$upload:m,option:e}):e[t]},j=(e,o)=>{var t=C.previewMethod||(0,_ui.getConfig)().upload.previewMethod;if(C.showPreview)if(t)t({$upload:m,option:o});else{var i=o;var{imageTypes:t,showDownloadButton:o}=C;const a=U.value,u=C.beforeDownloadMethod||(0,_ui.getConfig)().upload.beforeDownloadMethod;var l=r["imagePreviewTypes"];l.concat(t||[]).some(e=>(""+e).toLowerCase()===(""+i[a]).toLowerCase())&&_ui.VxeUI.previewImage&&_ui.VxeUI.previewImage({urlList:[v(i)],showDownloadButton:o,beforeDownloadMethod:u?()=>u({$upload:m,option:i}):void 0})}},$=(e,o,t)=>{var i=C["showDownloadButton"];const l=M["fileList"],a=C.beforeDownloadMethod||(0,_ui.getConfig)().upload.beforeDownloadMethod;C.showPreview&&_ui.VxeUI.previewImage&&_ui.VxeUI.previewImage({urlList:l.map(e=>v(e)),activeIndex:t,showDownloadButton:i,beforeDownloadMethod:a?({index:e})=>a({$upload:m,option:l[e]}):void 0})},O=(t,e)=>{const i=C["showErrorStatus"],l=S(t);var o=C.uploadMethod||(0,_ui.getConfig)().upload.uploadMethod;return o?Promise.resolve(o({$upload:m,file:e,option:t,updateProgress(e){var o=M["fileCacheMaps"],o=o[S(t)];o&&(o.percent=Math.max(0,Math.min(99,_xeUtils.default.toNumber(e))))}})).then(e=>{var o=M["fileCacheMaps"],o=o[l];o&&(o.percent=100),Object.assign(t,e),E("upload-success",{option:t,data:e},null)}).catch(e=>{var o=M["fileCacheMaps"],o=o[l];o&&(o.status="error"),i?Object.assign(t,e):M.fileList=M.fileList.filter(e=>S(e)!==l),E("upload-error",{option:t,data:e},null)}).finally(()=>{var e=M["fileCacheMaps"],e=e[l];e&&(e.loading=!1)}):(o=M["fileCacheMaps"],(e=o[l])&&(e.loading=!1),Promise.resolve())},A=e=>{const{uploadMethod:o,urlMode:t}=C;var i,l=M["fileCacheMaps"],l=l[S(e)];(o||(0,_ui.getConfig)().upload.uploadMethod)&&l&&(i=l.file,l.loading=!0,l.status="",l.percent=0,O(e,i).then(()=>{t&&F(M.fileList)}))},q=(o,i)=>{var{multiple:e,urlMode:t}=C,l=M["fileList"];const a=C.uploadMethod||(0,_ui.getConfig)().upload.uploadMethod,u=b.value,n=D.value,r=U.value,d=V.value,s=B.value;var v=z.value;const p=P.value;var c=T.value;let g=o;if(e&&p){if(l.length>=p)return void(_ui.VxeUI.modal&&_ui.VxeUI.modal.notification({title:(0,_ui.getI18n)("vxe.modal.errTitle"),status:"error",content:(0,_ui.getI18n)("vxe.upload.overCountErr",[p])}));const f=g.length-(p-l.length);if(0<f){const x=g.slice(p-l.length);_ui.VxeUI.modal&&_ui.VxeUI.modal.notification({title:(0,_ui.getI18n)("vxe.modal.errTitle"),status:"error",slots:{default(){return(0,_vue.h)("div",{class:"vxe-upload--file-message-over-error"},[(0,_vue.h)("div",{},(0,_ui.getI18n)("vxe.upload.overCountExtraErr",[p,f])),(0,_vue.h)("div",{class:"vxe-upload--file-message-over-extra"},x.map((e,o)=>(0,_vue.h)("div",{key:o,class:"vxe-upload--file-message-over-extra-item"},e.name)))])}}})}g=g.slice(0,p-l.length)}if(v)for(let e=0;e<o.length;e++)if(o[0].size>v)return void(_ui.VxeUI.modal&&_ui.VxeUI.modal.notification({title:(0,_ui.getI18n)("vxe.modal.errTitle"),status:"error",content:(0,_ui.getI18n)("vxe.upload.overSizeErr",[c])}));const m=Object.assign({},M.fileCacheMaps),_=e?l:[],h=[];g.forEach(e=>{var o=e["name"],t=L(),o={[n]:o,[r]:N(o),[s]:e.size,[d]:"",[u]:t},t=(a&&(m[t]={file:e,loading:!0,status:"",percent:0}),(0,_vue.reactive)(o));a&&h.push(O(t,e)),_.push(t),E("add",{option:t},i)}),M.fileList=_,M.fileCacheMaps=m,Promise.all(t?h:[]).then(()=>{F(_),w&&I&&w.triggerItemEvent(i,I.itemConfig.field,_)})},H=o=>{var{multiple:e,imageTypes:t,fileTypes:i}=C,l=y.value,a=d.value;return l?Promise.resolve({status:!1,files:[],file:null}):(0,_util.readLocalFile)({multiple:e,types:a?t:i}).then(e=>(q(e.files,o),e))},G=e=>{H(e).catch(()=>{})},Y=(e,o,t)=>{var i=M["fileList"];i.splice(t,1),F(i),w&&I&&w.triggerItemEvent(e,I.itemConfig.field,i),E("remove",{option:o},e)},X=(o,t,i)=>{var e=C.beforeRemoveMethod||(0,_ui.getConfig)().upload.beforeRemoveMethod;const l=C.removeMethod||(0,_ui.getConfig)().upload.removeMethod;Promise.resolve(!e||e({$upload:m,option:t})).then(e=>{e?l?Promise.resolve(l({$upload:m,option:t})).then(()=>{Y(o,t,i)}).catch(e=>e):Y(o,t,i):E("remove-fail",{option:t},o)})},K=(e,o)=>{E("download",{option:o},e)},W=(o,t)=>{var e=C.beforeDownloadMethod||(0,_ui.getConfig)().upload.beforeDownloadMethod;const i=C.downloadMethod||(0,_ui.getConfig)().upload.downloadMethod;Promise.resolve(!e||e({$upload:m,option:t})).then(e=>{e?i?Promise.resolve(i({$upload:m,option:t})).then(()=>{K(o,t)}).catch(e=>e):K(o,t):E("download-fail",{option:t},o)})},J=e=>{var o,t,i,l=e.currentTarget,{clientX:e,clientY:a}=e;l&&({x:l,y:o,height:t,width:i}=l.getBoundingClientRect(),e<l||l+i<e||a<o||o+t<a)&&(M.isDrag=!1)},Q=e=>{var o=e.dataTransfer;o&&(o=o["items"],o)&&o.length&&(e.preventDefault(),M.isDrag=!0)},Z=e=>{var o=e.dataTransfer;if(o){o=o["items"];if(o&&o.length){const t=[];Array.from(o).forEach(e=>{e=e.getAsFile();e&&t.push(e)}),q(t,e),e.preventDefault()}}M.isDrag=!1},ee=()=>{const l=x.value,a=d.value;_ui.VxeUI.modal&&_ui.VxeUI.modal.open({title:l?(0,_ui.getI18n)("vxe.upload.morePopup.readTitle"):(0,_ui.getI18n)("vxe.upload.morePopup."+(a?"imageTitle":"fileTitle")),width:660,height:500,escClosable:!0,showMaximize:!0,resize:!0,maskClosable:!0,slots:{default(){var e=C["showErrorStatus"],o=M["isDrag"],t=y.value,i=M["fileList"];return(0,_vue.h)("div",{class:["vxe-upload--more-popup",{"is--readonly":l,"is--disabled":t,"show--error":e,"is--drag":o}],onDragover:Q,onDragleave:J,onDrop:Z},[a?(0,_vue.h)("div",{class:"vxe-upload--image-more-list"},te(i,!0).concat(ie(!0))):(0,_vue.h)("div",{class:"vxe-upload--file-more-list"},[p(!0),(0,_vue.h)("div",{class:"vxe-upload--file-list"},oe(i,!0))]),o?(0,_vue.h)("div",{class:"vxe-upload--drag-placeholder"},(0,_ui.getI18n)("vxe.upload.dragPlaceholder")):(0,_vue.createCommentVNode)()])}},onShow(){M.showMorePopup=!0},onHide(){M.showMorePopup=!1}})};o={dispatchEvent:E,choose(){return H(null)}};Object.assign(m,o,{});const oe=(e,a)=>{const{showRemoveButton:u,showDownloadButton:n,showProgress:r,progressText:d,showPreview:s,showErrorStatus:v}=C,p=M["fileCacheMaps"],c=y.value,g=x.value,m=D.value,_=U.value,h=f.corner;return e.map((o,t)=>{var e=S(o),e=p[e];const i=e&&e.loading,l=e&&"error"===e.status;return(0,_vue.h)("div",{key:t,class:["vxe-upload--file-item",{"is--preview":s,"is--loading":i,"is--error":l}]},[(0,_vue.h)("div",{class:"vxe-upload--file-item-icon"},[(0,_vue.h)("i",{class:(0,_ui.getIcon)()["UPLOAD_FILE_TYPE_"+(""+o[_]).toLocaleUpperCase()]||(0,_ui.getIcon)().UPLOAD_FILE_TYPE_DEFAULT})]),(0,_vue.h)("div",{class:"vxe-upload--file-item-name",onClick(e){i||l||j(e,o)}},""+(o[m]||"")),i?(0,_vue.h)("div",{class:"vxe-upload--file-item-loading-icon"},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().UPLOAD_LOADING})]):(0,_vue.createCommentVNode)(),r&&i&&e?(0,_vue.h)("div",{class:"vxe-upload--file-item-loading-text"},d?_xeUtils.default.toFormatString(d,{percent:e.percent}):(0,_ui.getI18n)("vxe.upload.uploadProgress",[e.percent])):(0,_vue.createCommentVNode)(),v&&l?(0,_vue.h)("div",{class:"vxe-upload--image-item-error"},[(0,_vue.h)(_button.default,{icon:(0,_ui.getIcon)().UPLOAD_IMAGE_RE_UPLOAD,mode:"text",status:"primary",content:(0,_ui.getI18n)("vxe.upload.reUpload"),onClick(){A(o)}})]):(0,_vue.createCommentVNode)(),(0,_vue.h)("div",{class:"vxe-upload--file-item-btn-wrapper"},[h?(0,_vue.h)("div",{class:"vxe-upload--file-item-corner"},(0,_vn.getSlotVNs)(h({option:o,isMoreView:a,readonly:g}))):(0,_vue.createCommentVNode)(),n&&!i?(0,_vue.h)("div",{class:"vxe-upload--file-item-download-btn",onClick(e){W(e,o)}},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().UPLOAD_FILE_DOWNLOAD})]):(0,_vue.createCommentVNode)(),!u||g||c||i?(0,_vue.createCommentVNode)():(0,_vue.h)("div",{class:"vxe-upload--file-item-remove-btn",onClick(e){X(e,o,t)}},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().UPLOAD_FILE_REMOVE})])])])})},p=e=>{var{showUploadButton:o,buttonText:t,buttonIcon:i,showButtonText:l,showButtonIcon:a,autoHiddenButton:u}=C,n=y.value,r=x.value,d=g.value,s=c.value,v=f.default,p=f.tip||f.hint;return r||!o?(0,_vue.createCommentVNode)():(0,_vue.h)("div",{class:"vxe-upload--file-action"},[u&&s?(0,_vue.createCommentVNode)():(0,_vue.h)("div",{class:"vxe-upload--file-action-btn",onClick:G},v?(0,_vn.getSlotVNs)(v({$upload:m})):[(0,_vue.h)(_button.default,{class:"vxe-upload--file-action-button",content:e||l?t?""+t:(0,_ui.getI18n)("vxe.upload.fileBtnText"):"",icon:a?i||(0,_ui.getIcon)().UPLOAD_FILE_ADD:"",disabled:n})]),e&&(d||p)?(0,_vue.h)("div",{class:"vxe-upload--file-action-tip"},p?(0,_vn.getSlotVNs)(p({$upload:m})):d):(0,_vue.createCommentVNode)()])},te=(e,a)=>{const{showRemoveButton:u,showProgress:n,progressText:r,showPreview:d,showErrorStatus:s}=C,v=M["fileCacheMaps"],p=y.value,c=x.value,g=_.value,m=f.corner;return e.map((o,t)=>{var e=S(o),e=v[e];const i=e&&e.loading,l=e&&"error"===e.status;return(0,_vue.h)("div",{key:t,class:["vxe-upload--image-item",{"is--preview":d,"is--loading":i,"is--error":l}]},[(0,_vue.h)("div",{class:"vxe-upload--image-item-box",style:a?null:g,title:(0,_ui.getI18n)("vxe.upload.viewItemTitle"),onClick(e){i||l||$(e,o,t)}},[i&&e?(0,_vue.h)("div",{class:"vxe-upload--image-item-loading"},[(0,_vue.h)("div",{class:"vxe-upload--image-item-loading-icon"},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().UPLOAD_LOADING})]),n?(0,_vue.h)("div",{class:"vxe-upload--image-item-loading-text"},r?_xeUtils.default.toFormatString(r,{percent:e.percent}):(0,_ui.getI18n)("vxe.upload.uploadProgress",[e.percent])):(0,_vue.createCommentVNode)()]):(0,_vue.createCommentVNode)(),i?(0,_vue.createCommentVNode)():l&&s?(0,_vue.h)("div",{class:"vxe-upload--image-item-error"},[(0,_vue.h)(_button.default,{icon:(0,_ui.getIcon)().UPLOAD_IMAGE_RE_UPLOAD,mode:"text",status:"primary",content:(0,_ui.getI18n)("vxe.upload.reUpload"),onClick(){A(o)}})]):(0,_vue.h)("img",{class:"vxe-upload--image-item-img",src:R(o)}),(0,_vue.h)("div",{class:"vxe-upload--image-item-btn-wrapper",onClick(e){e.stopPropagation()}},[m?(0,_vue.h)("div",{class:"vxe-upload--file-item-corner"},(0,_vn.getSlotVNs)(m({option:o,isMoreView:a,readonly:c}))):(0,_vue.createCommentVNode)(),!u||c||p||i?(0,_vue.createCommentVNode)():(0,_vue.h)("div",{class:"vxe-upload--image-item-remove-btn",onClick(e){e.stopPropagation(),X(e,o,t)}},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().UPLOAD_IMAGE_REMOVE})])])])])})},ie=e=>{var{showUploadButton:o,buttonText:t,buttonIcon:i,showButtonText:l,showButtonIcon:a,autoHiddenButton:u}=C,n=x.value,r=g.value,d=c.value,s=_.value,v=f.default,p=f.hint;return n||!o||u&&d?(0,_vue.createCommentVNode)():(0,_vue.h)("div",{key:"action",class:"vxe-upload--image-action"},[(0,_vue.h)("div",{class:"vxe-upload--image-action-btn",onClick:G},v?v({$upload:m}):[(0,_vue.h)("div",{class:"vxe-upload--image-action-box",style:e?null:s},[a?(0,_vue.h)("div",{class:"vxe-upload--image-action-icon"},[(0,_vue.h)("i",{class:i||(0,_ui.getIcon)().UPLOAD_IMAGE_ADD})]):(0,_vue.createCommentVNode)(),e||l?(0,_vue.h)("div",{class:"vxe-upload--image-action-content"},t?""+t:(0,_ui.getI18n)("vxe.upload.imgBtnText")):(0,_vue.createCommentVNode)(),e&&(r||p)?(0,_vue.h)("div",{class:"vxe-upload--image-action-hint"},p?(0,_vn.getSlotVNs)(p({$upload:m})):r):(0,_vue.createCommentVNode)()])])])};m.renderVN=()=>{var e=C["showErrorStatus"],{isDrag:o,showMorePopup:t}=M,i=h.value,l=y.value,a=x.value,u=d.value;return(0,_vue.h)("div",{ref:n,class:["vxe-upload",{["size--"+i]:i,"is--readonly":a,"is--disabled":l,"show--error":e,"is--drag":o}],onDragover:Q,onDragleave:J,onDrop:Z},[(u?()=>{var e=M["fileList"],{maxCount:o,showMoreButton:t}=s.value;let i=e,l=0;return o&&e.length>o&&(l=e.length-o,i=e.slice(0,o)),(0,_vue.h)("div",{key:"image",class:"vxe-upload--image-wrapper"},[(0,_vue.h)("div",{class:"vxe-upload--image-list"},te(i,!1).concat([t&&l?(0,_vue.h)("div",{class:"vxe-upload--image-over-more"},[(0,_vue.h)(_button.default,{mode:"text",content:(0,_ui.getI18n)("vxe.upload.moreBtnText",[e.length]),status:"primary",onClick:ee})]):(0,_vue.createCommentVNode)(),ie(!1)]))])}:()=>{var e=C["moreConfig"],o=M["fileList"],{maxCount:t,showMoreButton:i,layout:l}=s.value,l="horizontal"===l;let a=o,u=0;return t&&o.length>t&&(u=o.length-t,a=o.slice(0,t)),(0,_vue.h)("div",{key:"all",class:"vxe-upload--file-wrapper"},[i&&e&&l?(0,_vue.createCommentVNode)():p(!0),a.length||i&&l?(0,_vue.h)("div",{class:["vxe-upload--file-list-wrapper",{"is--horizontal":l}]},[a.length?(0,_vue.h)("div",{class:"vxe-upload--file-list"},oe(a,!1)):(0,_vue.createCommentVNode)(),i&&u?(0,_vue.h)("div",{class:"vxe-upload--file-over-more"},[(0,_vue.h)(_button.default,{mode:"text",content:(0,_ui.getI18n)("vxe.upload.moreBtnText",[o.length]),status:"primary",onClick:ee})]):(0,_vue.createCommentVNode)(),i&&e&&l?p(!1):(0,_vue.createCommentVNode)()]):(0,_vue.createCommentVNode)()])})(),o&&!t?(0,_vue.h)("div",{class:"vxe-upload--drag-placeholder"},(0,_ui.getI18n)("vxe.upload.dragPlaceholder")):(0,_vue.createCommentVNode)()])};const i=(0,_vue.ref)(0);return(0,_vue.watch)(()=>C.modelValue?C.modelValue.length:0,()=>{i.value++}),(0,_vue.watch)(()=>C.modelValue,()=>{i.value++}),(0,_vue.watch)(i,()=>{t()}),(0,_vue.onMounted)(()=>{"development"===process.env.NODE_ENV&&C.multiple&&C.singleMode&&(0,_log.errLog)("vxe.error.errConflicts",["multiple","single-mode"])}),(0,_vue.onUnmounted)(()=>{M.isDrag=!1}),t(),m},render(){return this.renderVN()}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_vn=require("../..//ui/src/vn"),_log=require("../../ui/src/log"),_dom=require("../../ui/src/dom"),_util=require("./util"),_button=_interopRequireDefault(require("../../button/src/button"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeUpload",props:{modelValue:[Array,String,Object],showList:{type:Boolean,default:()=>(0,_ui.getConfig)().upload.showList},moreConfig:Object,readonly:{type:Boolean,default:null},disabled:{type:Boolean,default:null},mode:{type:String,default:()=>(0,_ui.getConfig)().upload.mode},imageTypes:{type:Array,default:()=>_xeUtils.default.clone((0,_ui.getConfig)().upload.imageTypes,!0)},imageStyle:{type:Object,default:()=>_xeUtils.default.clone((0,_ui.getConfig)().upload.imageStyle,!0)},fileTypes:{type:Array,default:()=>_xeUtils.default.clone((0,_ui.getConfig)().upload.fileTypes,!0)},keyField:String,singleMode:Boolean,urlMode:Boolean,multiple:Boolean,limitSize:{type:[String,Number],default:()=>(0,_ui.getConfig)().upload.limitSize},limitCount:{type:[String,Number],default:()=>(0,_ui.getConfig)().upload.limitCount},nameField:{type:String,default:()=>(0,_ui.getConfig)().upload.nameField},typeField:{type:String,default:()=>(0,_ui.getConfig)().upload.typeField},urlField:{type:String,default:()=>(0,_ui.getConfig)().upload.urlField},sizeField:{type:String,default:()=>(0,_ui.getConfig)().upload.sizeField},showErrorStatus:{type:Boolean,default:()=>(0,_ui.getConfig)().upload.showErrorStatus},showProgress:{type:Boolean,default:()=>(0,_ui.getConfig)().upload.showProgress},progressText:{type:String,default:()=>(0,_ui.getConfig)().upload.progressText},autoHiddenButton:{type:Boolean,default:()=>(0,_ui.getConfig)().upload.autoHiddenButton},showUploadButton:{type:Boolean,default:()=>(0,_ui.getConfig)().upload.showUploadButton},buttonText:{type:String,default:()=>(0,_ui.getConfig)().upload.buttonText},buttonIcon:{type:String,default:()=>(0,_ui.getConfig)().upload.buttonIcon},showButtonText:{type:Boolean,default:()=>(0,_ui.getConfig)().upload.showButtonText},showButtonIcon:{type:Boolean,default:()=>(0,_ui.getConfig)().upload.showButtonIcon},showRemoveButton:{type:Boolean,default:()=>(0,_ui.getConfig)().upload.showRemoveButton},showDownloadButton:{type:Boolean,default:()=>(0,_ui.getConfig)().upload.showDownloadButton},showPreview:{type:Boolean,default:()=>(0,_ui.getConfig)().upload.showPreview},tipText:String,hintText:String,previewMethod:Function,uploadMethod:Function,beforeRemoveMethod:Function,removeMethod:Function,beforeDownloadMethod:Function,downloadMethod:Function,getUrlMethod:Function,getThumbnailUrlMethod:Function,size:{type:String,default:()=>(0,_ui.getConfig)().upload.size||(0,_ui.getConfig)().size}},emits:["update:modelValue","add","remove","remove-fail","download","download-fail","upload-success","upload-error"],setup(C,e){const{emit:a,slots:f}=e,w=(0,_vue.inject)("$xeForm",null),I=(0,_vue.inject)("xeFormItemInfo",null);var o=_xeUtils.default.uniqueId();const h=(0,_ui.useSize)(C)["computeSize"],n=(0,_vue.ref)(),M=(0,_vue.reactive)({isDrag:!1,showMorePopup:!1,fileList:[],fileCacheMaps:{}}),r={imagePreviewTypes:["jpg","jpeg","png","gif"]},l={refElem:n},x=(0,_vue.computed)(()=>{var e=C["readonly"];return null===e?!!w&&w.props.readonly:e}),y=(0,_vue.computed)(()=>{var e=C["disabled"];return null===e?!!w&&w.props.disabled:e}),b=(0,_vue.computed)(()=>C.keyField||"_X_KEY"),d=(0,_vue.computed)(()=>"image"===C.mode),D=(0,_vue.computed)(()=>C.nameField||"name"),U=(0,_vue.computed)(()=>C.typeField||"type"),V=(0,_vue.computed)(()=>C.urlField||"url"),B=(0,_vue.computed)(()=>C.sizeField||"size"),z=(0,_vue.computed)(()=>1024*_xeUtils.default.toNumber(C.limitSize)*1024),P=(0,_vue.computed)(()=>C.multiple?_xeUtils.default.toNumber(C.limitCount):1),c=(0,_vue.computed)(()=>{var e=C["multiple"],o=M["fileList"],t=P.value;return e?!t||o.length>=t:1<=o.length}),T=(0,_vue.computed)(()=>{var e=_xeUtils.default.toNumber(C.limitSize);return e?1048576<e?e/1048576+"T":1024<e?e/1024+"G":e+"M":""}),g=(0,_vue.computed)(()=>{var{limitSize:e,fileTypes:o,multiple:t,limitCount:i}=C,l=C.tipText||C.hintText,a=d.value,u=T.value;return _xeUtils.default.isString(l)?l:(l=[],a?(t&&i&&l.push((0,_ui.getI18n)("vxe.upload.imgCountHint",[i])),e&&u&&l.push((0,_ui.getI18n)("vxe.upload.imgSizeHint",[u]))):(o&&o.length&&l.push((0,_ui.getI18n)("vxe.upload.fileTypeHint",[o.join("/")])),e&&u&&l.push((0,_ui.getI18n)("vxe.upload.fileSizeHint",[u])),t&&i&&l.push((0,_ui.getI18n)("vxe.upload.fileCountHint",[i]))),l.join((0,_ui.getI18n)("vxe.base.comma")))}),u=(0,_vue.computed)(()=>Object.assign({},C.imageStyle)),_=(0,_vue.computed)(()=>{var{width:e,height:o}=u.value,t={};return e&&(t.width=(0,_dom.toCssUnit)(e)),o&&(t.height=(0,_dom.toCssUnit)(o)),t}),s=(0,_vue.computed)(()=>Object.assign({showMoreButton:!0},C.moreConfig)),k={},m={xID:o,props:C,context:e,reactData:M,internalData:r,getRefMaps:()=>l,getComputeMaps:()=>k},L=()=>_xeUtils.default.uniqueId(),S=e=>{return e[b.value]},t=()=>{var{modelValue:e,multiple:o}=C,t=x.value;const i=b.value,l=D.value,a=U.value,u=V.value,n=B.value;e=e?(e?_xeUtils.default.isArray(e)?e:[e]:[]).map(e=>{if(!e||_xeUtils.default.isString(e)){var o=""+(e||"");const t=decodeURIComponent(""+(o||"")).split("/").pop()||"";return{[l]:t,[a]:N(t),[u]:o,[n]:0,[i]:L()}}const t=e[l]||"";return e[l]=t,e[a]=e[a]||N(t),e[u]=e[u]||"",e[n]=e[n]||0,e[i]=e[i]||L(),e}):[];M.fileList=t||o?e:e.slice(0,1)},N=e=>{var o=e?e.indexOf("."):-1;return-1<o?e.substring(o+1,e.length).toLowerCase():""},E=(e,o,t)=>{a(e,(0,_ui.createEvent)(t,{$upload:m},o))},F=e=>{var{singleMode:o,urlMode:t}=C;const i=V.value;let l=e?e.slice(0):[];t&&(l=l.map(e=>e[i])),a("update:modelValue",o?l[0]||null:l)},R=e=>{var o=C.getThumbnailUrlMethod||(0,_ui.getConfig)().upload.getThumbnailUrlMethod;return o?o({$upload:m,option:e}):v(e)},v=e=>{var o=C.getUrlMethod||(0,_ui.getConfig)().upload.getUrlMethod,t=V.value;return o?o({$upload:m,option:e}):e[t]},j=(e,o)=>{var t=C.previewMethod||(0,_ui.getConfig)().upload.previewMethod;if(C.showPreview)if(t)t({$upload:m,option:o});else{var i=o;var{imageTypes:t,showDownloadButton:o}=C;const a=U.value,u=C.beforeDownloadMethod||(0,_ui.getConfig)().upload.beforeDownloadMethod;var l=r["imagePreviewTypes"];l.concat(t||[]).some(e=>(""+e).toLowerCase()===(""+i[a]).toLowerCase())&&_ui.VxeUI.previewImage&&_ui.VxeUI.previewImage({urlList:[v(i)],showDownloadButton:o,beforeDownloadMethod:u?()=>u({$upload:m,option:i}):void 0})}},$=(e,o,t)=>{var i=C["showDownloadButton"];const l=M["fileList"],a=C.beforeDownloadMethod||(0,_ui.getConfig)().upload.beforeDownloadMethod;C.showPreview&&_ui.VxeUI.previewImage&&_ui.VxeUI.previewImage({urlList:l.map(e=>v(e)),activeIndex:t,showDownloadButton:i,beforeDownloadMethod:a?({index:e})=>a({$upload:m,option:l[e]}):void 0})},O=(t,e)=>{const i=C["showErrorStatus"],l=S(t);var o=C.uploadMethod||(0,_ui.getConfig)().upload.uploadMethod;return o?Promise.resolve(o({$upload:m,file:e,option:t,updateProgress(e){var o=M["fileCacheMaps"],o=o[S(t)];o&&(o.percent=Math.max(0,Math.min(99,_xeUtils.default.toNumber(e))))}})).then(e=>{var o=M["fileCacheMaps"],o=o[l];o&&(o.percent=100),Object.assign(t,e),E("upload-success",{option:t,data:e},null)}).catch(e=>{var o=M["fileCacheMaps"],o=o[l];o&&(o.status="error"),i?Object.assign(t,e):M.fileList=M.fileList.filter(e=>S(e)!==l),E("upload-error",{option:t,data:e},null)}).finally(()=>{var e=M["fileCacheMaps"],e=e[l];e&&(e.loading=!1)}):(o=M["fileCacheMaps"],(e=o[l])&&(e.loading=!1),Promise.resolve())},A=e=>{const{uploadMethod:o,urlMode:t}=C;var i,l=M["fileCacheMaps"],l=l[S(e)];(o||(0,_ui.getConfig)().upload.uploadMethod)&&l&&(i=l.file,l.loading=!0,l.status="",l.percent=0,O(e,i).then(()=>{t&&F(M.fileList)}))},q=(o,i)=>{var{multiple:e,urlMode:t}=C,l=M["fileList"];const a=C.uploadMethod||(0,_ui.getConfig)().upload.uploadMethod,u=b.value,n=D.value,r=U.value,d=V.value,s=B.value;var v=z.value;const p=P.value;var c=T.value;let g=o;if(e&&p){if(l.length>=p)return void(_ui.VxeUI.modal&&_ui.VxeUI.modal.notification({title:(0,_ui.getI18n)("vxe.modal.errTitle"),status:"error",content:(0,_ui.getI18n)("vxe.upload.overCountErr",[p])}));const f=g.length-(p-l.length);if(0<f){const x=g.slice(p-l.length);_ui.VxeUI.modal&&_ui.VxeUI.modal.notification({title:(0,_ui.getI18n)("vxe.modal.errTitle"),status:"error",slots:{default(){return(0,_vue.h)("div",{class:"vxe-upload--file-message-over-error"},[(0,_vue.h)("div",{},(0,_ui.getI18n)("vxe.upload.overCountExtraErr",[p,f])),(0,_vue.h)("div",{class:"vxe-upload--file-message-over-extra"},x.map((e,o)=>(0,_vue.h)("div",{key:o,class:"vxe-upload--file-message-over-extra-item"},e.name)))])}}})}g=g.slice(0,p-l.length)}if(v)for(let e=0;e<o.length;e++)if(o[0].size>v)return void(_ui.VxeUI.modal&&_ui.VxeUI.modal.notification({title:(0,_ui.getI18n)("vxe.modal.errTitle"),status:"error",content:(0,_ui.getI18n)("vxe.upload.overSizeErr",[c])}));const m=Object.assign({},M.fileCacheMaps),_=e?l:[],h=[];g.forEach(e=>{var o=e["name"],t=L(),o={[n]:o,[r]:N(o),[s]:e.size,[d]:"",[u]:t},t=(a&&(m[t]={file:e,loading:!0,status:"",percent:0}),(0,_vue.reactive)(o));a&&h.push(O(t,e)),_.push(t),E("add",{option:t},i)}),M.fileList=_,M.fileCacheMaps=m,Promise.all(t?h:[]).then(()=>{F(_),w&&I&&w.triggerItemEvent(i,I.itemConfig.field,_)})},H=o=>{var{multiple:e,imageTypes:t,fileTypes:i}=C,l=y.value,a=d.value;return l?Promise.resolve({status:!1,files:[],file:null}):(0,_util.readLocalFile)({multiple:e,types:a?t:i}).then(e=>(q(e.files,o),e))},G=e=>{H(e).catch(()=>{})},Y=(e,o,t)=>{var i=M["fileList"];i.splice(t,1),F(i),w&&I&&w.triggerItemEvent(e,I.itemConfig.field,i),E("remove",{option:o},e)},X=(o,t,i)=>{var e=C.beforeRemoveMethod||(0,_ui.getConfig)().upload.beforeRemoveMethod;const l=C.removeMethod||(0,_ui.getConfig)().upload.removeMethod;Promise.resolve(!e||e({$upload:m,option:t})).then(e=>{e?l?Promise.resolve(l({$upload:m,option:t})).then(()=>{Y(o,t,i)}).catch(e=>e):Y(o,t,i):E("remove-fail",{option:t},o)})},K=(e,o)=>{E("download",{option:o},e)},W=(o,t)=>{var e=C.beforeDownloadMethod||(0,_ui.getConfig)().upload.beforeDownloadMethod;const i=C.downloadMethod||(0,_ui.getConfig)().upload.downloadMethod;Promise.resolve(!e||e({$upload:m,option:t})).then(e=>{e?i?Promise.resolve(i({$upload:m,option:t})).then(()=>{K(o,t)}).catch(e=>e):K(o,t):E("download-fail",{option:t},o)})},J=e=>{var o,t,i,l=e.currentTarget,{clientX:e,clientY:a}=e;l&&({x:l,y:o,height:t,width:i}=l.getBoundingClientRect(),e<l||l+i<e||a<o||o+t<a)&&(M.isDrag=!1)},Q=e=>{var o=e.dataTransfer;o&&(o=o["items"],o)&&o.length&&(e.preventDefault(),M.isDrag=!0)},Z=e=>{var o=e.dataTransfer;if(o){o=o["items"];if(o&&o.length){const t=[];Array.from(o).forEach(e=>{e=e.getAsFile();e&&t.push(e)}),q(t,e),e.preventDefault()}}M.isDrag=!1},ee=()=>{const l=x.value,a=d.value;_ui.VxeUI.modal&&_ui.VxeUI.modal.open({title:l?(0,_ui.getI18n)("vxe.upload.morePopup.readTitle"):(0,_ui.getI18n)("vxe.upload.morePopup."+(a?"imageTitle":"fileTitle")),width:660,height:500,escClosable:!0,showMaximize:!0,resize:!0,maskClosable:!0,slots:{default(){var e=C["showErrorStatus"],o=M["isDrag"],t=y.value,i=M["fileList"];return(0,_vue.h)("div",{class:["vxe-upload--more-popup",{"is--readonly":l,"is--disabled":t,"show--error":e,"is--drag":o}],onDragover:Q,onDragleave:J,onDrop:Z},[a?(0,_vue.h)("div",{class:"vxe-upload--image-more-list"},te(i,!0).concat(ie(!0))):(0,_vue.h)("div",{class:"vxe-upload--file-more-list"},[p(!0),(0,_vue.h)("div",{class:"vxe-upload--file-list"},oe(i,!0))]),o?(0,_vue.h)("div",{class:"vxe-upload--drag-placeholder"},(0,_ui.getI18n)("vxe.upload.dragPlaceholder")):(0,_vue.createCommentVNode)()])}},onShow(){M.showMorePopup=!0},onHide(){M.showMorePopup=!1}})};o={dispatchEvent:E,choose(){return H(null)}};Object.assign(m,o,{});const oe=(e,a)=>{const{showRemoveButton:u,showDownloadButton:n,showProgress:r,progressText:d,showPreview:s,showErrorStatus:v}=C,p=M["fileCacheMaps"],c=y.value,g=x.value,m=D.value,_=U.value,h=f.corner;return e.map((o,t)=>{var e=S(o),e=p[e];const i=e&&e.loading,l=e&&"error"===e.status;return(0,_vue.h)("div",{key:t,class:["vxe-upload--file-item",{"is--preview":s,"is--loading":i,"is--error":l}]},[(0,_vue.h)("div",{class:"vxe-upload--file-item-icon"},[(0,_vue.h)("i",{class:(0,_ui.getIcon)()["UPLOAD_FILE_TYPE_"+(""+o[_]).toLocaleUpperCase()]||(0,_ui.getIcon)().UPLOAD_FILE_TYPE_DEFAULT})]),(0,_vue.h)("div",{class:"vxe-upload--file-item-name",onClick(e){i||l||j(e,o)}},""+(o[m]||"")),i?(0,_vue.h)("div",{class:"vxe-upload--file-item-loading-icon"},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().UPLOAD_LOADING})]):(0,_vue.createCommentVNode)(),r&&i&&e?(0,_vue.h)("div",{class:"vxe-upload--file-item-loading-text"},d?_xeUtils.default.toFormatString(d,{percent:e.percent}):(0,_ui.getI18n)("vxe.upload.uploadProgress",[e.percent])):(0,_vue.createCommentVNode)(),v&&l?(0,_vue.h)("div",{class:"vxe-upload--image-item-error"},[(0,_vue.h)(_button.default,{icon:(0,_ui.getIcon)().UPLOAD_IMAGE_RE_UPLOAD,mode:"text",status:"primary",content:(0,_ui.getI18n)("vxe.upload.reUpload"),onClick(){A(o)}})]):(0,_vue.createCommentVNode)(),(0,_vue.h)("div",{class:"vxe-upload--file-item-btn-wrapper"},[h?(0,_vue.h)("div",{class:"vxe-upload--file-item-corner"},(0,_vn.getSlotVNs)(h({option:o,isMoreView:a,readonly:g}))):(0,_vue.createCommentVNode)(),n&&!i?(0,_vue.h)("div",{class:"vxe-upload--file-item-download-btn",onClick(e){W(e,o)}},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().UPLOAD_FILE_DOWNLOAD})]):(0,_vue.createCommentVNode)(),!u||g||c||i?(0,_vue.createCommentVNode)():(0,_vue.h)("div",{class:"vxe-upload--file-item-remove-btn",onClick(e){X(e,o,t)}},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().UPLOAD_FILE_REMOVE})])])])})},p=e=>{var{showUploadButton:o,buttonText:t,buttonIcon:i,showButtonText:l,showButtonIcon:a,autoHiddenButton:u}=C,n=y.value,r=x.value,d=g.value,s=c.value,v=f.default,p=f.tip||f.hint;return r||!o?(0,_vue.createCommentVNode)():(0,_vue.h)("div",{class:"vxe-upload--file-action"},[u&&s?(0,_vue.createCommentVNode)():(0,_vue.h)("div",{class:"vxe-upload--file-action-btn",onClick:G},v?(0,_vn.getSlotVNs)(v({$upload:m})):[(0,_vue.h)(_button.default,{class:"vxe-upload--file-action-button",content:e||l?t?""+t:(0,_ui.getI18n)("vxe.upload.fileBtnText"):"",icon:a?i||(0,_ui.getIcon)().UPLOAD_FILE_ADD:"",disabled:n})]),e&&(d||p)?(0,_vue.h)("div",{class:"vxe-upload--file-action-tip"},p?(0,_vn.getSlotVNs)(p({$upload:m})):d):(0,_vue.createCommentVNode)()])},te=(e,a)=>{const{showRemoveButton:u,showProgress:n,progressText:r,showPreview:d,showErrorStatus:s}=C,v=M["fileCacheMaps"],p=y.value,c=x.value,g=_.value,m=f.corner;return e.map((o,t)=>{var e=S(o),e=v[e];const i=e&&e.loading,l=e&&"error"===e.status;return(0,_vue.h)("div",{key:t,class:["vxe-upload--image-item",{"is--preview":d,"is--loading":i,"is--error":l}]},[(0,_vue.h)("div",{class:"vxe-upload--image-item-box",style:a?null:g,title:(0,_ui.getI18n)("vxe.upload.viewItemTitle"),onClick(e){i||l||$(e,o,t)}},[i&&e?(0,_vue.h)("div",{class:"vxe-upload--image-item-loading"},[(0,_vue.h)("div",{class:"vxe-upload--image-item-loading-icon"},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().UPLOAD_LOADING})]),n?(0,_vue.h)("div",{class:"vxe-upload--image-item-loading-text"},r?_xeUtils.default.toFormatString(r,{percent:e.percent}):(0,_ui.getI18n)("vxe.upload.uploadProgress",[e.percent])):(0,_vue.createCommentVNode)()]):(0,_vue.createCommentVNode)(),i?(0,_vue.createCommentVNode)():l&&s?(0,_vue.h)("div",{class:"vxe-upload--image-item-error"},[(0,_vue.h)(_button.default,{icon:(0,_ui.getIcon)().UPLOAD_IMAGE_RE_UPLOAD,mode:"text",status:"primary",content:(0,_ui.getI18n)("vxe.upload.reUpload"),onClick(){A(o)}})]):(0,_vue.h)("img",{class:"vxe-upload--image-item-img",src:R(o)}),(0,_vue.h)("div",{class:"vxe-upload--image-item-btn-wrapper",onClick(e){e.stopPropagation()}},[m?(0,_vue.h)("div",{class:"vxe-upload--file-item-corner"},(0,_vn.getSlotVNs)(m({option:o,isMoreView:a,readonly:c}))):(0,_vue.createCommentVNode)(),!u||c||p||i?(0,_vue.createCommentVNode)():(0,_vue.h)("div",{class:"vxe-upload--image-item-remove-btn",onClick(e){e.stopPropagation(),X(e,o,t)}},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().UPLOAD_IMAGE_REMOVE})])])])])})},ie=e=>{var{showUploadButton:o,buttonText:t,buttonIcon:i,showButtonText:l,showButtonIcon:a,autoHiddenButton:u}=C,n=x.value,r=g.value,d=c.value,s=_.value,v=f.default,p=f.hint;return n||!o||u&&d?(0,_vue.createCommentVNode)():(0,_vue.h)("div",{key:"action",class:"vxe-upload--image-action"},[(0,_vue.h)("div",{class:"vxe-upload--image-action-btn",onClick:G},v?v({$upload:m}):[(0,_vue.h)("div",{class:"vxe-upload--image-action-box",style:e?null:s},[a?(0,_vue.h)("div",{class:"vxe-upload--image-action-icon"},[(0,_vue.h)("i",{class:i||(0,_ui.getIcon)().UPLOAD_IMAGE_ADD})]):(0,_vue.createCommentVNode)(),e||l?(0,_vue.h)("div",{class:"vxe-upload--image-action-content"},t?""+t:(0,_ui.getI18n)("vxe.upload.imgBtnText")):(0,_vue.createCommentVNode)(),e&&(r||p)?(0,_vue.h)("div",{class:"vxe-upload--image-action-hint"},p?(0,_vn.getSlotVNs)(p({$upload:m})):r):(0,_vue.createCommentVNode)()])])])};const i=(0,_vue.ref)(0);return(0,_vue.watch)(()=>C.modelValue?C.modelValue.length:0,()=>{i.value++}),(0,_vue.watch)(()=>C.modelValue,()=>{i.value++}),(0,_vue.watch)(i,()=>{t()}),(0,_vue.onMounted)(()=>{"development"===process.env.NODE_ENV&&C.multiple&&C.singleMode&&(0,_log.errLog)("vxe.error.errConflicts",["multiple","single-mode"])}),(0,_vue.onUnmounted)(()=>{M.isDrag=!1}),t(),m.renderVN=()=>{var e=C["showErrorStatus"],{isDrag:o,showMorePopup:t}=M,i=h.value,l=y.value,a=x.value,u=d.value;return(0,_vue.h)("div",{ref:n,class:["vxe-upload",{["size--"+i]:i,"is--readonly":a,"is--disabled":l,"show--error":e,"is--drag":o}],onDragover:Q,onDragleave:J,onDrop:Z},[(u?()=>{var e=M["fileList"],{maxCount:o,showMoreButton:t}=s.value;let i=e,l=0;return o&&e.length>o&&(l=e.length-o,i=e.slice(0,o)),(0,_vue.h)("div",{key:"image",class:"vxe-upload--image-wrapper"},[(0,_vue.h)("div",{class:"vxe-upload--image-list"},te(i,!1).concat([t&&l?(0,_vue.h)("div",{class:"vxe-upload--image-over-more"},[(0,_vue.h)(_button.default,{mode:"text",content:(0,_ui.getI18n)("vxe.upload.moreBtnText",[e.length]),status:"primary",onClick:ee})]):(0,_vue.createCommentVNode)(),ie(!1)]))])}:()=>{var e=C["moreConfig"],o=M["fileList"],{maxCount:t,showMoreButton:i,layout:l}=s.value,l="horizontal"===l;let a=o,u=0;return t&&o.length>t&&(u=o.length-t,a=o.slice(0,t)),(0,_vue.h)("div",{key:"all",class:"vxe-upload--file-wrapper"},[i&&e&&l?(0,_vue.createCommentVNode)():p(!0),a.length||i&&l?(0,_vue.h)("div",{class:["vxe-upload--file-list-wrapper",{"is--horizontal":l}]},[a.length?(0,_vue.h)("div",{class:"vxe-upload--file-list"},oe(a,!1)):(0,_vue.createCommentVNode)(),i&&u?(0,_vue.h)("div",{class:"vxe-upload--file-over-more"},[(0,_vue.h)(_button.default,{mode:"text",content:(0,_ui.getI18n)("vxe.upload.moreBtnText",[o.length]),status:"primary",onClick:ee})]):(0,_vue.createCommentVNode)(),i&&e&&l?p(!1):(0,_vue.createCommentVNode)()]):(0,_vue.createCommentVNode)()])})(),o&&!t?(0,_vue.h)("div",{class:"vxe-upload--drag-placeholder"},(0,_ui.getI18n)("vxe.upload.dragPlaceholder")):(0,_vue.createCommentVNode)()])},m},render(){return this.renderVN()}});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vxe-pc-ui",
-  "version": "4.1.20",
+  "version": "4.1.21",
   "description": "A vue based PC component library",
   "scripts": {
     "update": "npm install --legacy-peer-deps",
@@ -25,7 +25,7 @@
   "style": "lib/style.css",
   "typings": "types/index.d.ts",
   "dependencies": {
-    "@vxe-ui/core": "^4.0.7"
+    "@vxe-ui/core": "^4.0.9"
   },
   "devDependencies": {
     "@typescript-eslint/eslint-plugin": "^6.21.0",

package/packages/anchor/src/anchor-link.ts

@@ -107,10 +107,10 @@ export default defineComponent({
       ])
     }
 
-    $xeAnchorLink.renderVN = renderVN
-
     provide('$xeAnchorLink', $xeAnchorLink)
 
+    $xeAnchorLink.renderVN = renderVN
+
     return $xeAnchorLink
   },
   render () {

package/packages/anchor/src/anchor.ts

@@ -224,10 +224,10 @@ export default defineComponent({
       removeContainerElemScroll()
     })
 
-    $xeAnchor.renderVN = renderVN
-
     provide('$xeAnchor', $xeAnchor)
 
+    $xeAnchor.renderVN = renderVN
+
     return $xeAnchor
   },
   render () {

package/packages/breadcrumb/src/breadcrumb.ts

@@ -79,10 +79,10 @@ export default defineComponent({
       }, defaultSlot ? defaultSlot({}) : renderItems())
     }
 
-    $xeBreadcrumb.renderVN = renderVN
-
     provide('$xeBreadcrumb', $xeBreadcrumb)
 
+    $xeBreadcrumb.renderVN = renderVN
+
     return $xeBreadcrumb
   },
   render () {

package/packages/button/src/button-group.ts

@@ -85,6 +85,9 @@ export default defineComponent({
 
     provide('$xeButtonGroup', $xeButtonGroup)
 
-    return renderVN
+    return $xeButtonGroup
+  },
+  render () {
+    return this.renderVN()
   }
 })

package/packages/calendar/src/calendar.ts

@@ -5,31 +5,55 @@ import { toCssUnit } from '../..//ui/src/dom'
 import VxeButtonComponent from '../../button/src/button'
 import XEUtils from 'xe-utils'
 
-import type { VxeCalendarConstructor, VxeCalendarEmits, CalendarReactData, CalendarMethods, VxeCalendarPropTypes, CalendarPrivateRef, VxeDatePickerDefines } from '../../../types'
+import type { VxeCalendarConstructor, VxeCalendarEmits, CalendarInternalData, CalendarReactData, CalendarMethods, VxeCalendarPropTypes, CalendarPrivateRef, VxeDatePickerDefines } from '../../../types'
 
 export default defineComponent({
   name: 'VxeCalendar',
   props: {
     modelValue: [String, Number, Date] as PropType<VxeCalendarPropTypes.ModelValue>,
-    type: { type: String as PropType<VxeCalendarPropTypes.Type>, default: 'date' },
+    type: {
+      type: String as PropType<VxeCalendarPropTypes.Type>,
+      default: 'date'
+    },
     className: String as PropType<VxeCalendarPropTypes.ClassName>,
-    size: { type: String as PropType<VxeCalendarPropTypes.Size>, default: () => getConfig().calendar.size || getConfig().size },
+    size: {
+      type: String as PropType<VxeCalendarPropTypes.Size>,
+      default: () => getConfig().calendar.size || getConfig().size
+    },
     multiple: Boolean as PropType<VxeCalendarPropTypes.Multiple>,
 
     width: [String, Number] as PropType<VxeCalendarPropTypes.Width>,
     height: [String, Number] as PropType<VxeCalendarPropTypes.Height>,
 
     // date、week、month、quarter、year
-    minDate: { type: [String, Number, Date] as PropType<VxeCalendarPropTypes.MinDate>, default: () => getConfig().calendar.minDate },
-    maxDate: { type: [String, Number, Date] as PropType<VxeCalendarPropTypes.MaxDate>, default: () => getConfig().calendar.maxDate },
-    startDay: { type: [String, Number] as PropType<VxeCalendarPropTypes.StartDay>, default: () => getConfig().calendar.startDay },
+    minDate: {
+      type: [String, Number, Date] as PropType<VxeCalendarPropTypes.MinDate>,
+      default: () => getConfig().calendar.minDate
+    },
+    maxDate: {
+      type: [String, Number, Date] as PropType<VxeCalendarPropTypes.MaxDate>,
+      default: () => getConfig().calendar.maxDate
+    },
+    startDay: {
+      type: [String, Number] as PropType<VxeCalendarPropTypes.StartDay>,
+      default: () => getConfig().calendar.startDay
+    },
     labelFormat: String as PropType<VxeCalendarPropTypes.LabelFormat>,
     valueFormat: String as PropType<VxeCalendarPropTypes.ValueFormat>,
-    festivalMethod: { type: Function as PropType<VxeCalendarPropTypes.FestivalMethod>, default: () => getConfig().calendar.festivalMethod },
-    disabledMethod: { type: Function as PropType<VxeCalendarPropTypes.DisabledMethod>, default: () => getConfig().calendar.disabledMethod },
+    festivalMethod: {
+      type: Function as PropType<VxeCalendarPropTypes.FestivalMethod>,
+      default: () => getConfig().calendar.festivalMethod
+    },
+    disabledMethod: {
+      type: Function as PropType<VxeCalendarPropTypes.DisabledMethod>,
+      default: () => getConfig().calendar.disabledMethod
+    },
 
     // week
-    selectDay: { type: [String, Number] as PropType<VxeCalendarPropTypes.SelectDay>, default: () => getConfig().calendar.selectDay }
+    selectDay: {
+      type: [String, Number] as PropType<VxeCalendarPropTypes.SelectDay>,
+      default: () => getConfig().calendar.selectDay
+    }
   },
   emits: [
     'update:modelValue',
@@ -46,10 +70,6 @@ export default defineComponent({
 
     const { computeSize } = useSize(props)
 
-    const yearSize = 12
-    const monthSize = 20
-    const quarterSize = 8
-
     const reactData = reactive<CalendarReactData>({
       selectValue: props.modelValue,
       inputValue: props.modelValue,
@@ -60,19 +80,13 @@ export default defineComponent({
       currentDate: null
     })
 
-    const refElem = ref() as Ref<HTMLDivElement>
+    const internalData: CalendarInternalData = {
+      yearSize: 12,
+      monthSize: 20,
+      quarterSize: 8
+    }
 
-    const computeCalendarStyle = computed(() => {
-      const { height, width } = props
-      const stys: Record<string, string> = {}
-      if (width) {
-        stys.width = toCssUnit(width)
-      }
-      if (height) {
-        stys.height = toCssUnit(height)
-      }
-      return stys
-    })
+    const refElem = ref() as Ref<HTMLDivElement>
 
     const refMaps: CalendarPrivateRef = {
       refElem
@@ -83,14 +97,23 @@ export default defineComponent({
       props,
       context,
       reactData,
+      internalData,
       getRefMaps: () => refMaps
     } as unknown as VxeCalendarConstructor
 
     let calendarMethods = {} as CalendarMethods
 
-    const parseDate = (value: VxeCalendarPropTypes.ModelValue, format: string) => {
-      return XEUtils.toStringDate(value, format)
-    }
+    const computeCalendarStyle = computed(() => {
+      const { height, width } = props
+      const stys: Record<string, string> = {}
+      if (width) {
+        stys.width = toCssUnit(width)
+      }
+      if (height) {
+        stys.height = toCssUnit(height)
+      }
+      return stys
+    })
 
     const computeIsDisabled = computed(() => {
       return false
@@ -198,6 +221,7 @@ export default defineComponent({
 
     const computeYearList = computed(() => {
       const { selectMonth, currentDate } = reactData
+      const { yearSize } = internalData
       const years: VxeDatePickerDefines.DateYearItem[] = []
       if (selectMonth && currentDate) {
         const currFullYear = currentDate.getFullYear()
@@ -295,6 +319,7 @@ export default defineComponent({
 
     const computeQuarterList = computed(() => {
       const { selectMonth, currentDate } = reactData
+      const { quarterSize } = internalData
       const quarters: VxeDatePickerDefines.DateQuarterItem[] = []
       if (selectMonth && currentDate) {
         const currFullYear = currentDate.getFullYear()
@@ -326,6 +351,7 @@ export default defineComponent({
 
     const computeMonthList = computed(() => {
       const { selectMonth, currentDate } = reactData
+      const { monthSize } = internalData
       const months: VxeDatePickerDefines.DateMonthItem[] = []
       if (selectMonth && currentDate) {
         const currFullYear = currentDate.getFullYear()
@@ -410,7 +436,11 @@ export default defineComponent({
       })
     })
 
-    const emitModel = (value: string, evnt: Event | { type: string }) => {
+    const parseDate = (value: VxeCalendarPropTypes.ModelValue, format: string) => {
+      return XEUtils.toStringDate(value, format)
+    }
+
+    const handleChange = (value: string, evnt: Event | { type: string }) => {
       reactData.inputValue = value
       emit('update:modelValue', value)
       if (XEUtils.toValueString(props.modelValue) !== value) {
@@ -495,14 +525,14 @@ export default defineComponent({
         const dateMultipleValue = computeDateMultipleValue.value
         // 如果是日期类型
         if (dateMultipleValue.some(val => XEUtils.isEqual(val, inpVal))) {
-          emitModel(dateMultipleValue.filter(val => !XEUtils.isEqual(val, inpVal)).join(','), { type: 'update' })
+          handleChange(dateMultipleValue.filter(val => !XEUtils.isEqual(val, inpVal)).join(','), { type: 'update' })
         } else {
-          emitModel(dateMultipleValue.concat([inpVal]).join(','), { type: 'update' })
+          handleChange(dateMultipleValue.concat([inpVal]).join(','), { type: 'update' })
         }
       } else {
         // 如果为单选
         if (!XEUtils.isEqual(modelValue, inpVal)) {
-          emitModel(inpVal, { type: 'update' })
+          handleChange(inpVal, { type: 'update' })
         }
       }
     }
@@ -530,6 +560,7 @@ export default defineComponent({
     const datePrevEvent = (evnt: Event) => {
       const { type } = props
       const { datePanelType, selectMonth } = reactData
+      const { yearSize } = internalData
       const isDisabledPrevDateBtn = computeIsDisabledPrevDateBtn.value
       if (!isDisabledPrevDateBtn) {
         if (type === 'year') {
@@ -564,6 +595,7 @@ export default defineComponent({
     const dateNextEvent = (evnt: Event) => {
       const { type } = props
       const { datePanelType, selectMonth } = reactData
+      const { yearSize } = internalData
       const isDisabledNextDateBtn = computeIsDisabledNextDateBtn.value
       if (!isDisabledNextDateBtn) {
         if (type === 'year') {
@@ -720,13 +752,13 @@ export default defineComponent({
             }]
           }, extraItem && extraItem.label
             ? [
-                h('span', label),
+                h('span', `${label || ''}`),
                 h('span', {
                   class: ['vxe-calendar--date-label--extra', extraItem.important ? 'is-important' : '', extraItem.className],
                   style: extraItem.style
                 }, XEUtils.toValueString(extraItem.label))
               ]
-            : label)
+            : [`${label || ''}`])
         ]
         const festivalLabel = festivalItem.label
         if (festivalLabel) {
@@ -749,7 +781,7 @@ export default defineComponent({
         }
         return labels
       }
-      return label
+      return `${label || ''}`
     }
 
     const renderDateDayTable = () => {

package/packages/carousel/src/carousel-item.ts

@@ -1,8 +1,9 @@
 import { defineComponent, ref, h, reactive, PropType, inject, watch, onMounted, onUnmounted } from 'vue'
+import { createEvent } from '../../ui'
 import { assembleCarouselItem, destroyCarouselItem } from './util'
 import XEUtils from 'xe-utils'
 
-import type { VxeCarouselItemPropTypes, CarouselItemReactData, CarouselItemPrivateRef, VxeCarouselItemEmits, VxeCarouselDefines, VxeCarouselItemPrivateComputed, VxeCarouselItemConstructor, VxeCarouselItemPrivateMethods, VxeCarouselConstructor, VxeCarouselPrivateMethods } from '../../../types'
+import type { VxeCarouselItemPropTypes, CarouselItemReactData, CarouselItemPrivateRef, CarouselItemMethods, CarouselItemPrivateMethods, ValueOf, VxeCarouselItemEmits, VxeCarouselDefines, VxeCarouselItemPrivateComputed, VxeCarouselItemConstructor, VxeCarouselItemPrivateMethods, VxeCarouselConstructor, VxeCarouselPrivateMethods } from '../../../types'
 
 export default defineComponent({
   name: 'VxeCarouselItem',
@@ -14,7 +15,7 @@ export default defineComponent({
   emits: [
   ] as VxeCarouselItemEmits,
   setup (props, context) {
-    const { slots } = context
+    const { slots, emit } = context
 
     const $xeCarousel = inject<(VxeCarouselConstructor & VxeCarouselPrivateMethods) | null>('$xeCarousel', null)
 
@@ -50,6 +51,19 @@ export default defineComponent({
       getComputeMaps: () => computeMaps
     } as unknown as VxeCarouselItemConstructor & VxeCarouselItemPrivateMethods
 
+    const dispatchEvent = (type: ValueOf<VxeCarouselItemEmits>, params: Record<string, any>, evnt: Event | null) => {
+      emit(type, createEvent(evnt, { $carouselItem: $xeCarouselItem }, params))
+    }
+
+    const carouselItemMethods: CarouselItemMethods = {
+      dispatchEvent
+    }
+
+    const carouselItemPrivateMethods: CarouselItemPrivateMethods = {
+    }
+
+    Object.assign($xeCarouselItem, carouselItemMethods, carouselItemPrivateMethods)
+
     const renderVN = () => {
       return h('div', {
         ref: refElem
@@ -65,8 +79,9 @@ export default defineComponent({
     })
 
     onMounted(() => {
-      if ($xeCarousel && refElem.value) {
-        assembleCarouselItem($xeCarousel, refElem.value, itemConfig)
+      const elem = refElem.value
+      if ($xeCarousel && elem) {
+        assembleCarouselItem($xeCarousel, elem, itemConfig)
       }
     })