vxe-pc-ui 3.3.0 → 3.3.1

package/lib/ui/index.js

@@ -27,7 +27,7 @@ Object.keys(_core).forEach(function (key) {
 var _dynamics = require("../dynamics");
 var _utils = require("./src/utils");
 var _log = require("./src/log");
-var version = exports.version = "3.3.0";
+var version = exports.version = "3.3.1";
 _core.VxeUI.version = version;
 _core.VxeUI.uiVersion = version;
 _core.VxeUI.tableVersion = '';
@@ -342,6 +342,7 @@ _core.VxeUI.setup = setup;
     showRemoveButton: true,
     showButtonIcon: true,
     showPreview: true,
+    dragToUpload: true,
     imageStyle: {}
   },
   watermark: {

package/lib/ui/index.min.js

@@ -1 +1 @@
-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"),version=exports.version="3.3.0";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:{},avatar:{},badge:{},breadcrumb:{separator:"/"},breadcrumbItem:{},button:{trigger:"hover",prefixTooltip:{enterable:!0},suffixTooltip:{enterable:!0}},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:{padding:!0,expandConfig:{showIcon:!0}},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,cancelClosable:!0,confirmClosable:!0},empty:{},form:{validConfig:{showMessage:!0,autoPos:!0,theme:"normal"},tooltipConfig:{enterable:!0},titleAsterisk:!0,titleOverflow:!1,padding:!0},formDesign:{height:400,showHeader:!0,showPc:!0},formGather:{},formGroup:{},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,cancelClosable:!0,confirmClosable:!0,zoomConfig:{minimizeMaxSize:10,minimizeVerticalOffset:{top:-24,left:0},minimizeHorizontalOffset:{top:0,left:32}},storageKey:"VXE_MODAL_POSITION"},noticeBar:{},numberInput:{digits:2,controls:!0},optgroup:{},option:{},pager:{pageSizePlacement:"top"},print:{},passwordInput:{controls:!0},printPageBreak:{},pulldown:{destroyOnClose:!0},radio:{strict:!0},radioButton:{strict:!0},radioGroup:{strict:!0},rate:{},result:{},row:{},select:{multiCharOverflow:8,scrollY:{enabled:!0,gt:100,oSize:2}},slider:{max:100,min:0},steps:{},switch:{},tabPane:{},tableSelect:{gridConfig:{showOverflow:!0,showHeaderOverflow:!0,showFooterOverflow:!0,rowConfig:{isHover:!0},scrollX:{enabled:!0,gt:0},scrollY:{mode:"wheel",enabled:!0,gt:0}}},tabs:{},tag:{},textEllipsis:{},text:{},textarea:{resize:"none"},tip:{},tooltip:{trigger:"hover",theme:"dark",enterDelay:500,leaveDelay:300,isArrow:!0},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:{}},watermark:{rotate:-30,gap:[100,100]},table:{},colgroup:{},column:{},toolbar:{},grid:{}});var iconPrefix="vxe-icon-",_default=((0,_core.setIcon)({LOADING:iconPrefix+"spinner roll vxe-loading--default-icon",BUTTON_DROPDOWN:iconPrefix+"arrow-down",BUTTON_LOADING:iconPrefix+"spinner roll",BUTTON_TOOLTIP_ICON:iconPrefix+"question-circle-fill",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",TABLE_SELECT_LOADED:iconPrefix+"spinner roll",TABLE_SELECT_OPEN:iconPrefix+"caret-down rotate180",TABLE_SELECT_CLOSE:iconPrefix+"caret-down",TABS_TAB_BUTTON_LEFT:iconPrefix+"arrow-left",TABS_TAB_BUTTON_RIGHT:iconPrefix+"arrow-right",TABS_TAB_CLOSE:iconPrefix+"close",TABS_TAB_REFRESH:iconPrefix+"refresh",TABS_TAB_REFRESH_LOADING:iconPrefix+"refresh roll",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",COLLAPSE_OPEN:iconPrefix+"arrow-right rotate90",COLLAPSE_CLOSE:iconPrefix+"arrow-right",EMPTY_DEFAULT:iconPrefix+"empty",RESULT_INFO:iconPrefix+"info-circle-fill",RESULT_SUCCESS:iconPrefix+"success-circle-fill",RESULT_WARNING:iconPrefix+"warning-circle-fill",RESULT_ERROR:iconPrefix+"error-circle-fill",RESULT_QUESTION:iconPrefix+"question-circle-fill",RESULT_LOADING:iconPrefix+"spinner roll",RATE_CHECKED:iconPrefix+"star-fill",RATE_UNCHECKED:iconPrefix+"star"}),exports.default=_core.VxeUI);
+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"),version=exports.version="3.3.1";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:{},avatar:{},badge:{},breadcrumb:{separator:"/"},breadcrumbItem:{},button:{trigger:"hover",prefixTooltip:{enterable:!0},suffixTooltip:{enterable:!0}},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:{padding:!0,expandConfig:{showIcon:!0}},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,cancelClosable:!0,confirmClosable:!0},empty:{},form:{validConfig:{showMessage:!0,autoPos:!0,theme:"normal"},tooltipConfig:{enterable:!0},titleAsterisk:!0,titleOverflow:!1,padding:!0},formDesign:{height:400,showHeader:!0,showPc:!0},formGather:{},formGroup:{},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,cancelClosable:!0,confirmClosable:!0,zoomConfig:{minimizeMaxSize:10,minimizeVerticalOffset:{top:-24,left:0},minimizeHorizontalOffset:{top:0,left:32}},storageKey:"VXE_MODAL_POSITION"},noticeBar:{},numberInput:{digits:2,controls:!0},optgroup:{},option:{},pager:{pageSizePlacement:"top"},print:{},passwordInput:{controls:!0},printPageBreak:{},pulldown:{destroyOnClose:!0},radio:{strict:!0},radioButton:{strict:!0},radioGroup:{strict:!0},rate:{},result:{},row:{},select:{multiCharOverflow:8,scrollY:{enabled:!0,gt:100,oSize:2}},slider:{max:100,min:0},steps:{},switch:{},tabPane:{},tableSelect:{gridConfig:{showOverflow:!0,showHeaderOverflow:!0,showFooterOverflow:!0,rowConfig:{isHover:!0},scrollX:{enabled:!0,gt:0},scrollY:{mode:"wheel",enabled:!0,gt:0}}},tabs:{},tag:{},textEllipsis:{},text:{},textarea:{resize:"none"},tip:{},tooltip:{trigger:"hover",theme:"dark",enterDelay:500,leaveDelay:300,isArrow:!0},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,dragToUpload:!0,imageStyle:{}},watermark:{rotate:-30,gap:[100,100]},table:{},colgroup:{},column:{},toolbar:{},grid:{}});var iconPrefix="vxe-icon-",_default=((0,_core.setIcon)({LOADING:iconPrefix+"spinner roll vxe-loading--default-icon",BUTTON_DROPDOWN:iconPrefix+"arrow-down",BUTTON_LOADING:iconPrefix+"spinner roll",BUTTON_TOOLTIP_ICON:iconPrefix+"question-circle-fill",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",TABLE_SELECT_LOADED:iconPrefix+"spinner roll",TABLE_SELECT_OPEN:iconPrefix+"caret-down rotate180",TABLE_SELECT_CLOSE:iconPrefix+"caret-down",TABS_TAB_BUTTON_LEFT:iconPrefix+"arrow-left",TABS_TAB_BUTTON_RIGHT:iconPrefix+"arrow-right",TABS_TAB_CLOSE:iconPrefix+"close",TABS_TAB_REFRESH:iconPrefix+"refresh",TABS_TAB_REFRESH_LOADING:iconPrefix+"refresh roll",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",COLLAPSE_OPEN:iconPrefix+"arrow-right rotate90",COLLAPSE_CLOSE:iconPrefix+"arrow-right",EMPTY_DEFAULT:iconPrefix+"empty",RESULT_INFO:iconPrefix+"info-circle-fill",RESULT_SUCCESS:iconPrefix+"success-circle-fill",RESULT_WARNING:iconPrefix+"warning-circle-fill",RESULT_ERROR:iconPrefix+"error-circle-fill",RESULT_QUESTION:iconPrefix+"question-circle-fill",RESULT_LOADING:iconPrefix+"spinner roll",RATE_CHECKED:iconPrefix+"star-fill",RATE_UNCHECKED:iconPrefix+"star"}),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");
-var version = "ui v".concat("3.3.0");
+var version = "ui v".concat("3.3.1");
 var warnLog = exports.warnLog = _core.log.create('warn', version);
 var errLog = exports.errLog = _core.log.create('error', version);

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

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.warnLog=exports.errLog=void 0;var _core=require("@vxe-ui/core"),version="ui v".concat("3.3.0"),warnLog=exports.warnLog=_core.log.create("warn",version),errLog=exports.errLog=_core.log.create("error",version);
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.warnLog=exports.errLog=void 0;var _core=require("@vxe-ui/core"),version="ui v".concat("3.3.1"),warnLog=exports.warnLog=_core.log.create("warn",version),errLog=exports.errLog=_core.log.create("error",version);

package/lib/upload/src/upload.js

@@ -17,9 +17,19 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-var getUniqueKey = function getUniqueKey() {
+function getUniqueKey() {
   return _xeUtils.default.uniqueId();
-};
+}
+function handleTransferFiles(items) {
+  var files = [];
+  _xeUtils.default.arrayEach(items, function (item) {
+    var file = item.getAsFile();
+    if (file) {
+      files.push(file);
+    }
+  });
+  return files;
+}
 var _default2 = exports.default = (0, _comp.defineVxeComponent)({
   name: 'VxeUpload',
   model: {
@@ -68,6 +78,18 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
         return _xeUtils.default.clone((0, _ui.getConfig)().upload.fileTypes, true);
       }
     },
+    dragToUpload: {
+      type: Boolean,
+      default: function _default() {
+        return _xeUtils.default.clone((0, _ui.getConfig)().upload.dragToUpload, true);
+      }
+    },
+    pasteToUpload: {
+      type: Boolean,
+      default: function _default() {
+        return _xeUtils.default.clone((0, _ui.getConfig)().upload.pasteToUpload, true);
+      }
+    },
     keyField: String,
     singleMode: Boolean,
     urlMode: Boolean,
@@ -211,6 +233,7 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
     var reactData = {
       isDrag: false,
       showMorePopup: false,
+      isActivated: false,
       fileList: [],
       fileCacheMaps: {}
     };
@@ -882,6 +905,38 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
         }
       }
     },
+    uploadTransferFileEvent: function uploadTransferFileEvent(evnt, files) {
+      var $xeUpload = this;
+      var props = $xeUpload;
+      var internalData = $xeUpload.internalData;
+      var imageTypes = props.imageTypes;
+      var imagePreviewTypes = internalData.imagePreviewTypes;
+      var isImage = $xeUpload.computeIsImage;
+      if (isImage) {
+        var pasteImgTypes = imagePreviewTypes.concat(imageTypes && imageTypes.length ? imageTypes : []);
+        files = files.filter(function (file) {
+          var fileType = "".concat(file.type.split('/')[1] || '').toLowerCase();
+          if (pasteImgTypes.some(function (type) {
+            return "".concat(type).toLowerCase() === fileType;
+          })) {
+            return true;
+          }
+          return false;
+        });
+      }
+      // 如果全部不满足条件
+      if (!files.length) {
+        if (_ui.VxeUI.modal) {
+          _ui.VxeUI.modal.notification({
+            title: (0, _ui.getI18n)('vxe.modal.errTitle'),
+            status: 'error',
+            content: (0, _ui.getI18n)('vxe.upload.uploadTypeErr')
+          });
+        }
+        return;
+      }
+      $xeUpload.uploadFile(files, evnt);
+    },
     handleDropEvent: function handleDropEvent(evnt) {
       var $xeUpload = this;
       var reactData = $xeUpload.reactData;
@@ -889,15 +944,11 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
       if (dataTransfer) {
         var items = dataTransfer.items;
         if (items && items.length) {
-          var files = [];
-          Array.from(items).forEach(function (item) {
-            var file = item.getAsFile();
-            if (file) {
-              files.push(file);
-            }
-          });
-          $xeUpload.uploadFile(files, evnt);
           evnt.preventDefault();
+          var files = handleTransferFiles(items);
+          if (files.length) {
+            $xeUpload.uploadTransferFileEvent(evnt, files);
+          }
         }
       }
       reactData.isDrag = false;
@@ -919,10 +970,17 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
           maskClosable: true,
           slots: {
             default: function _default(params, h) {
-              var showErrorStatus = props.showErrorStatus;
+              var showErrorStatus = props.showErrorStatus,
+                dragToUpload = props.dragToUpload;
               var isDrag = reactData.isDrag;
               var isDisabled = $xeUpload.computeIsDisabled;
               var fileList = reactData.fileList;
+              var ons = {};
+              if (dragToUpload) {
+                ons.dragover = $xeUpload.handleDragoverEvent;
+                ons.dragleave = $xeUpload.handleDragleaveEvent;
+                ons.drop = $xeUpload.handleDropEvent;
+              }
               return h('div', {
                 class: ['vxe-upload--more-popup', {
                   'is--readonly': formReadonly,
@@ -930,11 +988,7 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
                   'show--error': showErrorStatus,
                   'is--drag': isDrag
                 }],
-                on: {
-                  dragover: $xeUpload.handleDragoverEvent,
-                  dragleave: $xeUpload.handleDragleaveEvent,
-                  drop: $xeUpload.handleDropEvent
-                }
+                on: ons
               }, [isImage ? h('div', {
                 class: 'vxe-upload--image-more-list'
               }, $xeUpload.renderImageItemList(h, fileList, true).concat($xeUpload.renderImageAction(h, true))) : h('div', {
@@ -955,6 +1009,41 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
         });
       }
     },
+    handleGlobalPasteEvent: function handleGlobalPasteEvent(evnt) {
+      var $xeUpload = this;
+      var props = $xeUpload;
+      var reactData = $xeUpload.reactData;
+      var pasteToUpload = props.pasteToUpload;
+      var isActivated = reactData.isActivated;
+      if (!isActivated || !pasteToUpload) {
+        return;
+      }
+      var clipboardData = evnt.clipboardData || evnt.originalEvent.clipboardData;
+      if (!clipboardData) {
+        return;
+      }
+      var items = clipboardData.items;
+      if (!items) {
+        return;
+      }
+      var files = handleTransferFiles(items);
+      if (files.length) {
+        evnt.preventDefault();
+        $xeUpload.uploadTransferFileEvent(evnt, files);
+      }
+    },
+    handleGlobalMousedownEvent: function handleGlobalMousedownEvent(evnt) {
+      var $xeUpload = this;
+      var reactData = $xeUpload.reactData;
+      var el = $xeUpload.$refs.refElem;
+      var isActivated = (0, _dom.getEventTargetNode)(evnt, el).flag;
+      reactData.isActivated = isActivated;
+    },
+    handleGlobalBlurEvent: function handleGlobalBlurEvent() {
+      var $xeUpload = this;
+      var reactData = $xeUpload.reactData;
+      reactData.isActivated = false;
+    },
     //
     // Render
     //
@@ -1305,21 +1394,26 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
       var $xeUpload = this;
       var props = $xeUpload;
       var reactData = $xeUpload.reactData;
-      var showErrorStatus = props.showErrorStatus;
+      var showErrorStatus = props.showErrorStatus,
+        dragToUpload = props.dragToUpload,
+        pasteToUpload = props.pasteToUpload;
       var isDrag = reactData.isDrag,
-        showMorePopup = reactData.showMorePopup;
+        showMorePopup = reactData.showMorePopup,
+        isActivated = reactData.isActivated;
       var vSize = $xeUpload.computeSize;
       var isDisabled = $xeUpload.computeIsDisabled;
       var formReadonly = $xeUpload.computeFormReadonly;
       var isImage = $xeUpload.computeIsImage;
+      var ons = {};
+      if (dragToUpload) {
+        ons.dragover = $xeUpload.handleDragoverEvent;
+        ons.dragleave = $xeUpload.handleDragleaveEvent;
+        ons.drop = $xeUpload.handleDropEvent;
+      }
       return h('div', {
         ref: 'refElem',
-        class: ['vxe-upload', _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'is--readonly', formReadonly), 'is--disabled', isDisabled), 'show--error', showErrorStatus), 'is--drag', isDrag)],
-        on: {
-          dragover: $xeUpload.handleDragoverEvent,
-          dragleave: $xeUpload.handleDragleaveEvent,
-          drop: $xeUpload.handleDropEvent
-        }
+        class: ['vxe-upload', _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'is--active', isActivated), 'is--readonly', formReadonly), 'is--disabled', isDisabled), 'is--paste', pasteToUpload), 'show--error', showErrorStatus), 'is--drag', isDrag)],
+        on: ons
       }, [isImage ? $xeUpload.renderImageMode(h) : $xeUpload.renderAllMode(h), isDrag && !showMorePopup ? h('div', {
         class: 'vxe-upload--drag-placeholder'
       }, (0, _ui.getI18n)('vxe.upload.dragPlaceholder')) : (0, _ui.renderEmptyElement)($xeUpload)]);
