vxe-pc-ui 3.3.36 → 3.3.38

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.
Files changed (54) hide show
  1. package/es/icon/style.css +1 -1
  2. package/es/pulldown/src/pulldown.js +2 -0
  3. package/es/style.css +1 -1
  4. package/es/style.min.css +1 -1
  5. package/es/ui/index.js +1 -1
  6. package/es/ui/src/dom.js +1 -0
  7. package/es/ui/src/log.js +1 -1
  8. package/es/upload/src/upload.js +288 -74
  9. package/es/upload/style.css +38 -2
  10. package/es/upload/style.min.css +1 -1
  11. package/es/vxe-upload/style.css +38 -2
  12. package/es/vxe-upload/style.min.css +1 -1
  13. package/helper/vetur/attributes.json +1 -1
  14. package/helper/vetur/tags.json +1 -1
  15. package/lib/icon/style/style.css +1 -1
  16. package/lib/icon/style/style.min.css +1 -1
  17. package/lib/index.umd.js +270 -52
  18. package/lib/index.umd.min.js +1 -1
  19. package/lib/pulldown/src/pulldown.js +6 -0
  20. package/lib/pulldown/src/pulldown.min.js +1 -1
  21. package/lib/style.css +1 -1
  22. package/lib/style.min.css +1 -1
  23. package/lib/ui/index.js +1 -1
  24. package/lib/ui/index.min.js +1 -1
  25. package/lib/ui/src/dom.js +2 -0
  26. package/lib/ui/src/dom.min.js +1 -1
  27. package/lib/ui/src/log.js +1 -1
  28. package/lib/ui/src/log.min.js +1 -1
  29. package/lib/upload/src/upload.js +257 -47
  30. package/lib/upload/src/upload.min.js +1 -1
  31. package/lib/upload/style/style.css +38 -2
  32. package/lib/upload/style/style.min.css +1 -1
  33. package/lib/vxe-upload/style/style.css +38 -2
  34. package/lib/vxe-upload/style/style.min.css +1 -1
  35. package/package.json +1 -1
  36. package/packages/pulldown/src/pulldown.ts +3 -1
  37. package/packages/ui/src/dom.ts +2 -0
  38. package/packages/upload/src/upload.ts +306 -75
  39. package/styles/components/upload.scss +34 -2
  40. package/types/components/pulldown.d.ts +9 -1
  41. package/types/components/table.d.ts +4 -0
  42. package/types/components/upload.d.ts +10 -2
  43. /package/es/icon/{iconfont.1734331066100.ttf → iconfont.1734402650511.ttf} +0 -0
  44. /package/es/icon/{iconfont.1734331066100.woff → iconfont.1734402650511.woff} +0 -0
  45. /package/es/icon/{iconfont.1734331066100.woff2 → iconfont.1734402650511.woff2} +0 -0
  46. /package/es/{iconfont.1734331066100.ttf → iconfont.1734402650511.ttf} +0 -0
  47. /package/es/{iconfont.1734331066100.woff → iconfont.1734402650511.woff} +0 -0
  48. /package/es/{iconfont.1734331066100.woff2 → iconfont.1734402650511.woff2} +0 -0
  49. /package/lib/icon/style/{iconfont.1734331066100.ttf → iconfont.1734402650511.ttf} +0 -0
  50. /package/lib/icon/style/{iconfont.1734331066100.woff → iconfont.1734402650511.woff} +0 -0
  51. /package/lib/icon/style/{iconfont.1734331066100.woff2 → iconfont.1734402650511.woff2} +0 -0
  52. /package/lib/{iconfont.1734331066100.ttf → iconfont.1734402650511.ttf} +0 -0
  53. /package/lib/{iconfont.1734331066100.woff → iconfont.1734402650511.woff} +0 -0
  54. /package/lib/{iconfont.1734331066100.woff2 → iconfont.1734402650511.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.36";
30
+ var version = exports.version = "3.3.38";
31
31
  _core.VxeUI.version = version;
32
32
  _core.VxeUI.uiVersion = version;
33
33
  _core.VxeUI.tableVersion = '';
@@ -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.36";function config(e){return"development"===process.env.NODE_ENV&&(0,_log.warnLog)("vxe.error.delFunc",["config","setConfig"]),(0,_core.setConfig)(e)}function setup(e){return"development"===process.env.NODE_ENV&&(0,_log.warnLog)("vxe.error.delFunc",["setup","setConfig"]),(0,_core.setConfig)(e)}_core.VxeUI.version=version,_core.VxeUI.uiVersion=version,_core.VxeUI.tableVersion="",_core.VxeUI.t=_core.VxeUI.getI18n,_core.VxeUI._t=_utils.getFuncText,_core.VxeUI.dynamicApp=_dynamics.dynamicApp,_core.VxeUI.config=config,_core.VxeUI.setup=setup,(0,_core.setConfig)({alert:{},anchor:{},anchorLink:{},avatar:{},badge:{},breadcrumb:{separator:"/"},breadcrumbItem:{},button:{trigger:"hover",prefixTooltip:{enterable:!0},suffixTooltip:{enterable:!0}},buttonGroup:{},calendar:{minDate:new Date(1900,0,1),maxDate:new Date(2100,0,1),startDay:1,selectDay:1},card:{border:!0,padding:!0},carousel:{height:200,loop:!0,interval:5e3},carouselItem:{},checkbox:{},checkboxGroup:{},col:{},collapse:{padding:!0,expandConfig:{showIcon:!0}},collapsePane:{},countdown:{},datePicker:{startDate:new Date(1900,0,1),endDate:new Date(2100,0,1),startDay:1,selectDay:1},drawer:{position:"right",showHeader:!0,lockView:!0,mask:!0,showTitleOverflow:!0,showClose:!0,padding:!0,cancelClosable:!0,confirmClosable:!0},empty:{},form:{validConfig:{showMessage:!0,autoPos:!0,theme:"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,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"}),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.38";function config(e){return"development"===process.env.NODE_ENV&&(0,_log.warnLog)("vxe.error.delFunc",["config","setConfig"]),(0,_core.setConfig)(e)}function setup(e){return"development"===process.env.NODE_ENV&&(0,_log.warnLog)("vxe.error.delFunc",["setup","setConfig"]),(0,_core.setConfig)(e)}_core.VxeUI.version=version,_core.VxeUI.uiVersion=version,_core.VxeUI.tableVersion="",_core.VxeUI.t=_core.VxeUI.getI18n,_core.VxeUI._t=_utils.getFuncText,_core.VxeUI.dynamicApp=_dynamics.dynamicApp,_core.VxeUI.config=config,_core.VxeUI.setup=setup,(0,_core.setConfig)({alert:{},anchor:{},anchorLink:{},avatar:{},badge:{},breadcrumb:{separator:"/"},breadcrumbItem:{},button:{trigger:"hover",prefixTooltip:{enterable:!0},suffixTooltip:{enterable:!0}},buttonGroup:{},calendar:{minDate:new Date(1900,0,1),maxDate:new Date(2100,0,1),startDay:1,selectDay:1},card:{border:!0,padding:!0},carousel:{height:200,loop:!0,interval:5e3},carouselItem:{},checkbox:{},checkboxGroup:{},col:{},collapse:{padding:!0,expandConfig:{showIcon:!0}},collapsePane:{},countdown:{},datePicker:{startDate:new Date(1900,0,1),endDate:new Date(2100,0,1),startDay:1,selectDay:1},drawer:{position:"right",showHeader:!0,lockView:!0,mask:!0,showTitleOverflow:!0,showClose:!0,padding:!0,cancelClosable:!0,confirmClosable:!0},empty:{},form:{validConfig:{showMessage:!0,autoPos:!0,theme:"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,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"}),exports.default=_core.VxeUI);
package/lib/ui/src/dom.js CHANGED
@@ -16,10 +16,12 @@ exports.isScale = isScale;
16
16
  exports.removeClass = removeClass;
17
17
  exports.scrollToView = scrollToView;
18
18
  exports.toCssUnit = toCssUnit;
19
+ exports.tpImg = void 0;
19
20
  exports.triggerEvent = triggerEvent;
20
21
  var _xeUtils = _interopRequireDefault(require("xe-utils"));
21
22
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
22
23
  var browse = exports.browse = _xeUtils.default.browse();
24
+ var tpImg = exports.tpImg = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=';
23
25
  var reClsMap = {};
24
26
  function getClsRE(cls) {
25
27
  if (!reClsMap[cls]) {
@@ -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.triggerEvent=triggerEvent;var _xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var browse=exports.browse=_xeUtils.default.browse(),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 l,r=e.target.shadowRoot&&e.composed&&e.composedPath()[0]||e.target;r&&r.nodeType&&r!==document;){if(o&&hasClass(r,o)&&(!s||s(r)))l=r;else if(r===t)return{flag:!o||!!l,container:t,targetElem:l};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}
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.tpImg=void 0,exports.triggerEvent=triggerEvent;var _xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var browse=exports.browse=_xeUtils.default.browse(),tpImg=exports.tpImg="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=",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 r,l=e.target.shadowRoot&&e.composed&&e.composedPath()[0]||e.target;l&&l.nodeType&&l!==document;){if(o&&hasClass(l,o)&&(!s||s(l)))r=l;else if(l===t)return{flag:!o||!!r,container:t,targetElem:r};l=l.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.36");
8
+ var version = "ui v".concat("3.3.38");
9
9
  var warnLog = exports.warnLog = _core.log.create('warn', version);
10
10
  var errLog = exports.errLog = _core.log.create('error', version);
@@ -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.36"),warnLog=exports.warnLog=_core.log.create("warn",version),errLog=exports.errLog=_core.log.create("error",version);
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.38"),warnLog=exports.warnLog=_core.log.create("warn",version),errLog=exports.errLog=_core.log.create("error",version);
@@ -30,6 +30,41 @@ function handleTransferFiles(items) {
30
30
  });
31
31
  return files;
32
32
  }
33
+ function showDropTip($xeUpload, evnt, dragEl, dragPos) {
34
+ var xID = $xeUpload.xID;
35
+ var reactData = $xeUpload.reactData;
36
+ var showMorePopup = reactData.showMorePopup;
37
+ var el = $xeUpload.$refs.refElem;
38
+ var popupEl = document.getElementById("refPopupElem".concat(xID));
39
+ var wrapperEl = showMorePopup ? popupEl : el;
40
+ if (!wrapperEl) {
41
+ return;
42
+ }
43
+ var wrapperRect = wrapperEl.getBoundingClientRect();
44
+ var ddLineEl = $xeUpload.$refs.refDragLineElem;
45
+ var mdLineEl = document.getElementById("refModalDragLineElem".concat(xID));
46
+ var currDLineEl = showMorePopup ? mdLineEl : ddLineEl;
47
+ if (currDLineEl) {
48
+ var dragRect = dragEl.getBoundingClientRect();
49
+ currDLineEl.style.display = 'block';
50
+ currDLineEl.style.top = "".concat(Math.max(1, dragRect.y - wrapperRect.y), "px");
51
+ currDLineEl.style.left = "".concat(Math.max(1, dragRect.x - wrapperRect.x), "px");
52
+ currDLineEl.style.height = "".concat(dragRect.height, "px");
53
+ currDLineEl.style.width = "".concat(dragRect.width - 1, "px");
54
+ currDLineEl.setAttribute('drag-pos', dragPos);
55
+ }
56
+ }
57
+ function hideDropTip($xeUpload) {
58
+ var xID = $xeUpload.xID;
59
+ var ddLineEl = $xeUpload.$refs.refDragLineElem;
60
+ var mdLineEl = document.getElementById("refModalDragLineElem".concat(xID));
61
+ if (ddLineEl) {
62
+ ddLineEl.style.display = '';
63
+ }
64
+ if (mdLineEl) {
65
+ mdLineEl.style.display = '';
66
+ }
67
+ }
33
68
  var _default2 = exports.default = (0, _comp.defineVxeComponent)({
34
69
  name: 'VxeUpload',
35
70
  model: {
@@ -88,6 +123,7 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
88
123
  return _xeUtils.default.clone((0, _ui.getConfig)().upload.fileTypes, true);
89
124
  }
90
125
  },
126
+ dragSort: Boolean,
91
127
  dragToUpload: {
92
128
  type: Boolean,
93
129
  default: function _default() {
@@ -241,14 +277,19 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
241
277
  data: function data() {
242
278
  var xID = _xeUtils.default.uniqueId();
243
279
  var reactData = {
244
- isDrag: false,
280
+ isDragUploadStatus: false,
245
281
  showMorePopup: false,
246
282
  isActivated: false,
247
283
  fileList: [],
248
- fileCacheMaps: {}
284
+ fileCacheMaps: {},
285
+ isDragMove: false,
286
+ dragIndex: -1,
287
+ dragTipText: ''
249
288
  };
250
289
  var internalData = {
251
- imagePreviewTypes: ['jpg', 'jpeg', 'png', 'gif']
290
+ imagePreviewTypes: ['jpg', 'jpeg', 'png', 'gif'],
291
+ prevDragIndex: -1
292
+ // prevDragPos: ''
252
293
  };
253
294
  return {
254
295
  xID: xID,
@@ -886,7 +927,7 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
886
927
  }
887
928
  });
888
929
  },
889
- handleDragleaveEvent: function handleDragleaveEvent(evnt) {
930
+ handleUploadDragleaveEvent: function handleUploadDragleaveEvent(evnt) {
890
931
  var $xeUpload = this;
891
932
  var reactData = $xeUpload.reactData;
892
933
  var targetElem = evnt.currentTarget;
@@ -899,11 +940,11 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
899
940
  targetHeight = _targetElem$getBoundi.height,
900
941
  targetWidth = _targetElem$getBoundi.width;
901
942
  if (clientX < targetX || clientX > targetX + targetWidth || clientY < targetY || clientY > targetY + targetHeight) {
902
- reactData.isDrag = false;
943
+ reactData.isDragUploadStatus = false;
903
944
  }
904
945
  }
905
946
  },
906
- handleDragoverEvent: function handleDragoverEvent(evnt) {
947
+ handleUploadDragoverEvent: function handleUploadDragoverEvent(evnt) {
907
948
  var $xeUpload = this;
908
949
  var reactData = $xeUpload.reactData;
909
950
  var dataTransfer = evnt.dataTransfer;
@@ -911,7 +952,7 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
911
952
  var items = dataTransfer.items;
912
953
  if (items && items.length) {
913
954
  evnt.preventDefault();
914
- reactData.isDrag = true;
955
+ reactData.isDragUploadStatus = true;
915
956
  }
916
957
  }
917
958
  },
@@ -947,7 +988,7 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
947
988
  }
948
989
  $xeUpload.uploadFile(files, evnt);
949
990
  },
