vxe-pc-ui 3.3.49 → 3.3.51
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/color-picker/style.css +1 -1
- package/es/color-picker/style.min.css +1 -1
- package/es/icon/style.css +1 -1
- package/es/style.css +1 -1
- package/es/style.min.css +1 -1
- package/es/ui/index.js +1 -1
- package/es/ui/src/dom.js +14 -1
- package/es/ui/src/log.js +1 -1
- package/es/upload/src/upload.js +36 -10
- package/es/vxe-color-picker/style.css +1 -1
- package/es/vxe-color-picker/style.min.css +1 -1
- package/lib/color-picker/style/style.css +1 -1
- package/lib/color-picker/style/style.min.css +1 -1
- package/lib/icon/style/style.css +1 -1
- package/lib/icon/style/style.min.css +1 -1
- package/lib/index.umd.js +48 -11
- package/lib/index.umd.min.js +1 -1
- package/lib/style.css +1 -1
- package/lib/style.min.css +1 -1
- package/lib/ui/index.js +1 -1
- package/lib/ui/index.min.js +1 -1
- package/lib/ui/src/dom.js +16 -2
- package/lib/ui/src/dom.min.js +1 -1
- package/lib/ui/src/log.js +1 -1
- package/lib/ui/src/log.min.js +1 -1
- package/lib/upload/src/upload.js +32 -8
- package/lib/upload/src/upload.min.js +1 -1
- package/lib/vxe-color-picker/style/style.css +1 -1
- package/lib/vxe-color-picker/style/style.min.css +1 -1
- package/package.json +1 -1
- package/packages/ui/src/dom.ts +16 -1
- package/packages/upload/src/upload.ts +41 -13
- package/styles/components/color-picker.scss +1 -1
- package/types/components/table.d.ts +2 -0
- /package/es/icon/{iconfont.1735275518431.ttf → iconfont.1735365386674.ttf} +0 -0
- /package/es/icon/{iconfont.1735275518431.woff → iconfont.1735365386674.woff} +0 -0
- /package/es/icon/{iconfont.1735275518431.woff2 → iconfont.1735365386674.woff2} +0 -0
- /package/es/{iconfont.1735275518431.ttf → iconfont.1735365386674.ttf} +0 -0
- /package/es/{iconfont.1735275518431.woff → iconfont.1735365386674.woff} +0 -0
- /package/es/{iconfont.1735275518431.woff2 → iconfont.1735365386674.woff2} +0 -0
- /package/lib/icon/style/{iconfont.1735275518431.ttf → iconfont.1735365386674.ttf} +0 -0
- /package/lib/icon/style/{iconfont.1735275518431.woff → iconfont.1735365386674.woff} +0 -0
- /package/lib/icon/style/{iconfont.1735275518431.woff2 → iconfont.1735365386674.woff2} +0 -0
- /package/lib/{iconfont.1735275518431.ttf → iconfont.1735365386674.ttf} +0 -0
- /package/lib/{iconfont.1735275518431.woff → iconfont.1735365386674.woff} +0 -0
- /package/lib/{iconfont.1735275518431.woff2 → iconfont.1735365386674.woff2} +0 -0
package/lib/ui/index.js
CHANGED
|
@@ -27,7 +27,7 @@ Object.keys(_core).forEach(function (key) {
|
|
|
27
27
|
var _dynamics = require("../dynamics");
|
|
28
28
|
var _utils = require("./src/utils");
|
|
29
29
|
var _log = require("./src/log");
|
|
30
|
-
var version = exports.version = "3.3.
|
|
30
|
+
var version = exports.version = "3.3.51";
|
|
31
31
|
_core.VxeUI.version = version;
|
|
32
32
|
_core.VxeUI.uiVersion = version;
|
|
33
33
|
_core.VxeUI.tableVersion = '';
|
package/lib/ui/index.min.js
CHANGED
|
@@ -1 +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.49";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:{},colorPicker:{type:"hex",clearable:!0,showAlpha:!0,clickToCopy:!0,showColorExtractor:!0,showQuick:!0},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:"beautify"},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,maskClosable:!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,autoFill:!0,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},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",COLOR_COPY:iconPrefix+"copy"}),exports.default=_core.VxeUI);
|
|
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.51";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:{},colorPicker:{type:"hex",clearable:!0,showAlpha:!0,clickToCopy:!0,showColorExtractor:!0,showQuick:!0},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:"beautify"},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,maskClosable:!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,autoFill:!0,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},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",COLOR_COPY:iconPrefix+"copy"}),exports.default=_core.VxeUI);
|
package/lib/ui/src/dom.js
CHANGED
|
@@ -9,19 +9,33 @@ exports.getAbsolutePos = getAbsolutePos;
|
|
|
9
9
|
exports.getDomNode = getDomNode;
|
|
10
10
|
exports.getEventTargetNode = getEventTargetNode;
|
|
11
11
|
exports.getOffsetPos = getOffsetPos;
|
|
12
|
+
exports.getTpImg = getTpImg;
|
|
12
13
|
exports.hasClass = hasClass;
|
|
14
|
+
exports.initTpImg = initTpImg;
|
|
13
15
|
exports.isNodeElement = isNodeElement;
|
|
14
16
|
exports.isPx = isPx;
|
|
15
17
|
exports.isScale = isScale;
|
|
16
18
|
exports.removeClass = removeClass;
|
|
17
19
|
exports.scrollToView = scrollToView;
|
|
18
20
|
exports.toCssUnit = toCssUnit;
|
|
19
|
-
exports.tpImg = void 0;
|
|
20
21
|
exports.triggerEvent = triggerEvent;
|
|
21
22
|
var _xeUtils = _interopRequireDefault(require("xe-utils"));
|
|
22
23
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
23
24
|
var browse = exports.browse = _xeUtils.default.browse();
|
|
24
|
-
var
|
|
25
|
+
var tpImgEl;
|
|
26
|
+
function initTpImg() {
|
|
27
|
+
if (!tpImgEl) {
|
|
28
|
+
tpImgEl = new Image();
|
|
29
|
+
tpImgEl.src = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=';
|
|
30
|
+
}
|
|
31
|
+
return tpImgEl;
|
|
32
|
+
}
|
|
33
|
+
function getTpImg() {
|
|
34
|
+
if (!tpImgEl) {
|
|
35
|
+
return initTpImg();
|
|
36
|
+
}
|
|
37
|
+
return tpImgEl;
|
|
38
|
+
}
|
|
25
39
|
var reClsMap = {};
|
|
26
40
|
function getClsRE(cls) {
|
|
27
41
|
if (!reClsMap[cls]) {
|
package/lib/ui/src/dom.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,"__esModule",{value:!0}),exports.addClass=addClass,exports.browse=void 0,exports.getAbsolutePos=getAbsolutePos,exports.getDomNode=getDomNode,exports.getEventTargetNode=getEventTargetNode,exports.getOffsetPos=getOffsetPos,exports.hasClass=hasClass,exports.isNodeElement=isNodeElement,exports.isPx=isPx,exports.isScale=isScale,exports.removeClass=removeClass,exports.scrollToView=scrollToView,exports.toCssUnit=toCssUnit,exports.
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:!0}),exports.addClass=addClass,exports.browse=void 0,exports.getAbsolutePos=getAbsolutePos,exports.getDomNode=getDomNode,exports.getEventTargetNode=getEventTargetNode,exports.getOffsetPos=getOffsetPos,exports.getTpImg=getTpImg,exports.hasClass=hasClass,exports.initTpImg=initTpImg,exports.isNodeElement=isNodeElement,exports.isPx=isPx,exports.isScale=isScale,exports.removeClass=removeClass,exports.scrollToView=scrollToView,exports.toCssUnit=toCssUnit,exports.triggerEvent=triggerEvent;var _xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var tpImgEl,browse=exports.browse=_xeUtils.default.browse();function initTpImg(){return tpImgEl||((tpImgEl=new Image).src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="),tpImgEl}function getTpImg(){return tpImgEl||initTpImg()}var reClsMap={};function getClsRE(e){return reClsMap[e]||(reClsMap[e]=new RegExp("(?:^|\\s)".concat(e,"(?!\\S)"),"g")),reClsMap[e]}function getNodeOffset(e,t,o){if(e){var s=e.parentNode;if(o.top+=e.offsetTop,o.left+=e.offsetLeft,s&&s!==document.documentElement&&s!==document.body&&(o.top-=s.scrollTop,o.left-=s.scrollLeft),(!t||e!==t&&e.offsetParent!==t)&&e.offsetParent)return getNodeOffset(e.offsetParent,t,o)}return o}function isPx(e){return e&&/^\d+(px)?$/.test(e)}function isScale(e){return e&&/^\d+%$/.test(e)}function hasClass(e,t){return e&&e.className&&e.className.match&&e.className.match(getClsRE(t))}function removeClass(e,t){e&&hasClass(e,t)&&(e.className=e.className.replace(getClsRE(t),""))}function addClass(e,t){e&&!hasClass(e,t)&&(removeClass(e,t),e.className="".concat(e.className," ").concat(t))}function toCssUnit(e){var t=1<arguments.length&&void 0!==arguments[1]?arguments[1]:"px";return _xeUtils.default.isNumber(e)||/^\d+$/.test("".concat(e))?"".concat(e).concat(t):"".concat(e||"")}function getDomNode(){var e=document.documentElement,t=document.body;return{scrollTop:e.scrollTop||t.scrollTop,scrollLeft:e.scrollLeft||t.scrollLeft,visibleHeight:e.clientHeight||t.clientHeight,visibleWidth:e.clientWidth||t.clientWidth}}function getEventTargetNode(e,t,o,s){for(var n,r=e.target.shadowRoot&&e.composed&&e.composedPath()[0]||e.target;r&&r.nodeType&&r!==document;){if(o&&hasClass(r,o)&&(!s||s(r)))n=r;else if(r===t)return{flag:!o||!!n,container:t,targetElem:n};r=r.parentNode}return{flag:!1}}function getOffsetPos(e,t){return getNodeOffset(e,t,{left:0,top:0})}function getAbsolutePos(e){var e=e.getBoundingClientRect(),t=e.top,e=e.left,o=getDomNode();return{boundingTop:t,top:o.scrollTop+t,boundingLeft:e,left:o.scrollLeft+e,visibleHeight:o.visibleHeight,visibleWidth:o.visibleWidth}}var scrollIntoViewIfNeeded="scrollIntoViewIfNeeded",scrollIntoView="scrollIntoView";function scrollToView(e){e&&(e[scrollIntoViewIfNeeded]?e[scrollIntoViewIfNeeded]():e[scrollIntoView]&&e[scrollIntoView]())}function triggerEvent(e,t){e&&e.dispatchEvent(new Event(t))}function isNodeElement(e){return e&&1===e.nodeType}
|
package/lib/ui/src/log.js
CHANGED
|
@@ -5,6 +5,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.warnLog = exports.errLog = void 0;
|
|
7
7
|
var _core = require("@vxe-ui/core");
|
|
8
|
-
var version = "ui v".concat("3.3.
|
|
8
|
+
var version = "ui v".concat("3.3.51");
|
|
9
9
|
var warnLog = exports.warnLog = _core.log.create('warn', version);
|
|
10
10
|
var errLog = exports.errLog = _core.log.create('error', version);
|
package/lib/ui/src/log.min.js
CHANGED
|
@@ -1 +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.
|
|
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.51"),warnLog=exports.warnLog=_core.log.create("warn",version),errLog=exports.errLog=_core.log.create("error",version);
|
package/lib/upload/src/upload.js
CHANGED
|
@@ -272,6 +272,9 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
272
272
|
formItemInfo: {
|
|
273
273
|
from: 'xeFormItemInfo',
|
|
274
274
|
default: null
|
|
275
|
+
},
|
|
276
|
+
$xeTable: {
|
|
277
|
+
default: null
|
|
275
278
|
}
|
|
276
279
|
},
|
|
277
280
|
data: function data() {
|
|
@@ -499,8 +502,9 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
499
502
|
var fileList = value ? (value ? _xeUtils.default.isArray(value) ? value : [value] : []).map(function (item) {
|
|
500
503
|
if (!item || _xeUtils.default.isString(item)) {
|
|
501
504
|
var url = "".concat(item || '');
|
|
502
|
-
var
|
|
503
|
-
|
|
505
|
+
var urlObj = _xeUtils.default.parseUrl(item);
|
|
506
|
+
var _name = (urlObj ? urlObj.searchQuery[nameProp] : '') || $xeUpload.parseFileName(url);
|
|
507
|
+
return _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, nameProp, _name), typeProp, (urlObj ? urlObj.searchQuery[typeProp] : '') || $xeUpload.parseFileType(_name)), urlProp, url), sizeProp, _xeUtils.default.toNumber(urlObj ? urlObj.searchQuery[sizeProp] : 0) || 0), keyField, getUniqueKey());
|
|
504
508
|
}
|
|
505
509
|
var name = item[nameProp] || '';
|
|
506
510
|
item[nameProp] = name;
|
|
@@ -528,10 +532,18 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
528
532
|
var singleMode = props.singleMode,
|
|
529
533
|
urlMode = props.urlMode;
|
|
530
534
|
var urlProp = $xeUpload.computeUrlProp;
|
|
535
|
+
var nameProp = $xeUpload.computeNameProp;
|
|
531
536
|
var restList = value ? value.slice(0) : [];
|
|
532
537
|
if (urlMode) {
|
|
533
538
|
restList = restList.map(function (item) {
|
|
534
|
-
|
|
539
|
+
var url = item[urlProp];
|
|
540
|
+
if (url) {
|
|
541
|
+
var urlObj = _xeUtils.default.parseUrl(url);
|
|
542
|
+
if (!urlObj.searchQuery[nameProp]) {
|
|
543
|
+
return "".concat(url).concat(url.indexOf('?') === -1 ? '?' : '&').concat(encodeURIComponent(item[nameProp] || ''));
|
|
544
|
+
}
|
|
545
|
+
}
|
|
546
|
+
return url;
|
|
535
547
|
});
|
|
536
548
|
}
|
|
537
549
|
$xeUpload.emitModel(singleMode ? restList[0] || null : restList);
|
|
@@ -1092,10 +1104,9 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
1092
1104
|
handleDragSortDragstartEvent: function handleDragSortDragstartEvent(evnt) {
|
|
1093
1105
|
var $xeUpload = this;
|
|
1094
1106
|
var reactData = $xeUpload.reactData;
|
|
1107
|
+
evnt.stopPropagation();
|
|
1095
1108
|
if (evnt.dataTransfer) {
|
|
1096
|
-
|
|
1097
|
-
img.src = _dom.tpImg;
|
|
1098
|
-
evnt.dataTransfer.setDragImage(img, 0, 0);
|
|
1109
|
+
evnt.dataTransfer.setDragImage((0, _dom.getTpImg)(), 0, 0);
|
|
1099
1110
|
}
|
|
1100
1111
|
var dragEl = evnt.currentTarget;
|
|
1101
1112
|
var parentEl = dragEl.parentElement;
|
|
@@ -1112,6 +1123,7 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
1112
1123
|
var $xeUpload = this;
|
|
1113
1124
|
var reactData = $xeUpload.reactData;
|
|
1114
1125
|
var internalData = $xeUpload.internalData;
|
|
1126
|
+
evnt.stopPropagation();
|
|
1115
1127
|
evnt.preventDefault();
|
|
1116
1128
|
var dragIndex = reactData.dragIndex;
|
|
1117
1129
|
if (dragIndex === -1) {
|
|
@@ -1173,6 +1185,15 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
1173
1185
|
hideDropTip($xeUpload);
|
|
1174
1186
|
reactData.dragIndex = -1;
|
|
1175
1187
|
},
|
|
1188
|
+
handleItemMousedownEvent: function handleItemMousedownEvent(evnt) {
|
|
1189
|
+
var $xeUpload = this;
|
|
1190
|
+
var $xeTable = $xeUpload.$xeTable;
|
|
1191
|
+
var reactData = $xeUpload.reactData;
|
|
1192
|
+
if ($xeTable) {
|
|
1193
|
+
evnt.stopPropagation();
|
|
1194
|
+
}
|
|
1195
|
+
reactData.isActivated = true;
|
|
1196
|
+
},
|
|
1176
1197
|
handleGlobalPasteEvent: function handleGlobalPasteEvent(evnt) {
|
|
1177
1198
|
var $xeUpload = this;
|
|
1178
1199
|
var props = $xeUpload;
|
|
@@ -1236,7 +1257,7 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
1236
1257
|
var typeProp = $xeUpload.computeTypeProp;
|
|
1237
1258
|
var cornerSlot = slots.corner;
|
|
1238
1259
|
var ons = {};
|
|
1239
|
-
if (dragSort) {
|
|
1260
|
+
if (dragSort && currList.length > 1) {
|
|
1240
1261
|
ons.dragstart = $xeUpload.handleDragSortDragstartEvent;
|
|
1241
1262
|
ons.dragover = $xeUpload.handleDragSortDragoverEvent;
|
|
1242
1263
|
ons.dragend = $xeUpload.handleDragSortDragendEvent;
|
|
@@ -1428,7 +1449,7 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
1428
1449
|
var imgStyle = $xeUpload.computeImgStyle;
|
|
1429
1450
|
var cornerSlot = slots.corner;
|
|
1430
1451
|
var ons = {};
|
|
1431
|
-
if (dragSort) {
|
|
1452
|
+
if (dragSort && currList.length > 1) {
|
|
1432
1453
|
ons.dragstart = $xeUpload.handleDragSortDragstartEvent;
|
|
1433
1454
|
ons.dragover = $xeUpload.handleDragSortDragoverEvent;
|
|
1434
1455
|
ons.dragend = $xeUpload.handleDragSortDragendEvent;
|
|
@@ -1666,6 +1687,9 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
1666
1687
|
(0, _log.warnLog)('vxe.error.delProp', ['image-style', 'image-config']);
|
|
1667
1688
|
}
|
|
1668
1689
|
}
|
|
1690
|
+
if (props.dragSort) {
|
|
1691
|
+
(0, _dom.initTpImg)();
|
|
1692
|
+
}
|
|
1669
1693
|
_ui.globalEvents.on($xeUpload, 'paste', $xeUpload.handleGlobalPasteEvent);
|
|
1670
1694
|
_ui.globalEvents.on($xeUpload, 'mousedown', $xeUpload.handleGlobalMousedownEvent);
|
|
1671
1695
|
_ui.globalEvents.on($xeUpload, 'blur', $xeUpload.handleGlobalBlurEvent);
|
|
@@ -1 +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.")}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}function showDropTip(e,t,o,i){var n=e.xID,a=e.reactData.showMorePopup,r=e.$refs.refElem,l=document.getElementById("refPopupElem".concat(n)),l=a?l:r;l&&(r=l.getBoundingClientRect(),l=e.$refs.refDragLineElem,e=document.getElementById("refModalDragLineElem".concat(n)),n=a?e:l)&&(a=o.getBoundingClientRect(),n.style.display="block",n.style.top="".concat(Math.max(1,a.y-r.y),"px"),n.style.left="".concat(Math.max(1,a.x-r.x),"px"),n.style.height="".concat(a.height,"px"),n.style.width="".concat(a.width-1,"px"),n.setAttribute("drag-pos",i))}function hideDropTip(e){var t=e.xID,e=e.$refs.refDragLineElem,t=document.getElementById("refModalDragLineElem".concat(t));e&&(e.style.display=""),t&&(t.style.display="")}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)}},imageConfig:{type:Object,default:function(){return _xeUtils.default.clone((0,_ui.getConfig)().upload.imageConfig,!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)}},dragSort:Boolean,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:{isDragUploadStatus:!1,showMorePopup:!1,isActivated:!1,fileList:[],fileCacheMaps:{},isDragMove:!1,dragIndex:-1,dragTipText:""},internalData:{imagePreviewTypes:["jpg","jpeg","png","gif"],prevDragIndex:-1}}},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")))},computeImageOpts:function(){return Object.assign({},this.imageConfig||this.imageStyle)},computeImgStyle:function(){var e=this.computeImageOpts,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,g=n.computeSizeProp,f=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 x,y=_.length-(v-u.length);0<y&&(x=_.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,y])),o("div",{class:"vxe-upload--file-message-over-extra"},x.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(f)for(var E=0;E<e.length;E++)if(e[0].size>f)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),D=r?u:[],w=[];_.forEach(function(e){var t=e.name,o=getUniqueKey(),t=_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},p,t),c,n.parseFileType(t)),g,e.size),m,""),s,o),o=(d&&(I[o]={file:e,loading:!0,status:"",percent:0}),t);d&&w.push(n.handleUploadResult(o,e)),D.push(o),n.dispatchEvent("add",{option:o},i)}),t.fileList=D,t.fileCacheMaps=I,Promise.all(l?w:[]).then(function(){n.handleChange(D),o&&a&&o.triggerItemEvent(i,a.itemConfig.field,D)})},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)})},handleUploadDragleaveEvent: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.isDragUploadStatus=!1)},handleUploadDragoverEvent:function(e){var t=this.reactData,o=e.dataTransfer;o&&(o=o.items)&&o.length&&(e.preventDefault(),t.isDragUploadStatus=!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")})},handleUploadDropEvent: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.isDragUploadStatus=!1},handleMoreEvent:function(){var c=this,m=c,g=c.reactData,f=c.xID,v=c.computeFormReadonly,h=c.computeIsImage;_ui.VxeUI.modal&&_ui.VxeUI.modal.open({title:v?(0,_ui.getI18n)("vxe.upload.morePopup.readTitle"):(0,_ui.getI18n)("vxe.upload.morePopup.".concat(h?"imageTitle":"fileTitle")),width:660,height:500,escClosable:!0,showMaximize:!0,resize:!0,maskClosable:!0,slots:{default:function(e,t){var o=m.showErrorStatus,i=m.dragToUpload,n=m.dragSort,a=g.isActivated,r=g.isDragMove,l=g.isDragUploadStatus,u=g.dragIndex,d=g.fileList,s=c.computeIsDisabled,p={};return i&&-1===u&&(p.dragover=c.handleUploadDragoverEvent,p.dragleave=c.handleUploadDragleaveEvent,p.drop=c.handleUploadDropEvent),t("div",{attrs:{id:"refPopupElem".concat(f)},class:["vxe-upload--more-popup",{"is--readonly":v,"is--disabled":s,"is--active":a,"show--error":o,"is--drag":l}],on:p},[h?n?t("transition-group",{props:{name:"vxe-upload--drag-list".concat(r?"":"-disabled"),tag:"div"},class:"vxe-upload--image-more-list"},c.renderImageItemList(t,d,!0).concat(c.renderImageAction(t,!0))):t("div",{class:"vxe-upload--image-more-list"},c.renderImageItemList(t,d,!0).concat(c.renderImageAction(t,!0))):t("div",{class:"vxe-upload--file-more-list"},[c.renderFileAction(t,!0),n?t("transition-group",{props:{name:"vxe-upload--drag-list".concat(r?"":"-disabled"),tag:"div"},class:"vxe-upload--file-list"},c.renderFileItemList(t,d,!0)):t("div",{class:"vxe-upload--file-list"},c.renderFileItemList(t,d,!0))]),n?t("div",{attrs:{id:"refModalDragLineElem".concat(f)},class:"vxe-upload--drag-line"}):(0,_ui.renderEmptyElement)(c),l?t("div",{class:"vxe-upload--drag-placeholder"},(0,_ui.getI18n)("vxe.upload.dragPlaceholder")):(0,_ui.renderEmptyElement)(c)])}},events:{show:function(){g.showMorePopup=!0},hide:function(){g.showMorePopup=!1}}})},handleDragSortDragstartEvent:function(e){var t=this.reactData,o=(e.dataTransfer&&((i=new Image).src=_dom.tpImg,e.dataTransfer.setDragImage(i,0,0)),e.currentTarget),i=o.parentElement,e=_xeUtils.default.findIndexOf(Array.from(i.children),function(e){return o===e});t.isDragMove=!0,t.dragIndex=e,setTimeout(function(){t.isDragMove=!1},500)},handleDragSortDragoverEvent:function(e){var t,o,i,n,a=this,r=a.reactData,l=a.internalData,r=(e.preventDefault(),r.dragIndex);-1!==r&&(t=a.computeIsImage,i=(o=e.currentTarget).parentElement,i=_xeUtils.default.findIndexOf(Array.from(i.children),function(e){return o===e}),n="",n=t?e.clientX-o.getBoundingClientRect().x<o.clientWidth/2?"left":"right":e.clientY-o.getBoundingClientRect().y<o.clientHeight/2?"top":"bottom",r===i?showDropTip(a,e,o,n):(showDropTip(a,e,o,n),l.prevDragIndex=i,l.prevDragPos=n))},handleDragSortDragendEvent:function(e){var t=this.reactData,o=this.internalData,i=t.fileList,n=o.prevDragIndex,o=o.prevDragPos,a=t.dragIndex,r="bottom"===o||"right"===o?1:0,l=i[a],u=i[n];l&&u&&(i.splice(a,1),n=_xeUtils.default.findIndexOf(i,function(e){return u===e})+r,i.splice(n,0,l),this.dispatchEvent("sort-dragend",{oldItem:l,newItem:u,dragPos:o,offsetIndex:r,_index:{newIndex:n,oldIndex:a}},e)),hideDropTip(this),t.dragIndex=-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,i=this.$refs.refPopupElem,o=(0,_dom.getEventTargetNode)(e,o).flag;!o&&i&&(i=(i=i.parentElement||i)&&i.parentElement,o=(0,_dom.getEventTargetNode)(e,i).flag),t.isActivated=o},handleGlobalBlurEvent:function(){this.reactData.isActivated=!1},renderFileItemList:function(r,e,l){var u=this,t=u.$scopedSlots,d=u.showRemoveButton,s=u.showDownloadButton,p=u.showProgress,c=u.progressText,m=u.showPreview,g=u.showErrorStatus,f=u.dragSort,v=u.reactData.fileCacheMaps,h=u.computeIsDisabled,_=u.computeFormReadonly,x=u.computeNameProp,y=u.computeTypeProp,E=t.corner,I={};return f&&(I.dragstart=u.handleDragSortDragstartEvent,I.dragover=u.handleDragSortDragoverEvent,I.dragend=u.handleDragSortDragendEvent),e.map(function(t,o){var e=u.getFieldKey(t),i=v[e],n=i&&i.loading,a=i&&"error"===i.status;return r("div",{key:f?e:o,class:["vxe-upload--file-item",{"is--preview":m,"is--loading":n,"is--error":a}],attrs:{fileid:e,draggable:!!f||null},on:I},[r("div",{class:"vxe-upload--file-item-icon"},[r("i",{class:(0,_ui.getIcon)()["UPLOAD_FILE_TYPE_".concat("".concat(t[y]).toLocaleUpperCase())]||(0,_ui.getIcon)().UPLOAD_FILE_TYPE_DEFAULT})]),r("div",{class:"vxe-upload--file-item-name",on:{click:function(e){n||a||u.handlePreviewFileEvent(e,t)}}},"".concat(t[x]||"")),n?r("div",{class:"vxe-upload--file-item-loading-icon"},[r("i",{class:(0,_ui.getIcon)().UPLOAD_LOADING})]):(0,_ui.renderEmptyElement)(u),p&&n&&i?r("div",{class:"vxe-upload--file-item-loading-text"},c?_xeUtils.default.toFormatString(c,{percent:i.percent}):(0,_ui.getI18n)("vxe.upload.uploadProgress",[i.percent])):(0,_ui.renderEmptyElement)(u),g&&a?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(){u.handleReUpload(t)}}})]):(0,_ui.renderEmptyElement)(u),r("div",{class:"vxe-upload--file-item-btn-wrapper"},[E?r("div",{class:"vxe-upload--file-item-corner"},(0,_vn.getSlotVNs)(E({option:t,isMoreView:l,readonly:_}))):(0,_ui.renderEmptyElement)(u),s&&!n?r("div",{class:"vxe-upload--file-item-download-btn",on:{click:function(e){u.downloadFileEvent(e,t)}}},[r("i",{class:(0,_ui.getIcon)().UPLOAD_FILE_DOWNLOAD})]):(0,_ui.renderEmptyElement)(u),!d||_||h||n?(0,_ui.renderEmptyElement)(u):r("div",{class:"vxe-upload--file-item-remove-btn",on:{click:function(e){u.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,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,n=t.dragSort,a=o.fileList,o=o.isDragMove,r=t.computeMoreOpts,l=r.maxCount,u=r.showMoreButton,r="horizontal"===r.layout,d=a,s=0;return l&&a.length>l&&(s=a.length-l,d=a.slice(0,l)),e("div",{key:"all",class:"vxe-upload--file-wrapper"},[u&&i&&r?(0,_ui.renderEmptyElement)(t):t.renderFileAction(e,!0),d.length||u&&r?e("div",{class:["vxe-upload--file-list-wrapper",{"is--horizontal":r}]},[d.length?n?e("transition-group",{attrs:{name:"vxe-upload--drag-list".concat(o?"":"-disabled"),tag:"div"},class:"vxe-upload--file-list"},t.renderFileItemList(e,d,!1)):e("div",{class:"vxe-upload--file-list"},t.renderFileItemList(e,d,!1)):(0,_ui.renderEmptyElement)(t),u&&s?e("div",{class:"vxe-upload--file-over-more"},[e(_button.default,{props:{mode:"text",content:(0,_ui.getI18n)("vxe.upload.moreBtnText",[a.length]),status:"primary"},on:{click:t.handleMoreEvent}})]):(0,_ui.renderEmptyElement)(t),u&&i&&r?t.renderFileAction(e,!1):(0,_ui.renderEmptyElement)(t)]):(0,_ui.renderEmptyElement)(t)])},renderImageItemList:function(r,e,l){var u=this,t=u.$scopedSlots,d=u.showRemoveButton,s=u.showProgress,p=u.progressText,c=u.showPreview,m=u.showErrorStatus,g=u.dragSort,f=u.reactData.fileCacheMaps,v=u.computeIsDisabled,h=u.computeFormReadonly,_=u.computeImageOpts,x=u.computeImgStyle,y=t.corner,E={};return g&&(E.dragstart=u.handleDragSortDragstartEvent,E.dragover=u.handleDragSortDragoverEvent,E.dragend=u.handleDragSortDragendEvent),e.map(function(t,o){var e=u.getFieldKey(t),i=f[e],n=i&&i.loading,a=i&&"error"===i.status;return r("div",{key:g?e:o,class:["vxe-upload--image-item",{"is--preview":c,"is--circle":_.circle,"is--loading":n,"is--error":a}],attrs:{fileid:e,draggable:!!g||null},on:E},[r("div",{class:"vxe-upload--image-item-box",style:l?{}:x,attrs:{title:(0,_ui.getI18n)("vxe.upload.viewItemTitle")},on:{click:function(e){n||a||u.handlePreviewImageEvent(e,t,o)}}},[n&&i?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})]),s?r("div",{class:"vxe-upload--image-item-loading-text"},p?_xeUtils.default.toFormatString(p,{percent:i.percent}):(0,_ui.getI18n)("vxe.upload.uploadProgress",[i.percent])):(0,_ui.renderEmptyElement)(u)]):(0,_ui.renderEmptyElement)(u),n?(0,_ui.renderEmptyElement)(u):a&&m?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(){u.handleReUpload(t)}}})]):r("div",{class:"vxe-upload--image-item-img-wrapper"},[r("img",{class:"vxe-upload--image-item-img",attrs:{src:u.getThumbnailFileUrl(t)}})]),r("div",{class:"vxe-upload--image-item-btn-wrapper",on:{click:function(e){e.stopPropagation()}}},[y?r("div",{class:"vxe-upload--file-item-corner"},(0,_vn.getSlotVNs)(y({option:t,isMoreView:l,readonly:h}))):(0,_ui.renderEmptyElement)(u),!d||h||v||n?(0,_ui.renderEmptyElement)(u):r("div",{class:"vxe-upload--image-item-remove-btn",on:{click:function(e){e.stopPropagation(),u.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,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,i=t.dragSort,n=o.fileList,o=o.isDragMove,a=t.computeMoreOpts,r=a.maxCount,a=a.showMoreButton,l=n,u=0;return r&&n.length>r&&(u=n.length-r,l=n.slice(0,r)),e("div",{key:"image",class:"vxe-upload--image-wrapper"},[i?e("transition-group",{attrs:{name:"vxe-upload--drag-list".concat(o?"":"-disabled"),tag:"div"},class:"vxe-upload--image-list"},t.renderImageItemList(e,l,!1).concat([a&&u?e("div",{key:"om",class:"vxe-upload--image-over-more"},[e(_button.default,{props:{mode:"text",content:(0,_ui.getI18n)("vxe.upload.moreBtnText",[n.length]),status:"primary"},on:{click:t.handleMoreEvent}})]):(0,_ui.renderEmptyElement)(t),t.renderImageAction(e,!1)])):e("div",{class:"vxe-upload--image-list"},t.renderImageItemList(e,l,!1).concat([a&&u?e("div",{class:"vxe-upload--image-over-more"},[e(_button.default,{props:{mode:"text",content:(0,_ui.getI18n)("vxe.upload.moreBtnText",[n.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=t.dragSort,r=o.isDragUploadStatus,l=o.showMorePopup,u=o.isActivated,d=t.computeSize,s=t.computeIsDisabled,p=t.computeFormReadonly,c=t.computeIsImage,m={};return t.dragToUpload&&-1===o.dragIndex&&(m.dragover=t.handleUploadDragoverEvent,m.dragleave=t.handleUploadDragleaveEvent,m.drop=t.handleUploadDropEvent),e("div",{ref:"refElem",class:["vxe-upload",_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(d),d),"is--active",u),"is--readonly",p),"is--disabled",s),"is--paste",n),"show--error",i),"is--drag",r)],on:m},[c?t.renderImageMode(e):t.renderAllMode(e),a?e("div",{ref:"refDragLineElem",class:"vxe-upload--drag-line"}):(0,_ui.renderEmptyElement)(t),r&&!l?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,t=e;"development"===process.env.NODE_ENV&&(t.multiple&&t.singleMode&&(0,_log.errLog)("vxe.error.errConflicts",["multiple","single-mode"]),t.imageStyle)&&(0,_log.warnLog)("vxe.error.delProp",["image-style","image-config"]),_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.isDragUploadStatus=!1,_ui.globalEvents.off(this,"paste"),_ui.globalEvents.off(this,"mousedown"),_ui.globalEvents.off(this,"blur")},render:function(e){return this.renderVN(e)}});
|
|
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.")}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}function showDropTip(e,t,o,i){var n=e.xID,a=e.reactData.showMorePopup,r=e.$refs.refElem,l=document.getElementById("refPopupElem".concat(n)),l=a?l:r;l&&(r=l.getBoundingClientRect(),l=e.$refs.refDragLineElem,e=document.getElementById("refModalDragLineElem".concat(n)),n=a?e:l)&&(a=o.getBoundingClientRect(),n.style.display="block",n.style.top="".concat(Math.max(1,a.y-r.y),"px"),n.style.left="".concat(Math.max(1,a.x-r.x),"px"),n.style.height="".concat(a.height,"px"),n.style.width="".concat(a.width-1,"px"),n.setAttribute("drag-pos",i))}function hideDropTip(e){var t=e.xID,e=e.$refs.refDragLineElem,t=document.getElementById("refModalDragLineElem".concat(t));e&&(e.style.display=""),t&&(t.style.display="")}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)}},imageConfig:{type:Object,default:function(){return _xeUtils.default.clone((0,_ui.getConfig)().upload.imageConfig,!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)}},dragSort:Boolean,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},$xeTable:{default:null}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{isDragUploadStatus:!1,showMorePopup:!1,isActivated:!1,fileList:[],fileCacheMaps:{},isDragMove:!1,dragIndex:-1,dragTipText:""},internalData:{imagePreviewTypes:["jpg","jpeg","png","gif"],prevDragIndex:-1}}},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")))},computeImageOpts:function(){return Object.assign({},this.imageConfig||this.imageStyle)},computeImgStyle:function(){var e=this.computeImageOpts,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 n=this,e=n.reactData,t=n.value,o=n.multiple,i=n.computeFormReadonly,a=n.computeKeyField,r=n.computeNameProp,l=n.computeTypeProp,u=n.computeUrlProp,d=n.computeSizeProp,t=t?(t?_xeUtils.default.isArray(t)?t:[t]:[]).map(function(e){var t,o,i;return!e||_xeUtils.default.isString(e)?(t="".concat(e||""),i=((o=_xeUtils.default.parseUrl(e))?o.searchQuery[r]:"")||n.parseFileName(t),_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},r,i),l,(o?o.searchQuery[l]:"")||n.parseFileType(i)),u,t),d,_xeUtils.default.toNumber(o?o.searchQuery[d]:0)||0),a,getUniqueKey())):(i=e[r]||"",e[r]=i,e[l]=e[l]||n.parseFileType(i),e[u]=e[u]||"",e[d]=e[d]||0,e[a]=e[a]||getUniqueKey(),e)}):[];e.fileList=i||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,n=this.computeNameProp,e=e?e.slice(0):[];o&&(e=e.map(function(e){var t=e[i];if(t&&!_xeUtils.default.parseUrl(t).searchQuery[n])return"".concat(t).concat(-1===t.indexOf("?")?"?":"&").concat(encodeURIComponent(e[n]||""));return t})),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,g=n.computeSizeProp,f=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 x,y=_.length-(v-u.length);0<y&&(x=_.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,y])),o("div",{class:"vxe-upload--file-message-over-extra"},x.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(f)for(var E=0;E<e.length;E++)if(e[0].size>f)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),D=r?u:[],w=[];_.forEach(function(e){var t=e.name,o=getUniqueKey(),t=_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},p,t),c,n.parseFileType(t)),g,e.size),m,""),s,o),o=(d&&(I[o]={file:e,loading:!0,status:"",percent:0}),t);d&&w.push(n.handleUploadResult(o,e)),D.push(o),n.dispatchEvent("add",{option:o},i)}),t.fileList=D,t.fileCacheMaps=I,Promise.all(l?w:[]).then(function(){n.handleChange(D),o&&a&&o.triggerItemEvent(i,a.itemConfig.field,D)})},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)})},handleUploadDragleaveEvent: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.isDragUploadStatus=!1)},handleUploadDragoverEvent:function(e){var t=this.reactData,o=e.dataTransfer;o&&(o=o.items)&&o.length&&(e.preventDefault(),t.isDragUploadStatus=!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")})},handleUploadDropEvent: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.isDragUploadStatus=!1},handleMoreEvent:function(){var c=this,m=c,g=c.reactData,f=c.xID,v=c.computeFormReadonly,h=c.computeIsImage;_ui.VxeUI.modal&&_ui.VxeUI.modal.open({title:v?(0,_ui.getI18n)("vxe.upload.morePopup.readTitle"):(0,_ui.getI18n)("vxe.upload.morePopup.".concat(h?"imageTitle":"fileTitle")),width:660,height:500,escClosable:!0,showMaximize:!0,resize:!0,maskClosable:!0,slots:{default:function(e,t){var o=m.showErrorStatus,i=m.dragToUpload,n=m.dragSort,a=g.isActivated,r=g.isDragMove,l=g.isDragUploadStatus,u=g.dragIndex,d=g.fileList,s=c.computeIsDisabled,p={};return i&&-1===u&&(p.dragover=c.handleUploadDragoverEvent,p.dragleave=c.handleUploadDragleaveEvent,p.drop=c.handleUploadDropEvent),t("div",{attrs:{id:"refPopupElem".concat(f)},class:["vxe-upload--more-popup",{"is--readonly":v,"is--disabled":s,"is--active":a,"show--error":o,"is--drag":l}],on:p},[h?n?t("transition-group",{props:{name:"vxe-upload--drag-list".concat(r?"":"-disabled"),tag:"div"},class:"vxe-upload--image-more-list"},c.renderImageItemList(t,d,!0).concat(c.renderImageAction(t,!0))):t("div",{class:"vxe-upload--image-more-list"},c.renderImageItemList(t,d,!0).concat(c.renderImageAction(t,!0))):t("div",{class:"vxe-upload--file-more-list"},[c.renderFileAction(t,!0),n?t("transition-group",{props:{name:"vxe-upload--drag-list".concat(r?"":"-disabled"),tag:"div"},class:"vxe-upload--file-list"},c.renderFileItemList(t,d,!0)):t("div",{class:"vxe-upload--file-list"},c.renderFileItemList(t,d,!0))]),n?t("div",{attrs:{id:"refModalDragLineElem".concat(f)},class:"vxe-upload--drag-line"}):(0,_ui.renderEmptyElement)(c),l?t("div",{class:"vxe-upload--drag-placeholder"},(0,_ui.getI18n)("vxe.upload.dragPlaceholder")):(0,_ui.renderEmptyElement)(c)])}},events:{show:function(){g.showMorePopup=!0},hide:function(){g.showMorePopup=!1}}})},handleDragSortDragstartEvent:function(e){var t=this.reactData,o=(e.stopPropagation(),e.dataTransfer&&e.dataTransfer.setDragImage((0,_dom.getTpImg)(),0,0),e.currentTarget),e=o.parentElement,e=_xeUtils.default.findIndexOf(Array.from(e.children),function(e){return o===e});t.isDragMove=!0,t.dragIndex=e,setTimeout(function(){t.isDragMove=!1},500)},handleDragSortDragoverEvent:function(e){var t,o,i,n,a=this,r=a.reactData,l=a.internalData,r=(e.stopPropagation(),e.preventDefault(),r.dragIndex);-1!==r&&(t=a.computeIsImage,i=(o=e.currentTarget).parentElement,i=_xeUtils.default.findIndexOf(Array.from(i.children),function(e){return o===e}),n="",n=t?e.clientX-o.getBoundingClientRect().x<o.clientWidth/2?"left":"right":e.clientY-o.getBoundingClientRect().y<o.clientHeight/2?"top":"bottom",r===i?showDropTip(a,e,o,n):(showDropTip(a,e,o,n),l.prevDragIndex=i,l.prevDragPos=n))},handleDragSortDragendEvent:function(e){var t=this.reactData,o=this.internalData,i=t.fileList,n=o.prevDragIndex,o=o.prevDragPos,a=t.dragIndex,r="bottom"===o||"right"===o?1:0,l=i[a],u=i[n];l&&u&&(i.splice(a,1),n=_xeUtils.default.findIndexOf(i,function(e){return u===e})+r,i.splice(n,0,l),this.dispatchEvent("sort-dragend",{oldItem:l,newItem:u,dragPos:o,offsetIndex:r,_index:{newIndex:n,oldIndex:a}},e)),hideDropTip(this),t.dragIndex=-1},handleItemMousedownEvent:function(e){var t=this.$xeTable,o=this.reactData;t&&e.stopPropagation(),o.isActivated=!0},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,i=this.$refs.refPopupElem,o=(0,_dom.getEventTargetNode)(e,o).flag;!o&&i&&(i=(i=i.parentElement||i)&&i.parentElement,o=(0,_dom.getEventTargetNode)(e,i).flag),t.isActivated=o},handleGlobalBlurEvent:function(){this.reactData.isActivated=!1},renderFileItemList:function(r,e,l){var u=this,t=u.$scopedSlots,d=u.showRemoveButton,s=u.showDownloadButton,p=u.showProgress,c=u.progressText,m=u.showPreview,g=u.showErrorStatus,f=u.dragSort,v=u.reactData.fileCacheMaps,h=u.computeIsDisabled,_=u.computeFormReadonly,x=u.computeNameProp,y=u.computeTypeProp,E=t.corner,I={};return f&&1<e.length&&(I.dragstart=u.handleDragSortDragstartEvent,I.dragover=u.handleDragSortDragoverEvent,I.dragend=u.handleDragSortDragendEvent),e.map(function(t,o){var e=u.getFieldKey(t),i=v[e],n=i&&i.loading,a=i&&"error"===i.status;return r("div",{key:f?e:o,class:["vxe-upload--file-item",{"is--preview":m,"is--loading":n,"is--error":a}],attrs:{fileid:e,draggable:!!f||null},on:I},[r("div",{class:"vxe-upload--file-item-icon"},[r("i",{class:(0,_ui.getIcon)()["UPLOAD_FILE_TYPE_".concat("".concat(t[y]).toLocaleUpperCase())]||(0,_ui.getIcon)().UPLOAD_FILE_TYPE_DEFAULT})]),r("div",{class:"vxe-upload--file-item-name",on:{click:function(e){n||a||u.handlePreviewFileEvent(e,t)}}},"".concat(t[x]||"")),n?r("div",{class:"vxe-upload--file-item-loading-icon"},[r("i",{class:(0,_ui.getIcon)().UPLOAD_LOADING})]):(0,_ui.renderEmptyElement)(u),p&&n&&i?r("div",{class:"vxe-upload--file-item-loading-text"},c?_xeUtils.default.toFormatString(c,{percent:i.percent}):(0,_ui.getI18n)("vxe.upload.uploadProgress",[i.percent])):(0,_ui.renderEmptyElement)(u),g&&a?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(){u.handleReUpload(t)}}})]):(0,_ui.renderEmptyElement)(u),r("div",{class:"vxe-upload--file-item-btn-wrapper"},[E?r("div",{class:"vxe-upload--file-item-corner"},(0,_vn.getSlotVNs)(E({option:t,isMoreView:l,readonly:_}))):(0,_ui.renderEmptyElement)(u),s&&!n?r("div",{class:"vxe-upload--file-item-download-btn",on:{click:function(e){u.downloadFileEvent(e,t)}}},[r("i",{class:(0,_ui.getIcon)().UPLOAD_FILE_DOWNLOAD})]):(0,_ui.renderEmptyElement)(u),!d||_||h||n?(0,_ui.renderEmptyElement)(u):r("div",{class:"vxe-upload--file-item-remove-btn",on:{click:function(e){u.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,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,n=t.dragSort,a=o.fileList,o=o.isDragMove,r=t.computeMoreOpts,l=r.maxCount,u=r.showMoreButton,r="horizontal"===r.layout,d=a,s=0;return l&&a.length>l&&(s=a.length-l,d=a.slice(0,l)),e("div",{key:"all",class:"vxe-upload--file-wrapper"},[u&&i&&r?(0,_ui.renderEmptyElement)(t):t.renderFileAction(e,!0),d.length||u&&r?e("div",{class:["vxe-upload--file-list-wrapper",{"is--horizontal":r}]},[d.length?n?e("transition-group",{attrs:{name:"vxe-upload--drag-list".concat(o?"":"-disabled"),tag:"div"},class:"vxe-upload--file-list"},t.renderFileItemList(e,d,!1)):e("div",{class:"vxe-upload--file-list"},t.renderFileItemList(e,d,!1)):(0,_ui.renderEmptyElement)(t),u&&s?e("div",{class:"vxe-upload--file-over-more"},[e(_button.default,{props:{mode:"text",content:(0,_ui.getI18n)("vxe.upload.moreBtnText",[a.length]),status:"primary"},on:{click:t.handleMoreEvent}})]):(0,_ui.renderEmptyElement)(t),u&&i&&r?t.renderFileAction(e,!1):(0,_ui.renderEmptyElement)(t)]):(0,_ui.renderEmptyElement)(t)])},renderImageItemList:function(r,e,l){var u=this,t=u.$scopedSlots,d=u.showRemoveButton,s=u.showProgress,p=u.progressText,c=u.showPreview,m=u.showErrorStatus,g=u.dragSort,f=u.reactData.fileCacheMaps,v=u.computeIsDisabled,h=u.computeFormReadonly,_=u.computeImageOpts,x=u.computeImgStyle,y=t.corner,E={};return g&&1<e.length&&(E.dragstart=u.handleDragSortDragstartEvent,E.dragover=u.handleDragSortDragoverEvent,E.dragend=u.handleDragSortDragendEvent),e.map(function(t,o){var e=u.getFieldKey(t),i=f[e],n=i&&i.loading,a=i&&"error"===i.status;return r("div",{key:g?e:o,class:["vxe-upload--image-item",{"is--preview":c,"is--circle":_.circle,"is--loading":n,"is--error":a}],attrs:{fileid:e,draggable:!!g||null},on:E},[r("div",{class:"vxe-upload--image-item-box",style:l?{}:x,attrs:{title:(0,_ui.getI18n)("vxe.upload.viewItemTitle")},on:{click:function(e){n||a||u.handlePreviewImageEvent(e,t,o)}}},[n&&i?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})]),s?r("div",{class:"vxe-upload--image-item-loading-text"},p?_xeUtils.default.toFormatString(p,{percent:i.percent}):(0,_ui.getI18n)("vxe.upload.uploadProgress",[i.percent])):(0,_ui.renderEmptyElement)(u)]):(0,_ui.renderEmptyElement)(u),n?(0,_ui.renderEmptyElement)(u):a&&m?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(){u.handleReUpload(t)}}})]):r("div",{class:"vxe-upload--image-item-img-wrapper"},[r("img",{class:"vxe-upload--image-item-img",attrs:{src:u.getThumbnailFileUrl(t)}})]),r("div",{class:"vxe-upload--image-item-btn-wrapper",on:{click:function(e){e.stopPropagation()}}},[y?r("div",{class:"vxe-upload--file-item-corner"},(0,_vn.getSlotVNs)(y({option:t,isMoreView:l,readonly:h}))):(0,_ui.renderEmptyElement)(u),!d||h||v||n?(0,_ui.renderEmptyElement)(u):r("div",{class:"vxe-upload--image-item-remove-btn",on:{click:function(e){e.stopPropagation(),u.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,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,i=t.dragSort,n=o.fileList,o=o.isDragMove,a=t.computeMoreOpts,r=a.maxCount,a=a.showMoreButton,l=n,u=0;return r&&n.length>r&&(u=n.length-r,l=n.slice(0,r)),e("div",{key:"image",class:"vxe-upload--image-wrapper"},[i?e("transition-group",{attrs:{name:"vxe-upload--drag-list".concat(o?"":"-disabled"),tag:"div"},class:"vxe-upload--image-list"},t.renderImageItemList(e,l,!1).concat([a&&u?e("div",{key:"om",class:"vxe-upload--image-over-more"},[e(_button.default,{props:{mode:"text",content:(0,_ui.getI18n)("vxe.upload.moreBtnText",[n.length]),status:"primary"},on:{click:t.handleMoreEvent}})]):(0,_ui.renderEmptyElement)(t),t.renderImageAction(e,!1)])):e("div",{class:"vxe-upload--image-list"},t.renderImageItemList(e,l,!1).concat([a&&u?e("div",{class:"vxe-upload--image-over-more"},[e(_button.default,{props:{mode:"text",content:(0,_ui.getI18n)("vxe.upload.moreBtnText",[n.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=t.dragSort,r=o.isDragUploadStatus,l=o.showMorePopup,u=o.isActivated,d=t.computeSize,s=t.computeIsDisabled,p=t.computeFormReadonly,c=t.computeIsImage,m={};return t.dragToUpload&&-1===o.dragIndex&&(m.dragover=t.handleUploadDragoverEvent,m.dragleave=t.handleUploadDragleaveEvent,m.drop=t.handleUploadDropEvent),e("div",{ref:"refElem",class:["vxe-upload",_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(d),d),"is--active",u),"is--readonly",p),"is--disabled",s),"is--paste",n),"show--error",i),"is--drag",r)],on:m},[c?t.renderImageMode(e):t.renderAllMode(e),a?e("div",{ref:"refDragLineElem",class:"vxe-upload--drag-line"}):(0,_ui.renderEmptyElement)(t),r&&!l?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,t=e;"development"===process.env.NODE_ENV&&(t.multiple&&t.singleMode&&(0,_log.errLog)("vxe.error.errConflicts",["multiple","single-mode"]),t.imageStyle)&&(0,_log.warnLog)("vxe.error.delProp",["image-style","image-config"]),t.dragSort&&(0,_dom.initTpImg)(),_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.isDragUploadStatus=!1,_ui.globalEvents.off(this,"paste"),_ui.globalEvents.off(this,"mousedown"),_ui.globalEvents.off(this,"blur")},render:function(e){return this.renderVN(e)}});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.vxe-color-picker.is--selected .vxe-color-picker--inner-color{color:#fff}.vxe-color-picker.is--active{border-color:var(--vxe-ui-font-primary-color)}.vxe-color-picker,.vxe-color-picker--readonly{position:relative;display:inline-block;width:2.4em;padding:.25em;border:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius);background-color:var(--vxe-ui-layout-background-color)}.vxe-color-picker--bar-alpha-slider,.vxe-color-picker--inner,.vxe-color-picker--preview-btn{background:#fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAWElEQVRIiWM8fubkfwYygKWJOSM5+mCAhRLNoxaPWjxq8ajFoxbTyeL/DAfJ0Xjs3Cl7Siwmu4Yht1aDgZEYx6MWj1o8avGoxaMWD3qLya5X//4nqx6HAQC7RBGFzolqTAAAAABJRU5ErkJggg==)}.vxe-color-picker--inner,.vxe-color-picker--readonly-color{width:100%;height:100%;background-size:1em 1em;border-radius:var(--vxe-ui-base-border-radius)}.vxe-color-picker--readonly-color{border:1px solid var(--vxe-ui-input-border-color)}.vxe-color-picker--inner{cursor:pointer}.vxe-color-picker--input{position:absolute;z-index:-1;width:1px;height:1px;outline:0;border:0}.vxe-color-picker--inner-color{width:100%;height:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;border:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius)}.vxe-color-picker--panel-wrapper{position:relative;width:23.4em;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-base-popup-border-color);box-shadow:var(--vxe-ui-base-popup-box-shadow);background-color:var(--vxe-ui-layout-background-color)}.vxe-color-picker--panel{display:none;position:absolute;left:0;padding:4px 0;color:var(--vxe-ui-font-color);text-align:left}.vxe-color-picker--panel:not(.is--transfer){min-width:100%}.vxe-color-picker--panel.is--transfer{position:fixed}.vxe-color-picker--panel.ani--leave{display:block;opacity:0;transform:scaleY(.5);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top;backface-visibility:hidden}.vxe-color-picker--panel.ani--leave[placement=top]{transform-origin:center bottom}.vxe-color-picker--panel.ani--enter{opacity:1;transform:scaleY(1)}.vxe-color-picker--color-wrapper{position:relative;height:
|
|
1
|
+
.vxe-color-picker.is--selected .vxe-color-picker--inner-color{color:#fff}.vxe-color-picker.is--active{border-color:var(--vxe-ui-font-primary-color)}.vxe-color-picker,.vxe-color-picker--readonly{position:relative;display:inline-block;width:2.4em;padding:.25em;border:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius);background-color:var(--vxe-ui-layout-background-color)}.vxe-color-picker--bar-alpha-slider,.vxe-color-picker--inner,.vxe-color-picker--preview-btn{background:#fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAWElEQVRIiWM8fubkfwYygKWJOSM5+mCAhRLNoxaPWjxq8ajFoxbTyeL/DAfJ0Xjs3Cl7Siwmu4Yht1aDgZEYx6MWj1o8avGoxaMWD3qLya5X//4nqx6HAQC7RBGFzolqTAAAAABJRU5ErkJggg==)}.vxe-color-picker--inner,.vxe-color-picker--readonly-color{width:100%;height:100%;background-size:1em 1em;border-radius:var(--vxe-ui-base-border-radius)}.vxe-color-picker--readonly-color{border:1px solid var(--vxe-ui-input-border-color)}.vxe-color-picker--inner{cursor:pointer}.vxe-color-picker--input{position:absolute;z-index:-1;width:1px;height:1px;outline:0;border:0}.vxe-color-picker--inner-color{width:100%;height:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;border:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius)}.vxe-color-picker--panel-wrapper{position:relative;width:23.4em;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-base-popup-border-color);box-shadow:var(--vxe-ui-base-popup-box-shadow);background-color:var(--vxe-ui-layout-background-color)}.vxe-color-picker--panel{display:none;position:absolute;left:0;padding:4px 0;color:var(--vxe-ui-font-color);text-align:left}.vxe-color-picker--panel:not(.is--transfer){min-width:100%}.vxe-color-picker--panel.is--transfer{position:fixed}.vxe-color-picker--panel.ani--leave{display:block;opacity:0;transform:scaleY(.5);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top;backface-visibility:hidden}.vxe-color-picker--panel.ani--leave[placement=top]{transform-origin:center bottom}.vxe-color-picker--panel.ani--enter{opacity:1;transform:scaleY(1)}.vxe-color-picker--color-wrapper{position:relative;height:160px;overflow:hidden}.vxe-color-picker--black-bg,.vxe-color-picker--color-bg,.vxe-color-picker--white-bg{position:absolute;top:0;left:0;width:100%;height:100%}.vxe-color-picker--white-bg{background:linear-gradient(to right,#fff,rgba(255,255,255,0))}.vxe-color-picker--black-bg{background:linear-gradient(to top,#000,rgba(255,255,255,0))}.vxe-color-picker--color-active{position:absolute;left:0;top:0;width:.8em;height:.8em;border-radius:50%;border:1px solid #fff;background-color:transparent;box-shadow:0 0 4px 1px rgba(0,0,0,.3);transform:translate(-.4em,-.4em)}.vxe-color-picker--quick-wrapper{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start;overflow-x:hidden;overflow-y:auto;max-height:9.2em}.vxe-color-picker--quick-item{width:1.5em;height:1.5em;margin:.4em;border:1px solid var(--vxe-ui-base-popup-border-color);border-radius:var(--vxe-ui-base-border-radius);cursor:pointer;transition:transform .1s ease-in-out}.vxe-color-picker--quick-item:hover{transform:scale(1.2);border-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-color-picker--quick-item:active{transform:scale(.8)}.vxe-color-picker--bar-wrapper{margin-top:.4em}.vxe-color-picker--slider-wrapper{display:flex;flex-direction:row}.vxe-color-picker--slider-preview{display:flex;flex-direction:row;flex-shrink:0;align-items:center;justify-content:center;width:60px;padding-left:.5em}.vxe-color-picker--preview-btn,.vxe-color-picker--preview-color{width:2.2em;height:2.2em;border-radius:50%}.vxe-color-picker--preview-btn{background-size:.8em .8em}.vxe-color-picker--preview-color{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;border:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-color-picker--preview-color:hover::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background-color:rgba(0,0,0,.3);z-index:0}.vxe-color-picker--preview-color:hover .vxe-color-picker--preview-copy-btn{display:block;z-index:1}.vxe-color-picker--preview-color:active .vxe-color-picker--preview-copy-btn{font-size:.8em}.vxe-color-picker--preview-copy-btn{display:none;color:#fff;cursor:pointer}.vxe-color-picker--slider-handle{display:flex;flex-direction:column;justify-content:center;flex-grow:1;padding:0 .6em}.vxe-color-picker--bar-alpha-slider,.vxe-color-picker--bar-hue-slider{position:relative;height:1em;width:100%;margin:.4em 0;cursor:pointer}.vxe-color-picker--bar-alpha-bg,.vxe-color-picker--bar-alpha-slider,.vxe-color-picker--bar-hue-slider{border-radius:var(--vxe-ui-base-border-radius)}.vxe-color-picker--bar-hue-slider{background:linear-gradient(to left,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red)}.vxe-color-picker--bar-alpha-btn,.vxe-color-picker--bar-hue-btn{position:absolute;left:0;top:-4px;width:.6em;height:calc(100% + 8px);border-radius:.2em;background-color:#fff;border:1px solid var(--vxe-ui-base-popup-border-color);transform:translateX(-.3em);cursor:grab;box-shadow:0 0 8px 0 rgba(0,0,0,.3);transition:transform .1s ease-in-out}.vxe-color-picker--bar-alpha-btn:hover,.vxe-color-picker--bar-hue-btn:hover{transform:translateX(-.3em) scale(1.1)}.vxe-color-picker--bar-alpha-btn:active,.vxe-color-picker--bar-hue-btn:active{transform:translateX(-.3em) scale(1.2);cursor:grabbing}.vxe-color-picker--bar-alpha-slider{background-size:1em 1em}.vxe-color-picker--bar-alpha-slider .vxe-color-picker--bar-alpha-bg{position:absolute;top:0;left:0;width:100%;height:100%}.vxe-color-picker--hex-wrapper,.vxe-color-picker--rgb-wrapper{text-align:center;margin-top:.4em}.vxe-color-picker--hex-wrapper{display:flex;flex-direction:row;padding:0 1.8em}.vxe-color-picker--hex-wrapper .vxe-color-picker--input-wrapper>.vxe-input{width:12em}.vxe-color-picker--hex-wrapper .vxe-color-picker--input-title{padding:0 .6em}.vxe-color-picker--input-title{color:var(--vxe-ui-input-placeholder-color)}.vxe-color-picker--rgb-wrapper .vxe-color-picker--input-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:center}.vxe-color-picker--rgb-wrapper .vxe-color-picker--input-wrapper>.vxe-input{width:5.4em;margin:0 .4em}.vxe-color-picker--rgb-wrapper .vxe-color-picker--input-title{display:flex;flex-direction:row;align-items:center;justify-content:center;line-height:1.4em}.vxe-color-picker--rgb-wrapper .vxe-color-picker--input-title>span{display:block;width:50px;margin:0 .4em}.vxe-color-picker--footer-wrapper{text-align:right;margin-top:.4em;padding:0 .4em .4em .4em}.vxe-color-picker,.vxe-color-picker--readonly{height:var(--vxe-ui-input-height-default);line-height:var(--vxe-ui-input-height-default)}.vxe-color-picker--readonly.size--medium,.vxe-color-picker.size--medium{height:var(--vxe-ui-input-height-medium);line-height:var(--vxe-ui-input-height-medium)}.vxe-color-picker--readonly.size--small,.vxe-color-picker.size--small{height:var(--vxe-ui-input-height-small);line-height:var(--vxe-ui-input-height-small)}.vxe-color-picker--readonly.size--mini,.vxe-color-picker.size--mini{height:var(--vxe-ui-input-height-mini);line-height:var(--vxe-ui-input-height-mini)}.vxe-color-picker,.vxe-color-picker--panel,.vxe-color-picker--readonly{font-size:var(--vxe-ui-font-size-default)}.vxe-color-picker--panel.size--medium,.vxe-color-picker--readonly.size--medium,.vxe-color-picker.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-color-picker--panel.size--small,.vxe-color-picker--readonly.size--small,.vxe-color-picker.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-color-picker--panel.size--mini,.vxe-color-picker--readonly.size--mini,.vxe-color-picker.size--mini{font-size:var(--vxe-ui-font-size-mini)}
|
package/package.json
CHANGED
package/packages/ui/src/dom.ts
CHANGED
|
@@ -2,7 +2,22 @@ import XEUtils from 'xe-utils'
|
|
|
2
2
|
|
|
3
3
|
export const browse = XEUtils.browse()
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
let tpImgEl: HTMLImageElement | undefined
|
|
6
|
+
|
|
7
|
+
export function initTpImg () {
|
|
8
|
+
if (!tpImgEl) {
|
|
9
|
+
tpImgEl = new Image()
|
|
10
|
+
tpImgEl.src = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII='
|
|
11
|
+
}
|
|
12
|
+
return tpImgEl
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
export function getTpImg () {
|
|
16
|
+
if (!tpImgEl) {
|
|
17
|
+
return initTpImg()
|
|
18
|
+
}
|
|
19
|
+
return tpImgEl
|
|
20
|
+
}
|
|
6
21
|
|
|
7
22
|
const reClsMap: { [key: string]: any } = {}
|
|
8
23
|
|
|
@@ -4,11 +4,11 @@ import XEUtils from 'xe-utils'
|
|
|
4
4
|
import { VxeUI, getConfig, getI18n, getIcon, globalMixins, createEvent, globalEvents, renderEmptyElement } from '../../ui'
|
|
5
5
|
import { getSlotVNs } from '../..//ui/src/vn'
|
|
6
6
|
import { errLog, warnLog } from '../../ui/src/log'
|
|
7
|
-
import {
|
|
7
|
+
import { initTpImg, getTpImg, getEventTargetNode, toCssUnit } from '../../ui/src/dom'
|
|
8
8
|
import { readLocalFile } from './util'
|
|
9
9
|
import VxeButtonComponent from '../../button/src/button'
|
|
10
10
|
|
|
11
|
-
import type { VxeUploadDefines, VxeUploadConstructor, VxeUploadPropTypes, UploadReactData, UploadInternalData, VxeUploadEmits, VxeComponentSizeType, VxeFormDefines, VxeFormConstructor, VxeFormPrivateMethods, ValueOf } from '../../../types'
|
|
11
|
+
import type { VxeUploadDefines, VxeUploadConstructor, VxeUploadPropTypes, UploadReactData, UploadInternalData, VxeUploadEmits, VxeComponentSizeType, VxeFormDefines, VxeFormConstructor, VxeFormPrivateMethods, ValueOf, VxeTableConstructor, VxeTablePrivateMethods } from '../../../types'
|
|
12
12
|
|
|
13
13
|
function getUniqueKey () {
|
|
14
14
|
return XEUtils.uniqueId()
|
|
@@ -220,6 +220,9 @@ export default defineVxeComponent({
|
|
|
220
220
|
formItemInfo: {
|
|
221
221
|
from: 'xeFormItemInfo',
|
|
222
222
|
default: null
|
|
223
|
+
},
|
|
224
|
+
$xeTable: {
|
|
225
|
+
default: null
|
|
223
226
|
}
|
|
224
227
|
},
|
|
225
228
|
data () {
|
|
@@ -249,7 +252,8 @@ export default defineVxeComponent({
|
|
|
249
252
|
...({} as {
|
|
250
253
|
computeSize(): VxeComponentSizeType
|
|
251
254
|
$xeForm(): (VxeFormConstructor & VxeFormPrivateMethods) | null
|
|
252
|
-
formItemInfo(): VxeFormDefines.ProvideItemInfo | null
|
|
255
|
+
formItemInfo(): VxeFormDefines.ProvideItemInfo | null,
|
|
256
|
+
$xeTable(): (VxeTableConstructor & VxeTablePrivateMethods) | null
|
|
253
257
|
}),
|
|
254
258
|
computeFormReadonly () {
|
|
255
259
|
const $xeUpload = this
|
|
@@ -463,12 +467,13 @@ export default defineVxeComponent({
|
|
|
463
467
|
? (value ? (XEUtils.isArray(value) ? value : [value]) : []).map(item => {
|
|
464
468
|
if (!item || XEUtils.isString(item)) {
|
|
465
469
|
const url = `${item || ''}`
|
|
466
|
-
const
|
|
470
|
+
const urlObj = XEUtils.parseUrl(item)
|
|
471
|
+
const name = (urlObj ? urlObj.searchQuery[nameProp] : '') || $xeUpload.parseFileName(url)
|
|
467
472
|
return {
|
|
468
473
|
[nameProp]: name,
|
|
469
|
-
[typeProp]: $xeUpload.parseFileType(name),
|
|
474
|
+
[typeProp]: (urlObj ? urlObj.searchQuery[typeProp] : '') || $xeUpload.parseFileType(name),
|
|
470
475
|
[urlProp]: url,
|
|
471
|
-
[sizeProp]: 0,
|
|
476
|
+
[sizeProp]: XEUtils.toNumber(urlObj ? urlObj.searchQuery[sizeProp] : 0) || 0,
|
|
472
477
|
[keyField]: getUniqueKey()
|
|
473
478
|
}
|
|
474
479
|
}
|
|
@@ -499,9 +504,19 @@ export default defineVxeComponent({
|
|
|
499
504
|
|
|
500
505
|
const { singleMode, urlMode } = props
|
|
501
506
|
const urlProp = $xeUpload.computeUrlProp
|
|
507
|
+
const nameProp = $xeUpload.computeNameProp
|
|
502
508
|
let restList = value ? value.slice(0) : []
|
|
503
509
|
if (urlMode) {
|
|
504
|
-
restList = restList.map(item =>
|
|
510
|
+
restList = restList.map(item => {
|
|
511
|
+
const url = item[urlProp]
|
|
512
|
+
if (url) {
|
|
513
|
+
const urlObj = XEUtils.parseUrl(url)
|
|
514
|
+
if (!urlObj.searchQuery[nameProp]) {
|
|
515
|
+
return `${url}${url.indexOf('?') === -1 ? '?' : '&'}${encodeURIComponent(item[nameProp] || '')}`
|
|
516
|
+
}
|
|
517
|
+
}
|
|
518
|
+
return url
|
|
519
|
+
})
|
|
505
520
|
}
|
|
506
521
|
$xeUpload.emitModel(singleMode ? (restList[0] || null) : restList)
|
|
507
522
|
},
|
|
@@ -1096,10 +1111,9 @@ export default defineVxeComponent({
|
|
|
1096
1111
|
const $xeUpload = this
|
|
1097
1112
|
const reactData = $xeUpload.reactData
|
|
1098
1113
|
|
|
1114
|
+
evnt.stopPropagation()
|
|
1099
1115
|
if (evnt.dataTransfer) {
|
|
1100
|
-
|
|
1101
|
-
img.src = tpImg
|
|
1102
|
-
evnt.dataTransfer.setDragImage(img, 0, 0)
|
|
1116
|
+
evnt.dataTransfer.setDragImage(getTpImg(), 0, 0)
|
|
1103
1117
|
}
|
|
1104
1118
|
const dragEl = evnt.currentTarget as HTMLElement
|
|
1105
1119
|
const parentEl = dragEl.parentElement as HTMLDivElement
|
|
@@ -1115,8 +1129,8 @@ export default defineVxeComponent({
|
|
|
1115
1129
|
const reactData = $xeUpload.reactData
|
|
1116
1130
|
const internalData = $xeUpload.internalData
|
|
1117
1131
|
|
|
1132
|
+
evnt.stopPropagation()
|
|
1118
1133
|
evnt.preventDefault()
|
|
1119
|
-
|
|
1120
1134
|
const { dragIndex } = reactData
|
|
1121
1135
|
if (dragIndex === -1) {
|
|
1122
1136
|
return
|
|
@@ -1172,6 +1186,16 @@ export default defineVxeComponent({
|
|
|
1172
1186
|
hideDropTip($xeUpload)
|
|
1173
1187
|
reactData.dragIndex = -1
|
|
1174
1188
|
},
|
|
1189
|
+
handleItemMousedownEvent (evnt: MouseEvent) {
|
|
1190
|
+
const $xeUpload = this
|
|
1191
|
+
const $xeTable = $xeUpload.$xeTable
|
|
1192
|
+
const reactData = $xeUpload.reactData
|
|
1193
|
+
|
|
1194
|
+
if ($xeTable) {
|
|
1195
|
+
evnt.stopPropagation()
|
|
1196
|
+
}
|
|
1197
|
+
reactData.isActivated = true
|
|
1198
|
+
},
|
|
1175
1199
|
handleGlobalPasteEvent (evnt: ClipboardEvent) {
|
|
1176
1200
|
const $xeUpload = this
|
|
1177
1201
|
const props = $xeUpload
|
|
@@ -1235,7 +1259,7 @@ export default defineVxeComponent({
|
|
|
1235
1259
|
const cornerSlot = slots.corner
|
|
1236
1260
|
|
|
1237
1261
|
const ons: Record<string, any> = {}
|
|
1238
|
-
if (dragSort) {
|
|
1262
|
+
if (dragSort && currList.length > 1) {
|
|
1239
1263
|
ons.dragstart = $xeUpload.handleDragSortDragstartEvent
|
|
1240
1264
|
ons.dragover = $xeUpload.handleDragSortDragoverEvent
|
|
1241
1265
|
ons.dragend = $xeUpload.handleDragSortDragendEvent
|
|
@@ -1479,7 +1503,7 @@ export default defineVxeComponent({
|
|
|
1479
1503
|
const cornerSlot = slots.corner
|
|
1480
1504
|
|
|
1481
1505
|
const ons: Record<string, any> = {}
|
|
1482
|
-
if (dragSort) {
|
|
1506
|
+
if (dragSort && currList.length > 1) {
|
|
1483
1507
|
ons.dragstart = $xeUpload.handleDragSortDragstartEvent
|
|
1484
1508
|
ons.dragover = $xeUpload.handleDragSortDragoverEvent
|
|
1485
1509
|
ons.dragend = $xeUpload.handleDragSortDragendEvent
|
|
@@ -1791,6 +1815,10 @@ export default defineVxeComponent({
|
|
|
1791
1815
|
warnLog('vxe.error.delProp', ['image-style', 'image-config'])
|
|
1792
1816
|
}
|
|
1793
1817
|
}
|
|
1818
|
+
|
|
1819
|
+
if (props.dragSort) {
|
|
1820
|
+
initTpImg()
|
|
1821
|
+
}
|
|
1794
1822
|
globalEvents.on($xeUpload, 'paste', $xeUpload.handleGlobalPasteEvent)
|
|
1795
1823
|
globalEvents.on($xeUpload, 'mousedown', $xeUpload.handleGlobalMousedownEvent)
|
|
1796
1824
|
globalEvents.on($xeUpload, 'blur', $xeUpload.handleGlobalBlurEvent)
|