vxe-pc-ui 4.5.3 → 4.5.5
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/collapse/src/collapse.js +5 -1
- package/es/form/src/form.js +12 -16
- package/es/icon/style.css +1 -1
- package/es/split/src/split.js +126 -28
- package/es/split/style.css +1 -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 +1 -1
- package/es/ui/src/log.js +1 -1
- package/es/vxe-split/style.css +1 -1
- package/es/vxe-split/style.min.css +1 -1
- package/lib/collapse/src/collapse.js +8 -1
- package/lib/collapse/src/collapse.min.js +1 -1
- package/lib/form/src/form.js +12 -16
- package/lib/form/src/form.min.js +1 -1
- package/lib/icon/style/style.css +1 -1
- package/lib/icon/style/style.min.css +1 -1
- package/lib/index.umd.js +162 -45
- package/lib/index.umd.min.js +1 -1
- package/lib/split/src/split.js +143 -28
- package/lib/split/src/split.min.js +1 -1
- package/lib/split/style/style.css +1 -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 +1 -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 +1 -1
- package/lib/vxe-split/style/style.min.css +1 -1
- package/package.json +1 -1
- package/packages/collapse/src/collapse.ts +5 -1
- package/packages/form/src/form.ts +12 -16
- package/packages/split/src/split.ts +134 -31
- package/styles/components/split.scss +1 -1
- package/types/components/carousel.d.ts +13 -3
- package/types/components/collapse.d.ts +23 -4
- package/types/components/split-item.d.ts +3 -0
- package/types/components/split.d.ts +63 -1
- /package/es/icon/{iconfont.1743080348682.ttf → iconfont.1743138565378.ttf} +0 -0
- /package/es/icon/{iconfont.1743080348682.woff → iconfont.1743138565378.woff} +0 -0
- /package/es/icon/{iconfont.1743080348682.woff2 → iconfont.1743138565378.woff2} +0 -0
- /package/es/{iconfont.1743080348682.ttf → iconfont.1743138565378.ttf} +0 -0
- /package/es/{iconfont.1743080348682.woff → iconfont.1743138565378.woff} +0 -0
- /package/es/{iconfont.1743080348682.woff2 → iconfont.1743138565378.woff2} +0 -0
- /package/lib/icon/style/{iconfont.1743080348682.ttf → iconfont.1743138565378.ttf} +0 -0
- /package/lib/icon/style/{iconfont.1743080348682.woff → iconfont.1743138565378.woff} +0 -0
- /package/lib/icon/style/{iconfont.1743080348682.woff2 → iconfont.1743138565378.woff2} +0 -0
- /package/lib/{iconfont.1743080348682.ttf → iconfont.1743138565378.ttf} +0 -0
- /package/lib/{iconfont.1743080348682.woff → iconfont.1743138565378.woff} +0 -0
- /package/lib/{iconfont.1743080348682.woff2 → iconfont.1743138565378.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.5";
|
|
30
30
|
_core.VxeUI.uiVersion = version;
|
|
31
31
|
_core.VxeUI.dynamicApp = _dynamics.dynamicApp;
|
|
32
32
|
function config(options) {
|
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.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",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.5.5";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",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.5.
|
|
8
|
+
const version = `ui v${"4.5.5"}`;
|
|
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.5",warnLog=exports.warnLog=_core.log.create("warn",version),errLog=exports.errLog=_core.log.create("error",version);
|
|
@@ -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{position:relative;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-split-item--wrapper{position:relative;word-break:break-word;overflow:hidden;flex-grow:1}.vxe-split-item--inner{height:100%;width:100%;overflow:auto}.vxe-split-item--inner>.vxe-split{height:100%}.vxe-split-item-handle-bar{background-color:var(--vxe-split-handle-bar-background-color)}.vxe-split-item-action-btn{display:block;position:absolute;z-index:2;cursor:pointer;background-color:var(--vxe-ui-layout-background-color);border:1px solid var(--vxe-ui-input-border-color);transition:transform .1s ease-in-out}.vxe-split-item{display:flex;position:relative;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{position:relative;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-split-item--wrapper{position:relative;word-break:break-word;overflow:hidden;flex-grow:1}.vxe-split-item--inner{height:100%;width:100%;overflow:auto}.vxe-split-item--inner>.vxe-split{height:100%}.vxe-split-item-handle-bar{background-color:var(--vxe-split-handle-bar-background-color)}.vxe-split-item-action-btn{display:block;position:absolute;z-index:2;cursor:pointer;background-color:var(--vxe-ui-layout-background-color);border:1px solid var(--vxe-ui-input-border-color);transition:transform .1s ease-in-out}.vxe-split-item{display:flex;position:relative;overflow:hidden}.vxe-split-item.is--hidden{width:0}.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--expand.is--horizontal>.vxe-split-item-handle .vxe-split-item-handle-bar{cursor:w-resize}.vxe-split-item.is--expand.is--vertical>.vxe-split-item-handle .vxe-split-item-handle-bar{cursor:n-resize}.vxe-split-item.is--expand>.vxe-split-item-handle>.vxe-split-item-handle-bar{background-color:var(--vxe-split-handle-bar-background-color)}.vxe-split-item.is--expand>.vxe-split-item-handle>.vxe-split-item-handle-bar:hover{background-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-split-item.is--expand>.vxe-split-item-handle>.vxe-split-item-handle-bar:active{background-color:var(--vxe-ui-font-primary-darken-color)}.vxe-split-item.is--horizontal{flex-direction:row}.vxe-split-item.is--horizontal>.vxe-split-item-handle.to--prev .vxe-split-item-action-btn{left:0}.vxe-split-item.is--horizontal>.vxe-split-item-handle.to--next .vxe-split-item-action-btn{right:0}.vxe-split-item.is--horizontal>.vxe-split-item-handle .vxe-split-item-handle-bar{width:var(--vxe-split-handle-bar-width);height:100%}.vxe-split-item.is--horizontal>.vxe-split-item-handle .vxe-split-item-action-btn{top:50%;transform:translateY(-50%);padding:1em 0}.vxe-split-item.is--horizontal>.vxe-split-item-handle .vxe-split-item-action-btn:hover{color:var(--vxe-ui-font-primary-color)}.vxe-split-item.is--horizontal>.vxe-split-item-handle .vxe-split-item-action-btn:active{transform:translateY(-50%) scale(.9)}.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.to--prev .vxe-split-item-action-btn{top:0}.vxe-split-item.is--vertical>.vxe-split-item-handle.to--next .vxe-split-item-action-btn{bottom:0}.vxe-split-item.is--vertical>.vxe-split-item-handle .vxe-split-item-handle-bar{height:var(--vxe-split-handle-bar-height);width:100%}.vxe-split-item.is--vertical>.vxe-split-item-handle .vxe-split-item-action-btn{left:50%;transform:translateX(-50%);padding:0 1em}.vxe-split-item.is--vertical>.vxe-split-item-handle .vxe-split-item-action-btn:hover{color:var(--vxe-ui-font-primary-color)}.vxe-split-item.is--vertical>.vxe-split-item-handle .vxe-split-item-action-btn:active{transform:translateX(-50%) scale(.9)}.vxe-split-item.is--vertical.is--border>.vxe-split-item-handle{border-width:0 1px 0 1px}
|
package/package.json
CHANGED
|
@@ -23,7 +23,8 @@ export default defineComponent({
|
|
|
23
23
|
emits: [
|
|
24
24
|
'update:modelValue',
|
|
25
25
|
'load',
|
|
26
|
-
'change'
|
|
26
|
+
'change',
|
|
27
|
+
'toggle-expand'
|
|
27
28
|
] as VxeCollapseEmits,
|
|
28
29
|
setup (props, context) {
|
|
29
30
|
const { emit, slots } = context
|
|
@@ -145,13 +146,16 @@ export default defineComponent({
|
|
|
145
146
|
const { name } = item
|
|
146
147
|
if (name) {
|
|
147
148
|
const aIndex = activeNames.indexOf(name)
|
|
149
|
+
let expanded = false
|
|
148
150
|
if (aIndex === -1) {
|
|
151
|
+
expanded = true
|
|
149
152
|
activeNames.push(name)
|
|
150
153
|
} else {
|
|
151
154
|
activeNames.splice(aIndex, 1)
|
|
152
155
|
}
|
|
153
156
|
addInitName(name)
|
|
154
157
|
dispatchEvent('change', { value: activeNames, name }, evnt)
|
|
158
|
+
dispatchEvent('toggle-expand', { value: activeNames, name, expanded }, evnt)
|
|
155
159
|
}
|
|
156
160
|
}
|
|
157
161
|
|
|
@@ -230,19 +230,17 @@ export default defineComponent({
|
|
|
230
230
|
|
|
231
231
|
const loadItem = (list: VxeFormPropTypes.Items) => {
|
|
232
232
|
if (list.length) {
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
XEUtils.
|
|
237
|
-
if (!
|
|
238
|
-
|
|
239
|
-
errLog('vxe.error.notSlot', [func])
|
|
240
|
-
}
|
|
233
|
+
list.forEach((item) => {
|
|
234
|
+
if (item.slots) {
|
|
235
|
+
XEUtils.each(item.slots, (func) => {
|
|
236
|
+
if (!XEUtils.isFunction(func)) {
|
|
237
|
+
if (!slots[func]) {
|
|
238
|
+
errLog('vxe.error.notSlot', [func])
|
|
241
239
|
}
|
|
242
|
-
}
|
|
243
|
-
}
|
|
244
|
-
}
|
|
245
|
-
}
|
|
240
|
+
}
|
|
241
|
+
})
|
|
242
|
+
}
|
|
243
|
+
})
|
|
246
244
|
}
|
|
247
245
|
reactData.staticItems = XEUtils.mapTree(list, item => createItem($xeForm, item), { children: 'children' })
|
|
248
246
|
return nextTick()
|
|
@@ -792,10 +790,8 @@ export default defineComponent({
|
|
|
792
790
|
|
|
793
791
|
onMounted(() => {
|
|
794
792
|
nextTick(() => {
|
|
795
|
-
if (
|
|
796
|
-
|
|
797
|
-
errLog('vxe.error.errConflicts', ['custom-layout', 'items'])
|
|
798
|
-
}
|
|
793
|
+
if (props.customLayout && props.items) {
|
|
794
|
+
errLog('vxe.error.errConflicts', ['custom-layout', 'items'])
|
|
799
795
|
}
|
|
800
796
|
})
|
|
801
797
|
})
|
|
@@ -3,9 +3,10 @@ import { getConfig, getIcon, createEvent, globalEvents, renderEmptyElement } fro
|
|
|
3
3
|
import { getSlotVNs } from '../../ui/src/vn'
|
|
4
4
|
import { toCssUnit, isScale, addClass, removeClass } from '../../ui/src/dom'
|
|
5
5
|
import { getGlobalDefaultConfig } from '../../ui/src/utils'
|
|
6
|
+
import { errLog } from '../../ui/src/log'
|
|
6
7
|
import XEUtils from 'xe-utils'
|
|
7
8
|
|
|
8
|
-
import type { SplitReactData, SplitPrivateRef, VxeSplitPropTypes, SplitInternalData, SplitMethods, VxeSplitDefines, VxeSplitPrivateComputed, SplitPrivateMethods, VxeSplitEmits, VxeSplitConstructor, ValueOf, VxeSplitPrivateMethods } from '../../../types'
|
|
9
|
+
import type { SplitReactData, SplitPrivateRef, VxeSplitPropTypes, SplitInternalData, SplitMethods, VxeSplitDefines, VxeSplitItemProps, VxeSplitPrivateComputed, SplitPrivateMethods, VxeSplitEmits, VxeSplitConstructor, ValueOf, VxeSplitPrivateMethods } from '../../../types'
|
|
9
10
|
|
|
10
11
|
export default defineComponent({
|
|
11
12
|
name: 'VxeSplit',
|
|
@@ -24,6 +25,7 @@ export default defineComponent({
|
|
|
24
25
|
type: Boolean as PropType<VxeSplitPropTypes.Padding>,
|
|
25
26
|
default: () => getConfig().split.padding
|
|
26
27
|
},
|
|
28
|
+
items: Array as PropType<VxeSplitPropTypes.Items>,
|
|
27
29
|
itemConfig: Object as PropType<VxeSplitPropTypes.ItemConfig>,
|
|
28
30
|
barConfig: Object as PropType<VxeSplitPropTypes.BarConfig>,
|
|
29
31
|
actionConfig: Object as PropType<VxeSplitPropTypes.ActionConfig>
|
|
@@ -31,6 +33,7 @@ export default defineComponent({
|
|
|
31
33
|
emits: [
|
|
32
34
|
'action-dblclick',
|
|
33
35
|
'action-click',
|
|
36
|
+
'toggle-expand',
|
|
34
37
|
'resize-start',
|
|
35
38
|
'resize-drag',
|
|
36
39
|
'resize-end'
|
|
@@ -43,7 +46,8 @@ export default defineComponent({
|
|
|
43
46
|
const refElem = ref<HTMLDivElement>()
|
|
44
47
|
|
|
45
48
|
const reactData = reactive<SplitReactData>({
|
|
46
|
-
staticItems: []
|
|
49
|
+
staticItems: [],
|
|
50
|
+
itemList: []
|
|
47
51
|
})
|
|
48
52
|
|
|
49
53
|
const internalData: SplitInternalData = {
|
|
@@ -147,10 +151,63 @@ export default defineComponent({
|
|
|
147
151
|
return ''
|
|
148
152
|
}
|
|
149
153
|
|
|
154
|
+
const reset = () => {
|
|
155
|
+
const { itemList } = reactData
|
|
156
|
+
itemList.forEach(item => {
|
|
157
|
+
item.isExpand = true
|
|
158
|
+
item.isVisible = true
|
|
159
|
+
item.foldHeight = 0
|
|
160
|
+
item.foldWidth = 0
|
|
161
|
+
item.resizeHeight = 0
|
|
162
|
+
item.resizeWidth = 0
|
|
163
|
+
})
|
|
164
|
+
return nextTick()
|
|
165
|
+
}
|
|
166
|
+
|
|
167
|
+
const handleLoadItem = (list: VxeSplitItemProps[], isReset: boolean) => {
|
|
168
|
+
const { staticItems } = reactData
|
|
169
|
+
const itemDef = {
|
|
170
|
+
isVisible: true,
|
|
171
|
+
isExpand: true,
|
|
172
|
+
renderWidth: 0,
|
|
173
|
+
resizeWidth: 0,
|
|
174
|
+
foldWidth: 0,
|
|
175
|
+
renderHeight: 0,
|
|
176
|
+
resizeHeight: 0,
|
|
177
|
+
foldHeight: 0
|
|
178
|
+
}
|
|
179
|
+
reactData.itemList = list.map(item => {
|
|
180
|
+
if (item.slots) {
|
|
181
|
+
XEUtils.each(item.slots, (func) => {
|
|
182
|
+
if (!XEUtils.isFunction(func)) {
|
|
183
|
+
if (!slots[func]) {
|
|
184
|
+
errLog('vxe.error.notSlot', [func])
|
|
185
|
+
}
|
|
186
|
+
}
|
|
187
|
+
})
|
|
188
|
+
}
|
|
189
|
+
return Object.assign({}, isReset ? null : itemDef, item, isReset ? itemDef : null, {
|
|
190
|
+
id: XEUtils.uniqueId()
|
|
191
|
+
})
|
|
192
|
+
})
|
|
193
|
+
if (staticItems.length) {
|
|
194
|
+
errLog('vxe.error.errConflicts', ['<vxe-split-item ...>', 'items'])
|
|
195
|
+
}
|
|
196
|
+
return recalculate()
|
|
197
|
+
}
|
|
198
|
+
|
|
199
|
+
const loadItem = (list: VxeSplitItemProps[]) => {
|
|
200
|
+
return handleLoadItem(list || [], false)
|
|
201
|
+
}
|
|
202
|
+
|
|
203
|
+
const reloadItem = (list: VxeSplitItemProps[]) => {
|
|
204
|
+
return handleLoadItem(list || [], true)
|
|
205
|
+
}
|
|
206
|
+
|
|
150
207
|
const recalculate = () => {
|
|
151
208
|
return nextTick().then(() => {
|
|
152
209
|
const { vertical } = props
|
|
153
|
-
const {
|
|
210
|
+
const { itemList } = reactData
|
|
154
211
|
const el = refElem.value
|
|
155
212
|
if (!el) {
|
|
156
213
|
return
|
|
@@ -166,7 +223,7 @@ export default defineComponent({
|
|
|
166
223
|
const residueItems: VxeSplitDefines.ChunkConfig[] = []
|
|
167
224
|
if (vertical) {
|
|
168
225
|
let countHeight = 0
|
|
169
|
-
|
|
226
|
+
itemList.forEach(item => {
|
|
170
227
|
const { height } = item
|
|
171
228
|
let itemHeight = 0
|
|
172
229
|
if (height) {
|
|
@@ -189,7 +246,7 @@ export default defineComponent({
|
|
|
189
246
|
}
|
|
190
247
|
} else {
|
|
191
248
|
let countWidth = 0
|
|
192
|
-
|
|
249
|
+
itemList.forEach(item => {
|
|
193
250
|
const { width } = item
|
|
194
251
|
let itemWidth = 0
|
|
195
252
|
if (width) {
|
|
@@ -217,7 +274,7 @@ export default defineComponent({
|
|
|
217
274
|
const dragEvent = (evnt: MouseEvent) => {
|
|
218
275
|
evnt.preventDefault()
|
|
219
276
|
const { vertical } = props
|
|
220
|
-
const {
|
|
277
|
+
const { itemList } = reactData
|
|
221
278
|
const barEl = evnt.currentTarget as HTMLDivElement
|
|
222
279
|
const handleEl = barEl.parentElement as HTMLDivElement
|
|
223
280
|
const el = refElem.value
|
|
@@ -225,8 +282,8 @@ export default defineComponent({
|
|
|
225
282
|
return
|
|
226
283
|
}
|
|
227
284
|
const itemId = handleEl.getAttribute('itemid')
|
|
228
|
-
const itemIndex = XEUtils.findIndexOf(
|
|
229
|
-
const item =
|
|
285
|
+
const itemIndex = XEUtils.findIndexOf(itemList, item => item.id === itemId)
|
|
286
|
+
const item = itemList[itemIndex]
|
|
230
287
|
if (!item) {
|
|
231
288
|
return
|
|
232
289
|
}
|
|
@@ -237,7 +294,7 @@ export default defineComponent({
|
|
|
237
294
|
const itemOpts = computeItemOpts.value
|
|
238
295
|
const allMinWidth = XEUtils.toNumber(itemOpts.minWidth)
|
|
239
296
|
const allMinHeight = XEUtils.toNumber(itemOpts.minHeight)
|
|
240
|
-
const targetItem =
|
|
297
|
+
const targetItem = itemList[itemIndex + (isFoldNext ? 1 : -1)]
|
|
241
298
|
const targetItemEl = targetItem ? el.querySelector<HTMLDivElement>(`.vxe-split-item[itemid="${targetItem.id}"]`) : null
|
|
242
299
|
const currItemEl = item ? el.querySelector<HTMLDivElement>(`.vxe-split-item[itemid="${item.id}"]`) : null
|
|
243
300
|
const targetWidth = targetItemEl ? targetItemEl.clientWidth : 0
|
|
@@ -302,6 +359,7 @@ export default defineComponent({
|
|
|
302
359
|
document.onmouseup = null
|
|
303
360
|
removeClass(el, 'is--drag')
|
|
304
361
|
dispatchEvent('resize-end', { item, name: item.name, resizeHeight: item.resizeHeight, resizeWidth: item.resizeWidth }, evnt)
|
|
362
|
+
recalculate()
|
|
305
363
|
}
|
|
306
364
|
dispatchEvent('resize-start', { item, name: item.name }, evnt)
|
|
307
365
|
}
|
|
@@ -312,14 +370,14 @@ export default defineComponent({
|
|
|
312
370
|
return
|
|
313
371
|
}
|
|
314
372
|
const { vertical } = props
|
|
315
|
-
const {
|
|
373
|
+
const { itemList } = reactData
|
|
316
374
|
const isFoldNext = computeIsFoldNext.value
|
|
317
375
|
const btnEl = evnt.currentTarget as HTMLDivElement
|
|
318
376
|
const handleEl = btnEl.parentElement as HTMLDivElement
|
|
319
377
|
const itemId = handleEl.getAttribute('itemid')
|
|
320
|
-
const itemIndex = XEUtils.findIndexOf(
|
|
321
|
-
const item =
|
|
322
|
-
const targetItem =
|
|
378
|
+
const itemIndex = XEUtils.findIndexOf(itemList, item => item.id === itemId)
|
|
379
|
+
const item = itemList[itemIndex]
|
|
380
|
+
const targetItem = itemList[itemIndex + (isFoldNext ? 1 : -1)]
|
|
323
381
|
if (item) {
|
|
324
382
|
const { showAction, isExpand } = item
|
|
325
383
|
if (showAction) {
|
|
@@ -340,18 +398,52 @@ export default defineComponent({
|
|
|
340
398
|
item.foldWidth = isExpand ? (targetItem.resizeWidth || targetItem.renderWidth) + (item.resizeWidth || item.renderWidth) : 0
|
|
341
399
|
}
|
|
342
400
|
}
|
|
343
|
-
dispatchEvent(
|
|
401
|
+
dispatchEvent('toggle-expand', { item, name: item.name, targetItem, targetName: targetItem ? targetItem.name : '', expanded: item.isExpand }, evnt)
|
|
402
|
+
recalculate()
|
|
344
403
|
}
|
|
345
404
|
}
|
|
346
405
|
}
|
|
347
406
|
|
|
407
|
+
const handleActionDblclickEvent = (evnt: MouseEvent) => {
|
|
408
|
+
const { itemList } = reactData
|
|
409
|
+
const actionOpts = computeActionOpts.value
|
|
410
|
+
const btnEl = evnt.currentTarget as HTMLDivElement
|
|
411
|
+
const handleEl = btnEl.parentElement as HTMLDivElement
|
|
412
|
+
const itemId = handleEl.getAttribute('itemid')
|
|
413
|
+
const itemIndex = XEUtils.findIndexOf(itemList, item => item.id === itemId)
|
|
414
|
+
const item = itemList[itemIndex]
|
|
415
|
+
|
|
416
|
+
if (actionOpts.trigger === 'dblclick') {
|
|
417
|
+
handleItemActionEvent(evnt)
|
|
418
|
+
}
|
|
419
|
+
dispatchEvent('action-dblclick', { item, name: item ? item.name : '' }, evnt)
|
|
420
|
+
}
|
|
421
|
+
|
|
422
|
+
const handleActionClickEvent = (evnt: MouseEvent) => {
|
|
423
|
+
const { itemList } = reactData
|
|
424
|
+
const actionOpts = computeActionOpts.value
|
|
425
|
+
const btnEl = evnt.currentTarget as HTMLDivElement
|
|
426
|
+
const handleEl = btnEl.parentElement as HTMLDivElement
|
|
427
|
+
const itemId = handleEl.getAttribute('itemid')
|
|
428
|
+
const itemIndex = XEUtils.findIndexOf(itemList, item => item.id === itemId)
|
|
429
|
+
const item = itemList[itemIndex]
|
|
430
|
+
|
|
431
|
+
if (actionOpts.trigger !== 'dblclick') {
|
|
432
|
+
handleItemActionEvent(evnt)
|
|
433
|
+
}
|
|
434
|
+
dispatchEvent('action-click', { item, name: item ? item.name : '' }, evnt)
|
|
435
|
+
}
|
|
436
|
+
|
|
348
437
|
const handleGlobalResizeEvent = () => {
|
|
349
438
|
recalculate()
|
|
350
439
|
}
|
|
351
440
|
|
|
352
441
|
const splitMethods: SplitMethods = {
|
|
353
442
|
dispatchEvent,
|
|
354
|
-
recalculate
|
|
443
|
+
recalculate,
|
|
444
|
+
reset,
|
|
445
|
+
loadItem,
|
|
446
|
+
reloadItem
|
|
355
447
|
}
|
|
356
448
|
|
|
357
449
|
const splitPrivateMethods: SplitPrivateMethods = {
|
|
@@ -365,15 +457,6 @@ export default defineComponent({
|
|
|
365
457
|
const isFoldNext = computeIsFoldNext.value
|
|
366
458
|
const { id, isExpand, showAction } = item
|
|
367
459
|
|
|
368
|
-
const btnOns: {
|
|
369
|
-
onClick?: (evnt: MouseEvent) => void
|
|
370
|
-
onDblclick?: (evnt: MouseEvent) => void
|
|
371
|
-
} = {}
|
|
372
|
-
if (actionOpts.trigger === 'dblclick') {
|
|
373
|
-
btnOns.onDblclick = handleItemActionEvent
|
|
374
|
-
} else {
|
|
375
|
-
btnOns.onClick = handleItemActionEvent
|
|
376
|
-
}
|
|
377
460
|
return h('div', {
|
|
378
461
|
itemid: id,
|
|
379
462
|
class: ['vxe-split-item-handle', isFoldNext ? 'to--next' : 'to--prev']
|
|
@@ -386,7 +469,8 @@ export default defineComponent({
|
|
|
386
469
|
showAction
|
|
387
470
|
? h('span', {
|
|
388
471
|
class: 'vxe-split-item-action-btn',
|
|
389
|
-
|
|
472
|
+
onDblclick: handleActionDblclickEvent,
|
|
473
|
+
onClick: handleActionClickEvent
|
|
390
474
|
}, [
|
|
391
475
|
h('i', {
|
|
392
476
|
class: (isExpand ? actionOpts.openIcon : actionOpts.closeIcon) || getDefaultActionIcon(item)
|
|
@@ -398,11 +482,11 @@ export default defineComponent({
|
|
|
398
482
|
|
|
399
483
|
const renderItems = () => {
|
|
400
484
|
const { border, padding, vertical } = props
|
|
401
|
-
const {
|
|
485
|
+
const { itemList } = reactData
|
|
402
486
|
const isFoldNext = computeIsFoldNext.value
|
|
403
487
|
const itemVNs: VNode[] = []
|
|
404
|
-
|
|
405
|
-
const { id, slots, renderHeight, resizeHeight, foldHeight, renderWidth, resizeWidth, foldWidth, isVisible, isExpand } = item
|
|
488
|
+
itemList.forEach((item, index) => {
|
|
489
|
+
const { id, name, slots, renderHeight, resizeHeight, foldHeight, renderWidth, resizeWidth, foldWidth, isVisible, isExpand } = item
|
|
406
490
|
const defaultSlot = slots ? slots.default : null
|
|
407
491
|
const stys: Record<string, string | number> = {}
|
|
408
492
|
const itemWidth = isVisible ? (foldWidth || resizeWidth || renderWidth) : 0
|
|
@@ -438,9 +522,9 @@ export default defineComponent({
|
|
|
438
522
|
}, [
|
|
439
523
|
h('div', {
|
|
440
524
|
class: 'vxe-split-item--inner'
|
|
441
|
-
}, defaultSlot ? callSlot(defaultSlot, { }) : [])
|
|
525
|
+
}, defaultSlot ? callSlot(defaultSlot, { name, isVisible, isExpand }) : [])
|
|
442
526
|
]),
|
|
443
|
-
isFoldNext && index <
|
|
527
|
+
isFoldNext && index < itemList.length - 1 ? renderHandleBar(item) : renderEmptyElement($xeSplit)
|
|
444
528
|
])
|
|
445
529
|
)
|
|
446
530
|
})
|
|
@@ -471,7 +555,22 @@ export default defineComponent({
|
|
|
471
555
|
])
|
|
472
556
|
}
|
|
473
557
|
|
|
474
|
-
|
|
558
|
+
const itemFlag = ref(0)
|
|
559
|
+
watch(() => props.items ? props.items.length : -1, () => {
|
|
560
|
+
itemFlag.value++
|
|
561
|
+
})
|
|
562
|
+
watch(() => props.items, () => {
|
|
563
|
+
itemFlag.value++
|
|
564
|
+
})
|
|
565
|
+
watch(itemFlag, () => {
|
|
566
|
+
loadItem(props.items || [])
|
|
567
|
+
})
|
|
568
|
+
|
|
569
|
+
watch(() => reactData.staticItems, (val) => {
|
|
570
|
+
if (props.items && props.items.length) {
|
|
571
|
+
errLog('vxe.error.errConflicts', ['<vxe-split-item ...>', 'items'])
|
|
572
|
+
}
|
|
573
|
+
reactData.itemList = val
|
|
475
574
|
recalculate()
|
|
476
575
|
})
|
|
477
576
|
|
|
@@ -491,6 +590,10 @@ export default defineComponent({
|
|
|
491
590
|
recalculate()
|
|
492
591
|
})
|
|
493
592
|
|
|
593
|
+
if (props.items) {
|
|
594
|
+
loadItem(props.items)
|
|
595
|
+
}
|
|
596
|
+
|
|
494
597
|
provide('$xeSplit', $xeSplit)
|
|
495
598
|
|
|
496
599
|
$xeSplit.renderVN = renderVN
|
|
@@ -101,13 +101,23 @@ export namespace VxeCarouselDefines {
|
|
|
101
101
|
className: VxeCarouselItemPropTypes.ClassName | undefined
|
|
102
102
|
slots: VxeCarouselItemSlots
|
|
103
103
|
}
|
|
104
|
+
|
|
105
|
+
export interface ChangeEventParams extends CarouselEventParams {
|
|
106
|
+
value: VxeCarouselPropTypes.ModelValue
|
|
107
|
+
}
|
|
104
108
|
}
|
|
105
109
|
|
|
106
|
-
export type VxeCarouselEventProps = {
|
|
110
|
+
export type VxeCarouselEventProps = {
|
|
111
|
+
onChange?: VxeCarouselEvents.Change
|
|
112
|
+
}
|
|
107
113
|
|
|
108
|
-
export interface VxeCarouselListeners {
|
|
114
|
+
export interface VxeCarouselListeners {
|
|
115
|
+
change?: VxeCarouselEvents.Change
|
|
116
|
+
}
|
|
109
117
|
|
|
110
|
-
export namespace VxeCarouselEvents {
|
|
118
|
+
export namespace VxeCarouselEvents {
|
|
119
|
+
export type Change = (params: VxeCarouselDefines.ChangeEventParams) => void
|
|
120
|
+
}
|
|
111
121
|
|
|
112
122
|
export namespace VxeCarouselSlotTypes {
|
|
113
123
|
export interface DefaultSlotParams {}
|
|
@@ -68,20 +68,39 @@ export interface VxeCollapsePrivateMethods extends CollapsePrivateMethods { }
|
|
|
68
68
|
export type VxeCollapseEmits = [
|
|
69
69
|
'update:modelValue',
|
|
70
70
|
'load',
|
|
71
|
-
'change'
|
|
71
|
+
'change',
|
|
72
|
+
'toggle-expand',
|
|
72
73
|
]
|
|
73
74
|
|
|
74
75
|
export namespace VxeCollapseDefines {
|
|
75
76
|
export interface CollapseEventParams extends VxeComponentEventParams {
|
|
76
77
|
$collapse: VxeCollapseConstructor
|
|
77
78
|
}
|
|
79
|
+
export interface ChangeEventParams extends CollapseEventParams {
|
|
80
|
+
value: (string | number)[]
|
|
81
|
+
name: VxeCollapsePanePropTypes.Name
|
|
82
|
+
}
|
|
83
|
+
export interface ToggleExpandEventParams extends CollapseEventParams {
|
|
84
|
+
value: (string | number)[]
|
|
85
|
+
name: VxeCollapsePanePropTypes.Name
|
|
86
|
+
expanded: boolean
|
|
87
|
+
}
|
|
78
88
|
}
|
|
79
89
|
|
|
80
|
-
export type VxeCollapseEventProps = {
|
|
90
|
+
export type VxeCollapseEventProps = {
|
|
91
|
+
onChange?: VxeCollapseEvents.Change
|
|
92
|
+
onToggleExpand?: VxeCollapseEvents.ToggleExpand
|
|
93
|
+
}
|
|
81
94
|
|
|
82
|
-
export interface VxeCollapseListeners {
|
|
95
|
+
export interface VxeCollapseListeners {
|
|
96
|
+
change?: VxeCollapseEvents.Change
|
|
97
|
+
onToggleExpand?: VxeCollapseEvents.ToggleExpand
|
|
98
|
+
}
|
|
83
99
|
|
|
84
|
-
export namespace VxeCollapseEvents {
|
|
100
|
+
export namespace VxeCollapseEvents {
|
|
101
|
+
export type Change = (params: VxeCollapseDefines.ChangeEventParams) => void
|
|
102
|
+
export type ToggleExpand = (params: VxeCollapseDefines.ToggleExpandEventParams) => void
|
|
103
|
+
}
|
|
85
104
|
|
|
86
105
|
export namespace VxeCollapseSlotTypes {
|
|
87
106
|
export interface DefaultSlotParams {}
|