vxe-pc-ui 3.3.35 → 3.3.37

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 (55) 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 +284 -72
  9. package/es/upload/style.css +37 -0
  10. package/es/upload/style.min.css +1 -1
  11. package/es/vxe-upload/style.css +37 -0
  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 +267 -51
  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 +254 -46
  30. package/lib/upload/src/upload.min.js +1 -1
  31. package/lib/upload/style/style.css +37 -0
  32. package/lib/upload/style/style.min.css +1 -1
  33. package/lib/vxe-upload/style/style.css +37 -0
  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 +302 -73
  39. package/styles/components/upload.scss +33 -0
  40. package/types/components/pulldown.d.ts +9 -1
  41. package/types/components/table-module/keyboard.d.ts +1 -2
  42. package/types/components/table.d.ts +22 -0
  43. package/types/components/upload.d.ts +10 -2
  44. /package/es/icon/{iconfont.1734189926286.ttf → iconfont.1734347209149.ttf} +0 -0
  45. /package/es/icon/{iconfont.1734189926286.woff → iconfont.1734347209149.woff} +0 -0
  46. /package/es/icon/{iconfont.1734189926286.woff2 → iconfont.1734347209149.woff2} +0 -0
  47. /package/es/{iconfont.1734189926286.ttf → iconfont.1734347209149.ttf} +0 -0
  48. /package/es/{iconfont.1734189926286.woff → iconfont.1734347209149.woff} +0 -0
  49. /package/es/{iconfont.1734189926286.woff2 → iconfont.1734347209149.woff2} +0 -0
  50. /package/lib/icon/style/{iconfont.1734189926286.ttf → iconfont.1734347209149.ttf} +0 -0
  51. /package/lib/icon/style/{iconfont.1734189926286.woff → iconfont.1734347209149.woff} +0 -0
  52. /package/lib/icon/style/{iconfont.1734189926286.woff2 → iconfont.1734347209149.woff2} +0 -0
  53. /package/lib/{iconfont.1734189926286.ttf → iconfont.1734347209149.ttf} +0 -0
  54. /package/lib/{iconfont.1734189926286.woff → iconfont.1734347209149.woff} +0 -0
  55. /package/lib/{iconfont.1734189926286.woff2 → iconfont.1734347209149.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.35";
30
+ var version = exports.version = "3.3.37";
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.35";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.37";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.35");
8
+ var version = "ui v".concat("3.3.37");
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.35"),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.37"),warnLog=exports.warnLog=_core.log.create("warn",version),errLog=exports.errLog=_core.log.create("error",version);
@@ -30,6 +30,39 @@ 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 el = $xeUpload.$refs.refElem;
37
+ if (!el) {
38
+ return;
39
+ }
40
+ var showMorePopup = reactData.showMorePopup;
41
+ var wrapperRect = el.getBoundingClientRect();
42
+ var ddLineEl = $xeUpload.$refs.refDragLineElem;
43
+ var mdLineEl = document.getElementById("refModalDragLineElem".concat(xID));
44
+ var currDLineEl = showMorePopup ? mdLineEl : ddLineEl;
45
+ if (currDLineEl) {
46
+ var dragRect = dragEl.getBoundingClientRect();
47
+ currDLineEl.style.display = 'block';
48
+ currDLineEl.style.top = "".concat(Math.max(1, dragRect.y - wrapperRect.y), "px");
49
+ currDLineEl.style.left = "".concat(Math.max(1, dragRect.x - wrapperRect.x), "px");
50
+ currDLineEl.style.height = "".concat(dragRect.height, "px");
51
+ currDLineEl.style.width = "".concat(dragRect.width - 1, "px");
52
+ currDLineEl.setAttribute('drag-pos', dragPos);
53
+ }
54
+ }
55
+ function hideDropTip($xeUpload) {
56
+ var xID = $xeUpload.xID;
57
+ var ddLineEl = $xeUpload.$refs.refDragLineElem;
58
+ var mdLineEl = document.getElementById("refModalDragLineElem".concat(xID));
59
+ if (ddLineEl) {
60
+ ddLineEl.style.display = '';
61
+ }
62
+ if (mdLineEl) {
63
+ mdLineEl.style.display = '';
64
+ }
65
+ }
33
66
  var _default2 = exports.default = (0, _comp.defineVxeComponent)({
34
67
  name: 'VxeUpload',
35
68
  model: {
@@ -88,6 +121,7 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
88
121
  return _xeUtils.default.clone((0, _ui.getConfig)().upload.fileTypes, true);
89
122
  }
90
123
  },
124
+ dragSort: Boolean,
91
125
  dragToUpload: {
92
126
  type: Boolean,
93
127
  default: function _default() {
@@ -241,14 +275,19 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
241
275
  data: function data() {
242
276
  var xID = _xeUtils.default.uniqueId();
243
277
  var reactData = {
244
- isDrag: false,
278
+ isDragUploadStatus: false,
245
279
  showMorePopup: false,
246
280
  isActivated: false,
247
281
  fileList: [],
248
- fileCacheMaps: {}
282
+ fileCacheMaps: {},
283
+ isDragMove: false,
284
+ dragIndex: -1,
285
+ dragTipText: ''
249
286
  };
250
287
  var internalData = {
251
- imagePreviewTypes: ['jpg', 'jpeg', 'png', 'gif']
288
+ imagePreviewTypes: ['jpg', 'jpeg', 'png', 'gif'],
289
+ prevDragIndex: -1
290
+ // prevDragPos: ''
252
291
  };
253
292
  return {
254
293
  xID: xID,
@@ -886,7 +925,7 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
886
925
  }
887
926
  });
888
927
  },
889
- handleDragleaveEvent: function handleDragleaveEvent(evnt) {
928
+ handleUploadDragleaveEvent: function handleUploadDragleaveEvent(evnt) {
890
929
  var $xeUpload = this;
891
930
  var reactData = $xeUpload.reactData;
892
931
  var targetElem = evnt.currentTarget;
@@ -899,11 +938,11 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
899
938
  targetHeight = _targetElem$getBoundi.height,
900
939
  targetWidth = _targetElem$getBoundi.width;
901
940
  if (clientX < targetX || clientX > targetX + targetWidth || clientY < targetY || clientY > targetY + targetHeight) {
902
- reactData.isDrag = false;
941
+ reactData.isDragUploadStatus = false;
903
942
  }
904
943
  }
905
944
  },
906
- handleDragoverEvent: function handleDragoverEvent(evnt) {
945
+ handleUploadDragoverEvent: function handleUploadDragoverEvent(evnt) {
907
946
  var $xeUpload = this;
908
947
  var reactData = $xeUpload.reactData;
909
948
  var dataTransfer = evnt.dataTransfer;
@@ -911,7 +950,7 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
911
950
  var items = dataTransfer.items;
912
951
  if (items && items.length) {
913
952
  evnt.preventDefault();
914
- reactData.isDrag = true;
953
+ reactData.isDragUploadStatus = true;
915
954
  }
916
955
  }
917
956
  },
@@ -947,7 +986,7 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
947
986
  }
