vxe-pc-ui 4.8.23 → 4.8.25

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/language/en-US.js +12 -12
  3. package/es/split/src/split.js +189 -53
  4. package/es/split/style.css +74 -9
  5. package/es/split/style.min.css +1 -1
  6. package/es/style.css +1 -1
  7. package/es/style.min.css +1 -1
  8. package/es/ui/index.js +5 -1
  9. package/es/ui/src/log.js +1 -1
  10. package/es/vxe-split/style.css +74 -9
  11. package/es/vxe-split/style.min.css +1 -1
  12. package/lib/icon/style/style.css +1 -1
  13. package/lib/icon/style/style.min.css +1 -1
  14. package/lib/index.umd.js +201 -84
  15. package/lib/index.umd.min.js +1 -1
  16. package/lib/language/en-US.js +12 -12
  17. package/lib/language/en-US.min.js +1 -1
  18. package/lib/language/en-US.umd.js +12 -12
  19. package/lib/split/src/split.js +195 -82
  20. package/lib/split/src/split.min.js +1 -1
  21. package/lib/split/style/style.css +74 -9
  22. package/lib/split/style/style.min.css +1 -1
  23. package/lib/style.css +1 -1
  24. package/lib/style.min.css +1 -1
  25. package/lib/ui/index.js +5 -1
  26. package/lib/ui/index.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/vxe-split/style/style.css +74 -9
  30. package/lib/vxe-split/style/style.min.css +1 -1
  31. package/package.json +1 -1
  32. package/packages/language/en-US.ts +12 -12
  33. package/packages/split/src/split.ts +196 -54
  34. package/packages/ui/index.ts +4 -0
  35. package/styles/components/split.scss +92 -16
  36. package/styles/theme/base.scss +2 -0
  37. package/styles/theme/dark.scss +1 -0
  38. package/styles/theme/light.scss +1 -0
  39. package/styles/variable.scss +1 -0
  40. package/types/components/gantt-module/gantt-view.d.ts +13 -13
  41. package/types/components/gantt.d.ts +66 -33
  42. package/types/components/split.d.ts +14 -0
  43. /package/es/icon/{iconfont.1755765610478.ttf → iconfont.1755949930275.ttf} +0 -0
  44. /package/es/icon/{iconfont.1755765610478.woff → iconfont.1755949930275.woff} +0 -0
  45. /package/es/icon/{iconfont.1755765610478.woff2 → iconfont.1755949930275.woff2} +0 -0
  46. /package/es/{iconfont.1755765610478.ttf → iconfont.1755949930275.ttf} +0 -0
  47. /package/es/{iconfont.1755765610478.woff → iconfont.1755949930275.woff} +0 -0
  48. /package/es/{iconfont.1755765610478.woff2 → iconfont.1755949930275.woff2} +0 -0
  49. /package/lib/icon/style/{iconfont.1755765610478.ttf → iconfont.1755949930275.ttf} +0 -0
  50. /package/lib/icon/style/{iconfont.1755765610478.woff → iconfont.1755949930275.woff} +0 -0
  51. /package/lib/icon/style/{iconfont.1755765610478.woff2 → iconfont.1755949930275.woff2} +0 -0
  52. /package/lib/{iconfont.1755765610478.ttf → iconfont.1755949930275.ttf} +0 -0
  53. /package/lib/{iconfont.1755765610478.woff → iconfont.1755949930275.woff} +0 -0
  54. /package/lib/{iconfont.1755765610478.woff2 → iconfont.1755949930275.woff2} +0 -0
package/lib/ui/index.js CHANGED
@@ -26,7 +26,7 @@ Object.keys(_core).forEach(function (key) {
26
26
  });
27
27
  var _dynamics = require("../dynamics");
28
28
  var _log = require("./src/log");
29
- const version = exports.version = "4.8.23";
29
+ const version = exports.version = "4.8.25";
30
30
  _core.VxeUI.uiVersion = version;
31
31
  _core.VxeUI.dynamicApp = _dynamics.dynamicApp;
32
32
  function config(options) {
@@ -327,6 +327,10 @@ _core.VxeUI.setup = setup;
327
327
  itemConfig: {
328
328
  minWidth: 40,
329
329
  minHeight: 40
330
+ },
331
+ resizeConfig: {
332
+ // immediate: false,
333
+ showTip: true
330
334
  }
331
335
  },