950
- handleDropEvent: function handleDropEvent(evnt) {
991
+ handleUploadDropEvent: function handleUploadDropEvent(evnt) {
951
992
  var $xeUpload = this;
952
993
  var reactData = $xeUpload.reactData;
953
994
  var dataTransfer = evnt.dataTransfer;
@@ -961,12 +1002,13 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
961
1002
  }
962
1003
  }
963
1004
  }
964
- reactData.isDrag = false;
1005
+ reactData.isDragUploadStatus = false;
965
1006
  },
966
1007
  handleMoreEvent: function handleMoreEvent() {
967
1008
  var $xeUpload = this;
968
1009
  var props = $xeUpload;
969
1010
  var reactData = $xeUpload.reactData;
1011
+ var xID = $xeUpload.xID;
970
1012
  var formReadonly = $xeUpload.computeFormReadonly;
971
1013
  var isImage = $xeUpload.computeIsImage;
972
1014
  if (_ui.VxeUI.modal) {
@@ -981,44 +1023,154 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
981
1023
  slots: {
982
1024
  default: function _default(params, h) {
983
1025
  var showErrorStatus = props.showErrorStatus,
984
- dragToUpload = props.dragToUpload;
985
- var isDrag = reactData.isDrag;
986
- var isDisabled = $xeUpload.computeIsDisabled;
1026
+ dragToUpload = props.dragToUpload,
1027
+ dragSort = props.dragSort;
1028
+ var isDragMove = reactData.isDragMove,
1029
+ isDragUploadStatus = reactData.isDragUploadStatus,
1030
+ dragIndex = reactData.dragIndex;
987
1031
  var fileList = reactData.fileList;
1032
+ var isDisabled = $xeUpload.computeIsDisabled;
988
1033
  var ons = {};
989
- if (dragToUpload) {
990
- ons.dragover = $xeUpload.handleDragoverEvent;
991
- ons.dragleave = $xeUpload.handleDragleaveEvent;
992
- ons.drop = $xeUpload.handleDropEvent;
1034
+ if (dragToUpload && dragIndex === -1) {
1035
+ ons.dragover = $xeUpload.handleUploadDragoverEvent;
1036
+ ons.dragleave = $xeUpload.handleUploadDragleaveEvent;
1037
+ ons.drop = $xeUpload.handleUploadDropEvent;
993
1038
  }
994
1039
  return h('div', {
1040
+ attrs: {
1041
+ id: "refPopupElem".concat(xID)
1042
+ },
995
1043
  class: ['vxe-upload--more-popup', {
996
1044
  'is--readonly': formReadonly,
997
1045
  'is--disabled': isDisabled,
998
1046
  'show--error': showErrorStatus,
999
- 'is--drag': isDrag
1047
+ 'is--drag': isDragUploadStatus
1000
1048
  }],
1001
1049
  on: ons
1002
- }, [isImage ? h('div', {
1050
+ }, [isImage ? dragSort ? h('transition-group', {
1051
+ props: {
1052
+ name: "vxe-upload--drag-list".concat(isDragMove ? '' : '-disabled'),
1053
+ tag: 'div'
1054
+ },
1055
+ class: 'vxe-upload--image-more-list'
1056
+ }, $xeUpload.renderImageItemList(h, fileList, true).concat($xeUpload.renderImageAction(h, true))) : h('div', {
1003
1057
  class: 'vxe-upload--image-more-list'
1004
1058
  }, $xeUpload.renderImageItemList(h, fileList, true).concat($xeUpload.renderImageAction(h, true))) : h('div', {
1005
1059
  class: 'vxe-upload--file-more-list'
1006
- }, [$xeUpload.renderFileAction(h, true), h('div', {
1060
+ }, [$xeUpload.renderFileAction(h, true), dragSort ? h('transition-group', {
1061
+ props: {
1062
+ name: "vxe-upload--drag-list".concat(isDragMove ? '' : '-disabled'),
1063
+ tag: 'div'
1064
+ },
1065
+ class: 'vxe-upload--file-list'
1066
+ }, $xeUpload.renderFileItemList(h, fileList, true)) : h('div', {
1007
1067
  class: 'vxe-upload--file-list'
1008
- }, $xeUpload.renderFileItemList(h, fileList, true))]), isDrag ? h('div', {
1068
+ }, $xeUpload.renderFileItemList(h, fileList, true))]), dragSort ? h('div', {
1069
+ attrs: {
1070
+ id: "refModalDragLineElem".concat(xID)
1071
+ },
1072
+ class: 'vxe-upload--drag-line'
1073
+ }) : (0, _ui.renderEmptyElement)($xeUpload), isDragUploadStatus ? h('div', {
1009
1074
  class: 'vxe-upload--drag-placeholder'
1010
1075
  }, (0, _ui.getI18n)('vxe.upload.dragPlaceholder')) : (0, _ui.renderEmptyElement)($xeUpload)]);
1011
1076
  }
1012
1077
  },
1013
- onShow: function onShow() {
1014
- reactData.showMorePopup = true;
1015
- },
1016
- onHide: function onHide() {
1017
- reactData.showMorePopup = false;
1078
+ events: {
1079
+ show: function show() {
1080
+ reactData.showMorePopup = true;
1081
+ },
1082
+ hide: function hide() {
1083
+ reactData.showMorePopup = false;
1084
+ }
1018
1085
  }
1019
1086
  });
1020
1087
  }
1021
1088
  },
1089
+ // 拖拽
1090
+ handleDragSortDragstartEvent: function handleDragSortDragstartEvent(evnt) {
1091
+ var $xeUpload = this;
1092
+ var reactData = $xeUpload.reactData;
1093
+ if (evnt.dataTransfer) {
1094
+ var img = new Image();
1095
+ img.src = _dom.tpImg;
1096
+ evnt.dataTransfer.setDragImage(img, 0, 0);
1097
+ }
1098
+ var dragEl = evnt.currentTarget;
1099
+ var parentEl = dragEl.parentElement;
1100
+ var dragIndex = _xeUtils.default.findIndexOf(Array.from(parentEl.children), function (item) {
1101
+ return dragEl === item;
1102
+ });
1103
+ reactData.isDragMove = true;
1104
+ reactData.dragIndex = dragIndex;
1105
+ setTimeout(function () {
1106
+ reactData.isDragMove = false;
1107
+ }, 500);
1108
+ },
1109
+ handleDragSortDragoverEvent: function handleDragSortDragoverEvent(evnt) {
1110
+ var $xeUpload = this;
1111
+ var reactData = $xeUpload.reactData;
1112
+ var internalData = $xeUpload.internalData;
1113
+ evnt.preventDefault();
1114
+ var dragIndex = reactData.dragIndex;
1115
+ if (dragIndex === -1) {
1116
+ return;
1117
+ }
1118
+ var isImage = $xeUpload.computeIsImage;
1119
+ var dragEl = evnt.currentTarget;
1120
+ var parentEl = dragEl.parentElement;
1121
+ var currIndex = _xeUtils.default.findIndexOf(Array.from(parentEl.children), function (item) {
1122
+ return dragEl === item;
1123
+ });
1124
+ var dragPos = '';
1125
+ if (isImage) {
1126
+ var offsetX = evnt.clientX - dragEl.getBoundingClientRect().x;
1127
+ dragPos = offsetX < dragEl.clientWidth / 2 ? 'left' : 'right';
1128
+ } else {
1129
+ var offsetY = evnt.clientY - dragEl.getBoundingClientRect().y;
1130
+ dragPos = offsetY < dragEl.clientHeight / 2 ? 'top' : 'bottom';
1131
+ }
1132
+ if (dragIndex === currIndex) {
1133
+ showDropTip($xeUpload, evnt, dragEl, dragPos);
1134
+ return;
1135
+ }
1136
+ showDropTip($xeUpload, evnt, dragEl, dragPos);
1137
+ internalData.prevDragIndex = currIndex;
1138
+ internalData.prevDragPos = dragPos;
1139
+ },
1140
+ handleDragSortDragendEvent: function handleDragSortDragendEvent(evnt) {
1141
+ var $xeUpload = this;
1142
+ var reactData = $xeUpload.reactData;
1143
+ var internalData = $xeUpload.internalData;
1144
+ var fileList = reactData.fileList,
1145
+ dragIndex = reactData.dragIndex;
1146
+ var prevDragIndex = internalData.prevDragIndex,
1147
+ prevDragPos = internalData.prevDragPos;
1148
+ var oldIndex = dragIndex;
1149
+ var targetIndex = prevDragIndex;
1150
+ var dragOffsetIndex = prevDragPos === 'bottom' || prevDragPos === 'right' ? 1 : 0;
1151
+ var oldItem = fileList[oldIndex];
1152
+ var newItem = fileList[targetIndex];
1153
+ if (oldItem && newItem) {
1154
+ fileList.splice(oldIndex, 1);
1155
+ var ptfIndex = _xeUtils.default.findIndexOf(fileList, function (item) {
1156
+ return newItem === item;
1157
+ });
1158
+ var nIndex = ptfIndex + dragOffsetIndex;
1159
+ fileList.splice(nIndex, 0, oldItem);
1160
+ $xeUpload.dispatchEvent('sort-dragend', {
1161
+ oldItem: oldItem,
1162
+ newItem: newItem,
1163
+ dragPos: prevDragPos,
1164
+ offsetIndex: dragOffsetIndex,
1165
+ _index: {
1166
+ newIndex: nIndex,
1167
+ oldIndex: oldIndex
1168
+ }
1169
+ }, evnt);
1170
+ }
1171
+ hideDropTip($xeUpload);
1172
+ reactData.dragIndex = -1;
1173
+ },
1022
1174
  handleGlobalPasteEvent: function handleGlobalPasteEvent(evnt) {
1023
1175
  var $xeUpload = this;
1024
1176
  var props = $xeUpload;
@@ -1067,25 +1219,37 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
1067
1219
  showProgress = props.showProgress,
1068
1220
  progressText = props.progressText,
1069
1221
  showPreview = props.showPreview,
1070
- showErrorStatus = props.showErrorStatus;
1222
+ showErrorStatus = props.showErrorStatus,
1223
+ dragSort = props.dragSort;
1071
1224
  var fileCacheMaps = reactData.fileCacheMaps;
1072
1225
  var isDisabled = $xeUpload.computeIsDisabled;
1073
1226
  var formReadonly = $xeUpload.computeFormReadonly;
1074
1227
  var nameProp = $xeUpload.computeNameProp;
1075
1228
  var typeProp = $xeUpload.computeTypeProp;
1076
1229
  var cornerSlot = slots.corner;
1230
+ var ons = {};
1231
+ if (dragSort) {
1232
+ ons.dragstart = $xeUpload.handleDragSortDragstartEvent;
1233
+ ons.dragover = $xeUpload.handleDragSortDragoverEvent;
1234
+ ons.dragend = $xeUpload.handleDragSortDragendEvent;
1235
+ }
1077
1236
  return currList.map(function (item, index) {
1078
1237
  var fileKey = $xeUpload.getFieldKey(item);
1079
1238
  var cacheItem = fileCacheMaps[fileKey];
1080
1239
  var isLoading = cacheItem && cacheItem.loading;
1081
1240
  var isError = cacheItem && cacheItem.status === 'error';
1082
1241
  return h('div', {
1083
- key: index,
1242
+ key: dragSort ? fileKey : index,
1084
1243
  class: ['vxe-upload--file-item', {
1085
1244
  'is--preview': showPreview,
1086
1245
  'is--loading': isLoading,
1087
1246
  'is--error': isError
1088
- }]
1247
+ }],
1248
+ attrs: {
1249
+ fileid: fileKey,
1250
+ draggable: dragSort ? true : null
1251
+ },
1252
+ on: ons
1089
1253
  }, [h('div', {
1090
1254
  class: 'vxe-upload--file-item-icon'
1091
1255
  }, [h('i', {
@@ -1195,8 +1359,10 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
1195
1359
  var $xeUpload = this;
1196
1360
  var props = $xeUpload;
1197
1361
  var reactData = $xeUpload.reactData;
1198
- var moreConfig = props.moreConfig;
1199
- var fileList = reactData.fileList;
1362
+ var moreConfig = props.moreConfig,
1363
+ dragSort = props.dragSort;
1364
+ var fileList = reactData.fileList,
1365
+ isDragMove = reactData.isDragMove;
1200
1366
  var moreOpts = $xeUpload.computeMoreOpts;
1201
1367
  var maxCount = moreOpts.maxCount,
1202
1368
  showMoreButton = moreOpts.showMoreButton,
@@ -1215,7 +1381,13 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
1215
1381
  class: ['vxe-upload--file-list-wrapper', {
1216
1382
  'is--horizontal': isHorizontal
1217
1383
  }]
1218
- }, [currList.length ? h('div', {
1384
+ }, [currList.length ? dragSort ? h('transition-group', {
1385
+ attrs: {
1386
+ name: "vxe-upload--drag-list".concat(isDragMove ? '' : '-disabled'),
1387
+ tag: 'div'
1388
+ },
1389
+ class: 'vxe-upload--file-list'
1390
+ }, $xeUpload.renderFileItemList(h, currList, false)) : h('div', {
1219
1391
  class: 'vxe-upload--file-list'
1220
1392
  }, $xeUpload.renderFileItemList(h, currList, false)) : (0, _ui.renderEmptyElement)($xeUpload), showMoreButton && overMaxNum ? h('div', {
1221
1393
  class: 'vxe-upload--file-over-more'
@@ -1239,26 +1411,38 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
1239
1411
  showProgress = props.showProgress,
1240
1412
  progressText = props.progressText,
1241
1413
  showPreview = props.showPreview,
1242
- showErrorStatus = props.showErrorStatus;
1414
+ showErrorStatus = props.showErrorStatus,
1415
+ dragSort = props.dragSort;
1243
1416
  var fileCacheMaps = reactData.fileCacheMaps;
1244
1417
  var isDisabled = $xeUpload.computeIsDisabled;
1245
1418
  var formReadonly = $xeUpload.computeFormReadonly;
1246
1419
  var imageOpts = $xeUpload.computeImageOpts;
1247
1420
  var imgStyle = $xeUpload.computeImgStyle;
1248
1421
  var cornerSlot = slots.corner;
1422
+ var ons = {};
1423
+ if (dragSort) {
1424
+ ons.dragstart = $xeUpload.handleDragSortDragstartEvent;
1425
+ ons.dragover = $xeUpload.handleDragSortDragoverEvent;
1426
+ ons.dragend = $xeUpload.handleDragSortDragendEvent;
1427
+ }
1249
1428
  return currList.map(function (item, index) {
1250
1429
  var fileKey = $xeUpload.getFieldKey(item);
1251
1430
  var cacheItem = fileCacheMaps[fileKey];
1252
1431
  var isLoading = cacheItem && cacheItem.loading;
1253
1432
  var isError = cacheItem && cacheItem.status === 'error';
1254
1433
  return h('div', {
1255
- key: index,
1434
+ key: dragSort ? fileKey : index,
1256
1435
  class: ['vxe-upload--image-item', {
1257
1436
  'is--preview': showPreview,
1258
1437
  'is--circle': imageOpts.circle,
1259
1438
  'is--loading': isLoading,
1260
1439
  'is--error': isError
1261
- }]
1440
+ }],
1441
+ attrs: {
1442
+ fileid: fileKey,
1443
+ draggable: dragSort ? true : null
1444
+ },
1445
+ on: ons
1262
1446
  }, [h('div', {
1263
1447
  class: 'vxe-upload--image-item-box',
1264
1448
  style: isMoreView ? {} : imgStyle,
@@ -1375,8 +1559,11 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
1375
1559
  },
1376
1560
  renderImageMode: function renderImageMode(h) {
1377
1561
  var $xeUpload = this;
1562
+ var props = $xeUpload;
1378
1563
  var reactData = $xeUpload.reactData;
1379
- var fileList = reactData.fileList;
1564
+ var dragSort = props.dragSort;
1565
+ var fileList = reactData.fileList,
1566
+ isDragMove = reactData.isDragMove;
1380
1567
  var moreOpts = $xeUpload.computeMoreOpts;
1381
1568
  var maxCount = moreOpts.maxCount,
1382
1569
  showMoreButton = moreOpts.showMoreButton;
@@ -1389,7 +1576,25 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
1389
1576
  return h('div', {
1390
1577
  key: 'image',
1391
1578
  class: 'vxe-upload--image-wrapper'
1392
- }, [h('div', {
1579
+ }, [dragSort ? h('transition-group', {
1580
+ attrs: {
1581
+ name: "vxe-upload--drag-list".concat(isDragMove ? '' : '-disabled'),
1582
+ tag: 'div'
1583
+ },
1584
+ class: 'vxe-upload--image-list'
1585
+ }, $xeUpload.renderImageItemList(h, currList, false).concat([showMoreButton && overMaxNum ? h('div', {
1586
+ key: 'om',
1587
+ class: 'vxe-upload--image-over-more'
1588
+ }, [h(_button.default, {
1589
+ props: {
1590
+ mode: 'text',
1591
+ content: (0, _ui.getI18n)('vxe.upload.moreBtnText', [fileList.length]),
1592
+ status: 'primary'
1593
+ },
1594
+ on: {
1595
+ click: $xeUpload.handleMoreEvent
1596
+ }
1597
+ })]) : (0, _ui.renderEmptyElement)($xeUpload), $xeUpload.renderImageAction(h, false)])) : h('div', {
1393
1598
  class: 'vxe-upload--image-list'
1394
1599
  }, $xeUpload.renderImageItemList(h, currList, false).concat([showMoreButton && overMaxNum ? h('div', {
1395
1600
  class: 'vxe-upload--image-over-more'
@@ -1410,25 +1615,30 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
1410
1615
  var reactData = $xeUpload.reactData;
1411
1616
  var showErrorStatus = props.showErrorStatus,
1412
1617
  dragToUpload = props.dragToUpload,
1413
- pasteToUpload = props.pasteToUpload;
1414
- var isDrag = reactData.isDrag,
1618
+ pasteToUpload = props.pasteToUpload,
1619
+ dragSort = props.dragSort;
1620
+ var isDragUploadStatus = reactData.isDragUploadStatus,
1415
1621
  showMorePopup = reactData.showMorePopup,
1416
- isActivated = reactData.isActivated;
1622
+ isActivated = reactData.isActivated,
1623
+ dragIndex = reactData.dragIndex;
1417
1624
  var vSize = $xeUpload.computeSize;
1418
1625
  var isDisabled = $xeUpload.computeIsDisabled;
1419
1626
  var formReadonly = $xeUpload.computeFormReadonly;
1420
1627
  var isImage = $xeUpload.computeIsImage;
1421
1628
  var ons = {};
1422
- if (dragToUpload) {
1423
- ons.dragover = $xeUpload.handleDragoverEvent;
1424
- ons.dragleave = $xeUpload.handleDragleaveEvent;
1425
- ons.drop = $xeUpload.handleDropEvent;
1629
+ if (dragToUpload && dragIndex === -1) {
1630
+ ons.dragover = $xeUpload.handleUploadDragoverEvent;
1631
+ ons.dragleave = $xeUpload.handleUploadDragleaveEvent;
1632
+ ons.drop = $xeUpload.handleUploadDropEvent;
1426
1633
  }
1427
1634
  return h('div', {
1428
1635
  ref: 'refElem',
1429
- class: ['vxe-upload', _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'is--active', isActivated), 'is--readonly', formReadonly), 'is--disabled', isDisabled), 'is--paste', pasteToUpload), 'show--error', showErrorStatus), 'is--drag', isDrag)],
1636
+ class: ['vxe-upload', _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'is--active', isActivated), 'is--readonly', formReadonly), 'is--disabled', isDisabled), 'is--paste', pasteToUpload), 'show--error', showErrorStatus), 'is--drag', isDragUploadStatus)],
1430
1637
  on: ons
1431
- }, [isImage ? $xeUpload.renderImageMode(h) : $xeUpload.renderAllMode(h), isDrag && !showMorePopup ? h('div', {
1638
+ }, [isImage ? $xeUpload.renderImageMode(h) : $xeUpload.renderAllMode(h), dragSort ? h('div', {
1639
+ ref: 'refDragLineElem',
1640
+ class: 'vxe-upload--drag-line'
1641
+ }) : (0, _ui.renderEmptyElement)($xeUpload), isDragUploadStatus && !showMorePopup ? h('div', {
1432
1642
  class: 'vxe-upload--drag-placeholder'
1433
1643
  }, (0, _ui.getI18n)('vxe.upload.dragPlaceholder')) : (0, _ui.renderEmptyElement)($xeUpload)]);
1434
1644
  }
@@ -1445,7 +1655,7 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
1445
1655
  (0, _log.errLog)('vxe.error.errConflicts', ['multiple', 'single-mode']);
1446
1656
  }
1447
1657
  if (props.imageStyle) {
1448
- (0, _log.errLog)('vxe.error.delProp', ['image-style', 'image-config']);
1658
+ (0, _log.warnLog)('vxe.error.delProp', ['image-style', 'image-config']);
1449
1659
  }
1450
1660
  }
1451
1661
  _ui.globalEvents.on($xeUpload, 'paste', $xeUpload.handleGlobalPasteEvent);
@@ -1455,7 +1665,7 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
1455
1665
  beforeDestroy: function beforeDestroy() {
1456
1666
  var $xeUpload = this;
1457
1667
  var reactData = $xeUpload.reactData;
1458
- reactData.isDrag = false;
1668
+ reactData.isDragUploadStatus = false;
1459
1669
  _ui.globalEvents.off($xeUpload, 'paste');
1460
1670
  _ui.globalEvents.off($xeUpload, 'mousedown');
1461
1671
  _ui.globalEvents.off($xeUpload, 'blur');