948
987
  $xeUpload.uploadFile(files, evnt);
949
988
  },
950
- handleDropEvent: function handleDropEvent(evnt) {
989
+ handleUploadDropEvent: function handleUploadDropEvent(evnt) {
951
990
  var $xeUpload = this;
952
991
  var reactData = $xeUpload.reactData;
953
992
  var dataTransfer = evnt.dataTransfer;
@@ -961,12 +1000,13 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
961
1000
  }
962
1001
  }
963
1002
  }
964
- reactData.isDrag = false;
1003
+ reactData.isDragUploadStatus = false;
965
1004
  },
966
1005
  handleMoreEvent: function handleMoreEvent() {
967
1006
  var $xeUpload = this;
968
1007
  var props = $xeUpload;
969
1008
  var reactData = $xeUpload.reactData;
1009
+ var xID = $xeUpload.xID;
970
1010
  var formReadonly = $xeUpload.computeFormReadonly;
971
1011
  var isImage = $xeUpload.computeIsImage;
972
1012
  if (_ui.VxeUI.modal) {
@@ -981,44 +1021,151 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
981
1021
  slots: {
982
1022
  default: function _default(params, h) {
983
1023
  var showErrorStatus = props.showErrorStatus,
984
- dragToUpload = props.dragToUpload;
985
- var isDrag = reactData.isDrag;
986
- var isDisabled = $xeUpload.computeIsDisabled;
1024
+ dragToUpload = props.dragToUpload,
1025
+ dragSort = props.dragSort;
1026
+ var isDragMove = reactData.isDragMove,
1027
+ isDragUploadStatus = reactData.isDragUploadStatus,
1028
+ dragIndex = reactData.dragIndex;
987
1029
  var fileList = reactData.fileList;
1030
+ var isDisabled = $xeUpload.computeIsDisabled;
988
1031
  var ons = {};
989
- if (dragToUpload) {
990
- ons.dragover = $xeUpload.handleDragoverEvent;
991
- ons.dragleave = $xeUpload.handleDragleaveEvent;
992
- ons.drop = $xeUpload.handleDropEvent;
1032
+ if (dragToUpload && dragIndex === -1) {
1033
+ ons.dragover = $xeUpload.handleUploadDragoverEvent;
1034
+ ons.dragleave = $xeUpload.handleUploadDragleaveEvent;
1035
+ ons.drop = $xeUpload.handleUploadDropEvent;
993
1036
  }
994
1037
  return h('div', {
995
1038
  class: ['vxe-upload--more-popup', {
996
1039
  'is--readonly': formReadonly,
997
1040
  'is--disabled': isDisabled,
998
1041
  'show--error': showErrorStatus,
999
- 'is--drag': isDrag
1042
+ 'is--drag': isDragUploadStatus
1000
1043
  }],
1001
1044
  on: ons
1002
- }, [isImage ? h('div', {
1045
+ }, [isImage ? dragSort ? h('transition-group', {
1046
+ props: {
1047
+ name: "vxe-upload--drag-list".concat(isDragMove ? '' : '-disabled'),
1048
+ tag: 'div'
1049
+ },
1050
+ class: 'vxe-upload--image-more-list'
1051
+ }, $xeUpload.renderImageItemList(h, fileList, true).concat($xeUpload.renderImageAction(h, true))) : h('div', {
1003
1052
  class: 'vxe-upload--image-more-list'
1004
1053
  }, $xeUpload.renderImageItemList(h, fileList, true).concat($xeUpload.renderImageAction(h, true))) : h('div', {
1005
1054
  class: 'vxe-upload--file-more-list'
1006
- }, [$xeUpload.renderFileAction(h, true), h('div', {
1055
+ }, [$xeUpload.renderFileAction(h, true), dragSort ? h('transition-group', {
1056
+ props: {
1057
+ name: "vxe-upload--drag-list".concat(isDragMove ? '' : '-disabled'),
1058
+ tag: 'div'
1059
+ },
1060
+ class: 'vxe-upload--file-list'
1061
+ }, $xeUpload.renderFileItemList(h, fileList, true)) : h('div', {
1007
1062
  class: 'vxe-upload--file-list'
1008
- }, $xeUpload.renderFileItemList(h, fileList, true))]), isDrag ? h('div', {
1063
+ }, $xeUpload.renderFileItemList(h, fileList, true))]), dragSort ? h('div', {
1064
+ attrs: {
1065
+ id: "refModalDragLineElem".concat(xID)
1066
+ },
1067
+ class: 'vxe-upload--drag-line'
1068
+ }) : (0, _ui.renderEmptyElement)($xeUpload), isDragUploadStatus ? h('div', {
1009
1069
  class: 'vxe-upload--drag-placeholder'
1010
1070
  }, (0, _ui.getI18n)('vxe.upload.dragPlaceholder')) : (0, _ui.renderEmptyElement)($xeUpload)]);
1011
1071
  }
1012
1072
  },
1013
- onShow: function onShow() {
1014
- reactData.showMorePopup = true;
1015
- },
1016
- onHide: function onHide() {
1017
- reactData.showMorePopup = false;
1073
+ events: {
1074
+ show: function show() {
1075
+ reactData.showMorePopup = true;
1076
+ },
1077
+ hide: function hide() {
1078
+ reactData.showMorePopup = false;
1079
+ }
1018
1080
  }
1019
1081
  });
1020
1082
  }
1021
1083
  },
1084
+ // 拖拽
1085
+ handleDragSortDragstartEvent: function handleDragSortDragstartEvent(evnt) {
1086
+ var $xeUpload = this;
1087
+ var reactData = $xeUpload.reactData;
1088
+ if (evnt.dataTransfer) {
1089
+ var img = new Image();
1090
+ img.src = _dom.tpImg;
1091
+ evnt.dataTransfer.setDragImage(img, 0, 0);
1092
+ }
1093
+ var dragEl = evnt.currentTarget;
1094
+ var parentEl = dragEl.parentElement;
1095
+ var dragIndex = _xeUtils.default.findIndexOf(Array.from(parentEl.children), function (item) {
1096
+ return dragEl === item;
1097
+ });
1098
+ reactData.isDragMove = true;
1099
+ reactData.dragIndex = dragIndex;
1100
+ setTimeout(function () {
1101
+ reactData.isDragMove = false;
1102
+ }, 500);
1103
+ },
1104
+ handleDragSortDragoverEvent: function handleDragSortDragoverEvent(evnt) {
1105
+ var $xeUpload = this;
1106
+ var reactData = $xeUpload.reactData;
1107
+ var internalData = $xeUpload.internalData;
1108
+ evnt.preventDefault();
1109
+ var dragIndex = reactData.dragIndex;
1110
+ if (dragIndex === -1) {
1111
+ return;
1112
+ }
1113
+ var isImage = $xeUpload.computeIsImage;
1114
+ var dragEl = evnt.currentTarget;
1115
+ var parentEl = dragEl.parentElement;
1116
+ var currIndex = _xeUtils.default.findIndexOf(Array.from(parentEl.children), function (item) {
1117
+ return dragEl === item;
1118
+ });
1119
+ var dragPos = '';
1120
+ if (isImage) {
1121
+ var offsetX = evnt.clientX - dragEl.getBoundingClientRect().x;
1122
+ dragPos = offsetX < dragEl.clientWidth / 2 ? 'left' : 'right';
1123
+ } else {
1124
+ var offsetY = evnt.clientY - dragEl.getBoundingClientRect().y;
1125
+ dragPos = offsetY < dragEl.clientHeight / 2 ? 'top' : 'bottom';
1126
+ }
1127
+ if (dragIndex === currIndex) {
1128
+ showDropTip($xeUpload, evnt, dragEl, dragPos);
1129
+ return;
1130
+ }
1131
+ showDropTip($xeUpload, evnt, dragEl, dragPos);
1132
+ internalData.prevDragIndex = currIndex;
1133
+ internalData.prevDragPos = dragPos;
1134
+ },
1135
+ handleDragSortDragendEvent: function handleDragSortDragendEvent(evnt) {
1136
+ var $xeUpload = this;
1137
+ var reactData = $xeUpload.reactData;
1138
+ var internalData = $xeUpload.internalData;
1139
+ var fileList = reactData.fileList,
1140
+ dragIndex = reactData.dragIndex;
1141
+ var prevDragIndex = internalData.prevDragIndex,
1142
+ prevDragPos = internalData.prevDragPos;
1143
+ var oldIndex = dragIndex;
1144
+ var targetIndex = prevDragIndex;
1145
+ var dragOffsetIndex = prevDragPos === 'bottom' || prevDragPos === 'right' ? 1 : 0;
1146
+ var oldItem = fileList[oldIndex];
1147
+ var newItem = fileList[targetIndex];
1148
+ if (oldItem && newItem) {
1149
+ fileList.splice(oldIndex, 1);
1150
+ var ptfIndex = _xeUtils.default.findIndexOf(fileList, function (item) {
1151
+ return newItem === item;
1152
+ });
1153
+ var nIndex = ptfIndex + dragOffsetIndex;
1154
+ fileList.splice(nIndex, 0, oldItem);
1155
+ $xeUpload.dispatchEvent('sort-dragend', {
1156
+ oldItem: oldItem,
1157
+ newItem: newItem,
1158
+ dragPos: prevDragPos,
1159
+ offsetIndex: dragOffsetIndex,
1160
+ _index: {
1161
+ newIndex: nIndex,
1162
+ oldIndex: oldIndex
1163
+ }
1164
+ }, evnt);
1165
+ }
1166
+ hideDropTip($xeUpload);
1167
+ reactData.dragIndex = -1;
1168
+ },
1022
1169
  handleGlobalPasteEvent: function handleGlobalPasteEvent(evnt) {
1023
1170
  var $xeUpload = this;
1024
1171
  var props = $xeUpload;
@@ -1067,25 +1214,37 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
1067
1214
  showProgress = props.showProgress,
1068
1215
  progressText = props.progressText,
1069
1216
  showPreview = props.showPreview,
1070
- showErrorStatus = props.showErrorStatus;
1217
+ showErrorStatus = props.showErrorStatus,
1218
+ dragSort = props.dragSort;
1071
1219
  var fileCacheMaps = reactData.fileCacheMaps;
1072
1220
  var isDisabled = $xeUpload.computeIsDisabled;
1073
1221
  var formReadonly = $xeUpload.computeFormReadonly;
1074
1222
  var nameProp = $xeUpload.computeNameProp;
1075
1223
  var typeProp = $xeUpload.computeTypeProp;
1076
1224
  var cornerSlot = slots.corner;
1225
+ var ons = {};
1226
+ if (dragSort) {
1227
+ ons.dragstart = $xeUpload.handleDragSortDragstartEvent;
1228
+ ons.dragover = $xeUpload.handleDragSortDragoverEvent;
1229
+ ons.dragend = $xeUpload.handleDragSortDragendEvent;
1230
+ }
1077
1231
  return currList.map(function (item, index) {
1078
1232
  var fileKey = $xeUpload.getFieldKey(item);
1079
1233
  var cacheItem = fileCacheMaps[fileKey];
1080
1234
  var isLoading = cacheItem && cacheItem.loading;
1081
1235
  var isError = cacheItem && cacheItem.status === 'error';
1082
1236
  return h('div', {
1083
- key: index,
1237
+ key: dragSort ? fileKey : index,
1084
1238
  class: ['vxe-upload--file-item', {
1085
1239
  'is--preview': showPreview,
1086
1240
  'is--loading': isLoading,
1087
1241
  'is--error': isError
1088
- }]
1242
+ }],
1243
+ attrs: {
1244
+ fileid: fileKey,
1245
+ draggable: dragSort ? true : null
1246
+ },
1247
+ on: ons
1089
1248
  }, [h('div', {
1090
1249
  class: 'vxe-upload--file-item-icon'
1091
1250
  }, [h('i', {
@@ -1195,8 +1354,10 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
1195
1354
  var $xeUpload = this;
1196
1355
  var props = $xeUpload;
1197
1356
  var reactData = $xeUpload.reactData;
1198
- var moreConfig = props.moreConfig;
1199
- var fileList = reactData.fileList;
1357
+ var moreConfig = props.moreConfig,
1358
+ dragSort = props.dragSort;
1359
+ var fileList = reactData.fileList,
1360
+ isDragMove = reactData.isDragMove;
1200
1361
  var moreOpts = $xeUpload.computeMoreOpts;
1201
1362
  var maxCount = moreOpts.maxCount,
1202
1363
  showMoreButton = moreOpts.showMoreButton,
@@ -1215,7 +1376,13 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
1215
1376
  class: ['vxe-upload--file-list-wrapper', {
1216
1377
  'is--horizontal': isHorizontal
1217
1378
  }]
1218
- }, [currList.length ? h('div', {
1379
+ }, [currList.length ? dragSort ? h('transition-group', {
1380
+ attrs: {
1381
+ name: "vxe-upload--drag-list".concat(isDragMove ? '' : '-disabled'),
1382
+ tag: 'div'
1383
+ },
1384
+ class: 'vxe-upload--file-list'
1385
+ }, $xeUpload.renderFileItemList(h, currList, false)) : h('div', {
1219
1386
  class: 'vxe-upload--file-list'
1220
1387
  }, $xeUpload.renderFileItemList(h, currList, false)) : (0, _ui.renderEmptyElement)($xeUpload), showMoreButton && overMaxNum ? h('div', {
1221
1388
  class: 'vxe-upload--file-over-more'
@@ -1239,26 +1406,38 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
1239
1406
  showProgress = props.showProgress,
1240
1407
  progressText = props.progressText,
1241
1408
  showPreview = props.showPreview,
1242
- showErrorStatus = props.showErrorStatus;
1409
+ showErrorStatus = props.showErrorStatus,
1410
+ dragSort = props.dragSort;
1243
1411
  var fileCacheMaps = reactData.fileCacheMaps;
1244
1412
  var isDisabled = $xeUpload.computeIsDisabled;
1245
1413
  var formReadonly = $xeUpload.computeFormReadonly;
1246
1414
  var imageOpts = $xeUpload.computeImageOpts;
1247
1415
  var imgStyle = $xeUpload.computeImgStyle;
1248
1416
  var cornerSlot = slots.corner;
1417
+ var ons = {};
1418
+ if (dragSort) {
1419
+ ons.dragstart = $xeUpload.handleDragSortDragstartEvent;
1420
+ ons.dragover = $xeUpload.handleDragSortDragoverEvent;
1421
+ ons.dragend = $xeUpload.handleDragSortDragendEvent;
1422
+ }
1249
1423
  return currList.map(function (item, index) {
1250
1424
  var fileKey = $xeUpload.getFieldKey(item);
1251
1425
  var cacheItem = fileCacheMaps[fileKey];
1252
1426
  var isLoading = cacheItem && cacheItem.loading;
1253
1427
  var isError = cacheItem && cacheItem.status === 'error';
1254
1428
  return h('div', {
1255
- key: index,
1429
+ key: dragSort ? fileKey : index,
1256
1430
  class: ['vxe-upload--image-item', {
1257
1431
  'is--preview': showPreview,
1258
1432
  'is--circle': imageOpts.circle,
1259
1433
  'is--loading': isLoading,
1260
1434
  'is--error': isError
1261
- }]
1435
+ }],
1436
+ attrs: {
1437
+ fileid: fileKey,
1438
+ draggable: dragSort ? true : null
1439
+ },
1440
+ on: ons
1262
1441
  }, [h('div', {
1263
1442
  class: 'vxe-upload--image-item-box',
1264
1443
  style: isMoreView ? {} : imgStyle,
@@ -1375,8 +1554,11 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
1375
1554
  },
1376
1555
  renderImageMode: function renderImageMode(h) {
1377
1556
  var $xeUpload = this;
1557
+ var props = $xeUpload;
1378
1558
  var reactData = $xeUpload.reactData;
1379
- var fileList = reactData.fileList;
1559
+ var dragSort = props.dragSort;
1560
+ var fileList = reactData.fileList,
1561
+ isDragMove = reactData.isDragMove;
1380
1562
  var moreOpts = $xeUpload.computeMoreOpts;
1381
1563
  var maxCount = moreOpts.maxCount,
1382
1564
  showMoreButton = moreOpts.showMoreButton;
@@ -1389,7 +1571,25 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
1389
1571
  return h('div', {
1390
1572
  key: 'image',
1391
1573
  class: 'vxe-upload--image-wrapper'
1392
- }, [h('div', {
1574
+ }, [dragSort ? h('transition-group', {
1575
+ attrs: {
1576
+ name: "vxe-upload--drag-list".concat(isDragMove ? '' : '-disabled'),
1577
+ tag: 'div'
1578
+ },
1579
+ class: 'vxe-upload--image-list'
1580
+ }, $xeUpload.renderImageItemList(h, currList, false).concat([showMoreButton && overMaxNum ? h('div', {
1581
+ key: 'om',
1582
+ class: 'vxe-upload--image-over-more'
1583
+ }, [h(_button.default, {
1584
+ props: {
1585
+ mode: 'text',
1586
+ content: (0, _ui.getI18n)('vxe.upload.moreBtnText', [fileList.length]),
1587
+ status: 'primary'
1588
+ },
1589
+ on: {
1590
+ click: $xeUpload.handleMoreEvent
1591
+ }
1592
+ })]) : (0, _ui.renderEmptyElement)($xeUpload), $xeUpload.renderImageAction(h, false)])) : h('div', {
1393
1593
  class: 'vxe-upload--image-list'
1394
1594
  }, $xeUpload.renderImageItemList(h, currList, false).concat([showMoreButton && overMaxNum ? h('div', {
1395
1595
  class: 'vxe-upload--image-over-more'
@@ -1410,25 +1610,30 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
1410
1610
  var reactData = $xeUpload.reactData;
1411
1611
  var showErrorStatus = props.showErrorStatus,
1412
1612
  dragToUpload = props.dragToUpload,
1413
- pasteToUpload = props.pasteToUpload;
1414
- var isDrag = reactData.isDrag,
1613
+ pasteToUpload = props.pasteToUpload,
1614
+ dragSort = props.dragSort;
1615
+ var isDragUploadStatus = reactData.isDragUploadStatus,
1415
1616
  showMorePopup = reactData.showMorePopup,
1416
- isActivated = reactData.isActivated;
1617
+ isActivated = reactData.isActivated,
1618
+ dragIndex = reactData.dragIndex;
1417
1619
  var vSize = $xeUpload.computeSize;
1418
1620
  var isDisabled = $xeUpload.computeIsDisabled;
1419
1621
  var formReadonly = $xeUpload.computeFormReadonly;
1420
1622
  var isImage = $xeUpload.computeIsImage;
1421
1623
  var ons = {};
1422
- if (dragToUpload) {
1423
- ons.dragover = $xeUpload.handleDragoverEvent;
1424
- ons.dragleave = $xeUpload.handleDragleaveEvent;
1425
- ons.drop = $xeUpload.handleDropEvent;
1624
+ if (dragToUpload && dragIndex === -1) {
1625
+ ons.dragover = $xeUpload.handleUploadDragoverEvent;
1626
+ ons.dragleave = $xeUpload.handleUploadDragleaveEvent;
1627
+ ons.drop = $xeUpload.handleUploadDropEvent;
1426
1628
  }
1427
1629
  return h('div', {
1428
1630
  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)],
1631
+ 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
1632
  on: ons
1431
- }, [isImage ? $xeUpload.renderImageMode(h) : $xeUpload.renderAllMode(h), isDrag && !showMorePopup ? h('div', {
1633
+ }, [isImage ? $xeUpload.renderImageMode(h) : $xeUpload.renderAllMode(h), dragSort ? h('div', {
1634
+ ref: 'refDragLineElem',
1635
+ class: 'vxe-upload--drag-line'
1636
+ }) : (0, _ui.renderEmptyElement)($xeUpload), isDragUploadStatus && !showMorePopup ? h('div', {
1432
1637
  class: 'vxe-upload--drag-placeholder'
1433
1638
  }, (0, _ui.getI18n)('vxe.upload.dragPlaceholder')) : (0, _ui.renderEmptyElement)($xeUpload)]);
1434
1639
  }
@@ -1444,6 +1649,9 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
1444
1649
  if (props.multiple && props.singleMode) {
1445
1650
  (0, _log.errLog)('vxe.error.errConflicts', ['multiple', 'single-mode']);
1446
1651
  }
1652
+ if (props.imageStyle) {
1653
+ (0, _log.errLog)('vxe.error.delProp', ['image-style', 'image-config']);
1654
+ }
1447
1655
  }
1448
1656
  _ui.globalEvents.on($xeUpload, 'paste', $xeUpload.handleGlobalPasteEvent);
1449
1657
  _ui.globalEvents.on($xeUpload, 'mousedown', $xeUpload.handleGlobalMousedownEvent);
@@ -1452,7 +1660,7 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
1452
1660
  beforeDestroy: function beforeDestroy() {
1453
1661
  var $xeUpload = this;
1454
1662
  var reactData = $xeUpload.reactData;
1455
- reactData.isDrag = false;
1663
+ reactData.isDragUploadStatus = false;
1456
1664
  _ui.globalEvents.off($xeUpload, 'paste');
1457
1665
  _ui.globalEvents.off($xeUpload, 'mousedown');
1458
1666
  _ui.globalEvents.off($xeUpload, 'blur');