@@ -1337,11 +1431,17 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
         (0, _log.errLog)('vxe.error.errConflicts', ['multiple', 'single-mode']);
       }
     }
+    _ui.globalEvents.on($xeUpload, 'paste', $xeUpload.handleGlobalPasteEvent);
+    _ui.globalEvents.on($xeUpload, 'mousedown', $xeUpload.handleGlobalMousedownEvent);
+    _ui.globalEvents.on($xeUpload, 'blur', $xeUpload.handleGlobalBlurEvent);
   },
   beforeDestroy: function beforeDestroy() {
     var $xeUpload = this;
     var reactData = $xeUpload.reactData;
     reactData.isDrag = false;
+    _ui.globalEvents.off($xeUpload, 'paste');
+    _ui.globalEvents.off($xeUpload, 'mousedown');
+    _ui.globalEvents.off($xeUpload, 'blur');
   },
   render: function render(h) {
     return this.renderVN(h);

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

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_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}}function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function _defineProperty(e,t,o){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var o=e[Symbol.toPrimitive];if(void 0===o)return("string"===t?String:Number)(e);o=o.call(e,t||"default");if("object"!=_typeof(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}var getUniqueKey=function(){return _xeUtils.default.uniqueId()},_default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeUpload",model:{prop:"value",event:"modelValue"},mixins:[_ui.globalMixins.sizeMixin],props:{value:[Array,String,Object],showList:{type:Boolean,default:function(){return(0,_ui.getConfig)().upload.showList}},moreConfig:Object,readonly:{type:Boolean,default:null},disabled:{type:Boolean,default:null},mode:{type:String,default:function(){return(0,_ui.getConfig)().upload.mode}},imageTypes:{type:Array,default:function(){return _xeUtils.default.clone((0,_ui.getConfig)().upload.imageTypes,!0)}},imageStyle:{type:Object,default:function(){return _xeUtils.default.clone((0,_ui.getConfig)().upload.imageStyle,!0)}},fileTypes:{type:Array,default:function(){return _xeUtils.default.clone((0,_ui.getConfig)().upload.fileTypes,!0)}},keyField:String,singleMode:Boolean,urlMode:Boolean,multiple:Boolean,limitSize:{type:[String,Number],default:function(){return(0,_ui.getConfig)().upload.limitSize}},limitCount:{type:[String,Number],default:function(){return(0,_ui.getConfig)().upload.limitCount}},nameField:{type:String,default:function(){return(0,_ui.getConfig)().upload.nameField}},typeField:{type:String,default:function(){return(0,_ui.getConfig)().upload.typeField}},urlField:{type:String,default:function(){return(0,_ui.getConfig)().upload.urlField}},sizeField:{type:String,default:function(){return(0,_ui.getConfig)().upload.sizeField}},showErrorStatus:{type:Boolean,default:function(){return(0,_ui.getConfig)().upload.showErrorStatus}},showProgress:{type:Boolean,default:function(){return(0,_ui.getConfig)().upload.showProgress}},progressText:{type:String,default:function(){return(0,_ui.getConfig)().upload.progressText}},autoHiddenButton:{type:Boolean,default:function(){return(0,_ui.getConfig)().upload.autoHiddenButton}},showUploadButton:{type:Boolean,default:function(){return(0,_ui.getConfig)().upload.showUploadButton}},buttonText:{type:String,default:function(){return(0,_ui.getConfig)().upload.buttonText}},buttonIcon:{type:String,default:function(){return(0,_ui.getConfig)().upload.buttonIcon}},showButtonText:{type:Boolean,default:function(){return(0,_ui.getConfig)().upload.showButtonText}},showButtonIcon:{type:Boolean,default:function(){return(0,_ui.getConfig)().upload.showButtonIcon}},showRemoveButton:{type:Boolean,default:function(){return(0,_ui.getConfig)().upload.showRemoveButton}},showDownloadButton:{type:Boolean,default:function(){return(0,_ui.getConfig)().upload.showDownloadButton}},showPreview:{type:Boolean,default:function(){return(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:function(){return(0,_ui.getConfig)().upload.size||(0,_ui.getConfig)().size}}},inject:{$xeForm:{default:null},formItemInfo:{from:"xeFormItemInfo",default:null}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{isDrag:!1,showMorePopup:!1,fileList:[],fileCacheMaps:{}},internalData:{imagePreviewTypes:["jpg","jpeg","png","gif"]}}},computed:Object.assign(Object.assign({},{}),{computeFormReadonly:function(){var e=this.$xeForm,t=this.readonly;return null===t?!!e&&e.readonly:t},computeIsDisabled:function(){var e=this.$xeForm,t=this.disabled;return null===t?!!e&&e.disabled:t},computeKeyField:function(){return this.keyField||"_X_KEY"},computeIsImage:function(){return"image"===this.mode},computeNameProp:function(){return this.nameField||"name"},computeTypeProp:function(){return this.typeField||"type"},computeUrlProp:function(){return this.urlField||"url"},computeSizeProp:function(){return this.sizeField||"size"},computeLimitMaxSizeB:function(){return 1024*_xeUtils.default.toNumber(this.limitSize)*1024},computeLimitMaxCount:function(){return this.multiple?_xeUtils.default.toNumber(this.limitCount):1},computeOverCount:function(){var e=this.reactData,t=this.multiple,e=e.fileList,o=this.computeLimitMaxCount;return t?!o||e.length>=o:1<=e.length},computeLimitSizeUnit:function(){var e=_xeUtils.default.toNumber(this.limitSize);return e?1048576<e?"".concat(e/1048576,"T"):1024<e?"".concat(e/1024,"G"):"".concat(e,"M"):""},computedDefHintText:function(){var e=this,t=e.limitSize,o=e.fileTypes,i=e.multiple,n=e.limitCount,e=e.tipText||e.hintText,r=this.computeIsImage,l=this.computeLimitSizeUnit;return _xeUtils.default.isString(e)?e:(e=[],r?(i&&n&&e.push((0,_ui.getI18n)("vxe.upload.imgCountHint",[n])),t&&l&&e.push((0,_ui.getI18n)("vxe.upload.imgSizeHint",[l]))):(o&&o.length&&e.push((0,_ui.getI18n)("vxe.upload.fileTypeHint",[o.join("/")])),t&&l&&e.push((0,_ui.getI18n)("vxe.upload.fileSizeHint",[l])),i&&n&&e.push((0,_ui.getI18n)("vxe.upload.fileCountHint",[n]))),e.join((0,_ui.getI18n)("vxe.base.comma")))},computeImageStyleOpts:function(){return Object.assign({},this.imageStyle)},computeImgStyle:function(){var e=this.computeImageStyleOpts,t=e.width,e=e.height,o={};return t&&(o.width=(0,_dom.toCssUnit)(t)),e&&(o.height=(0,_dom.toCssUnit)(e)),o},computeMoreOpts:function(){return Object.assign({showMoreButton:!0},this.moreConfig)}}),watch:{value:function(){this.updateFileList()}},methods:{dispatchEvent:function(e,t,o){this.$emit(e,(0,_ui.createEvent)(o,{$upload:this},t))},emitModel:function(e){this.$emit("modelValue",e)},choose:function(){return this.handleChoose(null)},getFieldKey:function(e){return e[this.computeKeyField]},updateFileList:function(){var i=this,e=i.reactData,t=i.value,o=i.multiple,n=i.computeFormReadonly,r=i.computeKeyField,l=i.computeNameProp,a=i.computeTypeProp,u=i.computeUrlProp,d=i.computeSizeProp,t=t?(t?_xeUtils.default.isArray(t)?t:[t]:[]).map(function(e){var t,o;return!e||_xeUtils.default.isString(e)?(t="".concat(e||""),o=i.parseFileName(t),_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},l,o),a,i.parseFileType(o)),u,t),d,0),r,getUniqueKey())):(o=e[l]||"",e[l]=o,e[a]=e[a]||i.parseFileType(o),e[u]=e[u]||"",e[d]=e[d]||0,e[r]=e[r]||getUniqueKey(),e)}):[];e.fileList=n||o?t:t.slice(0,1)},parseFileName:function(e){return decodeURIComponent("".concat(e||"")).split("/").pop()||""},parseFileType:function(e){var t=e?e.indexOf("."):-1;return-1<t?e.substring(t+1,e.length).toLowerCase():""},handleChange:function(e){var t=this.singleMode,o=this.urlMode,i=this.computeUrlProp,e=e?e.slice(0):[];o&&(e=e.map(function(e){return e[i]})),this.emitModel(t?e[0]||null:e)},getThumbnailFileUrl:function(e){var t=this.getThumbnailUrlMethod||(0,_ui.getConfig)().upload.getThumbnailUrlMethod;return t?t({$upload:this,option:e}):this.getFileUrl(e)},getFileUrl:function(e){var t=this.getUrlMethod||(0,_ui.getConfig)().upload.getUrlMethod,o=this.computeUrlProp;return t?t({$upload:this,option:e}):e[o]},handleDefaultFilePreview:function(t){var e=this,o=e.internalData,i=e.imageTypes,n=e.showDownloadButton,r=e.computeTypeProp,l=e.beforeDownloadMethod||(0,_ui.getConfig)().upload.beforeDownloadMethod;o.imagePreviewTypes.concat(i||[]).some(function(e){return"".concat(e).toLowerCase()==="".concat(t[r]).toLowerCase()})&&_ui.VxeUI.previewImage&&_ui.VxeUI.previewImage({urlList:[e.getFileUrl(t)],showDownloadButton:n,beforeDownloadMethod:l?function(){return l({$upload:e,option:t})}:void 0})},handlePreviewFileEvent:function(e,t){var o=this.previewMethod||(0,_ui.getConfig)().upload.previewMethod;this.showPreview&&(o?o({$upload:this,option:t}):this.handleDefaultFilePreview(t))},handlePreviewImageEvent:function(e,t,o){var i=this,n=i,r=i.reactData,l=n.showDownloadButton,a=r.fileList,u=n.beforeDownloadMethod||(0,_ui.getConfig)().upload.beforeDownloadMethod;n.showPreview&&_ui.VxeUI.previewImage&&_ui.VxeUI.previewImage({urlList:a.map(function(e){return i.getFileUrl(e)}),activeIndex:o,showDownloadButton:l,beforeDownloadMethod:u?function(e){e=e.index;return u({$upload:i,option:a[e]})}:void 0})},handleUploadResult:function(o,e){var i=this,t=i,n=i.reactData,r=t.showErrorStatus,l=i.getFieldKey(o),t=t.uploadMethod||(0,_ui.getConfig)().upload.uploadMethod;return t?Promise.resolve(t({$upload:i,file:e,option:o,updateProgress:function(e){var t=n.fileCacheMaps[i.getFieldKey(o)];t&&(t.percent=Math.max(0,Math.min(99,_xeUtils.default.toNumber(e))))}})).then(function(e){var t=n.fileCacheMaps[l];t&&(t.percent=100),Object.assign(o,e),i.dispatchEvent("upload-success",{option:o,data:e},null)}).catch(function(e){var t=n.fileCacheMaps[l];t&&(t.status="error"),r?Object.assign(o,e):n.fileList=n.fileList.filter(function(e){return i.getFieldKey(e)!==l}),i.dispatchEvent("upload-error",{option:o,data:e},null)}).finally(function(){var e=n.fileCacheMaps[l];e&&(e.loading=!1)}):((t=n.fileCacheMaps[l])&&(t.loading=!1),Promise.resolve())},handleReUpload:function(e){var t=this,o=t.reactData,i=t.uploadMethod,n=t.urlMode,r=o.fileCacheMaps[t.getFieldKey(e)];(i||(0,_ui.getConfig)().upload.uploadMethod)&&r&&(i=r.file,r.loading=!0,r.status="",r.percent=0,t.handleUploadResult(e,i).then(function(){n&&t.handleChange(o.fileList)}))},uploadFile:function(e,i){var n=this,t=n.reactData,o=n.$xeForm,r=n.formItemInfo,l=n.multiple,a=n.urlMode,u=t.fileList,d=n.uploadMethod||(0,_ui.getConfig)().upload.uploadMethod,s=n.computeKeyField,p=n.computeNameProp,c=n.computeTypeProp,m=n.computeUrlProp,f=n.computeSizeProp,g=n.computeLimitMaxSizeB,v=n.computeLimitMaxCount,h=n.computeLimitSizeUnit,_=e;if(l&&v){if(u.length>=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.overCountErr",[v])}));var y,x=_.length-(v-u.length);0<x&&(y=_.slice(v-u.length),_ui.VxeUI.modal)&&_ui.VxeUI.modal.notification({title:(0,_ui.getI18n)("vxe.modal.errTitle"),status:"error",slots:{default:function(e,o){return o("div",{class:"vxe-upload--file-message-over-error"},[o("div",{},(0,_ui.getI18n)("vxe.upload.overCountExtraErr",[v,x])),o("div",{class:"vxe-upload--file-message-over-extra"},y.map(function(e,t){return o("div",{key:t,class:"vxe-upload--file-message-over-extra-item"},e.name)}))])}}}),_=_.slice(0,v-u.length)}if(g)for(var E=0;E<e.length;E++)if(e[0].size>g)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",[h])}));var I=Object.assign({},t.fileCacheMaps),w=l?u:[],D=[];_.forEach(function(e){var t=e.name,o=getUniqueKey(),t=_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},p,t),c,n.parseFileType(t)),f,e.size),m,""),s,o),o=(d&&(I[o]={file:e,loading:!0,status:"",percent:0}),t);d&&D.push(n.handleUploadResult(o,e)),w.push(o),n.dispatchEvent("add",{option:o},i)}),t.fileList=w,t.fileCacheMaps=I,Promise.all(a?D:[]).then(function(){n.handleChange(w),o&&r&&o.triggerItemEvent(i,r.itemConfig.field,w)})},handleChoose:function(t){var o=this,e=o.multiple,i=o.imageTypes,n=o.fileTypes,r=o.computeIsDisabled,l=o.computeIsImage;return r?Promise.resolve({status:!1,files:[],file:null}):(0,_util.readLocalFile)({multiple:e,types:l?i:n}).then(function(e){return o.uploadFile(e.files,t),e})},clickEvent:function(e){this.handleChoose(e).catch(function(){})},handleRemoveEvent:function(e,t,o){var i=this,n=i.reactData,r=i.$xeForm,l=i.formItemInfo,n=n.fileList;n.splice(o,1),i.handleChange(n),r&&l&&r.triggerItemEvent(e,l.itemConfig.field,n),i.dispatchEvent("remove",{option:t},e)},removeFileEvent:function(t,o,i){var n=this,e=n,r=e.beforeRemoveMethod||(0,_ui.getConfig)().upload.beforeRemoveMethod,l=e.removeMethod||(0,_ui.getConfig)().upload.removeMethod;Promise.resolve(!r||r({$upload:n,option:o})).then(function(e){e?l?Promise.resolve(l({$upload:n,option:o})).then(function(){n.handleRemoveEvent(t,o,i)}).catch(function(e){return e}):n.handleRemoveEvent(t,o,i):n.dispatchEvent("remove-fail",{option:o},t)})},handleDownloadEvent:function(e,t){this.dispatchEvent("download",{option:t},e)},downloadFileEvent:function(t,o){var i=this,e=i,n=e.beforeDownloadMethod||(0,_ui.getConfig)().upload.beforeDownloadMethod,r=e.downloadMethod||(0,_ui.getConfig)().upload.downloadMethod;Promise.resolve(!n||n({$upload:i,option:o})).then(function(e){e?r?Promise.resolve(r({$upload:i,option:o})).then(function(){i.handleDownloadEvent(t,o)}).catch(function(e){return e}):i.handleDownloadEvent(t,o):i.dispatchEvent("download-fail",{option:o},t)})},handleDragleaveEvent:function(e){var t,o,i=this.reactData,n=e.currentTarget,r=e.clientX,e=e.clientY;n&&(t=(n=n.getBoundingClientRect()).x,o=n.y,r<t||t+n.width<r||e<o||o+n.height<e)&&(i.isDrag=!1)},handleDragoverEvent:function(e){var t=this.reactData,o=e.dataTransfer;o&&(o=o.items)&&o.length&&(e.preventDefault(),t.isDrag=!0)},handleDropEvent:function(e){var t,o=this.reactData,i=e.dataTransfer;i&&(i=i.items)&&i.length&&(t=[],Array.from(i).forEach(function(e){e=e.getAsFile();e&&t.push(e)}),this.uploadFile(t,e),e.preventDefault()),o.isDrag=!1},handleMoreEvent:function(){var l=this,a=l,u=l.reactData,d=l.computeFormReadonly,s=l.computeIsImage;_ui.VxeUI.modal&&_ui.VxeUI.modal.open({title:d?(0,_ui.getI18n)("vxe.upload.morePopup.readTitle"):(0,_ui.getI18n)("vxe.upload.morePopup.".concat(s?"imageTitle":"fileTitle")),width:660,height:500,escClosable:!0,showMaximize:!0,resize:!0,maskClosable:!0,slots:{default:function(e,t){var o=a.showErrorStatus,i=u.isDrag,n=l.computeIsDisabled,r=u.fileList;return t("div",{class:["vxe-upload--more-popup",{"is--readonly":d,"is--disabled":n,"show--error":o,"is--drag":i}],on:{dragover:l.handleDragoverEvent,dragleave:l.handleDragleaveEvent,drop:l.handleDropEvent}},[s?t("div",{class:"vxe-upload--image-more-list"},l.renderImageItemList(t,r,!0).concat(l.renderImageAction(t,!0))):t("div",{class:"vxe-upload--file-more-list"},[l.renderFileAction(t,!0),t("div",{class:"vxe-upload--file-list"},l.renderFileItemList(t,r,!0))]),i?t("div",{class:"vxe-upload--drag-placeholder"},(0,_ui.getI18n)("vxe.upload.dragPlaceholder")):(0,_ui.renderEmptyElement)(l)])}},onShow:function(){u.showMorePopup=!0},onHide:function(){u.showMorePopup=!1}})},renderFileItemList:function(r,e,l){var a=this,t=a.$scopedSlots,u=a.showRemoveButton,d=a.showDownloadButton,s=a.showProgress,p=a.progressText,c=a.showPreview,m=a.showErrorStatus,f=a.reactData.fileCacheMaps,g=a.computeIsDisabled,v=a.computeFormReadonly,h=a.computeNameProp,_=a.computeTypeProp,y=t.corner;return e.map(function(t,o){var e=a.getFieldKey(t),e=f[e],i=e&&e.loading,n=e&&"error"===e.status;return r("div",{key:o,class:["vxe-upload--file-item",{"is--preview":c,"is--loading":i,"is--error":n}]},[r("div",{class:"vxe-upload--file-item-icon"},[r("i",{class:(0,_ui.getIcon)()["UPLOAD_FILE_TYPE_".concat("".concat(t[_]).toLocaleUpperCase())]||(0,_ui.getIcon)().UPLOAD_FILE_TYPE_DEFAULT})]),r("div",{class:"vxe-upload--file-item-name",on:{click:function(e){i||n||a.handlePreviewFileEvent(e,t)}}},"".concat(t[h]||"")),i?r("div",{class:"vxe-upload--file-item-loading-icon"},[r("i",{class:(0,_ui.getIcon)().UPLOAD_LOADING})]):(0,_ui.renderEmptyElement)(a),s&&i&&e?r("div",{class:"vxe-upload--file-item-loading-text"},p?_xeUtils.default.toFormatString(p,{percent:e.percent}):(0,_ui.getI18n)("vxe.upload.uploadProgress",[e.percent])):(0,_ui.renderEmptyElement)(a),m&&n?r("div",{class:"vxe-upload--image-item-error"},[r(_button.default,{props:{icon:(0,_ui.getIcon)().UPLOAD_IMAGE_RE_UPLOAD,mode:"text",status:"primary",content:(0,_ui.getI18n)("vxe.upload.reUpload")},on:{click:function(){a.handleReUpload(t)}}})]):(0,_ui.renderEmptyElement)(a),r("div",{class:"vxe-upload--file-item-btn-wrapper"},[y?r("div",{class:"vxe-upload--file-item-corner"},(0,_vn.getSlotVNs)(y({option:t,isMoreView:l,readonly:v}))):(0,_ui.renderEmptyElement)(a),d&&!i?r("div",{class:"vxe-upload--file-item-download-btn",on:{click:function(e){a.downloadFileEvent(e,t)}}},[r("i",{class:(0,_ui.getIcon)().UPLOAD_FILE_DOWNLOAD})]):(0,_ui.renderEmptyElement)(a),!u||v||g||i?(0,_ui.renderEmptyElement)(a):r("div",{class:"vxe-upload--file-item-remove-btn",on:{click:function(e){a.removeFileEvent(e,t,o)}}},[r("i",{class:(0,_ui.getIcon)().UPLOAD_FILE_REMOVE})])])])})},renderFileAction:function(e,t){var o=this,i=o.$scopedSlots,n=o.showUploadButton,r=o.buttonText,l=o.buttonIcon,a=o.showButtonText,u=o.showButtonIcon,d=o.autoHiddenButton,s=o.computeIsDisabled,p=o.computedDefHintText,c=o.computeOverCount,m=i.default,i=i.tip||i.hint;return o.computeFormReadonly||!n?(0,_ui.renderEmptyElement)(o):e("div",{class:"vxe-upload--file-action"},[d&&c?(0,_ui.renderEmptyElement)(o):e("div",{class:"vxe-upload--file-action-btn",on:{click:o.clickEvent}},m?(0,_vn.getSlotVNs)(m({$upload:o})):[e(_button.default,{class:"vxe-upload--file-action-button",props:{content:t||a?r?"".concat(r):(0,_ui.getI18n)("vxe.upload.fileBtnText"):"",icon:u?l||(0,_ui.getIcon)().UPLOAD_FILE_ADD:"",disabled:s}})]),t&&(p||i)?e("div",{class:"vxe-upload--file-action-tip"},i?(0,_vn.getSlotVNs)(i({$upload:o})):p):(0,_ui.renderEmptyElement)(o)])},renderAllMode:function(e){var t=this,o=t.reactData,i=t.moreConfig,o=o.fileList,n=t.computeMoreOpts,r=n.maxCount,l=n.showMoreButton,n="horizontal"===n.layout,a=o,u=0;return r&&o.length>r&&(u=o.length-r,a=o.slice(0,r)),e("div",{key:"all",class:"vxe-upload--file-wrapper"},[l&&i&&n?(0,_ui.renderEmptyElement)(t):t.renderFileAction(e,!0),a.length||l&&n?e("div",{class:["vxe-upload--file-list-wrapper",{"is--horizontal":n}]},[a.length?e("div",{class:"vxe-upload--file-list"},t.renderFileItemList(e,a,!1)):(0,_ui.renderEmptyElement)(t),l&&u?e("div",{class:"vxe-upload--file-over-more"},[e(_button.default,{props:{mode:"text",content:(0,_ui.getI18n)("vxe.upload.moreBtnText",[o.length]),status:"primary"},on:{click:t.handleMoreEvent}})]):(0,_ui.renderEmptyElement)(t),l&&i&&n?t.renderFileAction(e,!1):(0,_ui.renderEmptyElement)(t)]):(0,_ui.renderEmptyElement)(t)])},renderImageItemList:function(r,e,l){var a=this,t=a.$scopedSlots,u=a.showRemoveButton,d=a.showProgress,s=a.progressText,p=a.showPreview,c=a.showErrorStatus,m=a.reactData.fileCacheMaps,f=a.computeIsDisabled,g=a.computeFormReadonly,v=a.computeImgStyle,h=t.corner;return e.map(function(t,o){var e=a.getFieldKey(t),e=m[e],i=e&&e.loading,n=e&&"error"===e.status;return r("div",{key:o,class:["vxe-upload--image-item",{"is--preview":p,"is--loading":i,"is--error":n}]},[r("div",{class:"vxe-upload--image-item-box",style:l?{}:v,attrs:{title:(0,_ui.getI18n)("vxe.upload.viewItemTitle")},on:{click:function(e){i||n||a.handlePreviewImageEvent(e,t,o)}}},[i&&e?r("div",{class:"vxe-upload--image-item-loading"},[r("div",{class:"vxe-upload--image-item-loading-icon"},[r("i",{class:(0,_ui.getIcon)().UPLOAD_LOADING})]),d?r("div",{class:"vxe-upload--image-item-loading-text"},s?_xeUtils.default.toFormatString(s,{percent:e.percent}):(0,_ui.getI18n)("vxe.upload.uploadProgress",[e.percent])):(0,_ui.renderEmptyElement)(a)]):(0,_ui.renderEmptyElement)(a),i?(0,_ui.renderEmptyElement)(a):n&&c?r("div",{class:"vxe-upload--image-item-error"},[r(_button.default,{props:{icon:(0,_ui.getIcon)().UPLOAD_IMAGE_RE_UPLOAD,mode:"text",status:"primary",content:(0,_ui.getI18n)("vxe.upload.reUpload")},on:{click:function(){a.handleReUpload(t)}}})]):r("img",{class:"vxe-upload--image-item-img",attrs:{src:a.getThumbnailFileUrl(t)}}),r("div",{class:"vxe-upload--image-item-btn-wrapper",on:{click:function(e){e.stopPropagation()}}},[h?r("div",{class:"vxe-upload--file-item-corner"},(0,_vn.getSlotVNs)(h({option:t,isMoreView:l,readonly:g}))):(0,_ui.renderEmptyElement)(a),!u||g||f||i?(0,_ui.renderEmptyElement)(a):r("div",{class:"vxe-upload--image-item-remove-btn",on:{click:function(e){e.stopPropagation(),a.removeFileEvent(e,t,o)}}},[r("i",{class:(0,_ui.getIcon)().UPLOAD_IMAGE_REMOVE})])])])])})},renderImageAction:function(e,t){var o=this,i=o.$scopedSlots,n=o.showUploadButton,r=o.buttonText,l=o.buttonIcon,a=o.showButtonText,u=o.showButtonIcon,d=o.computedDefHintText,s=o.computeImgStyle,p=i.default,i=i.hint;return o.computeFormReadonly||!n||o.autoHiddenButton&&o.computeOverCount?(0,_ui.renderEmptyElement)(o):e("div",{key:"action",class:"vxe-upload--image-action"},[e("div",{class:"vxe-upload--image-action-btn",on:{click:o.clickEvent}},p?p({$upload:o}):[e("div",{class:"vxe-upload--image-action-box",style:t?{}:s},[u?e("div",{class:"vxe-upload--image-action-icon"},[e("i",{class:l||(0,_ui.getIcon)().UPLOAD_IMAGE_ADD})]):(0,_ui.renderEmptyElement)(o),t||a?e("div",{class:"vxe-upload--image-action-content"},r?"".concat(r):(0,_ui.getI18n)("vxe.upload.imgBtnText")):(0,_ui.renderEmptyElement)(o),t&&(d||i)?e("div",{class:"vxe-upload--image-action-hint"},i?(0,_vn.getSlotVNs)(i({$upload:o})):d):(0,_ui.renderEmptyElement)(o)])])])},renderImageMode:function(e){var t=this,o=t.reactData.fileList,i=t.computeMoreOpts,n=i.maxCount,i=i.showMoreButton,r=o,l=0;return n&&o.length>n&&(l=o.length-n,r=o.slice(0,n)),e("div",{key:"image",class:"vxe-upload--image-wrapper"},[e("div",{class:"vxe-upload--image-list"},t.renderImageItemList(e,r,!1).concat([i&&l?e("div",{class:"vxe-upload--image-over-more"},[e(_button.default,{props:{mode:"text",content:(0,_ui.getI18n)("vxe.upload.moreBtnText",[o.length]),status:"primary"},on:{click:t.handleMoreEvent}})]):(0,_ui.renderEmptyElement)(t),t.renderImageAction(e,!1)]))])},renderVN:function(e){var t=this,o=t.reactData,i=t.showErrorStatus,n=o.isDrag,o=o.showMorePopup,r=t.computeSize,l=t.computeIsDisabled,a=t.computeFormReadonly,u=t.computeIsImage;return e("div",{ref:"refElem",class:["vxe-upload",_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(r),r),"is--readonly",a),"is--disabled",l),"show--error",i),"is--drag",n)],on:{dragover:t.handleDragoverEvent,dragleave:t.handleDragleaveEvent,drop:t.handleDropEvent}},[u?t.renderImageMode(e):t.renderAllMode(e),n&&!o?e("div",{class:"vxe-upload--drag-placeholder"},(0,_ui.getI18n)("vxe.upload.dragPlaceholder")):(0,_ui.renderEmptyElement)(t)])}},created:function(){this.updateFileList()},mounted:function(){"development"===process.env.NODE_ENV&&this.multiple&&this.singleMode&&(0,_log.errLog)("vxe.error.errConflicts",["multiple","single-mode"])},beforeDestroy:function(){this.reactData.isDrag=!1},render:function(e){return this.renderVN(e)}});
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_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}}function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function _defineProperty(e,t,o){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var o=e[Symbol.toPrimitive];if(void 0===o)return("string"===t?String:Number)(e);o=o.call(e,t||"default");if("object"!=_typeof(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}function getUniqueKey(){return _xeUtils.default.uniqueId()}function handleTransferFiles(e){var t=[];return _xeUtils.default.arrayEach(e,function(e){e=e.getAsFile();e&&t.push(e)}),t}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeUpload",model:{prop:"value",event:"modelValue"},mixins:[_ui.globalMixins.sizeMixin],props:{value:[Array,String,Object],showList:{type:Boolean,default:function(){return(0,_ui.getConfig)().upload.showList}},moreConfig:Object,readonly:{type:Boolean,default:null},disabled:{type:Boolean,default:null},mode:{type:String,default:function(){return(0,_ui.getConfig)().upload.mode}},imageTypes:{type:Array,default:function(){return _xeUtils.default.clone((0,_ui.getConfig)().upload.imageTypes,!0)}},imageStyle:{type:Object,default:function(){return _xeUtils.default.clone((0,_ui.getConfig)().upload.imageStyle,!0)}},fileTypes:{type:Array,default:function(){return _xeUtils.default.clone((0,_ui.getConfig)().upload.fileTypes,!0)}},dragToUpload:{type:Boolean,default:function(){return _xeUtils.default.clone((0,_ui.getConfig)().upload.dragToUpload,!0)}},pasteToUpload:{type:Boolean,default:function(){return _xeUtils.default.clone((0,_ui.getConfig)().upload.pasteToUpload,!0)}},keyField:String,singleMode:Boolean,urlMode:Boolean,multiple:Boolean,limitSize:{type:[String,Number],default:function(){return(0,_ui.getConfig)().upload.limitSize}},limitCount:{type:[String,Number],default:function(){return(0,_ui.getConfig)().upload.limitCount}},nameField:{type:String,default:function(){return(0,_ui.getConfig)().upload.nameField}},typeField:{type:String,default:function(){return(0,_ui.getConfig)().upload.typeField}},urlField:{type:String,default:function(){return(0,_ui.getConfig)().upload.urlField}},sizeField:{type:String,default:function(){return(0,_ui.getConfig)().upload.sizeField}},showErrorStatus:{type:Boolean,default:function(){return(0,_ui.getConfig)().upload.showErrorStatus}},showProgress:{type:Boolean,default:function(){return(0,_ui.getConfig)().upload.showProgress}},progressText:{type:String,default:function(){return(0,_ui.getConfig)().upload.progressText}},autoHiddenButton:{type:Boolean,default:function(){return(0,_ui.getConfig)().upload.autoHiddenButton}},showUploadButton:{type:Boolean,default:function(){return(0,_ui.getConfig)().upload.showUploadButton}},buttonText:{type:String,default:function(){return(0,_ui.getConfig)().upload.buttonText}},buttonIcon:{type:String,default:function(){return(0,_ui.getConfig)().upload.buttonIcon}},showButtonText:{type:Boolean,default:function(){return(0,_ui.getConfig)().upload.showButtonText}},showButtonIcon:{type:Boolean,default:function(){return(0,_ui.getConfig)().upload.showButtonIcon}},showRemoveButton:{type:Boolean,default:function(){return(0,_ui.getConfig)().upload.showRemoveButton}},showDownloadButton:{type:Boolean,default:function(){return(0,_ui.getConfig)().upload.showDownloadButton}},showPreview:{type:Boolean,default:function(){return(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:function(){return(0,_ui.getConfig)().upload.size||(0,_ui.getConfig)().size}}},inject:{$xeForm:{default:null},formItemInfo:{from:"xeFormItemInfo",default:null}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{isDrag:!1,showMorePopup:!1,isActivated:!1,fileList:[],fileCacheMaps:{}},internalData:{imagePreviewTypes:["jpg","jpeg","png","gif"]}}},computed:Object.assign(Object.assign({},{}),{computeFormReadonly:function(){var e=this.$xeForm,t=this.readonly;return null===t?!!e&&e.readonly:t},computeIsDisabled:function(){var e=this.$xeForm,t=this.disabled;return null===t?!!e&&e.disabled:t},computeKeyField:function(){return this.keyField||"_X_KEY"},computeIsImage:function(){return"image"===this.mode},computeNameProp:function(){return this.nameField||"name"},computeTypeProp:function(){return this.typeField||"type"},computeUrlProp:function(){return this.urlField||"url"},computeSizeProp:function(){return this.sizeField||"size"},computeLimitMaxSizeB:function(){return 1024*_xeUtils.default.toNumber(this.limitSize)*1024},computeLimitMaxCount:function(){return this.multiple?_xeUtils.default.toNumber(this.limitCount):1},computeOverCount:function(){var e=this.reactData,t=this.multiple,e=e.fileList,o=this.computeLimitMaxCount;return t?!o||e.length>=o:1<=e.length},computeLimitSizeUnit:function(){var e=_xeUtils.default.toNumber(this.limitSize);return e?1048576<e?"".concat(e/1048576,"T"):1024<e?"".concat(e/1024,"G"):"".concat(e,"M"):""},computedDefHintText:function(){var e=this,t=e.limitSize,o=e.fileTypes,i=e.multiple,n=e.limitCount,e=e.tipText||e.hintText,a=this.computeIsImage,r=this.computeLimitSizeUnit;return _xeUtils.default.isString(e)?e:(e=[],a?(i&&n&&e.push((0,_ui.getI18n)("vxe.upload.imgCountHint",[n])),t&&r&&e.push((0,_ui.getI18n)("vxe.upload.imgSizeHint",[r]))):(o&&o.length&&e.push((0,_ui.getI18n)("vxe.upload.fileTypeHint",[o.join("/")])),t&&r&&e.push((0,_ui.getI18n)("vxe.upload.fileSizeHint",[r])),i&&n&&e.push((0,_ui.getI18n)("vxe.upload.fileCountHint",[n]))),e.join((0,_ui.getI18n)("vxe.base.comma")))},computeImageStyleOpts:function(){return Object.assign({},this.imageStyle)},computeImgStyle:function(){var e=this.computeImageStyleOpts,t=e.width,e=e.height,o={};return t&&(o.width=(0,_dom.toCssUnit)(t)),e&&(o.height=(0,_dom.toCssUnit)(e)),o},computeMoreOpts:function(){return Object.assign({showMoreButton:!0},this.moreConfig)}}),watch:{value:function(){this.updateFileList()}},methods:{dispatchEvent:function(e,t,o){this.$emit(e,(0,_ui.createEvent)(o,{$upload:this},t))},emitModel:function(e){this.$emit("modelValue",e)},choose:function(){return this.handleChoose(null)},getFieldKey:function(e){return e[this.computeKeyField]},updateFileList:function(){var i=this,e=i.reactData,t=i.value,o=i.multiple,n=i.computeFormReadonly,a=i.computeKeyField,r=i.computeNameProp,l=i.computeTypeProp,u=i.computeUrlProp,d=i.computeSizeProp,t=t?(t?_xeUtils.default.isArray(t)?t:[t]:[]).map(function(e){var t,o;return!e||_xeUtils.default.isString(e)?(t="".concat(e||""),o=i.parseFileName(t),_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},r,o),l,i.parseFileType(o)),u,t),d,0),a,getUniqueKey())):(o=e[r]||"",e[r]=o,e[l]=e[l]||i.parseFileType(o),e[u]=e[u]||"",e[d]=e[d]||0,e[a]=e[a]||getUniqueKey(),e)}):[];e.fileList=n||o?t:t.slice(0,1)},parseFileName:function(e){return decodeURIComponent("".concat(e||"")).split("/").pop()||""},parseFileType:function(e){var t=e?e.indexOf("."):-1;return-1<t?e.substring(t+1,e.length).toLowerCase():""},handleChange:function(e){var t=this.singleMode,o=this.urlMode,i=this.computeUrlProp,e=e?e.slice(0):[];o&&(e=e.map(function(e){return e[i]})),this.emitModel(t?e[0]||null:e)},getThumbnailFileUrl:function(e){var t=this.getThumbnailUrlMethod||(0,_ui.getConfig)().upload.getThumbnailUrlMethod;return t?t({$upload:this,option:e}):this.getFileUrl(e)},getFileUrl:function(e){var t=this.getUrlMethod||(0,_ui.getConfig)().upload.getUrlMethod,o=this.computeUrlProp;return t?t({$upload:this,option:e}):e[o]},handleDefaultFilePreview:function(t){var e=this,o=e.internalData,i=e.imageTypes,n=e.showDownloadButton,a=e.computeTypeProp,r=e.beforeDownloadMethod||(0,_ui.getConfig)().upload.beforeDownloadMethod;o.imagePreviewTypes.concat(i||[]).some(function(e){return"".concat(e).toLowerCase()==="".concat(t[a]).toLowerCase()})&&_ui.VxeUI.previewImage&&_ui.VxeUI.previewImage({urlList:[e.getFileUrl(t)],showDownloadButton:n,beforeDownloadMethod:r?function(){return r({$upload:e,option:t})}:void 0})},handlePreviewFileEvent:function(e,t){var o=this.previewMethod||(0,_ui.getConfig)().upload.previewMethod;this.showPreview&&(o?o({$upload:this,option:t}):this.handleDefaultFilePreview(t))},handlePreviewImageEvent:function(e,t,o){var i=this,n=i,a=i.reactData,r=n.showDownloadButton,l=a.fileList,u=n.beforeDownloadMethod||(0,_ui.getConfig)().upload.beforeDownloadMethod;n.showPreview&&_ui.VxeUI.previewImage&&_ui.VxeUI.previewImage({urlList:l.map(function(e){return i.getFileUrl(e)}),activeIndex:o,showDownloadButton:r,beforeDownloadMethod:u?function(e){e=e.index;return u({$upload:i,option:l[e]})}:void 0})},handleUploadResult:function(o,e){var i=this,t=i,n=i.reactData,a=t.showErrorStatus,r=i.getFieldKey(o),t=t.uploadMethod||(0,_ui.getConfig)().upload.uploadMethod;return t?Promise.resolve(t({$upload:i,file:e,option:o,updateProgress:function(e){var t=n.fileCacheMaps[i.getFieldKey(o)];t&&(t.percent=Math.max(0,Math.min(99,_xeUtils.default.toNumber(e))))}})).then(function(e){var t=n.fileCacheMaps[r];t&&(t.percent=100),Object.assign(o,e),i.dispatchEvent("upload-success",{option:o,data:e},null)}).catch(function(e){var t=n.fileCacheMaps[r];t&&(t.status="error"),a?Object.assign(o,e):n.fileList=n.fileList.filter(function(e){return i.getFieldKey(e)!==r}),i.dispatchEvent("upload-error",{option:o,data:e},null)}).finally(function(){var e=n.fileCacheMaps[r];e&&(e.loading=!1)}):((t=n.fileCacheMaps[r])&&(t.loading=!1),Promise.resolve())},handleReUpload:function(e){var t=this,o=t.reactData,i=t.uploadMethod,n=t.urlMode,a=o.fileCacheMaps[t.getFieldKey(e)];(i||(0,_ui.getConfig)().upload.uploadMethod)&&a&&(i=a.file,a.loading=!0,a.status="",a.percent=0,t.handleUploadResult(e,i).then(function(){n&&t.handleChange(o.fileList)}))},uploadFile:function(e,i){var n=this,t=n.reactData,o=n.$xeForm,a=n.formItemInfo,r=n.multiple,l=n.urlMode,u=t.fileList,d=n.uploadMethod||(0,_ui.getConfig)().upload.uploadMethod,s=n.computeKeyField,p=n.computeNameProp,c=n.computeTypeProp,m=n.computeUrlProp,f=n.computeSizeProp,g=n.computeLimitMaxSizeB,v=n.computeLimitMaxCount,h=n.computeLimitSizeUnit,_=e;if(r&&v){if(u.length>=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.overCountErr",[v])}));var y,x=_.length-(v-u.length);0<x&&(y=_.slice(v-u.length),_ui.VxeUI.modal)&&_ui.VxeUI.modal.notification({title:(0,_ui.getI18n)("vxe.modal.errTitle"),status:"error",slots:{default:function(e,o){return o("div",{class:"vxe-upload--file-message-over-error"},[o("div",{},(0,_ui.getI18n)("vxe.upload.overCountExtraErr",[v,x])),o("div",{class:"vxe-upload--file-message-over-extra"},y.map(function(e,t){return o("div",{key:t,class:"vxe-upload--file-message-over-extra-item"},e.name)}))])}}}),_=_.slice(0,v-u.length)}if(g)for(var E=0;E<e.length;E++)if(e[0].size>g)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",[h])}));var I=Object.assign({},t.fileCacheMaps),w=r?u:[],b=[];_.forEach(function(e){var t=e.name,o=getUniqueKey(),t=_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},p,t),c,n.parseFileType(t)),f,e.size),m,""),s,o),o=(d&&(I[o]={file:e,loading:!0,status:"",percent:0}),t);d&&b.push(n.handleUploadResult(o,e)),w.push(o),n.dispatchEvent("add",{option:o},i)}),t.fileList=w,t.fileCacheMaps=I,Promise.all(l?b:[]).then(function(){n.handleChange(w),o&&a&&o.triggerItemEvent(i,a.itemConfig.field,w)})},handleChoose:function(t){var o=this,e=o.multiple,i=o.imageTypes,n=o.fileTypes,a=o.computeIsDisabled,r=o.computeIsImage;return a?Promise.resolve({status:!1,files:[],file:null}):(0,_util.readLocalFile)({multiple:e,types:r?i:n}).then(function(e){return o.uploadFile(e.files,t),e})},clickEvent:function(e){this.handleChoose(e).catch(function(){})},handleRemoveEvent:function(e,t,o){var i=this,n=i.reactData,a=i.$xeForm,r=i.formItemInfo,n=n.fileList;n.splice(o,1),i.handleChange(n),a&&r&&a.triggerItemEvent(e,r.itemConfig.field,n),i.dispatchEvent("remove",{option:t},e)},removeFileEvent:function(t,o,i){var n=this,e=n,a=e.beforeRemoveMethod||(0,_ui.getConfig)().upload.beforeRemoveMethod,r=e.removeMethod||(0,_ui.getConfig)().upload.removeMethod;Promise.resolve(!a||a({$upload:n,option:o})).then(function(e){e?r?Promise.resolve(r({$upload:n,option:o})).then(function(){n.handleRemoveEvent(t,o,i)}).catch(function(e){return e}):n.handleRemoveEvent(t,o,i):n.dispatchEvent("remove-fail",{option:o},t)})},handleDownloadEvent:function(e,t){this.dispatchEvent("download",{option:t},e)},downloadFileEvent:function(t,o){var i=this,e=i,n=e.beforeDownloadMethod||(0,_ui.getConfig)().upload.beforeDownloadMethod,a=e.downloadMethod||(0,_ui.getConfig)().upload.downloadMethod;Promise.resolve(!n||n({$upload:i,option:o})).then(function(e){e?a?Promise.resolve(a({$upload:i,option:o})).then(function(){i.handleDownloadEvent(t,o)}).catch(function(e){return e}):i.handleDownloadEvent(t,o):i.dispatchEvent("download-fail",{option:o},t)})},handleDragleaveEvent:function(e){var t,o,i=this.reactData,n=e.currentTarget,a=e.clientX,e=e.clientY;n&&(t=(n=n.getBoundingClientRect()).x,o=n.y,a<t||t+n.width<a||e<o||o+n.height<e)&&(i.isDrag=!1)},handleDragoverEvent:function(e){var t=this.reactData,o=e.dataTransfer;o&&(o=o.items)&&o.length&&(e.preventDefault(),t.isDrag=!0)},uploadTransferFileEvent:function(e,t){var o,i=this.internalData,n=this.imageTypes,i=i.imagePreviewTypes;this.computeIsImage&&(o=i.concat(n&&n.length?n:[]),t=t.filter(function(e){var t="".concat(e.type.split("/")[1]||"").toLowerCase();return!!o.some(function(e){return"".concat(e).toLowerCase()===t})})),t.length?this.uploadFile(t,e):_ui.VxeUI.modal&&_ui.VxeUI.modal.notification({title:(0,_ui.getI18n)("vxe.modal.errTitle"),status:"error",content:(0,_ui.getI18n)("vxe.upload.uploadTypeErr")})},handleDropEvent:function(e){var t=this.reactData,o=e.dataTransfer;o&&(o=o.items)&&o.length&&(e.preventDefault(),(o=handleTransferFiles(o)).length)&&this.uploadTransferFileEvent(e,o),t.isDrag=!1},handleMoreEvent:function(){var u=this,d=u,s=u.reactData,p=u.computeFormReadonly,c=u.computeIsImage;_ui.VxeUI.modal&&_ui.VxeUI.modal.open({title:p?(0,_ui.getI18n)("vxe.upload.morePopup.readTitle"):(0,_ui.getI18n)("vxe.upload.morePopup.".concat(c?"imageTitle":"fileTitle")),width:660,height:500,escClosable:!0,showMaximize:!0,resize:!0,maskClosable:!0,slots:{default:function(e,t){var o=d.showErrorStatus,i=d.dragToUpload,n=s.isDrag,a=u.computeIsDisabled,r=s.fileList,l={};return i&&(l.dragover=u.handleDragoverEvent,l.dragleave=u.handleDragleaveEvent,l.drop=u.handleDropEvent),t("div",{class:["vxe-upload--more-popup",{"is--readonly":p,"is--disabled":a,"show--error":o,"is--drag":n}],on:l},[c?t("div",{class:"vxe-upload--image-more-list"},u.renderImageItemList(t,r,!0).concat(u.renderImageAction(t,!0))):t("div",{class:"vxe-upload--file-more-list"},[u.renderFileAction(t,!0),t("div",{class:"vxe-upload--file-list"},u.renderFileItemList(t,r,!0))]),n?t("div",{class:"vxe-upload--drag-placeholder"},(0,_ui.getI18n)("vxe.upload.dragPlaceholder")):(0,_ui.renderEmptyElement)(u)])}},onShow:function(){s.showMorePopup=!0},onHide:function(){s.showMorePopup=!1}})},handleGlobalPasteEvent:function(e){var t=this.reactData,o=this.pasteToUpload;t.isActivated&&o&&(t=e.clipboardData||e.originalEvent.clipboardData)&&(o=t.items)&&(t=handleTransferFiles(o)).length&&(e.preventDefault(),this.uploadTransferFileEvent(e,t))},handleGlobalMousedownEvent:function(e){var t=this.reactData,o=this.$refs.refElem,e=(0,_dom.getEventTargetNode)(e,o).flag;t.isActivated=e},handleGlobalBlurEvent:function(){this.reactData.isActivated=!1},renderFileItemList:function(a,e,r){var l=this,t=l.$scopedSlots,u=l.showRemoveButton,d=l.showDownloadButton,s=l.showProgress,p=l.progressText,c=l.showPreview,m=l.showErrorStatus,f=l.reactData.fileCacheMaps,g=l.computeIsDisabled,v=l.computeFormReadonly,h=l.computeNameProp,_=l.computeTypeProp,y=t.corner;return e.map(function(t,o){var e=l.getFieldKey(t),e=f[e],i=e&&e.loading,n=e&&"error"===e.status;return a("div",{key:o,class:["vxe-upload--file-item",{"is--preview":c,"is--loading":i,"is--error":n}]},[a("div",{class:"vxe-upload--file-item-icon"},[a("i",{class:(0,_ui.getIcon)()["UPLOAD_FILE_TYPE_".concat("".concat(t[_]).toLocaleUpperCase())]||(0,_ui.getIcon)().UPLOAD_FILE_TYPE_DEFAULT})]),a("div",{class:"vxe-upload--file-item-name",on:{click:function(e){i||n||l.handlePreviewFileEvent(e,t)}}},"".concat(t[h]||"")),i?a("div",{class:"vxe-upload--file-item-loading-icon"},[a("i",{class:(0,_ui.getIcon)().UPLOAD_LOADING})]):(0,_ui.renderEmptyElement)(l),s&&i&&e?a("div",{class:"vxe-upload--file-item-loading-text"},p?_xeUtils.default.toFormatString(p,{percent:e.percent}):(0,_ui.getI18n)("vxe.upload.uploadProgress",[e.percent])):(0,_ui.renderEmptyElement)(l),m&&n?a("div",{class:"vxe-upload--image-item-error"},[a(_button.default,{props:{icon:(0,_ui.getIcon)().UPLOAD_IMAGE_RE_UPLOAD,mode:"text",status:"primary",content:(0,_ui.getI18n)("vxe.upload.reUpload")},on:{click:function(){l.handleReUpload(t)}}})]):(0,_ui.renderEmptyElement)(l),a("div",{class:"vxe-upload--file-item-btn-wrapper"},[y?a("div",{class:"vxe-upload--file-item-corner"},(0,_vn.getSlotVNs)(y({option:t,isMoreView:r,readonly:v}))):(0,_ui.renderEmptyElement)(l),d&&!i?a("div",{class:"vxe-upload--file-item-download-btn",on:{click:function(e){l.downloadFileEvent(e,t)}}},[a("i",{class:(0,_ui.getIcon)().UPLOAD_FILE_DOWNLOAD})]):(0,_ui.renderEmptyElement)(l),!u||v||g||i?(0,_ui.renderEmptyElement)(l):a("div",{class:"vxe-upload--file-item-remove-btn",on:{click:function(e){l.removeFileEvent(e,t,o)}}},[a("i",{class:(0,_ui.getIcon)().UPLOAD_FILE_REMOVE})])])])})},renderFileAction:function(e,t){var o=this,i=o.$scopedSlots,n=o.showUploadButton,a=o.buttonText,r=o.buttonIcon,l=o.showButtonText,u=o.showButtonIcon,d=o.autoHiddenButton,s=o.computeIsDisabled,p=o.computedDefHintText,c=o.computeOverCount,m=i.default,i=i.tip||i.hint;return o.computeFormReadonly||!n?(0,_ui.renderEmptyElement)(o):e("div",{class:"vxe-upload--file-action"},[d&&c?(0,_ui.renderEmptyElement)(o):e("div",{class:"vxe-upload--file-action-btn",on:{click:o.clickEvent}},m?(0,_vn.getSlotVNs)(m({$upload:o})):[e(_button.default,{class:"vxe-upload--file-action-button",props:{content:t||l?a?"".concat(a):(0,_ui.getI18n)("vxe.upload.fileBtnText"):"",icon:u?r||(0,_ui.getIcon)().UPLOAD_FILE_ADD:"",disabled:s}})]),t&&(p||i)?e("div",{class:"vxe-upload--file-action-tip"},i?(0,_vn.getSlotVNs)(i({$upload:o})):p):(0,_ui.renderEmptyElement)(o)])},renderAllMode:function(e){var t=this,o=t.reactData,i=t.moreConfig,o=o.fileList,n=t.computeMoreOpts,a=n.maxCount,r=n.showMoreButton,n="horizontal"===n.layout,l=o,u=0;return a&&o.length>a&&(u=o.length-a,l=o.slice(0,a)),e("div",{key:"all",class:"vxe-upload--file-wrapper"},[r&&i&&n?(0,_ui.renderEmptyElement)(t):t.renderFileAction(e,!0),l.length||r&&n?e("div",{class:["vxe-upload--file-list-wrapper",{"is--horizontal":n}]},[l.length?e("div",{class:"vxe-upload--file-list"},t.renderFileItemList(e,l,!1)):(0,_ui.renderEmptyElement)(t),r&&u?e("div",{class:"vxe-upload--file-over-more"},[e(_button.default,{props:{mode:"text",content:(0,_ui.getI18n)("vxe.upload.moreBtnText",[o.length]),status:"primary"},on:{click:t.handleMoreEvent}})]):(0,_ui.renderEmptyElement)(t),r&&i&&n?t.renderFileAction(e,!1):(0,_ui.renderEmptyElement)(t)]):(0,_ui.renderEmptyElement)(t)])},renderImageItemList:function(a,e,r){var l=this,t=l.$scopedSlots,u=l.showRemoveButton,d=l.showProgress,s=l.progressText,p=l.showPreview,c=l.showErrorStatus,m=l.reactData.fileCacheMaps,f=l.computeIsDisabled,g=l.computeFormReadonly,v=l.computeImgStyle,h=t.corner;return e.map(function(t,o){var e=l.getFieldKey(t),e=m[e],i=e&&e.loading,n=e&&"error"===e.status;return a("div",{key:o,class:["vxe-upload--image-item",{"is--preview":p,"is--loading":i,"is--error":n}]},[a("div",{class:"vxe-upload--image-item-box",style:r?{}:v,attrs:{title:(0,_ui.getI18n)("vxe.upload.viewItemTitle")},on:{click:function(e){i||n||l.handlePreviewImageEvent(e,t,o)}}},[i&&e?a("div",{class:"vxe-upload--image-item-loading"},[a("div",{class:"vxe-upload--image-item-loading-icon"},[a("i",{class:(0,_ui.getIcon)().UPLOAD_LOADING})]),d?a("div",{class:"vxe-upload--image-item-loading-text"},s?_xeUtils.default.toFormatString(s,{percent:e.percent}):(0,_ui.getI18n)("vxe.upload.uploadProgress",[e.percent])):(0,_ui.renderEmptyElement)(l)]):(0,_ui.renderEmptyElement)(l),i?(0,_ui.renderEmptyElement)(l):n&&c?a("div",{class:"vxe-upload--image-item-error"},[a(_button.default,{props:{icon:(0,_ui.getIcon)().UPLOAD_IMAGE_RE_UPLOAD,mode:"text",status:"primary",content:(0,_ui.getI18n)("vxe.upload.reUpload")},on:{click:function(){l.handleReUpload(t)}}})]):a("img",{class:"vxe-upload--image-item-img",attrs:{src:l.getThumbnailFileUrl(t)}}),a("div",{class:"vxe-upload--image-item-btn-wrapper",on:{click:function(e){e.stopPropagation()}}},[h?a("div",{class:"vxe-upload--file-item-corner"},(0,_vn.getSlotVNs)(h({option:t,isMoreView:r,readonly:g}))):(0,_ui.renderEmptyElement)(l),!u||g||f||i?(0,_ui.renderEmptyElement)(l):a("div",{class:"vxe-upload--image-item-remove-btn",on:{click:function(e){e.stopPropagation(),l.removeFileEvent(e,t,o)}}},[a("i",{class:(0,_ui.getIcon)().UPLOAD_IMAGE_REMOVE})])])])])})},renderImageAction:function(e,t){var o=this,i=o.$scopedSlots,n=o.showUploadButton,a=o.buttonText,r=o.buttonIcon,l=o.showButtonText,u=o.showButtonIcon,d=o.computedDefHintText,s=o.computeImgStyle,p=i.default,i=i.hint;return o.computeFormReadonly||!n||o.autoHiddenButton&&o.computeOverCount?(0,_ui.renderEmptyElement)(o):e("div",{key:"action",class:"vxe-upload--image-action"},[e("div",{class:"vxe-upload--image-action-btn",on:{click:o.clickEvent}},p?p({$upload:o}):[e("div",{class:"vxe-upload--image-action-box",style:t?{}:s},[u?e("div",{class:"vxe-upload--image-action-icon"},[e("i",{class:r||(0,_ui.getIcon)().UPLOAD_IMAGE_ADD})]):(0,_ui.renderEmptyElement)(o),t||l?e("div",{class:"vxe-upload--image-action-content"},a?"".concat(a):(0,_ui.getI18n)("vxe.upload.imgBtnText")):(0,_ui.renderEmptyElement)(o),t&&(d||i)?e("div",{class:"vxe-upload--image-action-hint"},i?(0,_vn.getSlotVNs)(i({$upload:o})):d):(0,_ui.renderEmptyElement)(o)])])])},renderImageMode:function(e){var t=this,o=t.reactData.fileList,i=t.computeMoreOpts,n=i.maxCount,i=i.showMoreButton,a=o,r=0;return n&&o.length>n&&(r=o.length-n,a=o.slice(0,n)),e("div",{key:"image",class:"vxe-upload--image-wrapper"},[e("div",{class:"vxe-upload--image-list"},t.renderImageItemList(e,a,!1).concat([i&&r?e("div",{class:"vxe-upload--image-over-more"},[e(_button.default,{props:{mode:"text",content:(0,_ui.getI18n)("vxe.upload.moreBtnText",[o.length]),status:"primary"},on:{click:t.handleMoreEvent}})]):(0,_ui.renderEmptyElement)(t),t.renderImageAction(e,!1)]))])},renderVN:function(e){var t=this,o=t.reactData,i=t.showErrorStatus,n=t.pasteToUpload,a=o.isDrag,r=o.showMorePopup,o=o.isActivated,l=t.computeSize,u=t.computeIsDisabled,d=t.computeFormReadonly,s=t.computeIsImage,p={};return t.dragToUpload&&(p.dragover=t.handleDragoverEvent,p.dragleave=t.handleDragleaveEvent,p.drop=t.handleDropEvent),e("div",{ref:"refElem",class:["vxe-upload",_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(l),l),"is--active",o),"is--readonly",d),"is--disabled",u),"is--paste",n),"show--error",i),"is--drag",a)],on:p},[s?t.renderImageMode(e):t.renderAllMode(e),a&&!r?e("div",{class:"vxe-upload--drag-placeholder"},(0,_ui.getI18n)("vxe.upload.dragPlaceholder")):(0,_ui.renderEmptyElement)(t)])}},created:function(){this.updateFileList()},mounted:function(){var e=this;"development"===process.env.NODE_ENV&&e.multiple&&e.singleMode&&(0,_log.errLog)("vxe.error.errConflicts",["multiple","single-mode"]),_ui.globalEvents.on(e,"paste",e.handleGlobalPasteEvent),_ui.globalEvents.on(e,"mousedown",e.handleGlobalMousedownEvent),_ui.globalEvents.on(e,"blur",e.handleGlobalBlurEvent)},beforeDestroy:function(){this.reactData.isDrag=!1,_ui.globalEvents.off(this,"paste"),_ui.globalEvents.off(this,"mousedown"),_ui.globalEvents.off(this,"blur")},render:function(e){return this.renderVN(e)}});

