vxe-pc-ui 4.5.0 → 4.5.2
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/README.md +2 -0
- package/es/icon/style.css +1 -1
- package/es/split/src/split-item.js +7 -7
- package/es/split/src/split.js +44 -25
- package/es/split/src/util.js +4 -4
- package/es/split/style.css +13 -1
- 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 -3
- package/es/ui/src/log.js +1 -1
- package/es/vxe-split/style.css +13 -1
- 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 +60 -42
- package/lib/index.umd.min.js +1 -1
- package/lib/split/src/split-item.js +7 -7
- package/lib/split/src/split.js +43 -27
- package/lib/split/src/split.min.js +1 -1
- package/lib/split/src/util.js +4 -4
- package/lib/split/style/style.css +13 -1
- 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 -3
- 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 +13 -1
- package/lib/vxe-split/style/style.min.css +1 -1
- package/package.json +1 -1
- package/packages/split/src/split-item.ts +7 -7
- package/packages/split/src/split.ts +44 -25
- package/packages/split/src/util.ts +4 -4
- package/packages/ui/index.ts +4 -2
- package/styles/components/split.scss +14 -1
- package/types/components/split.d.ts +15 -9
- /package/es/icon/{iconfont.1743044808708.ttf → iconfont.1743056531953.ttf} +0 -0
- /package/es/icon/{iconfont.1743044808708.woff → iconfont.1743056531953.woff} +0 -0
- /package/es/icon/{iconfont.1743044808708.woff2 → iconfont.1743056531953.woff2} +0 -0
- /package/es/{iconfont.1743044808708.ttf → iconfont.1743056531953.ttf} +0 -0
- /package/es/{iconfont.1743044808708.woff → iconfont.1743056531953.woff} +0 -0
- /package/es/{iconfont.1743044808708.woff2 → iconfont.1743056531953.woff2} +0 -0
- /package/lib/icon/style/{iconfont.1743044808708.ttf → iconfont.1743056531953.ttf} +0 -0
- /package/lib/icon/style/{iconfont.1743044808708.woff → iconfont.1743056531953.woff} +0 -0
- /package/lib/icon/style/{iconfont.1743044808708.woff2 → iconfont.1743056531953.woff2} +0 -0
- /package/lib/{iconfont.1743044808708.ttf → iconfont.1743056531953.ttf} +0 -0
- /package/lib/{iconfont.1743044808708.woff → iconfont.1743056531953.woff} +0 -0
- /package/lib/{iconfont.1743044808708.woff2 → iconfont.1743056531953.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.5.
|
|
29
|
+
const version = exports.version = "4.5.2";
|
|
30
30
|
_core.VxeUI.uiVersion = version;
|
|
31
31
|
_core.VxeUI.dynamicApp = _dynamics.dynamicApp;
|
|
32
32
|
function config(options) {
|
|
@@ -294,8 +294,10 @@ _core.VxeUI.setup = setup;
|
|
|
294
294
|
}
|
|
295
295
|
},
|
|
296
296
|
split: {
|
|
297
|
-
|
|
298
|
-
|
|
297
|
+
itemConfig: {
|
|
298
|
+
minWidth: 40,
|
|
299
|
+
minHeight: 40
|
|
300
|
+
}
|
|
299
301
|
},
|
|
300
302
|
splitItem: {},
|
|
301
303
|
slider: {
|
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.5.0";function config(e){return"development"===process.env.NODE_ENV&&(0,_log.warnLog)("vxe.error.delFunc",["config","setConfig"]),(0,_core.setConfig)(e)}function setup(e){return"development"===process.env.NODE_ENV&&(0,_log.warnLog)("vxe.error.delFunc",["setup","setConfig"]),(0,_core.setConfig)(e)}_core.VxeUI.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:{},checkboxGroup:{},col:{},collapse:{padding:!0,expandConfig:{showIcon:!0}},collapsePane:{},countdown:{},colorPicker:{type:"hex",clearable:!0,showAlpha:!0,clickToCopy:!0,showColorExtractor:!0,showQuick:!0},datePicker:{startDate:new Date(1900,0,1),endDate:new Date(2100,0,1),startDay:1,selectDay:1,shortcutConfig:{align:"left",mode:"text",autoClose:!0}},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},modal:{top:16,showHeader:!0,minWidth:340,minHeight:140,lockView:!0,mask:!0,duration:3e3,marginSize:0,dblclickZoom:!0,showTitleOverflow:!0,animat:!0,showClose:!0,padding:!0,draggable:!0,showConfirmButton:null,cancelClosable:!0,confirmClosable:!0,zoomConfig:{minimizeMaxSize:10,minimizeVerticalOffset:{top:-24,left:0},minimizeHorizontalOffset:{top:0,left:32}},storageKey:"VXE_MODAL_POSITION"},noticeBar:{},numberInput:{digits:2,autoFill:!0,controls:!0},optgroup:{},option:{},pager:{pageSizePlacement:"top"},print:{},passwordInput:{controls:!0},printPageBreak:{},pulldown:{destroyOnClose:!0},radio:{strict:!0},radioButton:{strict:!0},radioGroup:{strict:!0},rate:{},result:{},row:{},select:{multiCharOverflow:8,remoteConfig:{enabled:!0,autoLoad:!0},virtualYConfig:{enabled:!0,gt:100,oSize:2}},split:{minWidth:40,minHeight:40},splitItem:{},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}},treeSelect:{treeConfig:{radioConfig:{},checkboxConfig:{}}},upload:{mode:"all",imageTypes:["jpg","jpeg","png","gif"],showList:!0,showUploadButton:!0,showButtonText:!0,showRemoveButton:!0,showButtonIcon:!0,showPreview:!0,dragToUpload:!0},watermark:{rotate:-30,gap:[100,100]},table:{},colgroup:{},column:{},toolbar:{},grid:{}});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",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",CHECKBOX_INDETERMINATE:iconPrefix+"checkbox-indeterminate-fill",CHECKBOX_CHECKED:iconPrefix+"checkbox-checked-fill",CHECKBOX_UNCHECKED:iconPrefix+"checkbox-unchecked",INPUT_CLEAR:iconPrefix+"error-circle-fill",INPUT_SEARCH:iconPrefix+"search",NUMBER_INPUT_PREV_NUM:iconPrefix+"caret-up",NUMBER_INPUT_NEXT_NUM:iconPrefix+"caret-down",DATE_PICKER_DATE:iconPrefix+"calendar",PASSWORD_INPUT_SHOW_PWD:iconPrefix+"eye-fill-close",PASSWORD_INPUT_HIDE_PWD:iconPrefix+"eye-fill",MODAL_ZOOM_MIN:iconPrefix+"minus",MODAL_ZOOM_REVERT:iconPrefix+"recover",MODAL_ZOOM_IN:iconPrefix+"square",MODAL_ZOOM_OUT:iconPrefix+"maximize",MODAL_CLOSE:iconPrefix+"close",MODAL_INFO:iconPrefix+"info-circle-fill",MODAL_SUCCESS:iconPrefix+"success-circle-fill",MODAL_WARNING:iconPrefix+"warning-circle-fill",MODAL_ERROR:iconPrefix+"error-circle-fill",MODAL_QUESTION:iconPrefix+"question-circle-fill",MODAL_LOADING:iconPrefix+"spinner roll",DRAWER_CLOSE:iconPrefix+"close",FORM_PREFIX:iconPrefix+"question-circle-fill",FORM_SUFFIX:iconPrefix+"question-circle-fill",FORM_FOLDING:iconPrefix+"arrow-up rotate180",FORM_UNFOLDING:iconPrefix+"arrow-up",FORM_DESIGN_STYLE_SETTING:iconPrefix+"layout",FORM_DESIGN_PROPS_PC:iconPrefix+"pc",FORM_DESIGN_PROPS_MOBILE:iconPrefix+"mobile",FORM_DESIGN_PROPS_ADD:iconPrefix+"add",FORM_DESIGN_PROPS_EDIT:iconPrefix+"edit",FORM_DESIGN_WIDGET_ADD:iconPrefix+"square-plus-fill",FORM_DESIGN_WIDGET_COPY:iconPrefix+"copy",FORM_DESIGN_WIDGET_DELETE:iconPrefix+"delete",FORM_DESIGN_WIDGET_SWAP_LR:iconPrefix+"swap",FORM_DESIGN_WIDGET_OPTION_DELETE:iconPrefix+"delete",FORM_DESIGN_WIDGET_OPTION_EXPAND_OPEN:iconPrefix+"square-plus",FORM_DESIGN_WIDGET_OPTION_EXPAND_CLOSE:iconPrefix+"square-minus",LIST_DESIGN_FIELD_SETTING:iconPrefix+"custom-column",LIST_DESIGN_LIST_SETTING:iconPrefix+"menu",LIST_DESIGN_LIST_SETTING_SEARCH_DELETE:iconPrefix+"delete",LIST_DESIGN_LIST_SETTING_ACTIVE_DELETE:iconPrefix+"delete",UPLOAD_FILE_ERROR:iconPrefix+"warning-circle-fill",UPLOAD_FILE_ADD:iconPrefix+"upload",UPLOAD_FILE_REMOVE:iconPrefix+"delete",UPLOAD_FILE_DOWNLOAD:iconPrefix+"download",UPLOAD_IMAGE_RE_UPLOAD:iconPrefix+"repeat",UPLOAD_IMAGE_ADD:iconPrefix+"add",UPLOAD_IMAGE_REMOVE:iconPrefix+"close",UPLOAD_LOADING:iconPrefix+"spinner roll vxe-loading--default-icon",UPLOAD_FILE_TYPE_DEFAULT:iconPrefix+"file",UPLOAD_FILE_TYPE_XLSX:iconPrefix+"file-excel",UPLOAD_FILE_TYPE_XLS:iconPrefix+"file-excel",UPLOAD_FILE_TYPE_PDF:iconPrefix+"file-pdf",UPLOAD_FILE_TYPE_PNG:iconPrefix+"file-image",UPLOAD_FILE_TYPE_GIF:iconPrefix+"file-image",UPLOAD_FILE_TYPE_JPG:iconPrefix+"file-image",UPLOAD_FILE_TYPE_JPEG:iconPrefix+"file-image",UPLOAD_FILE_TYPE_MD:iconPrefix+"file-markdown",UPLOAD_FILE_TYPE_PPD:iconPrefix+"file-ppt",UPLOAD_FILE_TYPE_DOCX:iconPrefix+"file-word",UPLOAD_FILE_TYPE_DOC:iconPrefix+"file-word",UPLOAD_FILE_TYPE_ZIP:iconPrefix+"file-zip",UPLOAD_FILE_TYPE_TXT:iconPrefix+"file-txt",IMAGE_PREVIEW_CLOSE:iconPrefix+"close",IMAGE_PREVIEW_PREVIOUS:iconPrefix+"arrow-left",IMAGE_PREVIEW_NEXT:iconPrefix+"arrow-right",IMAGE_PREVIEW_PCT_FULL:iconPrefix+"pct-full",IMAGE_PREVIEW_PCT_1_1:iconPrefix+"pct-1-1",IMAGE_PREVIEW_ZOOM_OUT:iconPrefix+"search-zoom-out",IMAGE_PREVIEW_ZOOM_IN:iconPrefix+"search-zoom-in",IMAGE_PREVIEW_ROTATE_LEFT:iconPrefix+"rotate-left",IMAGE_PREVIEW_ROTATE_RIGHT:iconPrefix+"rotate-right",IMAGE_PREVIEW_PRINT:iconPrefix+"print",IMAGE_PREVIEW_DOWNLOAD:iconPrefix+"download",ALERT_CLOSE:iconPrefix+"close",ALERT_INFO:iconPrefix+"info-circle-fill",ALERT_SUCCESS:iconPrefix+"success-circle-fill",ALERT_WARNING:iconPrefix+"warning-circle-fill",ALERT_ERROR:iconPrefix+"error-circle-fill",TREE_NODE_OPEN:iconPrefix+"caret-right rotate90",TREE_NODE_CLOSE:iconPrefix+"caret-right",TREE_NODE_LOADED:iconPrefix+"spinner roll",TREE_SELECT_LOADED:iconPrefix+"spinner roll",TREE_SELECT_OPEN:iconPrefix+"caret-down rotate180",TREE_SELECT_CLOSE:iconPrefix+"caret-down",TABLE_SELECT_LOADED:iconPrefix+"spinner roll",TABLE_SELECT_OPEN:iconPrefix+"caret-down rotate180",TABLE_SELECT_CLOSE:iconPrefix+"caret-down",TABS_TAB_BUTTON_LEFT:iconPrefix+"arrow-left",TABS_TAB_BUTTON_RIGHT:iconPrefix+"arrow-right",TABS_TAB_CLOSE:iconPrefix+"close",TABS_TAB_REFRESH:iconPrefix+"refresh",TABS_TAB_REFRESH_LOADING:iconPrefix+"refresh roll",TEXT_COPY:iconPrefix+"copy",TEXT_LOADING:iconPrefix+"spinner roll",CAROUSEL_HORIZONTAL_PREVIOUS:iconPrefix+"arrow-left",CAROUSEL_HORIZONTAL_NEXT:iconPrefix+"arrow-right",CAROUSEL_VERTICAL_PREVIOUS:iconPrefix+"arrow-up",CAROUSEL_VERTICAL_NEXT:iconPrefix+"arrow-down",COLLAPSE_OPEN:iconPrefix+"arrow-right rotate90",COLLAPSE_CLOSE:iconPrefix+"arrow-right",EMPTY_DEFAULT:iconPrefix+"empty",RESULT_INFO:iconPrefix+"info-circle-fill",RESULT_SUCCESS:iconPrefix+"success-circle-fill",RESULT_WARNING:iconPrefix+"warning-circle-fill",RESULT_ERROR:iconPrefix+"error-circle-fill",RESULT_QUESTION:iconPrefix+"question-circle-fill",RESULT_LOADING:iconPrefix+"spinner roll",RATE_CHECKED:iconPrefix+"star-fill",RATE_UNCHECKED:iconPrefix+"star",COLOR_COPY:iconPrefix+"copy",EYE_DROPPER:iconPrefix+"dropper"});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.5.2";function config(e){return"development"===process.env.NODE_ENV&&(0,_log.warnLog)("vxe.error.delFunc",["config","setConfig"]),(0,_core.setConfig)(e)}function setup(e){return"development"===process.env.NODE_ENV&&(0,_log.warnLog)("vxe.error.delFunc",["setup","setConfig"]),(0,_core.setConfig)(e)}_core.VxeUI.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:{},checkboxGroup:{},col:{},collapse:{padding:!0,expandConfig:{showIcon:!0}},collapsePane:{},countdown:{},colorPicker:{type:"hex",clearable:!0,showAlpha:!0,clickToCopy:!0,showColorExtractor:!0,showQuick:!0},datePicker:{startDate:new Date(1900,0,1),endDate:new Date(2100,0,1),startDay:1,selectDay:1,shortcutConfig:{align:"left",mode:"text",autoClose:!0}},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},modal:{top:16,showHeader:!0,minWidth:340,minHeight:140,lockView:!0,mask:!0,duration:3e3,marginSize:0,dblclickZoom:!0,showTitleOverflow:!0,animat:!0,showClose:!0,padding:!0,draggable:!0,showConfirmButton:null,cancelClosable:!0,confirmClosable:!0,zoomConfig:{minimizeMaxSize:10,minimizeVerticalOffset:{top:-24,left:0},minimizeHorizontalOffset:{top:0,left:32}},storageKey:"VXE_MODAL_POSITION"},noticeBar:{},numberInput:{digits:2,autoFill:!0,controls:!0},optgroup:{},option:{},pager:{pageSizePlacement:"top"},print:{},passwordInput:{controls:!0},printPageBreak:{},pulldown:{destroyOnClose:!0},radio:{strict:!0},radioButton:{strict:!0},radioGroup:{strict:!0},rate:{},result:{},row:{},select:{multiCharOverflow:8,remoteConfig:{enabled:!0,autoLoad:!0},virtualYConfig:{enabled:!0,gt:100,oSize:2}},split:{itemConfig:{minWidth:40,minHeight:40}},splitItem:{},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}},treeSelect:{treeConfig:{radioConfig:{},checkboxConfig:{}}},upload:{mode:"all",imageTypes:["jpg","jpeg","png","gif"],showList:!0,showUploadButton:!0,showButtonText:!0,showRemoveButton:!0,showButtonIcon:!0,showPreview:!0,dragToUpload:!0},watermark:{rotate:-30,gap:[100,100]},table:{},colgroup:{},column:{},toolbar:{},grid:{}});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",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",CHECKBOX_INDETERMINATE:iconPrefix+"checkbox-indeterminate-fill",CHECKBOX_CHECKED:iconPrefix+"checkbox-checked-fill",CHECKBOX_UNCHECKED:iconPrefix+"checkbox-unchecked",INPUT_CLEAR:iconPrefix+"error-circle-fill",INPUT_SEARCH:iconPrefix+"search",NUMBER_INPUT_PREV_NUM:iconPrefix+"caret-up",NUMBER_INPUT_NEXT_NUM:iconPrefix+"caret-down",DATE_PICKER_DATE:iconPrefix+"calendar",PASSWORD_INPUT_SHOW_PWD:iconPrefix+"eye-fill-close",PASSWORD_INPUT_HIDE_PWD:iconPrefix+"eye-fill",MODAL_ZOOM_MIN:iconPrefix+"minus",MODAL_ZOOM_REVERT:iconPrefix+"recover",MODAL_ZOOM_IN:iconPrefix+"square",MODAL_ZOOM_OUT:iconPrefix+"maximize",MODAL_CLOSE:iconPrefix+"close",MODAL_INFO:iconPrefix+"info-circle-fill",MODAL_SUCCESS:iconPrefix+"success-circle-fill",MODAL_WARNING:iconPrefix+"warning-circle-fill",MODAL_ERROR:iconPrefix+"error-circle-fill",MODAL_QUESTION:iconPrefix+"question-circle-fill",MODAL_LOADING:iconPrefix+"spinner roll",DRAWER_CLOSE:iconPrefix+"close",FORM_PREFIX:iconPrefix+"question-circle-fill",FORM_SUFFIX:iconPrefix+"question-circle-fill",FORM_FOLDING:iconPrefix+"arrow-up rotate180",FORM_UNFOLDING:iconPrefix+"arrow-up",FORM_DESIGN_STYLE_SETTING:iconPrefix+"layout",FORM_DESIGN_PROPS_PC:iconPrefix+"pc",FORM_DESIGN_PROPS_MOBILE:iconPrefix+"mobile",FORM_DESIGN_PROPS_ADD:iconPrefix+"add",FORM_DESIGN_PROPS_EDIT:iconPrefix+"edit",FORM_DESIGN_WIDGET_ADD:iconPrefix+"square-plus-fill",FORM_DESIGN_WIDGET_COPY:iconPrefix+"copy",FORM_DESIGN_WIDGET_DELETE:iconPrefix+"delete",FORM_DESIGN_WIDGET_SWAP_LR:iconPrefix+"swap",FORM_DESIGN_WIDGET_OPTION_DELETE:iconPrefix+"delete",FORM_DESIGN_WIDGET_OPTION_EXPAND_OPEN:iconPrefix+"square-plus",FORM_DESIGN_WIDGET_OPTION_EXPAND_CLOSE:iconPrefix+"square-minus",LIST_DESIGN_FIELD_SETTING:iconPrefix+"custom-column",LIST_DESIGN_LIST_SETTING:iconPrefix+"menu",LIST_DESIGN_LIST_SETTING_SEARCH_DELETE:iconPrefix+"delete",LIST_DESIGN_LIST_SETTING_ACTIVE_DELETE:iconPrefix+"delete",UPLOAD_FILE_ERROR:iconPrefix+"warning-circle-fill",UPLOAD_FILE_ADD:iconPrefix+"upload",UPLOAD_FILE_REMOVE:iconPrefix+"delete",UPLOAD_FILE_DOWNLOAD:iconPrefix+"download",UPLOAD_IMAGE_RE_UPLOAD:iconPrefix+"repeat",UPLOAD_IMAGE_ADD:iconPrefix+"add",UPLOAD_IMAGE_REMOVE:iconPrefix+"close",UPLOAD_LOADING:iconPrefix+"spinner roll vxe-loading--default-icon",UPLOAD_FILE_TYPE_DEFAULT:iconPrefix+"file",UPLOAD_FILE_TYPE_XLSX:iconPrefix+"file-excel",UPLOAD_FILE_TYPE_XLS:iconPrefix+"file-excel",UPLOAD_FILE_TYPE_PDF:iconPrefix+"file-pdf",UPLOAD_FILE_TYPE_PNG:iconPrefix+"file-image",UPLOAD_FILE_TYPE_GIF:iconPrefix+"file-image",UPLOAD_FILE_TYPE_JPG:iconPrefix+"file-image",UPLOAD_FILE_TYPE_JPEG:iconPrefix+"file-image",UPLOAD_FILE_TYPE_MD:iconPrefix+"file-markdown",UPLOAD_FILE_TYPE_PPD:iconPrefix+"file-ppt",UPLOAD_FILE_TYPE_DOCX:iconPrefix+"file-word",UPLOAD_FILE_TYPE_DOC:iconPrefix+"file-word",UPLOAD_FILE_TYPE_ZIP:iconPrefix+"file-zip",UPLOAD_FILE_TYPE_TXT:iconPrefix+"file-txt",IMAGE_PREVIEW_CLOSE:iconPrefix+"close",IMAGE_PREVIEW_PREVIOUS:iconPrefix+"arrow-left",IMAGE_PREVIEW_NEXT:iconPrefix+"arrow-right",IMAGE_PREVIEW_PCT_FULL:iconPrefix+"pct-full",IMAGE_PREVIEW_PCT_1_1:iconPrefix+"pct-1-1",IMAGE_PREVIEW_ZOOM_OUT:iconPrefix+"search-zoom-out",IMAGE_PREVIEW_ZOOM_IN:iconPrefix+"search-zoom-in",IMAGE_PREVIEW_ROTATE_LEFT:iconPrefix+"rotate-left",IMAGE_PREVIEW_ROTATE_RIGHT:iconPrefix+"rotate-right",IMAGE_PREVIEW_PRINT:iconPrefix+"print",IMAGE_PREVIEW_DOWNLOAD:iconPrefix+"download",ALERT_CLOSE:iconPrefix+"close",ALERT_INFO:iconPrefix+"info-circle-fill",ALERT_SUCCESS:iconPrefix+"success-circle-fill",ALERT_WARNING:iconPrefix+"warning-circle-fill",ALERT_ERROR:iconPrefix+"error-circle-fill",TREE_NODE_OPEN:iconPrefix+"caret-right rotate90",TREE_NODE_CLOSE:iconPrefix+"caret-right",TREE_NODE_LOADED:iconPrefix+"spinner roll",TREE_SELECT_LOADED:iconPrefix+"spinner roll",TREE_SELECT_OPEN:iconPrefix+"caret-down rotate180",TREE_SELECT_CLOSE:iconPrefix+"caret-down",TABLE_SELECT_LOADED:iconPrefix+"spinner roll",TABLE_SELECT_OPEN:iconPrefix+"caret-down rotate180",TABLE_SELECT_CLOSE:iconPrefix+"caret-down",TABS_TAB_BUTTON_LEFT:iconPrefix+"arrow-left",TABS_TAB_BUTTON_RIGHT:iconPrefix+"arrow-right",TABS_TAB_CLOSE:iconPrefix+"close",TABS_TAB_REFRESH:iconPrefix+"refresh",TABS_TAB_REFRESH_LOADING:iconPrefix+"refresh roll",TEXT_COPY:iconPrefix+"copy",TEXT_LOADING:iconPrefix+"spinner roll",CAROUSEL_HORIZONTAL_PREVIOUS:iconPrefix+"arrow-left",CAROUSEL_HORIZONTAL_NEXT:iconPrefix+"arrow-right",CAROUSEL_VERTICAL_PREVIOUS:iconPrefix+"arrow-up",CAROUSEL_VERTICAL_NEXT:iconPrefix+"arrow-down",COLLAPSE_OPEN:iconPrefix+"arrow-right rotate90",COLLAPSE_CLOSE:iconPrefix+"arrow-right",EMPTY_DEFAULT:iconPrefix+"empty",RESULT_INFO:iconPrefix+"info-circle-fill",RESULT_SUCCESS:iconPrefix+"success-circle-fill",RESULT_WARNING:iconPrefix+"warning-circle-fill",RESULT_ERROR:iconPrefix+"error-circle-fill",RESULT_QUESTION:iconPrefix+"question-circle-fill",RESULT_LOADING:iconPrefix+"spinner roll",RATE_CHECKED:iconPrefix+"star-fill",RATE_UNCHECKED:iconPrefix+"star",COLOR_COPY:iconPrefix+"copy",EYE_DROPPER:iconPrefix+"dropper"});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.5.
|
|
8
|
+
const version = `ui v${"4.5.2"}`;
|
|
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.5.
|
|
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.5.2",warnLog=exports.warnLog=_core.log.create("warn",version),errLog=exports.errLog=_core.log.create("error",version);
|
|
@@ -48,15 +48,27 @@
|
|
|
48
48
|
.vxe-split-item--wrapper {
|
|
49
49
|
position: relative;
|
|
50
50
|
word-break: break-word;
|
|
51
|
-
overflow:
|
|
51
|
+
overflow: hidden;
|
|
52
52
|
flex-grow: 1;
|
|
53
53
|
}
|
|
54
|
+
.vxe-split-item--wrapper > .vxe-split {
|
|
55
|
+
height: 100%;
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
.vxe-split-item--inner {
|
|
59
|
+
height: 100%;
|
|
60
|
+
width: 100%;
|
|
61
|
+
overflow: auto;
|
|
62
|
+
}
|
|
54
63
|
|
|
55
64
|
.vxe-split-item {
|
|
56
65
|
display: flex;
|
|
57
66
|
position: relative;
|
|
58
67
|
overflow: auto;
|
|
59
68
|
}
|
|
69
|
+
.vxe-split-item.is--padding > .vxe-split-item--wrapper {
|
|
70
|
+
padding: var(--vxe-ui-layout-padding-default);
|
|
71
|
+
}
|
|
60
72
|
.vxe-split-item.is--fill {
|
|
61
73
|
flex-grow: 1;
|
|
62
74
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.vxe-split.is--vertical>.vxe-split-wrapper{flex-direction:column}.vxe-split.is--vertical>.vxe-split-wrapper>.vxe-split-item{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-item>.vxe-split-item--wrapper::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:0 0}.vxe-split-wrapper{height:100%;display:flex;flex-direction:row;overflow:hidden}.vxe-split-slots{display:none}.vxe-split-item-handle{flex-shrink:0;background-color:var(--vxe-split-handle-bar-background-color);-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-split-item-handle:hover{background-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-split-item-handle:active{background-color:var(--vxe-ui-font-primary-darken-color)}.vxe-split-item--wrapper{position:relative;word-break:break-word;overflow:
|
|
1
|
+
.vxe-split.is--vertical>.vxe-split-wrapper{flex-direction:column}.vxe-split.is--vertical>.vxe-split-wrapper>.vxe-split-item{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-item>.vxe-split-item--wrapper::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:0 0}.vxe-split-wrapper{height:100%;display:flex;flex-direction:row;overflow:hidden}.vxe-split-slots{display:none}.vxe-split-item-handle{flex-shrink:0;background-color:var(--vxe-split-handle-bar-background-color);-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-split-item-handle:hover{background-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-split-item-handle:active{background-color:var(--vxe-ui-font-primary-darken-color)}.vxe-split-item--wrapper{position:relative;word-break:break-word;overflow:hidden;flex-grow:1}.vxe-split-item--wrapper>.vxe-split{height:100%}.vxe-split-item--inner{height:100%;width:100%;overflow:auto}.vxe-split-item{display:flex;position:relative;overflow:auto}.vxe-split-item.is--padding>.vxe-split-item--wrapper{padding:var(--vxe-ui-layout-padding-default)}.vxe-split-item.is--fill{flex-grow:1}.vxe-split-item.is--height,.vxe-split-item.is--width{flex-shrink:0}.vxe-split-item.is--border>.vxe-split-item--wrapper,.vxe-split-item.is--border>.vxe-split-item-handle{border:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-split-item.is--horizontal{flex-direction:row}.vxe-split-item.is--horizontal>.vxe-split-item-handle{width:var(--vxe-split-handle-bar-width);cursor:w-resize}.vxe-split-item.is--horizontal.is--border>.vxe-split-item-handle{border-width:1px 0 1px 0}.vxe-split-item.is--vertical{flex-direction:column}.vxe-split-item.is--vertical>.vxe-split-item-handle{height:var(--vxe-split-handle-bar-height);cursor:n-resize}.vxe-split-item.is--vertical.is--border>.vxe-split-item-handle{border-width:0 1px 0 1px}
|
package/package.json
CHANGED
|
@@ -30,7 +30,7 @@ export default defineComponent({
|
|
|
30
30
|
|
|
31
31
|
const refElem = ref<HTMLDivElement>()
|
|
32
32
|
|
|
33
|
-
const
|
|
33
|
+
const chunkConfig = reactive<VxeSplitDefines.ChunkConfig>({
|
|
34
34
|
id: xID,
|
|
35
35
|
width: props.width,
|
|
36
36
|
height: props.height,
|
|
@@ -85,31 +85,31 @@ export default defineComponent({
|
|
|
85
85
|
}
|
|
86
86
|
|
|
87
87
|
watch(() => props.width, (val) => {
|
|
88
|
-
|
|
88
|
+
chunkConfig.width = val
|
|
89
89
|
})
|
|
90
90
|
|
|
91
91
|
watch(() => props.height, (val) => {
|
|
92
|
-
|
|
92
|
+
chunkConfig.height = val
|
|
93
93
|
})
|
|
94
94
|
|
|
95
95
|
watch(() => props.minWidth, (val) => {
|
|
96
|
-
|
|
96
|
+
chunkConfig.minWidth = val
|
|
97
97
|
})
|
|
98
98
|
|
|
99
99
|
watch(() => props.minHeight, (val) => {
|
|
100
|
-
|
|
100
|
+
chunkConfig.minHeight = val
|
|
101
101
|
})
|
|
102
102
|
|
|
103
103
|
onMounted(() => {
|
|
104
104
|
const elem = refElem.value
|
|
105
105
|
if ($xeSplit && elem) {
|
|
106
|
-
assembleSplitItem($xeSplit, elem,
|
|
106
|
+
assembleSplitItem($xeSplit, elem, chunkConfig)
|
|
107
107
|
}
|
|
108
108
|
})
|
|
109
109
|
|
|
110
110
|
onUnmounted(() => {
|
|
111
111
|
if ($xeSplit) {
|
|
112
|
-
destroySplitItem($xeSplit,
|
|
112
|
+
destroySplitItem($xeSplit, chunkConfig)
|
|
113
113
|
}
|
|
114
114
|
})
|
|
115
115
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent, PropType, ref, h, reactive, provide, VNode, watch, nextTick, onMounted, onActivated } from 'vue'
|
|
1
|
+
import { defineComponent, PropType, ref, h, reactive, provide, VNode, computed, watch, nextTick, onMounted, onActivated } from 'vue'
|
|
2
2
|
import { getConfig, createEvent, renderEmptyElement } from '../../ui'
|
|
3
3
|
import { getSlotVNs } from '../../ui/src/vn'
|
|
4
4
|
import { toCssUnit, isScale, addClass, removeClass } from '../../ui/src/dom'
|
|
@@ -10,10 +10,8 @@ import type { SplitReactData, SplitPrivateRef, VxeSplitPropTypes, SplitInternalD
|
|
|
10
10
|
export default defineComponent({
|
|
11
11
|
name: 'VxeSplit',
|
|
12
12
|
props: {
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
default: null
|
|
16
|
-
},
|
|
13
|
+
width: [Number, String] as PropType<VxeSplitPropTypes.Width>,
|
|
14
|
+
height: [Number, String] as PropType<VxeSplitPropTypes.Height>,
|
|
17
15
|
vertical: {
|
|
18
16
|
type: Boolean as PropType<VxeSplitPropTypes.Vertical>,
|
|
19
17
|
default: () => getConfig().split.vertical
|
|
@@ -22,14 +20,11 @@ export default defineComponent({
|
|
|
22
20
|
type: Boolean as PropType<VxeSplitPropTypes.Border>,
|
|
23
21
|
default: () => getConfig().split.border
|
|
24
22
|
},
|
|
25
|
-
|
|
26
|
-
type:
|
|
27
|
-
default: () => getConfig().split.
|
|
23
|
+
padding: {
|
|
24
|
+
type: Boolean as PropType<VxeSplitPropTypes.Padding>,
|
|
25
|
+
default: () => getConfig().split.padding
|
|
28
26
|
},
|
|
29
|
-
|
|
30
|
-
type: [Number, String] as PropType<VxeSplitPropTypes.MinHeight>,
|
|
31
|
-
default: () => getConfig().split.minHeight
|
|
32
|
-
}
|
|
27
|
+
itemConfig: Object as PropType<VxeSplitPropTypes.ItemConfig>
|
|
33
28
|
},
|
|
34
29
|
emits: [
|
|
35
30
|
] as VxeSplitEmits,
|
|
@@ -47,7 +42,12 @@ export default defineComponent({
|
|
|
47
42
|
const internalData: SplitInternalData = {
|
|
48
43
|
}
|
|
49
44
|
|
|
45
|
+
const computeItemOpts = computed(() => {
|
|
46
|
+
return Object.assign({}, getConfig().split.itemConfig, props.itemConfig)
|
|
47
|
+
})
|
|
48
|
+
|
|
50
49
|
const computeMaps: VxeSplitPrivateComputed = {
|
|
50
|
+
computeItemOpts
|
|
51
51
|
}
|
|
52
52
|
|
|
53
53
|
const refMaps: SplitPrivateRef = {
|
|
@@ -83,7 +83,7 @@ export default defineComponent({
|
|
|
83
83
|
|
|
84
84
|
const recalculate = () => {
|
|
85
85
|
return nextTick().then(() => {
|
|
86
|
-
const { vertical
|
|
86
|
+
const { vertical } = props
|
|
87
87
|
const { staticItems } = reactData
|
|
88
88
|
const el = refElem.value
|
|
89
89
|
if (!el) {
|
|
@@ -94,7 +94,10 @@ export default defineComponent({
|
|
|
94
94
|
if (!wrapperWidth || !wrapperHeight) {
|
|
95
95
|
return
|
|
96
96
|
}
|
|
97
|
-
const
|
|
97
|
+
const itemOpts = computeItemOpts.value
|
|
98
|
+
const allMinWidth = XEUtils.toNumber(itemOpts.minWidth)
|
|
99
|
+
const allMinHeight = XEUtils.toNumber(itemOpts.minHeight)
|
|
100
|
+
const residueItems: VxeSplitDefines.ChunkConfig[] = []
|
|
98
101
|
if (vertical) {
|
|
99
102
|
let countHeight = 0
|
|
100
103
|
staticItems.forEach(item => {
|
|
@@ -115,7 +118,7 @@ export default defineComponent({
|
|
|
115
118
|
if (residueItems.length) {
|
|
116
119
|
const reMeanHeight = (wrapperHeight - countHeight) / residueItems.length
|
|
117
120
|
residueItems.forEach(item => {
|
|
118
|
-
item.renderHeight = Math.max(getGlobalDefaultConfig(item.minHeight,
|
|
121
|
+
item.renderHeight = Math.max(XEUtils.toNumber(getGlobalDefaultConfig(item.minHeight, allMinHeight)), reMeanHeight)
|
|
119
122
|
})
|
|
120
123
|
}
|
|
121
124
|
} else {
|
|
@@ -138,7 +141,7 @@ export default defineComponent({
|
|
|
138
141
|
if (residueItems.length) {
|
|
139
142
|
const reMeanWidth = (wrapperWidth - countWidth) / residueItems.length
|
|
140
143
|
residueItems.forEach(item => {
|
|
141
|
-
item.renderWidth = Math.max(getGlobalDefaultConfig(item.minWidth,
|
|
144
|
+
item.renderWidth = Math.max(XEUtils.toNumber(getGlobalDefaultConfig(item.minWidth, allMinWidth)), reMeanWidth)
|
|
142
145
|
})
|
|
143
146
|
}
|
|
144
147
|
}
|
|
@@ -147,7 +150,7 @@ export default defineComponent({
|
|
|
147
150
|
|
|
148
151
|
const dragEvent = (evnt: MouseEvent) => {
|
|
149
152
|
evnt.preventDefault()
|
|
150
|
-
const { vertical
|
|
153
|
+
const { vertical } = props
|
|
151
154
|
const { staticItems } = reactData
|
|
152
155
|
const handleEl = evnt.currentTarget as HTMLDivElement
|
|
153
156
|
const el = refElem.value
|
|
@@ -160,6 +163,9 @@ export default defineComponent({
|
|
|
160
163
|
if (!item) {
|
|
161
164
|
return
|
|
162
165
|
}
|
|
166
|
+
const itemOpts = computeItemOpts.value
|
|
167
|
+
const allMinWidth = XEUtils.toNumber(itemOpts.minWidth)
|
|
168
|
+
const allMinHeight = XEUtils.toNumber(itemOpts.minHeight)
|
|
163
169
|
const prevItem = staticItems[itemIndex - 1]
|
|
164
170
|
const prevItemEl = prevItem ? el.querySelector<HTMLDivElement>(`.vxe-split-item[xid="${prevItem.id}"]`) : null
|
|
165
171
|
const currItemEl = item ? el.querySelector<HTMLDivElement>(`.vxe-split-item[xid="${item.id}"]`) : null
|
|
@@ -167,10 +173,10 @@ export default defineComponent({
|
|
|
167
173
|
const currWidth = currItemEl ? currItemEl.clientWidth : 0
|
|
168
174
|
const prevHeight = prevItemEl ? prevItemEl.clientHeight : 0
|
|
169
175
|
const currHeight = currItemEl ? currItemEl.clientHeight : 0
|
|
170
|
-
const prevMinWidth = prevItem ? getGlobalDefaultConfig(prevItem.minWidth,
|
|
171
|
-
const currMinWidth = getGlobalDefaultConfig(item.minWidth,
|
|
172
|
-
const prevMinHeight = prevItem ? getGlobalDefaultConfig(prevItem.minHeight,
|
|
173
|
-
const currMinHeight = getGlobalDefaultConfig(item.minHeight,
|
|
176
|
+
const prevMinWidth = XEUtils.toNumber(prevItem ? getGlobalDefaultConfig(prevItem.minWidth, allMinWidth) : allMinWidth)
|
|
177
|
+
const currMinWidth = XEUtils.toNumber(getGlobalDefaultConfig(item.minWidth, allMinWidth))
|
|
178
|
+
const prevMinHeight = XEUtils.toNumber(prevItem ? getGlobalDefaultConfig(prevItem.minHeight, allMinHeight) : allMinHeight)
|
|
179
|
+
const currMinHeight = XEUtils.toNumber(getGlobalDefaultConfig(item.minHeight, allMinHeight))
|
|
174
180
|
const disX = evnt.clientX
|
|
175
181
|
const disY = evnt.clientY
|
|
176
182
|
addClass(el, 'is--drag')
|
|
@@ -230,7 +236,7 @@ export default defineComponent({
|
|
|
230
236
|
Object.assign($xeSplit, splitMethods, splitPrivateMethods)
|
|
231
237
|
|
|
232
238
|
const renderItems = () => {
|
|
233
|
-
const { border, vertical } = props
|
|
239
|
+
const { border, padding, vertical } = props
|
|
234
240
|
const { staticItems } = reactData
|
|
235
241
|
const itemVNs: VNode[] = []
|
|
236
242
|
staticItems.forEach((item, index) => {
|
|
@@ -250,6 +256,7 @@ export default defineComponent({
|
|
|
250
256
|
h('div', {
|
|
251
257
|
xid: id,
|
|
252
258
|
class: ['vxe-split-item', vertical ? 'is--vertical' : 'is--horizontal', {
|
|
259
|
+
'is--padding': padding,
|
|
253
260
|
'is--border': border,
|
|
254
261
|
'is--height': renderHeight,
|
|
255
262
|
'is--width': renderWidth,
|
|
@@ -268,7 +275,11 @@ export default defineComponent({
|
|
|
268
275
|
h('div', {
|
|
269
276
|
xid: id,
|
|
270
277
|
class: 'vxe-split-item--wrapper'
|
|
271
|
-
},
|
|
278
|
+
}, [
|
|
279
|
+
h('div', {
|
|
280
|
+
class: 'vxe-split-item--inner'
|
|
281
|
+
}, defaultSlot ? callSlot(defaultSlot, { }) : [])
|
|
282
|
+
])
|
|
272
283
|
])
|
|
273
284
|
)
|
|
274
285
|
})
|
|
@@ -278,11 +289,19 @@ export default defineComponent({
|
|
|
278
289
|
}
|
|
279
290
|
|
|
280
291
|
const renderVN = () => {
|
|
281
|
-
const { vertical } = props
|
|
292
|
+
const { vertical, width, height } = props
|
|
282
293
|
const defaultSlot = slots.default
|
|
294
|
+
const stys: Record<string, string | number> = {}
|
|
295
|
+
if (height) {
|
|
296
|
+
stys.height = toCssUnit(height)
|
|
297
|
+
}
|
|
298
|
+
if (width) {
|
|
299
|
+
stys.width = toCssUnit(width)
|
|
300
|
+
}
|
|
283
301
|
return h('div', {
|
|
284
302
|
ref: refElem,
|
|
285
|
-
class: ['vxe-split', vertical ? 'is--vertical' : 'is--horizontal']
|
|
303
|
+
class: ['vxe-split', vertical ? 'is--vertical' : 'is--horizontal'],
|
|
304
|
+
style: stys
|
|
286
305
|
}, [
|
|
287
306
|
h('div', {
|
|
288
307
|
class: 'vxe-split-slots'
|
|
@@ -2,18 +2,18 @@ import XEUtils from 'xe-utils'
|
|
|
2
2
|
|
|
3
3
|
import type { VxeSplitConstructor, VxeSplitPrivateMethods, VxeSplitDefines } from '../../../types'
|
|
4
4
|
|
|
5
|
-
export function assembleSplitItem ($xeSplit: VxeSplitConstructor & VxeSplitPrivateMethods, elem: HTMLElement,
|
|
5
|
+
export function assembleSplitItem ($xeSplit: VxeSplitConstructor & VxeSplitPrivateMethods, elem: HTMLElement, chunkConfig: VxeSplitDefines.ChunkConfig) {
|
|
6
6
|
const staticItems = $xeSplit.reactData.staticItems
|
|
7
7
|
const parentElem = elem.parentNode
|
|
8
8
|
if (parentElem) {
|
|
9
|
-
staticItems.splice(XEUtils.arrayIndexOf(parentElem.children, elem), 0,
|
|
9
|
+
staticItems.splice(XEUtils.arrayIndexOf(parentElem.children, elem), 0, chunkConfig)
|
|
10
10
|
$xeSplit.reactData.staticItems = staticItems.slice(0)
|
|
11
11
|
}
|
|
12
12
|
}
|
|
13
13
|
|
|
14
|
-
export function destroySplitItem ($xeSplit: VxeSplitConstructor & VxeSplitPrivateMethods,
|
|
14
|
+
export function destroySplitItem ($xeSplit: VxeSplitConstructor & VxeSplitPrivateMethods, chunkConfig: VxeSplitDefines.ChunkConfig) {
|
|
15
15
|
const staticItems = $xeSplit.reactData.staticItems
|
|
16
|
-
const index = XEUtils.findIndexOf(staticItems, item => item.id ===
|
|
16
|
+
const index = XEUtils.findIndexOf(staticItems, item => item.id === chunkConfig.id)
|
|
17
17
|
if (index > -1) {
|
|
18
18
|
staticItems.splice(index, 1)
|
|
19
19
|
}
|
package/packages/ui/index.ts
CHANGED
|
@@ -55,14 +55,27 @@
|
|
|
55
55
|
.vxe-split-item--wrapper {
|
|
56
56
|
position: relative;
|
|
57
57
|
word-break: break-word;
|
|
58
|
-
overflow:
|
|
58
|
+
overflow: hidden;
|
|
59
59
|
flex-grow: 1;
|
|
60
|
+
& > .vxe-split {
|
|
61
|
+
height: 100%;
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
.vxe-split-item--inner {
|
|
65
|
+
height: 100%;
|
|
66
|
+
width: 100%;
|
|
67
|
+
overflow: auto;
|
|
60
68
|
}
|
|
61
69
|
|
|
62
70
|
.vxe-split-item {
|
|
63
71
|
display: flex;
|
|
64
72
|
position: relative;
|
|
65
73
|
overflow: auto;
|
|
74
|
+
&.is--padding {
|
|
75
|
+
& > .vxe-split-item--wrapper {
|
|
76
|
+
padding: var(--vxe-ui-layout-padding-default);
|
|
77
|
+
}
|
|
78
|
+
}
|
|
66
79
|
&.is--fill {
|
|
67
80
|
flex-grow: 1;
|
|
68
81
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { RenderFunction, SetupContext, Ref } from 'vue'
|
|
1
|
+
import { RenderFunction, SetupContext, Ref, ComputedRef } from 'vue'
|
|
2
2
|
import { DefineVxeComponentApp, DefineVxeComponentOptions, DefineVxeComponentInstance, VxeComponentBaseOptions, VxeComponentEventParams, ValueOf } from '@vxe-ui/core'
|
|
3
3
|
import { VxeSplitItemProps } from './split-item'
|
|
4
4
|
|
|
@@ -24,27 +24,33 @@ export interface SplitPrivateRef {
|
|
|
24
24
|
export interface VxeSplitPrivateRef extends SplitPrivateRef { }
|
|
25
25
|
|
|
26
26
|
export namespace VxeSplitPropTypes {
|
|
27
|
-
export type
|
|
27
|
+
export type Height = string | number
|
|
28
|
+
export type Width = string | number
|
|
29
|
+
export type Padding = boolean
|
|
28
30
|
export type Vertical = boolean
|
|
29
31
|
export type Border = boolean
|
|
30
|
-
export
|
|
31
|
-
|
|
32
|
+
export interface ItemConfig {
|
|
33
|
+
minWidth?: string | number
|
|
34
|
+
minHeight?: string | number
|
|
35
|
+
}
|
|
32
36
|
}
|
|
33
37
|
|
|
34
38
|
export type VxeSplitProps = {
|
|
35
|
-
|
|
39
|
+
height?: VxeSplitPropTypes.Height
|
|
40
|
+
width?: VxeSplitPropTypes.Width
|
|
41
|
+
padding?: VxeSplitPropTypes.Padding
|
|
36
42
|
vertical?: VxeSplitPropTypes.Vertical
|
|
37
43
|
border?: VxeSplitPropTypes.Border
|
|
38
|
-
|
|
39
|
-
minHeight?: VxeSplitPropTypes.MinHeight
|
|
44
|
+
itemConfig?: VxeSplitPropTypes.ItemConfig
|
|
40
45
|
}
|
|
41
46
|
|
|
42
47
|
export interface SplitPrivateComputed {
|
|
48
|
+
computeItemOpts: ComputedRef<VxeSplitPropTypes.ItemConfig>
|
|
43
49
|
}
|
|
44
50
|
export interface VxeSplitPrivateComputed extends SplitPrivateComputed { }
|
|
45
51
|
|
|
46
52
|
export interface SplitReactData {
|
|
47
|
-
staticItems: VxeSplitDefines.
|
|
53
|
+
staticItems: VxeSplitDefines.ChunkConfig[]
|
|
48
54
|
}
|
|
49
55
|
|
|
50
56
|
export interface SplitInternalData {
|
|
@@ -67,7 +73,7 @@ export namespace VxeSplitDefines {
|
|
|
67
73
|
$split: VxeSplitConstructor
|
|
68
74
|
}
|
|
69
75
|
|
|
70
|
-
export interface
|
|
76
|
+
export interface ChunkConfig extends VxeSplitItemProps {
|
|
71
77
|
id: string
|
|
72
78
|
renderWidth: number
|
|
73
79
|
renderHeight: number
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|