332
336
  splitPane: {},
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _exportNames={version:!0,config:!0,setup:!0},_core=(exports.config=config,exports.default=void 0,exports.setup=setup,exports.version=void 0,require("@vxe-ui/core")),_dynamics=(Object.keys(_core).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_core[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _core[e]}})}),require("../dynamics")),_log=require("./src/log");const version=exports.version="4.8.23";function config(e){return(0,_log.warnLog)("vxe.error.delFunc",["config","setConfig"]),(0,_core.setConfig)(e)}function setup(e){return(0,_log.warnLog)("vxe.error.delFunc",["setup","setConfig"]),(0,_core.setConfig)(e)}_core.VxeUI.uiVersion=version,_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:{},checkboxButton:{},checkboxGroup:{},col:{},collapse:{padding:!0,expandConfig:{showIcon:!0}},collapsePane:{},countdown:{},colorPicker:{type:"rgb",clearable:!0,showAlpha:!0,clickToCopy:!0,showColorExtractor:!0,showQuick:!0},datePanel:{startDate:new Date(1900,0,1),endDate:new Date(2100,0,1),startDay:1,selectDay:1},datePicker:{shortcutConfig:{align:"left",mode:"text",autoClose:!0},startDay:1,selectDay:1,autoClose:!0,showClearButton:null,showConfirmButton:null},dateRangePicker:{shortcutConfig:{align:"left",mode:"text",autoClose:!0},startDay:1,selectDay:1,separator:" ~ ",autoClose:!0,showClearButton:null,showConfirmButton:null},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:{virtualYConfig:{enabled:!0,gt:100}},loading:{showIcon:!0,showText:!0},menu:{},modal:{top:16,showHeader:!0,minWidth:340,minHeight:140,lockView:!0,mask:!0,duration:3e3,marginSize:0,dblclickZoom:!0,showTitleOverflow:!0,animat:!0,showClose:!0,padding:!0,draggable:!0,showConfirmButton:null,cancelClosable:!0,confirmClosable:!0,zoomConfig:{minimizeMaxSize:10,minimizeVerticalOffset:{top:-24,left:0},minimizeHorizontalOffset:{top:0,left:32}},storageKey:"VXE_MODAL_POSITION"},noticeBar:{},numberInput:{digits:2,autoFill:!0,controlConfig:{enabled:!0,layout:"right",showButton:!0,isWheel:!0,isArrow:!0}},optgroup:{},option:{},pager:{pageSizePlacement:"top"},print:{pageStyle:{}},passwordInput:{controls:!0},printPageBreak:{},pulldown:{destroyOnClose:!0},radio:{strict:!0},radioButton:{strict:!0},radioGroup:{strict:!0},rate:{},result:{},row:{},select:{multiCharOverflow:8,remoteConfig:{enabled:!0,autoLoad:!0},virtualYConfig:{enabled:!0,gt:50,oSize:2}},split:{resize:!0,itemConfig:{minWidth:40,minHeight:40}},splitPane:{},slider:{max:100,min:0},steps:{},switch:{},tabPane:{},tableSelect:{gridConfig:{showOverflow:!0,showHeaderOverflow:!0,showFooterOverflow:!0,rowConfig:{isHover:!0},virtualXConfig:{enabled:!0,gt:0},virtualYConfig:{enabled:!0,gt:0}}},tabs:{},tag:{},textEllipsis:{underline:!0},text:{},textarea:{resize:"none"},tip:{},tooltip:{trigger:"hover",theme:"dark",enterDelay:500,leaveDelay:300,isArrow:!0},tree:{indent:20,minHeight:60,radioConfig:{strict:!0},virtualYConfig:{enabled:!0,gt:50,oSize:2}},treeSelect:{autoClose:!0,virtualYConfig:{enabled:!0,gt:0,oSize:2},treeConfig:{maxHeight:300,radioConfig:{},checkboxConfig:{},filterConfig:{autoExpandAll:!0}}},upload:{mode:"all",imageTypes:["jpg","jpeg","png","gif"],showList:!0,showUploadButton:!0,showButtonText:!0,showRemoveButton:!0,showButtonIcon:!0,showPreview:!0,dragToUpload:!0,showLimitSize:!0,showLimitCount:!0,autoSubmit:!0,maxSimultaneousUploads:5},watermark:{rotate:-30,gap:[100,100]},table:{},colgroup:{},column:{},toolbar:{},grid:{},gantt:{}});const iconPrefix="vxe-icon-";(0,_core.setIcon)({LOADING:iconPrefix+"spinner roll vxe-loading--default-icon",BUTTON_DROPDOWN:iconPrefix+"arrow-down",BUTTON_LOADING:iconPrefix+"spinner roll",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",SELECT_ADD_OPTION:iconPrefix+"add",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",RADIO_DISABLED_UNCHECKED:iconPrefix+"radio-unchecked-fill",CHECKBOX_INDETERMINATE:iconPrefix+"checkbox-indeterminate-fill",CHECKBOX_CHECKED:iconPrefix+"checkbox-checked-fill",CHECKBOX_UNCHECKED:iconPrefix+"checkbox-unchecked",CHECKBOX_DISABLED_UNCHECKED:iconPrefix+"checkbox-unchecked-fill",INPUT_CLEAR:iconPrefix+"error-circle-fill",INPUT_SEARCH:iconPrefix+"search",INPUT_PLUS_NUM:iconPrefix+"caret-up",INPUT_MINUS_NUM:iconPrefix+"caret-down",NUMBER_INPUT_MINUS_NUM:iconPrefix+"minus",NUMBER_INPUT_PLUS_NUM:iconPrefix+"add",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_UPLOAD:iconPrefix+"upload",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_TOP:iconPrefix+"arrow-up",TABS_TAB_BUTTON_BOTTOM:iconPrefix+"arrow-down",TABS_TAB_BUTTON_LEFT:iconPrefix+"arrow-left",TABS_TAB_BUTTON_RIGHT:iconPrefix+"arrow-right",TABS_TAB_CLOSE:iconPrefix+"close",TABS_TAB_REFRESH:iconPrefix+"refresh",TABS_TAB_REFRESH_LOADING:iconPrefix+"refresh roll",TEXT_COPY:iconPrefix+"copy",TEXT_LOADING:iconPrefix+"spinner roll",CAROUSEL_HORIZONTAL_PREVIOUS:iconPrefix+"arrow-left",CAROUSEL_HORIZONTAL_NEXT:iconPrefix+"arrow-right",CAROUSEL_VERTICAL_PREVIOUS:iconPrefix+"arrow-up",CAROUSEL_VERTICAL_NEXT:iconPrefix+"arrow-down",COLLAPSE_OPEN:iconPrefix+"arrow-right rotate90",COLLAPSE_CLOSE:iconPrefix+"arrow-right",EMPTY_DEFAULT:iconPrefix+"empty",RESULT_INFO:iconPrefix+"info-circle-fill",RESULT_SUCCESS:iconPrefix+"success-circle-fill",RESULT_WARNING:iconPrefix+"warning-circle-fill",RESULT_ERROR:iconPrefix+"error-circle-fill",RESULT_QUESTION:iconPrefix+"question-circle-fill",RESULT_LOADING:iconPrefix+"spinner roll",RATE_CHECKED:iconPrefix+"star-fill",RATE_UNCHECKED:iconPrefix+"star",COLOR_PICKER_COLOR_COPY:iconPrefix+"copy",COLOR_PICKER_EYE_DROPPER:iconPrefix+"dropper",COLOR_PICKER_TPTY_OPEN:iconPrefix+"arrow-down rotate180",COLOR_PICKER_TPTY_CLOSE:iconPrefix+"arrow-down",SPLIT_TOP_ACTION:iconPrefix+"arrow-up",SPLIT_BOTTOM_ACTION:iconPrefix+"arrow-down",SPLIT_LEFT_ACTION:iconPrefix+"arrow-left",SPLIT_RIGHT_ACTION:iconPrefix+"arrow-right"});var _default=exports.default=_core.VxeUI;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _exportNames={version:!0,config:!0,setup:!0},_core=(exports.config=config,exports.default=void 0,exports.setup=setup,exports.version=void 0,require("@vxe-ui/core")),_dynamics=(Object.keys(_core).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_core[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _core[e]}})}),require("../dynamics")),_log=require("./src/log");const version=exports.version="4.8.25";function config(e){return(0,_log.warnLog)("vxe.error.delFunc",["config","setConfig"]),(0,_core.setConfig)(e)}function setup(e){return(0,_log.warnLog)("vxe.error.delFunc",["setup","setConfig"]),(0,_core.setConfig)(e)}_core.VxeUI.uiVersion=version,_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:{},checkboxButton:{},checkboxGroup:{},col:{},collapse:{padding:!0,expandConfig:{showIcon:!0}},collapsePane:{},countdown:{},colorPicker:{type:"rgb",clearable:!0,showAlpha:!0,clickToCopy:!0,showColorExtractor:!0,showQuick:!0},datePanel:{startDate:new Date(1900,0,1),endDate:new Date(2100,0,1),startDay:1,selectDay:1},datePicker:{shortcutConfig:{align:"left",mode:"text",autoClose:!0},startDay:1,selectDay:1,autoClose:!0,showClearButton:null,showConfirmButton:null},dateRangePicker:{shortcutConfig:{align:"left",mode:"text",autoClose:!0},startDay:1,selectDay:1,separator:" ~ ",autoClose:!0,showClearButton:null,showConfirmButton:null},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:{virtualYConfig:{enabled:!0,gt:100}},loading:{showIcon:!0,showText:!0},menu:{},modal:{top:16,showHeader:!0,minWidth:340,minHeight:140,lockView:!0,mask:!0,duration:3e3,marginSize:0,dblclickZoom:!0,showTitleOverflow:!0,animat:!0,showClose:!0,padding:!0,draggable:!0,showConfirmButton:null,cancelClosable:!0,confirmClosable:!0,zoomConfig:{minimizeMaxSize:10,minimizeVerticalOffset:{top:-24,left:0},minimizeHorizontalOffset:{top:0,left:32}},storageKey:"VXE_MODAL_POSITION"},noticeBar:{},numberInput:{digits:2,autoFill:!0,controlConfig:{enabled:!0,layout:"right",showButton:!0,isWheel:!0,isArrow:!0}},optgroup:{},option:{},pager:{pageSizePlacement:"top"},print:{pageStyle:{}},passwordInput:{controls:!0},printPageBreak:{},pulldown:{destroyOnClose:!0},radio:{strict:!0},radioButton:{strict:!0},radioGroup:{strict:!0},rate:{},result:{},row:{},select:{multiCharOverflow:8,remoteConfig:{enabled:!0,autoLoad:!0},virtualYConfig:{enabled:!0,gt:50,oSize:2}},split:{resize:!0,itemConfig:{minWidth:40,minHeight:40},resizeConfig:{showTip:!0}},splitPane:{},slider:{max:100,min:0},steps:{},switch:{},tabPane:{},tableSelect:{gridConfig:{showOverflow:!0,showHeaderOverflow:!0,showFooterOverflow:!0,rowConfig:{isHover:!0},virtualXConfig:{enabled:!0,gt:0},virtualYConfig:{enabled:!0,gt:0}}},tabs:{},tag:{},textEllipsis:{underline:!0},text:{},textarea:{resize:"none"},tip:{},tooltip:{trigger:"hover",theme:"dark",enterDelay:500,leaveDelay:300,isArrow:!0},tree:{indent:20,minHeight:60,radioConfig:{strict:!0},virtualYConfig:{enabled:!0,gt:50,oSize:2}},treeSelect:{autoClose:!0,virtualYConfig:{enabled:!0,gt:0,oSize:2},treeConfig:{maxHeight:300,radioConfig:{},checkboxConfig:{},filterConfig:{autoExpandAll:!0}}},upload:{mode:"all",imageTypes:["jpg","jpeg","png","gif"],showList:!0,showUploadButton:!0,showButtonText:!0,showRemoveButton:!0,showButtonIcon:!0,showPreview:!0,dragToUpload:!0,showLimitSize:!0,showLimitCount:!0,autoSubmit:!0,maxSimultaneousUploads:5},watermark:{rotate:-30,gap:[100,100]},table:{},colgroup:{},column:{},toolbar:{},grid:{},gantt:{}});const iconPrefix="vxe-icon-";(0,_core.setIcon)({LOADING:iconPrefix+"spinner roll vxe-loading--default-icon",BUTTON_DROPDOWN:iconPrefix+"arrow-down",BUTTON_LOADING:iconPrefix+"spinner roll",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",SELECT_ADD_OPTION:iconPrefix+"add",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",RADIO_DISABLED_UNCHECKED:iconPrefix+"radio-unchecked-fill",CHECKBOX_INDETERMINATE:iconPrefix+"checkbox-indeterminate-fill",CHECKBOX_CHECKED:iconPrefix+"checkbox-checked-fill",CHECKBOX_UNCHECKED:iconPrefix+"checkbox-unchecked",CHECKBOX_DISABLED_UNCHECKED:iconPrefix+"checkbox-unchecked-fill",INPUT_CLEAR:iconPrefix+"error-circle-fill",INPUT_SEARCH:iconPrefix+"search",INPUT_PLUS_NUM:iconPrefix+"caret-up",INPUT_MINUS_NUM:iconPrefix+"caret-down",NUMBER_INPUT_MINUS_NUM:iconPrefix+"minus",NUMBER_INPUT_PLUS_NUM:iconPrefix+"add",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_UPLOAD:iconPrefix+"upload",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_TOP:iconPrefix+"arrow-up",TABS_TAB_BUTTON_BOTTOM:iconPrefix+"arrow-down",TABS_TAB_BUTTON_LEFT:iconPrefix+"arrow-left",TABS_TAB_BUTTON_RIGHT:iconPrefix+"arrow-right",TABS_TAB_CLOSE:iconPrefix+"close",TABS_TAB_REFRESH:iconPrefix+"refresh",TABS_TAB_REFRESH_LOADING:iconPrefix+"refresh roll",TEXT_COPY:iconPrefix+"copy",TEXT_LOADING:iconPrefix+"spinner roll",CAROUSEL_HORIZONTAL_PREVIOUS:iconPrefix+"arrow-left",CAROUSEL_HORIZONTAL_NEXT:iconPrefix+"arrow-right",CAROUSEL_VERTICAL_PREVIOUS:iconPrefix+"arrow-up",CAROUSEL_VERTICAL_NEXT:iconPrefix+"arrow-down",COLLAPSE_OPEN:iconPrefix+"arrow-right rotate90",COLLAPSE_CLOSE:iconPrefix+"arrow-right",EMPTY_DEFAULT:iconPrefix+"empty",RESULT_INFO:iconPrefix+"info-circle-fill",RESULT_SUCCESS:iconPrefix+"success-circle-fill",RESULT_WARNING:iconPrefix+"warning-circle-fill",RESULT_ERROR:iconPrefix+"error-circle-fill",RESULT_QUESTION:iconPrefix+"question-circle-fill",RESULT_LOADING:iconPrefix+"spinner roll",RATE_CHECKED:iconPrefix+"star-fill",RATE_UNCHECKED:iconPrefix+"star",COLOR_PICKER_COLOR_COPY:iconPrefix+"copy",COLOR_PICKER_EYE_DROPPER:iconPrefix+"dropper",COLOR_PICKER_TPTY_OPEN:iconPrefix+"arrow-down rotate180",COLOR_PICKER_TPTY_CLOSE:iconPrefix+"arrow-down",SPLIT_TOP_ACTION:iconPrefix+"arrow-up",SPLIT_BOTTOM_ACTION:iconPrefix+"arrow-down",SPLIT_LEFT_ACTION:iconPrefix+"arrow-left",SPLIT_RIGHT_ACTION:iconPrefix+"arrow-right"});var _default=exports.default=_core.VxeUI;
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
- const version = `ui v${"4.8.23"}`;
8
+ const version = `ui v${"4.8.25"}`;
9
9
  const warnLog = exports.warnLog = _core.log.create('warn', version);
