vxe-pc-ui 4.8.24 → 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.
- package/es/icon/style.css +1 -1
- package/es/language/en-US.js +12 -12
- package/es/split/src/split.js +189 -53
- package/es/split/style.css +74 -9
- package/es/split/style.min.css +1 -1
- package/es/style.css +1 -1
- package/es/style.min.css +1 -1
- package/es/ui/index.js +5 -1
- package/es/ui/src/log.js +1 -1
- package/es/vxe-split/style.css +74 -9
- package/es/vxe-split/style.min.css +1 -1
- package/lib/icon/style/style.css +1 -1
- package/lib/icon/style/style.min.css +1 -1
- package/lib/index.umd.js +201 -84
- package/lib/index.umd.min.js +1 -1
- package/lib/language/en-US.js +12 -12
- package/lib/language/en-US.min.js +1 -1
- package/lib/language/en-US.umd.js +12 -12
- package/lib/split/src/split.js +195 -82
- package/lib/split/src/split.min.js +1 -1
- package/lib/split/style/style.css +74 -9
- package/lib/split/style/style.min.css +1 -1
- package/lib/style.css +1 -1
- package/lib/style.min.css +1 -1
- package/lib/ui/index.js +5 -1
- package/lib/ui/index.min.js +1 -1
- package/lib/ui/src/log.js +1 -1
- package/lib/ui/src/log.min.js +1 -1
- package/lib/vxe-split/style/style.css +74 -9
- package/lib/vxe-split/style/style.min.css +1 -1
- package/package.json +1 -1
- package/packages/language/en-US.ts +12 -12
- package/packages/split/src/split.ts +196 -54
- package/packages/ui/index.ts +4 -0
- package/styles/components/split.scss +92 -16
- package/styles/theme/base.scss +2 -0
- package/styles/theme/dark.scss +1 -0
- package/styles/theme/light.scss +1 -0
- package/styles/variable.scss +1 -0
- package/types/components/gantt-module/gantt-view.d.ts +12 -12
- package/types/components/split.d.ts +14 -0
- /package/es/icon/{iconfont.1755847372488.ttf → iconfont.1755949930275.ttf} +0 -0
- /package/es/icon/{iconfont.1755847372488.woff → iconfont.1755949930275.woff} +0 -0
- /package/es/icon/{iconfont.1755847372488.woff2 → iconfont.1755949930275.woff2} +0 -0
- /package/es/{iconfont.1755847372488.ttf → iconfont.1755949930275.ttf} +0 -0
- /package/es/{iconfont.1755847372488.woff → iconfont.1755949930275.woff} +0 -0
- /package/es/{iconfont.1755847372488.woff2 → iconfont.1755949930275.woff2} +0 -0
- /package/lib/icon/style/{iconfont.1755847372488.ttf → iconfont.1755949930275.ttf} +0 -0
- /package/lib/icon/style/{iconfont.1755847372488.woff → iconfont.1755949930275.woff} +0 -0
- /package/lib/icon/style/{iconfont.1755847372488.woff2 → iconfont.1755949930275.woff2} +0 -0
- /package/lib/{iconfont.1755847372488.ttf → iconfont.1755949930275.ttf} +0 -0
- /package/lib/{iconfont.1755847372488.woff → iconfont.1755949930275.woff} +0 -0
- /package/lib/{iconfont.1755847372488.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.
|
|
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: {},
|
package/lib/ui/index.min.js
CHANGED
|
@@ -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.24";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.
|
|
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);
|
package/lib/ui/src/log.min.js
CHANGED
|
@@ -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.
|
|
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
|
-
|
|
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-
|
|
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
|
|
123
|
-
|
|
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
|
|
126
|
-
|
|
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-
|
|
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
|
@@ -65,10 +65,10 @@ export default {
|
|
|
65
65
|
emptyText: 'No data yet',
|
|
66
66
|
allTitle: 'Select all/cancel',
|
|
67
67
|
seqTitle: 'Number',
|
|
68
|
-
actionTitle: '
|
|
69
|
-
confirmFilter: '
|
|
68
|
+
actionTitle: 'Operate',
|
|
69
|
+
confirmFilter: 'Filter',
|
|
70
70
|
resetFilter: 'Reset',
|
|
71
|
-
allFilter: '
|
|
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: '
|
|
83
|
-
customConfirm: '
|
|
84
|
-
customClose: '
|
|
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: '
|
|
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: '
|
|
260
|
-
zoomIn: '
|
|
259
|
+
refresh: 'Refresh',
|
|
260
|
+
zoomIn: 'Full screen',
|
|
261
261
|
zoomOut: 'reduction',
|
|
262
262
|
custom: 'Column settings',
|
|
263
|
-
customAll: '
|
|
264
|
-
customConfirm: '
|
|
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: '
|
|
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
|
-
|
|
346
|
-
const
|
|
347
|
-
const
|
|
348
|
-
const
|
|
349
|
-
const
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
const
|
|
355
|
-
const
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
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
|
-
|
|
362
|
-
if (
|
|
363
|
-
if (
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
|
|
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
|
-
}
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
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
|
-
|
|
383
|
-
if (
|
|
384
|
-
if (
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
|
|
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
|
-
}
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
|
|
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
|
-
|
|
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,
|
|
522
|
+
dispatchEvent('resize-end', { item, name: item.name, prevItem, nextItem, offsetHeight: targetOffsetHeight, offsetWidth: targetOffsetWidth }, evnt)
|
|
409
523
|
recalculate()
|
|
410
524
|
}
|
|
411
|
-
|
|
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
|
|