package/lib/upload/style/style.css

@@ -3,6 +3,13 @@
   color: var(--vxe-ui-font-color);
   font-family: var(--vxe-ui-font-family);
 }
+.vxe-upload.is--active .vxe-upload--image-action-box {
+  border-color: var(--vxe-ui-font-primary-color);
+}
+.vxe-upload.is--active .vxe-upload--file-action-btn > .vxe-button {
+  border-color: var(--vxe-ui-font-primary-color);
+  border-style: var(--vxe-ui-upload-file-button-border-style);
+}
 .vxe-upload.show--error .vxe-upload--file-item.is--error {
   color: var(--vxe-ui-status-error-color);
 }

package/lib/upload/style/style.min.css

@@ -1 +1 @@
-.vxe-upload{position:relative;color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family)}.vxe-upload.show--error .vxe-upload--file-item.is--error{color:var(--vxe-ui-status-error-color)}.vxe-upload.show--error .vxe-upload--file-item.is--error:hover .vxe-upload--file-item-name{color:var(--vxe-ui-status-error-color)}.vxe-upload.show--error .vxe-upload--file-item.is--error .vxe-upload--file-item-name{text-decoration:line-through}.vxe-upload--more-popup.is--disabled .vxe-upload--file-action-btn,.vxe-upload--more-popup.is--disabled .vxe-upload--image-action-box,.vxe-upload.is--disabled .vxe-upload--file-action-btn,.vxe-upload.is--disabled .vxe-upload--image-action-box{cursor:no-drop}.vxe-upload--drag-placeholder{display:flex;flex-direction:row;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;font-weight:700;font-weight:var(--vxe-ui-font-darken-color);font-size:1.2em;border-radius:var(--vxe-ui-base-border-radius);background-color:var(--vxe-ui-upload-drag-over-background-color);border:1px dotted var(--vxe-ui-font-lighten-color);z-index:9}.vxe-upload--file-list-wrapper.is--horizontal{display:flex;flex-direction:row}.vxe-upload--file-list-wrapper.is--horizontal>.vxe-upload--file-list{flex-grow:1;display:flex;flex-direction:column;justify-content:center}.vxe-upload--file-list-wrapper.is--horizontal>.vxe-upload--file-action{flex-shrink:0}.vxe-upload--file-list{max-height:294px;overflow:auto;outline:0}.vxe-upload--file-item{position:relative;display:flex;flex-direction:row;align-items:center;line-height:1.5em;margin-bottom:var(--vxe-ui-layout-padding-half);padding:.1em var(--vxe-ui-layout-padding-half)}.vxe-upload--file-item:hover{background-color:var(--vxe-ui-base-hover-background-color)}.vxe-upload--file-item:hover:not(.is--loading) .vxe-upload--file-item-name{color:var(--vxe-ui-font-primary-color)}.vxe-upload--file-item:last-child{margin-bottom:0}.vxe-upload--file-item.is--loading{cursor:progress;color:var(--vxe-ui-input-placeholder-color)}.vxe-upload--file-item.is--preview .vxe-upload--file-item-name{cursor:pointer}.vxe-upload--file-over-more{display:flex;align-items:center;justify-content:center;flex-shrink:0}.vxe-upload--file-over-more .vxe-button{padding-top:0;padding-bottom:0}.vxe-upload--file-action-btn{display:inline-block}.vxe-upload--file-action-btn>.vxe-button{border-style:var(--vxe-ui-upload-file-button-border-style)}.vxe-upload--file-action-button:hover{border-color:var(--vxe-ui-font-primary-color)}.vxe-upload--file-action-tip{font-size:.9em;padding:var(--vxe-ui-layout-padding-half);color:var(--vxe-ui-input-placeholder-color)}.vxe-upload--file-item-error{padding-right:.4em;color:var(--vxe-ui-status-error-color);text-decoration:none;cursor:help}.vxe-upload--file-item-icon{flex-shrink:0;padding-right:.2em}.vxe-upload--file-item-name{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 .2em}.vxe-upload--file-item-btn-wrapper{display:inline-flex;flex-direction:row;justify-content:center}.vxe-upload--file-item-loading-icon{padding-right:.2em}.vxe-upload--file-item-loading-icon,.vxe-upload--file-item-loading-text{color:var(--vxe-ui-loading-color);flex-shrink:0}.vxe-upload--file-item-corner,.vxe-upload--file-item-download-btn,.vxe-upload--file-item-remove-btn{flex-shrink:0}.vxe-upload--file-item-download-btn,.vxe-upload--file-item-remove-btn{padding-left:.5em;cursor:pointer}.vxe-upload--file-item-download-btn{color:var(--vxe-ui-font-primary-color)}.vxe-upload--file-item-download-btn:hover{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-upload--file-item-remove-btn{color:var(--vxe-ui-status-error-color)}.vxe-upload--file-item-remove-btn:hover{color:var(--vxe-ui-status-error-lighten-color)}.vxe-upload--image-list,.vxe-upload--image-more-list{display:flex;flex-direction:row;flex-wrap:wrap}.vxe-upload--image-action,.vxe-upload--image-item,.vxe-upload--image-over-more{flex-shrink:0;text-align:center;padding:var(--vxe-ui-layout-padding-half)}.vxe-upload--image-over-more{display:flex;align-items:center;justify-content:center}.vxe-upload--image-action-icon{font-size:1.2em;padding-bottom:.1em}.vxe-upload--image-action-content{font-size:.9em;padding:0 .15em .5em .15em}.vxe-upload--image-action-box,.vxe-upload--image-item-box{position:relative;border-radius:var(--vxe-ui-base-border-radius)}.vxe-upload--image-item-box{display:flex;flex-direction:row;align-items:center;justify-content:center;border:1px solid var(--vxe-ui-input-border-color)}.vxe-upload--image-action-box{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px var(--vxe-ui-upload-image-button-border-style) var(--vxe-ui-input-border-color);cursor:pointer}.vxe-upload--image-action-box:hover{color:var(--vxe-ui-font-primary-color);border-color:var(--vxe-ui-font-primary-color)}.vxe-upload.is--disabled .vxe-upload--file-action-btn,.vxe-upload.is--disabled .vxe-upload--image-action-box{color:var(--vxe-ui-font-disabled-color);cursor:no-drop}.vxe-upload.is--disabled .vxe-upload--image-action-box:hover{color:var(--vxe-ui-font-disabled-color);border-color:var(--vxe-ui-input-border-color)}.vxe-upload--image-item:hover:not(.is--loading) .vxe-upload--image-item-box{border-color:var(--vxe-ui-font-primary-color)}.vxe-upload--image-item:hover:not(.is--loading) .vxe-upload--image-item-box::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background-color:rgba(0,0,0,.1)}.vxe-upload--image-item.is--loading .vxe-upload--image-item-box{cursor:progress}.vxe-upload--image-item.is--error .vxe-upload--image-item-box{border-color:var(--vxe-ui-status-error-color)}.vxe-upload--image-item.is--preview .vxe-upload--image-item-box{cursor:pointer}.vxe-upload--image-item-img{max-width:100%;max-height:100%;border-radius:var(--vxe-ui-base-border-radius)}.vxe-upload--image-item-loading{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;top:0;left:0;width:100%;height:100%;color:var(--vxe-ui-loading-color);background-color:var(--vxe-ui-loading-background-color);z-index:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-upload--image-action-hint{font-size:12px;word-break:break-all;color:var(--vxe-ui-input-placeholder-color)}.vxe-upload--image-item-btn-wrapper{display:inline-flex;flex-direction:row;justify-content:center;position:absolute;top:calc(var(--vxe-ui-layout-padding-half) * -1);right:calc(var(--vxe-ui-layout-padding-half) * -1)}.vxe-upload--file-item-,.vxe-upload--image-item-remove-btn{flex-shrink:0}.vxe-upload--image-item-remove-btn{display:flex;flex-direction:row;justify-content:center;align-items:center;width:1.8em;height:1.8em;font-size:.8em;border-radius:50%;color:#fff;background-color:var(--vxe-ui-status-error-color);z-index:3;cursor:pointer}.vxe-upload--image-item-remove-btn:hover{background-color:var(--vxe-ui-status-error-lighten-color)}.vxe-upload--file-message-over-error .vxe-upload--file-message-over-extra{margin-top:.5em;max-height:160px;overflow:auto;border:1px solid var(--vxe-ui-input-border-color);padding:var(--vxe-ui-layout-padding-half) var(--vxe-ui-layout-padding-default);outline:0}.vxe-upload--file-message-over-error .vxe-upload--file-message-over-extra-item{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-upload,.vxe-upload--more-popup{font-size:var(--vxe-ui-font-size-default)}.vxe-upload .vxe-upload--image-action-box,.vxe-upload .vxe-upload--image-item-box,.vxe-upload--more-popup .vxe-upload--image-action-box,.vxe-upload--more-popup .vxe-upload--image-item-box{width:var(--vxe-ui-upload-image-wh-default);height:var(--vxe-ui-upload-image-wh-default)}.vxe-upload--more-popup.size--medium,.vxe-upload.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-upload--more-popup.size--medium .vxe-upload--image-action-box,.vxe-upload--more-popup.size--medium .vxe-upload--image-item-box,.vxe-upload.size--medium .vxe-upload--image-action-box,.vxe-upload.size--medium .vxe-upload--image-item-box{width:var(--vxe-ui-upload-image-wh-medium);height:var(--vxe-ui-upload-image-wh-medium)}.vxe-upload--more-popup.size--small,.vxe-upload.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-upload--more-popup.size--small .vxe-upload--image-action-box,.vxe-upload--more-popup.size--small .vxe-upload--image-item-box,.vxe-upload.size--small .vxe-upload--image-action-box,.vxe-upload.size--small .vxe-upload--image-item-box{width:var(--vxe-ui-upload-image-wh-small);height:var(--vxe-ui-upload-image-wh-small)}.vxe-upload--more-popup.size--mini,.vxe-upload.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-upload--more-popup.size--mini .vxe-upload--image-action-box,.vxe-upload--more-popup.size--mini .vxe-upload--image-item-box,.vxe-upload.size--mini .vxe-upload--image-action-box,.vxe-upload.size--mini .vxe-upload--image-item-box{width:var(--vxe-ui-upload-image-wh-mini);height:var(--vxe-ui-upload-image-wh-mini)}.vxe-upload--image-more-list .vxe-upload--image-item-box{width:var(--vxe-ui-upload-image-wh-default);height:var(--vxe-ui-upload-image-wh-default)}
+.vxe-upload{position:relative;color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family)}.vxe-upload.is--active .vxe-upload--image-action-box{border-color:var(--vxe-ui-font-primary-color)}.vxe-upload.is--active .vxe-upload--file-action-btn>.vxe-button{border-color:var(--vxe-ui-font-primary-color);border-style:var(--vxe-ui-upload-file-button-border-style)}.vxe-upload.show--error .vxe-upload--file-item.is--error{color:var(--vxe-ui-status-error-color)}.vxe-upload.show--error .vxe-upload--file-item.is--error:hover .vxe-upload--file-item-name{color:var(--vxe-ui-status-error-color)}.vxe-upload.show--error .vxe-upload--file-item.is--error .vxe-upload--file-item-name{text-decoration:line-through}.vxe-upload--more-popup.is--disabled .vxe-upload--file-action-btn,.vxe-upload--more-popup.is--disabled .vxe-upload--image-action-box,.vxe-upload.is--disabled .vxe-upload--file-action-btn,.vxe-upload.is--disabled .vxe-upload--image-action-box{cursor:no-drop}.vxe-upload--drag-placeholder{display:flex;flex-direction:row;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;font-weight:700;font-weight:var(--vxe-ui-font-darken-color);font-size:1.2em;border-radius:var(--vxe-ui-base-border-radius);background-color:var(--vxe-ui-upload-drag-over-background-color);border:1px dotted var(--vxe-ui-font-lighten-color);z-index:9}.vxe-upload--file-list-wrapper.is--horizontal{display:flex;flex-direction:row}.vxe-upload--file-list-wrapper.is--horizontal>.vxe-upload--file-list{flex-grow:1;display:flex;flex-direction:column;justify-content:center}.vxe-upload--file-list-wrapper.is--horizontal>.vxe-upload--file-action{flex-shrink:0}.vxe-upload--file-list{max-height:294px;overflow:auto;outline:0}.vxe-upload--file-item{position:relative;display:flex;flex-direction:row;align-items:center;line-height:1.5em;margin-bottom:var(--vxe-ui-layout-padding-half);padding:.1em var(--vxe-ui-layout-padding-half)}.vxe-upload--file-item:hover{background-color:var(--vxe-ui-base-hover-background-color)}.vxe-upload--file-item:hover:not(.is--loading) .vxe-upload--file-item-name{color:var(--vxe-ui-font-primary-color)}.vxe-upload--file-item:last-child{margin-bottom:0}.vxe-upload--file-item.is--loading{cursor:progress;color:var(--vxe-ui-input-placeholder-color)}.vxe-upload--file-item.is--preview .vxe-upload--file-item-name{cursor:pointer}.vxe-upload--file-over-more{display:flex;align-items:center;justify-content:center;flex-shrink:0}.vxe-upload--file-over-more .vxe-button{padding-top:0;padding-bottom:0}.vxe-upload--file-action-btn{display:inline-block}.vxe-upload--file-action-btn>.vxe-button{border-style:var(--vxe-ui-upload-file-button-border-style)}.vxe-upload--file-action-button:hover{border-color:var(--vxe-ui-font-primary-color)}.vxe-upload--file-action-tip{font-size:.9em;padding:var(--vxe-ui-layout-padding-half);color:var(--vxe-ui-input-placeholder-color)}.vxe-upload--file-item-error{padding-right:.4em;color:var(--vxe-ui-status-error-color);text-decoration:none;cursor:help}.vxe-upload--file-item-icon{flex-shrink:0;padding-right:.2em}.vxe-upload--file-item-name{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 .2em}.vxe-upload--file-item-btn-wrapper{display:inline-flex;flex-direction:row;justify-content:center}.vxe-upload--file-item-loading-icon{padding-right:.2em}.vxe-upload--file-item-loading-icon,.vxe-upload--file-item-loading-text{color:var(--vxe-ui-loading-color);flex-shrink:0}.vxe-upload--file-item-corner,.vxe-upload--file-item-download-btn,.vxe-upload--file-item-remove-btn{flex-shrink:0}.vxe-upload--file-item-download-btn,.vxe-upload--file-item-remove-btn{padding-left:.5em;cursor:pointer}.vxe-upload--file-item-download-btn{color:var(--vxe-ui-font-primary-color)}.vxe-upload--file-item-download-btn:hover{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-upload--file-item-remove-btn{color:var(--vxe-ui-status-error-color)}.vxe-upload--file-item-remove-btn:hover{color:var(--vxe-ui-status-error-lighten-color)}.vxe-upload--image-list,.vxe-upload--image-more-list{display:flex;flex-direction:row;flex-wrap:wrap}.vxe-upload--image-action,.vxe-upload--image-item,.vxe-upload--image-over-more{flex-shrink:0;text-align:center;padding:var(--vxe-ui-layout-padding-half)}.vxe-upload--image-over-more{display:flex;align-items:center;justify-content:center}.vxe-upload--image-action-icon{font-size:1.2em;padding-bottom:.1em}.vxe-upload--image-action-content{font-size:.9em;padding:0 .15em .5em .15em}.vxe-upload--image-action-box,.vxe-upload--image-item-box{position:relative;border-radius:var(--vxe-ui-base-border-radius)}.vxe-upload--image-item-box{display:flex;flex-direction:row;align-items:center;justify-content:center;border:1px solid var(--vxe-ui-input-border-color)}.vxe-upload--image-action-box{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px var(--vxe-ui-upload-image-button-border-style) var(--vxe-ui-input-border-color);cursor:pointer}.vxe-upload--image-action-box:hover{color:var(--vxe-ui-font-primary-color);border-color:var(--vxe-ui-font-primary-color)}.vxe-upload.is--disabled .vxe-upload--file-action-btn,.vxe-upload.is--disabled .vxe-upload--image-action-box{color:var(--vxe-ui-font-disabled-color);cursor:no-drop}.vxe-upload.is--disabled .vxe-upload--image-action-box:hover{color:var(--vxe-ui-font-disabled-color);border-color:var(--vxe-ui-input-border-color)}.vxe-upload--image-item:hover:not(.is--loading) .vxe-upload--image-item-box{border-color:var(--vxe-ui-font-primary-color)}.vxe-upload--image-item:hover:not(.is--loading) .vxe-upload--image-item-box::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background-color:rgba(0,0,0,.1)}.vxe-upload--image-item.is--loading .vxe-upload--image-item-box{cursor:progress}.vxe-upload--image-item.is--error .vxe-upload--image-item-box{border-color:var(--vxe-ui-status-error-color)}.vxe-upload--image-item.is--preview .vxe-upload--image-item-box{cursor:pointer}.vxe-upload--image-item-img{max-width:100%;max-height:100%;border-radius:var(--vxe-ui-base-border-radius)}.vxe-upload--image-item-loading{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;top:0;left:0;width:100%;height:100%;color:var(--vxe-ui-loading-color);background-color:var(--vxe-ui-loading-background-color);z-index:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-upload--image-action-hint{font-size:12px;word-break:break-all;color:var(--vxe-ui-input-placeholder-color)}.vxe-upload--image-item-btn-wrapper{display:inline-flex;flex-direction:row;justify-content:center;position:absolute;top:calc(var(--vxe-ui-layout-padding-half) * -1);right:calc(var(--vxe-ui-layout-padding-half) * -1)}.vxe-upload--file-item-,.vxe-upload--image-item-remove-btn{flex-shrink:0}.vxe-upload--image-item-remove-btn{display:flex;flex-direction:row;justify-content:center;align-items:center;width:1.8em;height:1.8em;font-size:.8em;border-radius:50%;color:#fff;background-color:var(--vxe-ui-status-error-color);z-index:3;cursor:pointer}.vxe-upload--image-item-remove-btn:hover{background-color:var(--vxe-ui-status-error-lighten-color)}.vxe-upload--file-message-over-error .vxe-upload--file-message-over-extra{margin-top:.5em;max-height:160px;overflow:auto;border:1px solid var(--vxe-ui-input-border-color);padding:var(--vxe-ui-layout-padding-half) var(--vxe-ui-layout-padding-default);outline:0}.vxe-upload--file-message-over-error .vxe-upload--file-message-over-extra-item{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-upload,.vxe-upload--more-popup{font-size:var(--vxe-ui-font-size-default)}.vxe-upload .vxe-upload--image-action-box,.vxe-upload .vxe-upload--image-item-box,.vxe-upload--more-popup .vxe-upload--image-action-box,.vxe-upload--more-popup .vxe-upload--image-item-box{width:var(--vxe-ui-upload-image-wh-default);height:var(--vxe-ui-upload-image-wh-default)}.vxe-upload--more-popup.size--medium,.vxe-upload.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-upload--more-popup.size--medium .vxe-upload--image-action-box,.vxe-upload--more-popup.size--medium .vxe-upload--image-item-box,.vxe-upload.size--medium .vxe-upload--image-action-box,.vxe-upload.size--medium .vxe-upload--image-item-box{width:var(--vxe-ui-upload-image-wh-medium);height:var(--vxe-ui-upload-image-wh-medium)}.vxe-upload--more-popup.size--small,.vxe-upload.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-upload--more-popup.size--small .vxe-upload--image-action-box,.vxe-upload--more-popup.size--small .vxe-upload--image-item-box,.vxe-upload.size--small .vxe-upload--image-action-box,.vxe-upload.size--small .vxe-upload--image-item-box{width:var(--vxe-ui-upload-image-wh-small);height:var(--vxe-ui-upload-image-wh-small)}.vxe-upload--more-popup.size--mini,.vxe-upload.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-upload--more-popup.size--mini .vxe-upload--image-action-box,.vxe-upload--more-popup.size--mini .vxe-upload--image-item-box,.vxe-upload.size--mini .vxe-upload--image-action-box,.vxe-upload.size--mini .vxe-upload--image-item-box{width:var(--vxe-ui-upload-image-wh-mini);height:var(--vxe-ui-upload-image-wh-mini)}.vxe-upload--image-more-list .vxe-upload--image-item-box{width:var(--vxe-ui-upload-image-wh-default);height:var(--vxe-ui-upload-image-wh-default)}

package/lib/vxe-upload/style/style.css

@@ -3,6 +3,13 @@
   color: var(--vxe-ui-font-color);
   font-family: var(--vxe-ui-font-family);
 }
+.vxe-upload.is--active .vxe-upload--image-action-box {
+  border-color: var(--vxe-ui-font-primary-color);
+}
+.vxe-upload.is--active .vxe-upload--file-action-btn > .vxe-button {
+  border-color: var(--vxe-ui-font-primary-color);
+  border-style: var(--vxe-ui-upload-file-button-border-style);
+}
 .vxe-upload.show--error .vxe-upload--file-item.is--error {
   color: var(--vxe-ui-status-error-color);
 }

package/lib/vxe-upload/style/style.min.css

@@ -1 +1 @@
-.vxe-upload{position:relative;color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family)}.vxe-upload.show--error .vxe-upload--file-item.is--error{color:var(--vxe-ui-status-error-color)}.vxe-upload.show--error .vxe-upload--file-item.is--error:hover .vxe-upload--file-item-name{color:var(--vxe-ui-status-error-color)}.vxe-upload.show--error .vxe-upload--file-item.is--error .vxe-upload--file-item-name{text-decoration:line-through}.vxe-upload--more-popup.is--disabled .vxe-upload--file-action-btn,.vxe-upload--more-popup.is--disabled .vxe-upload--image-action-box,.vxe-upload.is--disabled .vxe-upload--file-action-btn,.vxe-upload.is--disabled .vxe-upload--image-action-box{cursor:no-drop}.vxe-upload--drag-placeholder{display:flex;flex-direction:row;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;font-weight:700;font-weight:var(--vxe-ui-font-darken-color);font-size:1.2em;border-radius:var(--vxe-ui-base-border-radius);background-color:var(--vxe-ui-upload-drag-over-background-color);border:1px dotted var(--vxe-ui-font-lighten-color);z-index:9}.vxe-upload--file-list-wrapper.is--horizontal{display:flex;flex-direction:row}.vxe-upload--file-list-wrapper.is--horizontal>.vxe-upload--file-list{flex-grow:1;display:flex;flex-direction:column;justify-content:center}.vxe-upload--file-list-wrapper.is--horizontal>.vxe-upload--file-action{flex-shrink:0}.vxe-upload--file-list{max-height:294px;overflow:auto;outline:0}.vxe-upload--file-item{position:relative;display:flex;flex-direction:row;align-items:center;line-height:1.5em;margin-bottom:var(--vxe-ui-layout-padding-half);padding:.1em var(--vxe-ui-layout-padding-half)}.vxe-upload--file-item:hover{background-color:var(--vxe-ui-base-hover-background-color)}.vxe-upload--file-item:hover:not(.is--loading) .vxe-upload--file-item-name{color:var(--vxe-ui-font-primary-color)}.vxe-upload--file-item:last-child{margin-bottom:0}.vxe-upload--file-item.is--loading{cursor:progress;color:var(--vxe-ui-input-placeholder-color)}.vxe-upload--file-item.is--preview .vxe-upload--file-item-name{cursor:pointer}.vxe-upload--file-over-more{display:flex;align-items:center;justify-content:center;flex-shrink:0}.vxe-upload--file-over-more .vxe-button{padding-top:0;padding-bottom:0}.vxe-upload--file-action-btn{display:inline-block}.vxe-upload--file-action-btn>.vxe-button{border-style:var(--vxe-ui-upload-file-button-border-style)}.vxe-upload--file-action-button:hover{border-color:var(--vxe-ui-font-primary-color)}.vxe-upload--file-action-tip{font-size:.9em;padding:var(--vxe-ui-layout-padding-half);color:var(--vxe-ui-input-placeholder-color)}.vxe-upload--file-item-error{padding-right:.4em;color:var(--vxe-ui-status-error-color);text-decoration:none;cursor:help}.vxe-upload--file-item-icon{flex-shrink:0;padding-right:.2em}.vxe-upload--file-item-name{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 .2em}.vxe-upload--file-item-btn-wrapper{display:inline-flex;flex-direction:row;justify-content:center}.vxe-upload--file-item-loading-icon{padding-right:.2em}.vxe-upload--file-item-loading-icon,.vxe-upload--file-item-loading-text{color:var(--vxe-ui-loading-color);flex-shrink:0}.vxe-upload--file-item-corner,.vxe-upload--file-item-download-btn,.vxe-upload--file-item-remove-btn{flex-shrink:0}.vxe-upload--file-item-download-btn,.vxe-upload--file-item-remove-btn{padding-left:.5em;cursor:pointer}.vxe-upload--file-item-download-btn{color:var(--vxe-ui-font-primary-color)}.vxe-upload--file-item-download-btn:hover{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-upload--file-item-remove-btn{color:var(--vxe-ui-status-error-color)}.vxe-upload--file-item-remove-btn:hover{color:var(--vxe-ui-status-error-lighten-color)}.vxe-upload--image-list,.vxe-upload--image-more-list{display:flex;flex-direction:row;flex-wrap:wrap}.vxe-upload--image-action,.vxe-upload--image-item,.vxe-upload--image-over-more{flex-shrink:0;text-align:center;padding:var(--vxe-ui-layout-padding-half)}.vxe-upload--image-over-more{display:flex;align-items:center;justify-content:center}.vxe-upload--image-action-icon{font-size:1.2em;padding-bottom:.1em}.vxe-upload--image-action-content{font-size:.9em;padding:0 .15em .5em .15em}.vxe-upload--image-action-box,.vxe-upload--image-item-box{position:relative;border-radius:var(--vxe-ui-base-border-radius)}.vxe-upload--image-item-box{display:flex;flex-direction:row;align-items:center;justify-content:center;border:1px solid var(--vxe-ui-input-border-color)}.vxe-upload--image-action-box{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px var(--vxe-ui-upload-image-button-border-style) var(--vxe-ui-input-border-color);cursor:pointer}.vxe-upload--image-action-box:hover{color:var(--vxe-ui-font-primary-color);border-color:var(--vxe-ui-font-primary-color)}.vxe-upload.is--disabled .vxe-upload--file-action-btn,.vxe-upload.is--disabled .vxe-upload--image-action-box{color:var(--vxe-ui-font-disabled-color);cursor:no-drop}.vxe-upload.is--disabled .vxe-upload--image-action-box:hover{color:var(--vxe-ui-font-disabled-color);border-color:var(--vxe-ui-input-border-color)}.vxe-upload--image-item:hover:not(.is--loading) .vxe-upload--image-item-box{border-color:var(--vxe-ui-font-primary-color)}.vxe-upload--image-item:hover:not(.is--loading) .vxe-upload--image-item-box::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background-color:rgba(0,0,0,.1)}.vxe-upload--image-item.is--loading .vxe-upload--image-item-box{cursor:progress}.vxe-upload--image-item.is--error .vxe-upload--image-item-box{border-color:var(--vxe-ui-status-error-color)}.vxe-upload--image-item.is--preview .vxe-upload--image-item-box{cursor:pointer}.vxe-upload--image-item-img{max-width:100%;max-height:100%;border-radius:var(--vxe-ui-base-border-radius)}.vxe-upload--image-item-loading{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;top:0;left:0;width:100%;height:100%;color:var(--vxe-ui-loading-color);background-color:var(--vxe-ui-loading-background-color);z-index:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-upload--image-action-hint{font-size:12px;word-break:break-all;color:var(--vxe-ui-input-placeholder-color)}.vxe-upload--image-item-btn-wrapper{display:inline-flex;flex-direction:row;justify-content:center;position:absolute;top:calc(var(--vxe-ui-layout-padding-half) * -1);right:calc(var(--vxe-ui-layout-padding-half) * -1)}.vxe-upload--file-item-,.vxe-upload--image-item-remove-btn{flex-shrink:0}.vxe-upload--image-item-remove-btn{display:flex;flex-direction:row;justify-content:center;align-items:center;width:1.8em;height:1.8em;font-size:.8em;border-radius:50%;color:#fff;background-color:var(--vxe-ui-status-error-color);z-index:3;cursor:pointer}.vxe-upload--image-item-remove-btn:hover{background-color:var(--vxe-ui-status-error-lighten-color)}.vxe-upload--file-message-over-error .vxe-upload--file-message-over-extra{margin-top:.5em;max-height:160px;overflow:auto;border:1px solid var(--vxe-ui-input-border-color);padding:var(--vxe-ui-layout-padding-half) var(--vxe-ui-layout-padding-default);outline:0}.vxe-upload--file-message-over-error .vxe-upload--file-message-over-extra-item{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-upload,.vxe-upload--more-popup{font-size:var(--vxe-ui-font-size-default)}.vxe-upload .vxe-upload--image-action-box,.vxe-upload .vxe-upload--image-item-box,.vxe-upload--more-popup .vxe-upload--image-action-box,.vxe-upload--more-popup .vxe-upload--image-item-box{width:var(--vxe-ui-upload-image-wh-default);height:var(--vxe-ui-upload-image-wh-default)}.vxe-upload--more-popup.size--medium,.vxe-upload.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-upload--more-popup.size--medium .vxe-upload--image-action-box,.vxe-upload--more-popup.size--medium .vxe-upload--image-item-box,.vxe-upload.size--medium .vxe-upload--image-action-box,.vxe-upload.size--medium .vxe-upload--image-item-box{width:var(--vxe-ui-upload-image-wh-medium);height:var(--vxe-ui-upload-image-wh-medium)}.vxe-upload--more-popup.size--small,.vxe-upload.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-upload--more-popup.size--small .vxe-upload--image-action-box,.vxe-upload--more-popup.size--small .vxe-upload--image-item-box,.vxe-upload.size--small .vxe-upload--image-action-box,.vxe-upload.size--small .vxe-upload--image-item-box{width:var(--vxe-ui-upload-image-wh-small);height:var(--vxe-ui-upload-image-wh-small)}.vxe-upload--more-popup.size--mini,.vxe-upload.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-upload--more-popup.size--mini .vxe-upload--image-action-box,.vxe-upload--more-popup.size--mini .vxe-upload--image-item-box,.vxe-upload.size--mini .vxe-upload--image-action-box,.vxe-upload.size--mini .vxe-upload--image-item-box{width:var(--vxe-ui-upload-image-wh-mini);height:var(--vxe-ui-upload-image-wh-mini)}.vxe-upload--image-more-list .vxe-upload--image-item-box{width:var(--vxe-ui-upload-image-wh-default);height:var(--vxe-ui-upload-image-wh-default)}
+.vxe-upload{position:relative;color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family)}.vxe-upload.is--active .vxe-upload--image-action-box{border-color:var(--vxe-ui-font-primary-color)}.vxe-upload.is--active .vxe-upload--file-action-btn>.vxe-button{border-color:var(--vxe-ui-font-primary-color);border-style:var(--vxe-ui-upload-file-button-border-style)}.vxe-upload.show--error .vxe-upload--file-item.is--error{color:var(--vxe-ui-status-error-color)}.vxe-upload.show--error .vxe-upload--file-item.is--error:hover .vxe-upload--file-item-name{color:var(--vxe-ui-status-error-color)}.vxe-upload.show--error .vxe-upload--file-item.is--error .vxe-upload--file-item-name{text-decoration:line-through}.vxe-upload--more-popup.is--disabled .vxe-upload--file-action-btn,.vxe-upload--more-popup.is--disabled .vxe-upload--image-action-box,.vxe-upload.is--disabled .vxe-upload--file-action-btn,.vxe-upload.is--disabled .vxe-upload--image-action-box{cursor:no-drop}.vxe-upload--drag-placeholder{display:flex;flex-direction:row;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;font-weight:700;font-weight:var(--vxe-ui-font-darken-color);font-size:1.2em;border-radius:var(--vxe-ui-base-border-radius);background-color:var(--vxe-ui-upload-drag-over-background-color);border:1px dotted var(--vxe-ui-font-lighten-color);z-index:9}.vxe-upload--file-list-wrapper.is--horizontal{display:flex;flex-direction:row}.vxe-upload--file-list-wrapper.is--horizontal>.vxe-upload--file-list{flex-grow:1;display:flex;flex-direction:column;justify-content:center}.vxe-upload--file-list-wrapper.is--horizontal>.vxe-upload--file-action{flex-shrink:0}.vxe-upload--file-list{max-height:294px;overflow:auto;outline:0}.vxe-upload--file-item{position:relative;display:flex;flex-direction:row;align-items:center;line-height:1.5em;margin-bottom:var(--vxe-ui-layout-padding-half);padding:.1em var(--vxe-ui-layout-padding-half)}.vxe-upload--file-item:hover{background-color:var(--vxe-ui-base-hover-background-color)}.vxe-upload--file-item:hover:not(.is--loading) .vxe-upload--file-item-name{color:var(--vxe-ui-font-primary-color)}.vxe-upload--file-item:last-child{margin-bottom:0}.vxe-upload--file-item.is--loading{cursor:progress;color:var(--vxe-ui-input-placeholder-color)}.vxe-upload--file-item.is--preview .vxe-upload--file-item-name{cursor:pointer}.vxe-upload--file-over-more{display:flex;align-items:center;justify-content:center;flex-shrink:0}.vxe-upload--file-over-more .vxe-button{padding-top:0;padding-bottom:0}.vxe-upload--file-action-btn{display:inline-block}.vxe-upload--file-action-btn>.vxe-button{border-style:var(--vxe-ui-upload-file-button-border-style)}.vxe-upload--file-action-button:hover{border-color:var(--vxe-ui-font-primary-color)}.vxe-upload--file-action-tip{font-size:.9em;padding:var(--vxe-ui-layout-padding-half);color:var(--vxe-ui-input-placeholder-color)}.vxe-upload--file-item-error{padding-right:.4em;color:var(--vxe-ui-status-error-color);text-decoration:none;cursor:help}.vxe-upload--file-item-icon{flex-shrink:0;padding-right:.2em}.vxe-upload--file-item-name{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 .2em}.vxe-upload--file-item-btn-wrapper{display:inline-flex;flex-direction:row;justify-content:center}.vxe-upload--file-item-loading-icon{padding-right:.2em}.vxe-upload--file-item-loading-icon,.vxe-upload--file-item-loading-text{color:var(--vxe-ui-loading-color);flex-shrink:0}.vxe-upload--file-item-corner,.vxe-upload--file-item-download-btn,.vxe-upload--file-item-remove-btn{flex-shrink:0}.vxe-upload--file-item-download-btn,.vxe-upload--file-item-remove-btn{padding-left:.5em;cursor:pointer}.vxe-upload--file-item-download-btn{color:var(--vxe-ui-font-primary-color)}.vxe-upload--file-item-download-btn:hover{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-upload--file-item-remove-btn{color:var(--vxe-ui-status-error-color)}.vxe-upload--file-item-remove-btn:hover{color:var(--vxe-ui-status-error-lighten-color)}.vxe-upload--image-list,.vxe-upload--image-more-list{display:flex;flex-direction:row;flex-wrap:wrap}.vxe-upload--image-action,.vxe-upload--image-item,.vxe-upload--image-over-more{flex-shrink:0;text-align:center;padding:var(--vxe-ui-layout-padding-half)}.vxe-upload--image-over-more{display:flex;align-items:center;justify-content:center}.vxe-upload--image-action-icon{font-size:1.2em;padding-bottom:.1em}.vxe-upload--image-action-content{font-size:.9em;padding:0 .15em .5em .15em}.vxe-upload--image-action-box,.vxe-upload--image-item-box{position:relative;border-radius:var(--vxe-ui-base-border-radius)}.vxe-upload--image-item-box{display:flex;flex-direction:row;align-items:center;justify-content:center;border:1px solid var(--vxe-ui-input-border-color)}.vxe-upload--image-action-box{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px var(--vxe-ui-upload-image-button-border-style) var(--vxe-ui-input-border-color);cursor:pointer}.vxe-upload--image-action-box:hover{color:var(--vxe-ui-font-primary-color);border-color:var(--vxe-ui-font-primary-color)}.vxe-upload.is--disabled .vxe-upload--file-action-btn,.vxe-upload.is--disabled .vxe-upload--image-action-box{color:var(--vxe-ui-font-disabled-color);cursor:no-drop}.vxe-upload.is--disabled .vxe-upload--image-action-box:hover{color:var(--vxe-ui-font-disabled-color);border-color:var(--vxe-ui-input-border-color)}.vxe-upload--image-item:hover:not(.is--loading) .vxe-upload--image-item-box{border-color:var(--vxe-ui-font-primary-color)}.vxe-upload--image-item:hover:not(.is--loading) .vxe-upload--image-item-box::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background-color:rgba(0,0,0,.1)}.vxe-upload--image-item.is--loading .vxe-upload--image-item-box{cursor:progress}.vxe-upload--image-item.is--error .vxe-upload--image-item-box{border-color:var(--vxe-ui-status-error-color)}.vxe-upload--image-item.is--preview .vxe-upload--image-item-box{cursor:pointer}.vxe-upload--image-item-img{max-width:100%;max-height:100%;border-radius:var(--vxe-ui-base-border-radius)}.vxe-upload--image-item-loading{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;top:0;left:0;width:100%;height:100%;color:var(--vxe-ui-loading-color);background-color:var(--vxe-ui-loading-background-color);z-index:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-upload--image-action-hint{font-size:12px;word-break:break-all;color:var(--vxe-ui-input-placeholder-color)}.vxe-upload--image-item-btn-wrapper{display:inline-flex;flex-direction:row;justify-content:center;position:absolute;top:calc(var(--vxe-ui-layout-padding-half) * -1);right:calc(var(--vxe-ui-layout-padding-half) * -1)}.vxe-upload--file-item-,.vxe-upload--image-item-remove-btn{flex-shrink:0}.vxe-upload--image-item-remove-btn{display:flex;flex-direction:row;justify-content:center;align-items:center;width:1.8em;height:1.8em;font-size:.8em;border-radius:50%;color:#fff;background-color:var(--vxe-ui-status-error-color);z-index:3;cursor:pointer}.vxe-upload--image-item-remove-btn:hover{background-color:var(--vxe-ui-status-error-lighten-color)}.vxe-upload--file-message-over-error .vxe-upload--file-message-over-extra{margin-top:.5em;max-height:160px;overflow:auto;border:1px solid var(--vxe-ui-input-border-color);padding:var(--vxe-ui-layout-padding-half) var(--vxe-ui-layout-padding-default);outline:0}.vxe-upload--file-message-over-error .vxe-upload--file-message-over-extra-item{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-upload,.vxe-upload--more-popup{font-size:var(--vxe-ui-font-size-default)}.vxe-upload .vxe-upload--image-action-box,.vxe-upload .vxe-upload--image-item-box,.vxe-upload--more-popup .vxe-upload--image-action-box,.vxe-upload--more-popup .vxe-upload--image-item-box{width:var(--vxe-ui-upload-image-wh-default);height:var(--vxe-ui-upload-image-wh-default)}.vxe-upload--more-popup.size--medium,.vxe-upload.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-upload--more-popup.size--medium .vxe-upload--image-action-box,.vxe-upload--more-popup.size--medium .vxe-upload--image-item-box,.vxe-upload.size--medium .vxe-upload--image-action-box,.vxe-upload.size--medium .vxe-upload--image-item-box{width:var(--vxe-ui-upload-image-wh-medium);height:var(--vxe-ui-upload-image-wh-medium)}.vxe-upload--more-popup.size--small,.vxe-upload.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-upload--more-popup.size--small .vxe-upload--image-action-box,.vxe-upload--more-popup.size--small .vxe-upload--image-item-box,.vxe-upload.size--small .vxe-upload--image-action-box,.vxe-upload.size--small .vxe-upload--image-item-box{width:var(--vxe-ui-upload-image-wh-small);height:var(--vxe-ui-upload-image-wh-small)}.vxe-upload--more-popup.size--mini,.vxe-upload.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-upload--more-popup.size--mini .vxe-upload--image-action-box,.vxe-upload--more-popup.size--mini .vxe-upload--image-item-box,.vxe-upload.size--mini .vxe-upload--image-action-box,.vxe-upload.size--mini .vxe-upload--image-item-box{width:var(--vxe-ui-upload-image-wh-mini);height:var(--vxe-ui-upload-image-wh-mini)}.vxe-upload--image-more-list .vxe-upload--image-item-box{width:var(--vxe-ui-upload-image-wh-default);height:var(--vxe-ui-upload-image-wh-default)}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vxe-pc-ui",
-  "version": "3.3.0",
+  "version": "3.3.1",
   "description": "A vue based PC component library",
   "scripts": {
     "update": "npm install --legacy-peer-deps",
@@ -63,7 +63,7 @@
     "vue": "2.6.14",
     "vue-i18n": "^8.15.1",
     "vue-router": "^3.5.1",
-    "vxe-table": "^3.9.19"
+    "vxe-table": "^3.11.0"
   },
   "vetur": {
     "tags": "helper/vetur/tags.json",

package/packages/language/en-US.ts

@@ -308,6 +308,7 @@ export default {
       fileTypeHint: 'Support {0} file types',
       fileSizeHint: 'Single file size does not exceed {0}',
       fileCountHint: 'Up to {0} file can be uploaded',
+      uploadTypeErr: 'File type does not match!',
       overCountErr: 'You can only choose {0} file!',
       overCountExtraErr: 'It has exceeded the maximum number {0}, and more than {0} file will be ignored!超出最大数量 1 个，超出的 1 个文件将被忽略！',
       overSizeErr: 'The size of the file is not more than {0}}!',

package/packages/language/es-ES.ts

@@ -308,6 +308,7 @@ export default {
       fileTypeHint: 'Support {0} file types',
       fileSizeHint: 'Single file size does not exceed {0}',
       fileCountHint: 'Up to {0} file can be uploaded',
+      uploadTypeErr: '文件类型不匹配！',
       overCountErr: 'You can only choose {0} file!',
       overCountExtraErr: 'It has exceeded the maximum number {0}, and more than {0} file will be ignored!超出最大数量 1 个，超出的 1 个文件将被忽略！',
       overSizeErr: 'The size of the file is not more than {0}}!',

package/packages/language/hu-HU.ts

@@ -308,6 +308,7 @@ export default {
       fileTypeHint: 'Támogatott {0} fájltípus',
       fileSizeHint: 'Egyetlen fájl mérete nem haladja meg a következőt: {0}',
       fileCountHint: 'Legfeljebb {0} fájl tölthető fel',
+      uploadTypeErr: '文件类型不匹配！',
       overCountErr: 'Csak {0} fájl választható ki!',
       overCountExtraErr: 'Túllépte a maximálisan megengedett {0} fájlt. A többlet {1} fájlt figyelmen kívül hagyja.',
       overSizeErr: 'A maximális fájlméret nem haladhatja meg a következőt: {0}!',

package/packages/language/ja-JP.ts

@@ -308,6 +308,7 @@ export default {
       fileTypeHint: 'Support {0} file types',
       fileSizeHint: 'Single file size does not exceed {0}',
       fileCountHint: 'Up to {0} file can be uploaded',
+      uploadTypeErr: '文件类型不匹配！',
       overCountErr: 'You can only choose {0} file!',
       overCountExtraErr: 'It has exceeded the maximum number {0}, and more than {0} file will be ignored!超出最大数量 1 个，超出的 1 个文件将被忽略！',
       overSizeErr: 'The size of the file is not more than {0}}!',