10
10
  const errLog = exports.errLog = _core.log.create('error', version);
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.warnLog=exports.errLog=void 0;var _core=require("@vxe-ui/core");const version="ui v4.8.23",warnLog=exports.warnLog=_core.log.create("warn",version),errLog=exports.errLog=_core.log.create("error",version);
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.warnLog=exports.errLog=void 0;var _core=require("@vxe-ui/core");const version="ui v4.8.25",warnLog=exports.warnLog=_core.log.create("warn",version),errLog=exports.errLog=_core.log.create("error",version);
@@ -1,4 +1,5 @@
1
1
  .vxe-split {
2
+ position: relative;
2
3
  width: 100%;
3
4
  }
4
5
  .vxe-split.is--vertical > .vxe-split-wrapper {
@@ -26,6 +27,66 @@
26
27
  user-select: none;
27
28
  }
28
29
 
30
+ .vxe-split--resizable-split-tip {
31
+ display: none;
32
+ position: absolute;
33
+ top: 0;
34
+ left: 0;
35
+ z-index: 7;
36
+ pointer-events: none;
37
+ -webkit-user-select: none;
38
+ -moz-user-select: none;
39
+ user-select: none;
40
+ cursor: col-resize;
41
+ }
42
+ .vxe-split--resizable-split-tip.is-resize--lazy:before {
43
+ content: "";
44
+ display: block;
45
+ height: 100%;
46
+ background-color: var(--vxe-ui-split-resizable-drag-line-color);
47
+ }
48
+ .vxe-split--resizable-split-tip.is--horizontal {
49
+ width: 1px;
50
+ height: 100%;
51
+ }
52
+ .vxe-split--resizable-split-tip.is--horizontal .vxe-split--resizable-split-number-prev {
53
+ right: 0;
54
+ }
55
+ .vxe-split--resizable-split-tip.is--horizontal .vxe-split--resizable-split-number-next {
56
+ left: 1px;
57
+ }
58
+ .vxe-split--resizable-split-tip.is--vertical {
59
+ width: 100%;
60
+ height: 1px;
61
+ }
62
+ .vxe-split--resizable-split-tip.is--vertical .vxe-split--resizable-split-number-prev {
63
+ bottom: 0;
64
+ }
65
+ .vxe-split--resizable-split-tip.is--vertical .vxe-split--resizable-split-number-next {
66
+ top: 1px;
67
+ }
68
+
69
+ .vxe-split--resizable-split-tip-number {
70
+ position: absolute;
71
+ top: 0;
72
+ left: 0;
73
+ -webkit-user-select: none;
74
+ -moz-user-select: none;
75
+ user-select: none;
76
+ pointer-events: none;
77
+ }
78
+
79
+ .vxe-split--resizable-split-number-prev,
80
+ .vxe-split--resizable-split-number-next {
81
+ position: absolute;
82
+ padding: 0.25em 0.25em;
83
+ font-size: 12px;
84
+ border-radius: var(--vxe-ui-border-radius);
85
+ white-space: nowrap;
86
+ color: #ffffff;
87
+ background-color: var(--vxe-ui-split-resizable-drag-line-color);
88
+ }
89
+
29
90
  .vxe-split-wrapper {
30
91
  height: 100%;
31
92
  display: flex;
@@ -64,6 +125,9 @@
64
125
  .vxe-split-pane-handle-bar {
65
126
  background-color: var(--vxe-ui-split-handle-bar-background-color);
66
127
  }
128
+ .vxe-split-pane-handle-bar:hover {
129
+ background-color: var(--vxe-ui-split-handle-bar-hover-background-color);
130
+ }
67
131
 
68
132
  .vxe-split-pane-action-btn {
69
133
  position: absolute;
@@ -84,7 +148,8 @@
84
148
  transition: transform 0.1s ease-in-out;
85
149
  }
86
150
  .vxe-split-pane-action-btn:hover {
87
- background-color: var(--vxe-ui-font-primary-lighten-color);
151
+ color: #ffffff;
152
+ background-color: var(--vxe-ui-font-primary-color);
88
153
  }
89
154
  .vxe-split-pane-action-btn:active {
90
155
  transform: translate(-50%, -50%) scale(0.9);
@@ -110,20 +175,20 @@
110
175
  .vxe-split-pane.is--border > .vxe-split-pane--wrapper {
111
176
  border: 1px solid var(--vxe-ui-base-popup-border-color);
112
177
  }
113
- .vxe-split-pane.is--resize.is--expand.is--horizontal > .vxe-split-pane-handle .vxe-split-pane-handle-bar {
178
+ .vxe-split-pane.is--resize.is--expand.is-resize--immediate.is--horizontal > .vxe-split-pane-handle .vxe-split-pane-handle-bar {
114
179
  cursor: w-resize;
115
180
  }
116
- .vxe-split-pane.is--resize.is--expand.is--vertical > .vxe-split-pane-handle .vxe-split-pane-handle-bar {
181
+ .vxe-split-pane.is--resize.is--expand.is-resize--immediate.is--vertical > .vxe-split-pane-handle .vxe-split-pane-handle-bar {
117
182
  cursor: n-resize;
118
183
  }
119
- .vxe-split-pane.is--resize.is--expand > .vxe-split-pane-handle > .vxe-split-pane-handle-bar {
120
- background-color: var(--vxe-ui-split-handle-bar-background-color);
184
+ .vxe-split-pane.is--resize.is--expand.is-resize--immediate > .vxe-split-pane-handle > .vxe-split-pane-handle-bar:active {
185
+ background-color: var(--vxe-ui-font-primary-color);
121
186
  }
122
- .vxe-split-pane.is--resize.is--expand > .vxe-split-pane-handle > .vxe-split-pane-handle-bar:hover {
123
- background-color: var(--vxe-ui-font-primary-lighten-color);
187
+ .vxe-split-pane.is--resize.is--expand.is-resize--lazy.is--horizontal > .vxe-split-pane-handle .vxe-split-pane-handle-bar {
188
+ cursor: col-resize;
124
189
  }
125
- .vxe-split-pane.is--resize.is--expand > .vxe-split-pane-handle > .vxe-split-pane-handle-bar:active {
126
- background-color: var(--vxe-ui-font-primary-darken-color);
190
+ .vxe-split-pane.is--resize.is--expand.is-resize--lazy.is--vertical > .vxe-split-pane-handle .vxe-split-pane-handle-bar {
191
+ cursor: row-resize;
127
192
  }
128
193
  .vxe-split-pane.is--horizontal {
129
194
  flex-direction: row;
@@ -1 +1 @@
1
- .vxe-split{width:100%}.vxe-split.is--vertical>.vxe-split-wrapper{flex-direction:column}.vxe-split.is--vertical>.vxe-split-wrapper>.vxe-split-pane{width:100%}.vxe-split.is--drag{-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-split.is--drag>.vxe-split-wrapper>.vxe-split-pane>.vxe-split-pane--wrapper::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:0 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-split-wrapper{height:100%;display:flex;flex-direction:row;overflow:hidden}.vxe-split-slots{display:none}.vxe-split-pane-handle{position:relative;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-split-pane--wrapper{position:relative;word-break:break-word;overflow:hidden;flex-grow:1}.vxe-split-pane--inner{height:100%;width:100%;overflow:auto}.vxe-split-pane--inner>.vxe-split{height:100%}.vxe-split-pane-handle-bar{background-color:var(--vxe-ui-split-handle-bar-background-color)}.vxe-split-pane-action-btn{position:absolute;display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:.5em;border-radius:var(--vxe-ui-base-border-radius);top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;color:var(--vxe-ui-layout-background-color);background-color:var(--vxe-ui-split-handle-button-background-color);border:1px solid var(--vxe-ui-input-border-color);cursor:pointer;transition:transform .1s ease-in-out}.vxe-split-pane-action-btn:hover{background-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-split-pane-action-btn:active{transform:translate(-50%,-50%) scale(.9)}.vxe-split-pane{display:flex;position:relative;overflow:hidden}.vxe-split-pane.is--hidden{width:0}.vxe-split-pane.is--padding>.vxe-split-pane--wrapper{padding:var(--vxe-ui-layout-padding-default)}.vxe-split-pane.is--fill{flex-grow:1}.vxe-split-pane.is--height,.vxe-split-pane.is--width{flex-shrink:0}.vxe-split-pane.is--border>.vxe-split-pane--wrapper{border:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-split-pane.is--resize.is--expand.is--horizontal>.vxe-split-pane-handle .vxe-split-pane-handle-bar{cursor:w-resize}.vxe-split-pane.is--resize.is--expand.is--vertical>.vxe-split-pane-handle .vxe-split-pane-handle-bar{cursor:n-resize}.vxe-split-pane.is--resize.is--expand>.vxe-split-pane-handle>.vxe-split-pane-handle-bar{background-color:var(--vxe-ui-split-handle-bar-background-color)}.vxe-split-pane.is--resize.is--expand>.vxe-split-pane-handle>.vxe-split-pane-handle-bar:hover{background-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-split-pane.is--resize.is--expand>.vxe-split-pane-handle>.vxe-split-pane-handle-bar:active{background-color:var(--vxe-ui-font-primary-darken-color)}.vxe-split-pane.is--horizontal{flex-direction:row}.vxe-split-pane.is--horizontal>.vxe-split-pane-handle .vxe-split-pane-handle-bar{width:var(--vxe-ui-split-handle-bar-horizontal-width);height:100%}.vxe-split-pane.is--horizontal>.vxe-split-pane-handle .vxe-split-pane-action-btn{width:var(--vxe-ui-split-handle-bar-horizontal-width);height:var(--vxe-ui-split-handle-bar-horizontal-height)}.vxe-split-pane.is--horizontal.is--border>.vxe-split-pane-handle{border-width:1px 0 1px 0}.vxe-split-pane.is--vertical{flex-direction:column}.vxe-split-pane.is--vertical>.vxe-split-pane-handle .vxe-split-pane-handle-bar{height:var(--vxe-ui-split-handle-bar-vertical-height);width:100%}.vxe-split-pane.is--vertical>.vxe-split-pane-handle .vxe-split-pane-action-btn{width:var(--vxe-ui-split-handle-bar-vertical-width);height:var(--vxe-ui-split-handle-bar-vertical-height)}.vxe-split-pane.is--vertical.is--border>.vxe-split-pane-handle{border-width:0 1px 0 1px}.vxe-modal--content>.vxe-split{height:100%}
1
+ .vxe-split{position:relative;width:100%}.vxe-split.is--vertical>.vxe-split-wrapper{flex-direction:column}.vxe-split.is--vertical>.vxe-split-wrapper>.vxe-split-pane{width:100%}.vxe-split.is--drag{-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-split.is--drag>.vxe-split-wrapper>.vxe-split-pane>.vxe-split-pane--wrapper::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:0 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-split--resizable-split-tip{display:none;position:absolute;top:0;left:0;z-index:7;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:col-resize}.vxe-split--resizable-split-tip.is-resize--lazy:before{content:"";display:block;height:100%;background-color:var(--vxe-ui-split-resizable-drag-line-color)}.vxe-split--resizable-split-tip.is--horizontal{width:1px;height:100%}.vxe-split--resizable-split-tip.is--horizontal .vxe-split--resizable-split-number-prev{right:0}.vxe-split--resizable-split-tip.is--horizontal .vxe-split--resizable-split-number-next{left:1px}.vxe-split--resizable-split-tip.is--vertical{width:100%;height:1px}.vxe-split--resizable-split-tip.is--vertical .vxe-split--resizable-split-number-prev{bottom:0}.vxe-split--resizable-split-tip.is--vertical .vxe-split--resizable-split-number-next{top:1px}.vxe-split--resizable-split-tip-number{position:absolute;top:0;left:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.vxe-split--resizable-split-number-next,.vxe-split--resizable-split-number-prev{position:absolute;padding:.25em .25em;font-size:12px;border-radius:var(--vxe-ui-border-radius);white-space:nowrap;color:#fff;background-color:var(--vxe-ui-split-resizable-drag-line-color)}.vxe-split-wrapper{height:100%;display:flex;flex-direction:row;overflow:hidden}.vxe-split-slots{display:none}.vxe-split-pane-handle{position:relative;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-split-pane--wrapper{position:relative;word-break:break-word;overflow:hidden;flex-grow:1}.vxe-split-pane--inner{height:100%;width:100%;overflow:auto}.vxe-split-pane--inner>.vxe-split{height:100%}.vxe-split-pane-handle-bar{background-color:var(--vxe-ui-split-handle-bar-background-color)}.vxe-split-pane-handle-bar:hover{background-color:var(--vxe-ui-split-handle-bar-hover-background-color)}.vxe-split-pane-action-btn{position:absolute;display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:.5em;border-radius:var(--vxe-ui-base-border-radius);top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;color:var(--vxe-ui-layout-background-color);background-color:var(--vxe-ui-split-handle-button-background-color);border:1px solid var(--vxe-ui-input-border-color);cursor:pointer;transition:transform .1s ease-in-out}.vxe-split-pane-action-btn:hover{color:#fff;background-color:var(--vxe-ui-font-primary-color)}.vxe-split-pane-action-btn:active{transform:translate(-50%,-50%) scale(.9)}.vxe-split-pane{display:flex;position:relative;overflow:hidden}.vxe-split-pane.is--hidden{width:0}.vxe-split-pane.is--padding>.vxe-split-pane--wrapper{padding:var(--vxe-ui-layout-padding-default)}.vxe-split-pane.is--fill{flex-grow:1}.vxe-split-pane.is--height,.vxe-split-pane.is--width{flex-shrink:0}.vxe-split-pane.is--border>.vxe-split-pane--wrapper{border:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-split-pane.is--resize.is--expand.is-resize--immediate.is--horizontal>.vxe-split-pane-handle .vxe-split-pane-handle-bar{cursor:w-resize}.vxe-split-pane.is--resize.is--expand.is-resize--immediate.is--vertical>.vxe-split-pane-handle .vxe-split-pane-handle-bar{cursor:n-resize}.vxe-split-pane.is--resize.is--expand.is-resize--immediate>.vxe-split-pane-handle>.vxe-split-pane-handle-bar:active{background-color:var(--vxe-ui-font-primary-color)}.vxe-split-pane.is--resize.is--expand.is-resize--lazy.is--horizontal>.vxe-split-pane-handle .vxe-split-pane-handle-bar{cursor:col-resize}.vxe-split-pane.is--resize.is--expand.is-resize--lazy.is--vertical>.vxe-split-pane-handle .vxe-split-pane-handle-bar{cursor:row-resize}.vxe-split-pane.is--horizontal{flex-direction:row}.vxe-split-pane.is--horizontal>.vxe-split-pane-handle .vxe-split-pane-handle-bar{width:var(--vxe-ui-split-handle-bar-horizontal-width);height:100%}.vxe-split-pane.is--horizontal>.vxe-split-pane-handle .vxe-split-pane-action-btn{width:var(--vxe-ui-split-handle-bar-horizontal-width);height:var(--vxe-ui-split-handle-bar-horizontal-height)}.vxe-split-pane.is--horizontal.is--border>.vxe-split-pane-handle{border-width:1px 0 1px 0}.vxe-split-pane.is--vertical{flex-direction:column}.vxe-split-pane.is--vertical>.vxe-split-pane-handle .vxe-split-pane-handle-bar{height:var(--vxe-ui-split-handle-bar-vertical-height);width:100%}.vxe-split-pane.is--vertical>.vxe-split-pane-handle .vxe-split-pane-action-btn{width:var(--vxe-ui-split-handle-bar-vertical-width);height:var(--vxe-ui-split-handle-bar-vertical-height)}.vxe-split-pane.is--vertical.is--border>.vxe-split-pane-handle{border-width:0 1px 0 1px}.vxe-modal--content>.vxe-split{height:100%}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "vxe-pc-ui",
3
- "version": "4.8.23",
3
+ "version": "4.8.25",
4
4
  "description": "A vue based PC component library",
5
5
  "scripts": {
6
6
  "update": "npm install --legacy-peer-deps",
@@ -65,10 +65,10 @@ export default {
65
65
  emptyText: 'No data yet',
66
66
  allTitle: 'Select all/cancel',
67
67
  seqTitle: 'Number',
68
- actionTitle: 'operate',
69
- confirmFilter: 'filter',
68
+ actionTitle: 'Operate',
69
+ confirmFilter: 'Filter',
70
70
  resetFilter: 'Reset',
71
- allFilter: 'all',
71
+ allFilter: 'All',
72
72
  sortAsc: 'Ascending order: lowest to highest',
73
73
  sortDesc: 'Descending order: highest to lowest',
74
74
  filter: 'Enable filtering for selected columns',
@@ -79,9 +79,9 @@ export default {
79
79
  expFilename: 'Export_{0}',
80
80
  expOriginFilename: 'Export_source_{0}',
81
81
  customTitle: 'Column settings',
82
- customAll: 'all',
83
- customConfirm: 'confirm',
84
- customClose: 'closure',
82
+ customAll: 'All',
83
+ customConfirm: 'Confirm',
84
+ customClose: 'Closure',
85
85
  customCancel: 'Cancel',
86
86
  customRestore: 'Restore default',
87
87
  maxFixedCol: 'The maximum number of frozen columns cannot exceed {0}',
@@ -146,7 +146,7 @@ export default {
146
146
  title: 'System prompts'
147
147
  },
148
148
  button: {
149
- confirm: 'confirm',
149
+ confirm: 'Confirm',
150
150
  cancel: 'Cancel',
151
151
  clear: 'Clear'
152
152
  },
@@ -256,12 +256,12 @@ export default {
256
256
  import: 'Import',
257
257
  export: 'Export',
258
258
  print: 'Print',
259
- refresh: 'refresh',
260
- zoomIn: 'full screen',
259
+ refresh: 'Refresh',
260
+ zoomIn: 'Full screen',
261
261
  zoomOut: 'reduction',
262
262
  custom: 'Column settings',
263
- customAll: 'all',
264
- customConfirm: 'confirm',
263
+ customAll: 'All',
264
+ customConfirm: 'Confirm',
265
265
  customRestore: 'Reset',
266
266
  fixedLeft: 'Freeze left',
267
267
  fixedRight: 'Freeze right',
@@ -378,7 +378,7 @@ export default {
378
378
  },
379
379
  colorPicker: {
380
380
  clear: 'Clear',
381
- confirm: 'confirm',
381
+ confirm: 'Confirm',
382
382
  copySuccess: 'Copyed to clipboard: {0}',
383
383
  hex: 'HEX'
384
384
  },
@@ -33,6 +33,7 @@ export default defineVxeComponent({
33
33
  items: Array as PropType<VxeSplitPropTypes.Items>,
34
34
  itemConfig: Object as PropType<VxeSplitPropTypes.ItemConfig>,
35
35
  barConfig: Object as PropType<VxeSplitPropTypes.BarConfig>,
36
+ resizeConfig: Object as PropType<VxeSplitPropTypes.ResizeConfig>,
36
37
  actionConfig: Object as PropType<VxeSplitPropTypes.ActionConfig>
37
38
  },
38
39
  emits: [
@@ -49,6 +50,7 @@ export default defineVxeComponent({
49
50
  const xID = XEUtils.uniqueId()
50
51
 
51
52
  const refElem = ref<HTMLDivElement>()
53
+ const refResizableSplitTip = ref<HTMLDivElement>()
52
54
 
53
55
  const reactData = reactive<SplitReactData>({
54
56
  staticItems: [],
@@ -68,6 +70,10 @@ export default defineVxeComponent({
68
70
  return Object.assign({}, getConfig().split.barConfig, props.barConfig)
69
71
  })
70
72
 
73
+ const computeResizeOpts = computed(() => {
74
+ return Object.assign({}, getConfig().split.resizeConfig, props.resizeConfig)
75
+ })
76
+
71
77
  const computeActionOpts = computed(() => {
72
78
  return Object.assign({}, getConfig().split.actionConfig, props.actionConfig)
73
79
  })
@@ -337,78 +343,193 @@ export default defineVxeComponent({
337
343
  if (!item.isExpand) {
338
344
  return
339
345
  }
346
+ const containerRect = el.getBoundingClientRect()
347
+ const barRect = barEl.getBoundingClientRect()
348
+ const rsSplitLineEl = refResizableSplitTip.value
349
+ const rsSplitTipEl = rsSplitLineEl ? rsSplitLineEl.children[0] as HTMLDivElement : null
340
350
  const isFoldNext = computeIsFoldNext.value
341
351
  const itemOpts = computeItemOpts.value
352
+ const resizeOpts = computeResizeOpts.value
353
+ const { immediate } = resizeOpts
342
354
  const allMinWidth = XEUtils.toNumber(itemOpts.minWidth)
343
355
  const allMinHeight = XEUtils.toNumber(itemOpts.minHeight)
356
+
344
357
  const targetItem = itemList[itemIndex + (isFoldNext ? 1 : -1)]
345
- const targetItemEl = targetItem ? el.querySelector<HTMLDivElement>(`.vxe-split-pane[itemid="${targetItem.id}"]`) : null
346
- const currItemEl = item ? el.querySelector<HTMLDivElement>(`.vxe-split-pane[itemid="${item.id}"]`) : null
347
- const targetWidth = targetItemEl ? targetItemEl.clientWidth : 0
348
- const currWidth = currItemEl ? currItemEl.clientWidth : 0
349
- const targetHeight = targetItemEl ? targetItemEl.clientHeight : 0
350
- const currHeight = currItemEl ? currItemEl.clientHeight : 0
351
- const targetMinWidth = XEUtils.toNumber(targetItem ? getGlobalDefaultConfig(targetItem.minWidth, allMinWidth) : allMinWidth)
352
- const currMinWidth = XEUtils.toNumber(getGlobalDefaultConfig(item.minWidth, allMinWidth))
353
- const targetMinHeight = XEUtils.toNumber(targetItem ? getGlobalDefaultConfig(targetItem.minHeight, allMinHeight) : allMinHeight)
354
- const currMinHeight = XEUtils.toNumber(getGlobalDefaultConfig(item.minHeight, allMinHeight))
355
- const disX = evnt.clientX
356
- const disY = evnt.clientY
357
- addClass(el, 'is--drag')
358
- document.onmousemove = (evnt) => {
359
- evnt.preventDefault()
358
+
359
+ const prevItem = itemList[itemIndex + (isFoldNext ? 0 : -1)]
360
+ const nextItem = itemList[itemIndex + (isFoldNext ? 1 : 0)]
361
+ const prevEl = targetItem ? el.querySelector<HTMLDivElement>(`.vxe-split-pane[itemid="${prevItem.id}"]`) : null
362
+ const nextEl = item ? el.querySelector<HTMLDivElement>(`.vxe-split-pane[itemid="${nextItem.id}"]`) : null
363
+ if (!prevEl || !nextEl) {
364
+ return
365
+ }
366
+
367
+ const barOffsetX = Math.ceil(barRect.width - (evnt.clientX - barRect.left))
368
+ const barOffsetY = Math.ceil(evnt.clientY - barRect.top)
369
+
370
+ const prevWidth = prevEl.offsetWidth
371
+ const nextWidth = nextEl.offsetWidth
372
+ const prevMinWidth = XEUtils.toNumber(prevItem ? getGlobalDefaultConfig(prevItem.minWidth, allMinWidth) : allMinWidth)
373
+ const nextMinWidth = XEUtils.toNumber(nextItem ? getGlobalDefaultConfig(nextItem.minWidth, allMinWidth) : allMinWidth)
374
+ const minOffsetLeft = prevEl.offsetLeft + prevMinWidth - barOffsetX
375
+ const maxOffsetLeft = nextEl.offsetLeft + nextEl.offsetWidth - nextMinWidth - barOffsetX
376
+ const startOffsetLeft = evnt.clientX - containerRect.left
377
+ let targetOffsetWidth = -1
378
+ let prevResizeWidth = 0
379
+ let nextResizeWidth = 0
380
+ let offsetLeft = startOffsetLeft
381
+
382
+ const prevHeight = prevEl.offsetHeight
383
+ const nextHeight = nextEl.offsetHeight
384
+ const prevMinHeight = XEUtils.toNumber(prevItem ? getGlobalDefaultConfig(prevItem.minHeight, allMinHeight) : allMinHeight)
385
+ const nextMinHeight = XEUtils.toNumber(nextItem ? getGlobalDefaultConfig(nextItem.minHeight, allMinHeight) : allMinHeight)
386
+ const minOffsetTop = prevEl.offsetTop + prevMinHeight + barOffsetY
387
+ const maxOffsetTop = nextEl.offsetTop + nextEl.offsetHeight - nextMinHeight + barOffsetY
388
+ const startOffsetTop = evnt.clientY - containerRect.top
389
+ let targetOffsetHeight = -1
390
+ let prevResizeHeight = 0
391
+ let nextResizeHeight = 0
392
+ let offsetTop = startOffsetTop
393
+
394
+ const handleReStyle = (evnt: MouseEvent) => {
395
+ if (!rsSplitLineEl) {
396
+ return
397
+ }
398
+ const rsNumPrevEl = rsSplitTipEl ? rsSplitTipEl.children[0] as HTMLDivElement : null
399
+ const rsNumNextEl = rsSplitTipEl ? rsSplitTipEl.children[1] as HTMLDivElement : null
360
400
  if (vertical) {
361
- const offsetTop = isFoldNext ? (disY - evnt.clientY) : (evnt.clientY - disY)
362
- if (offsetTop > 0) {
363
- if (targetItem) {
364
- if (currHeight - offsetTop >= currMinHeight) {
365
- const reHeight = currHeight - offsetTop
366
- targetItem.resizeHeight = targetHeight + offsetTop
367
- item.resizeHeight = reHeight
368
- dispatchEvent('resize-drag', { item, name: item.name, offsetHeight: offsetTop, resizeHeight: reHeight, offsetWidth: 0, resizeWidth: 0 }, evnt)
369
- }
401
+ let tipWidth = 0
402
+ if (rsNumPrevEl) {
403
+ if (targetOffsetHeight < 0) {
404
+ rsNumPrevEl.textContent = `${Math.floor(prevResizeHeight)}px`
405
+ rsNumPrevEl.style.display = 'block'
406
+ tipWidth = rsNumPrevEl.offsetWidth
407
+ } else {
408
+ rsNumPrevEl.style.display = 'none'
370
409
  }
371
- } else {
372
- if (targetItem) {
373
- if (targetHeight + offsetTop >= targetMinHeight) {
374
- const reHeight = currHeight - offsetTop
375
- targetItem.resizeHeight = targetHeight + offsetTop
376
- item.resizeHeight = reHeight
377
- dispatchEvent('resize-drag', { item, name: item.name, offsetHeight: offsetTop, resizeHeight: reHeight, offsetWidth: 0, resizeWidth: 0 }, evnt)
378
- }
410
+ }
411
+ if (rsNumNextEl) {
412
+ if (targetOffsetHeight < 0) {
413
+ rsNumNextEl.style.display = 'none'
414
+ } else {
415
+ rsNumNextEl.textContent = `${Math.floor(nextResizeHeight)}px`
416
+ rsNumNextEl.style.display = 'block'
417
+ tipWidth = rsNumNextEl.offsetWidth
379
418
  }
380
419
  }
420
+ let rsLeft = Math.max(1, evnt.clientX - containerRect.left - tipWidth / 2)
421
+ if (rsLeft > containerRect.width - tipWidth - 1) {
422
+ rsLeft = containerRect.width - tipWidth - 1
423
+ }
424
+ rsSplitLineEl.style.left = '0'
425
+ rsSplitLineEl.style.top = `${offsetTop}px`
426
+ if (rsSplitTipEl) {
427
+ rsSplitTipEl.style.left = `${rsLeft}px`
428
+ }
381
429
  } else {
382
- const offsetLeft = isFoldNext ? (disX - evnt.clientX) : (evnt.clientX - disX)
383
- if (offsetLeft > 0) {
384
- if (targetItem) {
385
- if (currWidth - offsetLeft >= currMinWidth) {
386
- const reWidth = currWidth - offsetLeft
387
- targetItem.resizeWidth = targetWidth + offsetLeft
388
- item.resizeWidth = reWidth
389
- dispatchEvent('resize-drag', { item, name: item.name, offsetHeight: 0, resizeHeight: 0, offsetWidth: offsetLeft, resizeWidth: reWidth }, evnt)
390
- }
430
+ let tipHeight = 0
431
+ if (rsNumPrevEl) {
432
+ if (targetOffsetWidth < 0) {
433
+ rsNumPrevEl.textContent = `${Math.floor(prevResizeWidth)}px`
434
+ rsNumPrevEl.style.display = 'block'
435
+ tipHeight = rsNumPrevEl.offsetHeight
436
+ } else {
437
+ rsNumPrevEl.style.display = 'none'
391
438
  }
392
- } else {
393
- if (targetItem) {
394
- if (targetWidth + offsetLeft >= targetMinWidth) {
395
- const reWidth = currWidth - offsetLeft
396
- targetItem.resizeWidth = targetWidth + offsetLeft
397
- item.resizeWidth = reWidth
398
- dispatchEvent('resize-drag', { item, name: item.name, offsetHeight: 0, resizeHeight: 0, offsetWidth: offsetLeft, resizeWidth: reWidth }, evnt)
399
- }
439
+ }
440
+ if (rsNumNextEl) {
441
+ if (targetOffsetWidth < 0) {
442
+ rsNumNextEl.style.display = 'none'
443
+ } else {
444
+ rsNumNextEl.textContent = `${Math.floor(nextResizeWidth)}px`
445
+ rsNumNextEl.style.display = 'block'
446
+ tipHeight = rsNumNextEl.offsetHeight
400
447
  }
401
448
  }
449
+ let rsTop = Math.max(1, evnt.clientY - containerRect.top - tipHeight / 2)
450
+ if (rsTop > containerRect.height - tipHeight - 1) {
451
+ rsTop = containerRect.height - tipHeight - 1
452
+ }
453
+ rsSplitLineEl.style.top = '0'
454
+ rsSplitLineEl.style.left = `${offsetLeft}px`
455
+ if (rsSplitTipEl) {
456
+ rsSplitTipEl.style.top = `${rsTop}px`
457
+ }
458
+ }
459
+ }
460
+
461
+ const handleUpdate = () => {
462
+ if (vertical) {
463
+ prevItem.resizeHeight = prevResizeHeight
464
+ nextItem.resizeHeight = nextResizeHeight
465
+ } else {
466
+ prevItem.resizeWidth = prevResizeWidth
467
+ nextItem.resizeWidth = nextResizeWidth
468
+ }
469
+ }
470
+
471
+ const handleDrag = (evnt: MouseEvent) => {
472
+ if (vertical) {
473
+ offsetTop = evnt.clientY - containerRect.top
474
+ if (offsetTop < minOffsetTop) {
475
+ offsetTop = minOffsetTop
476
+ }
477
+ if (offsetTop > maxOffsetTop) {
478
+ offsetTop = maxOffsetTop
479
+ }
480
+ targetOffsetHeight = offsetTop - startOffsetTop
481
+ prevResizeHeight = prevHeight + targetOffsetHeight
482
+ nextResizeHeight = nextHeight - targetOffsetHeight
483
+ } else {
484
+ offsetLeft = evnt.clientX - containerRect.left
485
+ if (offsetLeft < minOffsetLeft) {
486
+ offsetLeft = minOffsetLeft
487
+ }
488
+ if (offsetLeft > maxOffsetLeft) {
489
+ offsetLeft = maxOffsetLeft
490
+ }
491
+ targetOffsetWidth = offsetLeft - startOffsetLeft
492
+ prevResizeWidth = prevWidth + targetOffsetWidth
493
+ nextResizeWidth = nextWidth - targetOffsetWidth
402
494
  }
495
+ if (immediate) {
496
+ if (vertical) {
497
+ prevEl.style.height = toCssUnit(prevResizeHeight)
498
+ nextEl.style.height = toCssUnit(nextResizeHeight)
499
+ } else {
500
+ prevEl.style.width = toCssUnit(prevResizeWidth)
501
+ nextEl.style.width = toCssUnit(nextResizeWidth)
502
+ }
503
+ }
504
+ if (rsSplitLineEl) {
505
+ handleReStyle(evnt)
506
+ }
507
+ dispatchEvent('resize-drag', { item, name: item.name, prevItem, nextItem, offsetHeight: targetOffsetHeight, offsetWidth: targetOffsetWidth }, evnt)
403
508
  }
404
- document.onmouseup = (evnt: MouseEvent) => {
509
+
510
+ document.onmousemove = (evnt) => {
511
+ evnt.preventDefault()
512
+ handleDrag(evnt)
513
+ }
514
+ document.onmouseup = (evnt) => {
405
515
  document.onmousemove = null
406
516
  document.onmouseup = null
517
+ if (rsSplitLineEl) {
518
+ rsSplitLineEl.style.display = ''
519
+ }
520
+ handleUpdate()
407
521
  removeClass(el, 'is--drag')
408
- dispatchEvent('resize-end', { item, name: item.name, resizeHeight: item.resizeHeight, resizeWidth: item.resizeWidth }, evnt)
522
+ dispatchEvent('resize-end', { item, name: item.name, prevItem, nextItem, offsetHeight: targetOffsetHeight, offsetWidth: targetOffsetWidth }, evnt)
409
523
  recalculate()
410
524
  }
411
- dispatchEvent('resize-start', { item, name: item.name }, evnt)
525
+
526
+ if (rsSplitLineEl) {
527
+ rsSplitLineEl.style.display = 'block'
528
+ handleReStyle(evnt)
529
+ }
530
+ handleDrag(evnt)
531
+ addClass(el, 'is--drag')
532
+ dispatchEvent('resize-start', { item, name: item.name, prevItem, nextItem }, evnt)
412
533
  }
413
534
 
414
535
  const handleItemActionEvent = (evnt: MouseEvent) => {
@@ -530,6 +651,8 @@ export default defineVxeComponent({
530
651
  const renderItems = () => {
531
652
  const { border, padding, resize, vertical } = props
532
653
  const { itemList } = reactData
654
+ const resizeOpts = computeResizeOpts.value
655
+ const { immediate } = resizeOpts
533
656
  const visibleItems = computeVisibleItems.value
534
657
  const { autoItems } = computeAutoItems.value
535
658
  const isFoldNext = computeIsFoldNext.value
@@ -566,7 +689,7 @@ export default defineVxeComponent({
566
689
  itemVNs.push(
567
690
  h('div', {
568
691
  itemid: id,
569
- class: ['vxe-split-pane', vertical ? 'is--vertical' : 'is--horizontal', {
692
+ class: ['vxe-split-pane', vertical ? 'is--vertical' : 'is--horizontal', immediate ? 'is-resize--immediate' : 'is-resize--lazy', {
570
693
  'is--resize': resize,
571
694
  'is--padding': padding,
572
695
  'is--border': border,
@@ -599,6 +722,8 @@ export default defineVxeComponent({
599
722
 
600
723
  const renderVN = () => {
601
724
  const { vertical, width, height } = props
725
+ const resizeOpts = computeResizeOpts.value
726
+ const { immediate, showTip } = resizeOpts
602
727
  const defaultSlot = slots.default
603
728
  const stys: Record<string, string | number> = {}
604
729
  if (height) {
@@ -615,7 +740,24 @@ export default defineVxeComponent({
615
740
  h('div', {
616
741
  class: 'vxe-split-slots'
617
742
  }, defaultSlot ? defaultSlot({}) : []),
618
- renderItems()
743
+ renderItems(),
744
+ h('div', {
745
+ ref: refResizableSplitTip,
746
+ class: ['vxe-split--resizable-split-tip', vertical ? 'is--vertical' : 'is--horizontal', immediate ? 'is-resize--immediate' : 'is-resize--lazy']
747
+ }, showTip
748
+ ? [
749
+ h('div', {
750
+ class: 'vxe-split--resizable-split-tip-number'
751
+ }, [
752
+ h('div', {
753
+ class: 'vxe-split--resizable-split-number-prev'
754
+ }),
755
+ h('div', {
756
+ class: 'vxe-split--resizable-split-number-next'
757
+ })
758
+ ])
759
+ ]
760
+ : [])
619
761
  ])
620
762
  }
621
763
 
@@ -311,6 +311,10 @@ setConfig({
311
311
  itemConfig: {
312
312
  minWidth: 40,
313
313
  minHeight: 40
314
+ },
315
+ resizeConfig: {
316
+ // immediate: false,
317
+ showTip: true
314
318
  }
315
319
  },
316
320
  splitPane: {},