vxe-pc-ui 4.14.39 → 4.14.40

package/lib/cascader/src/cascader.min.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_util=require("../../tree/src/util"),_log=require("../../ui/src/log"),_xeUtils=_interopRequireDefault(require("xe-utils")),_input=_interopRequireDefault(require("../../input/src/input")),_button=_interopRequireDefault(require("../../button/src/button"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function getOptUniqueId(){return _xeUtils.default.uniqueId("node_")}function createInternalData(){return{fullOptionList:[],fullNodeMaps:{}}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeCascader",props:{modelValue:[String,Number,Array],clearable:Boolean,placeholder:{type:String,default:()=>_xeUtils.default.eqNull((0,_ui.getConfig)().cascader.placeholder)?(0,_ui.getI18n)("vxe.base.pleaseSelect"):(0,_ui.getConfig)().cascader.placeholder},readonly:{type:Boolean,default:null},loading:Boolean,disabled:{type:Boolean,default:null},filterable:Boolean,filterConfig:Object,multiple:Boolean,className:[String,Function],prefixIcon:String,placement:String,transform:Boolean,lazyOptions:Array,options:Array,optionProps:Object,zIndex:Number,size:{type:String,default:()=>(0,_ui.getConfig)().cascader.size||(0,_ui.getConfig)().size},remote:Boolean,remoteConfig:Function,popupConfig:Object,autoClose:{type:Boolean,default:()=>(0,_ui.getConfig)().cascader.autoClose},showTotalButton:{type:Boolean,default:()=>(0,_ui.getConfig)().cascader.showTotalButton},showCheckedButton:{type:Boolean,default:()=>(0,_ui.getConfig)().cascader.showCheckedButton},showClearButton:{type:Boolean,default:()=>(0,_ui.getConfig)().cascader.showClearButton},transfer:{type:Boolean,default:null},remoteMethod:Function},emits:["update:modelValue","change","all-change","clear","blur","focus","click","node-click"],setup(y,e){let{emit:t,slots:I}=e,a=(0,_vue.inject)("$xeModal",null),u=(0,_vue.inject)("$xeDrawer",null),i=(0,_vue.inject)("$xeTable",null),n=(0,_vue.inject)("$xeForm",null),r=(0,_vue.inject)("xeFormItemInfo",null);var l=_xeUtils.default.uniqueId();let P=(0,_ui.useSize)(y).computeSize,T=(0,_vue.ref)(),V=(0,_vue.ref)(),B=(0,_vue.ref)(),N=(0,_vue.ref)(),U=(0,_vue.ref)(),o=(0,_vue.ref)(),q=(0,_vue.reactive)({initialized:!1,searchValue:"",searchLoading:!1,panelIndex:0,panelStyle:{},panelPlacement:null,triggerFocusPanel:!1,visiblePanel:!1,isAniVisible:!1,isActivated:!1}),v=createInternalData(),s={refElem:T},A=(0,_vue.computed)(()=>{var e=y.readonly;return null===e?!!n&&n.props.readonly:e}),k=(0,_vue.computed)(()=>{var e=y.disabled;return null===e?!!n&&n.props.disabled:e}),w=(0,_vue.computed)(()=>{var e=y.transfer;if(null===e){var l=(0,_ui.getConfig)().select.transfer;if(_xeUtils.default.isBoolean(l))return l;if(i||a||u||n)return!0}return e}),z=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().cascader.popupConfig,y.popupConfig)),c=(0,_vue.computed)(()=>y.optionProps||{}),p=(0,_vue.computed)(()=>_.value),C=(0,_vue.computed)(()=>c.value.label||"label"),_=(0,_vue.computed)(()=>c.value.value||"value"),E=(0,_vue.computed)(()=>c.value.children||"children"),d=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().cascader.remoteConfig,y.remoteConfig)),L=(0,_vue.computed)(()=>{let{modelValue:e,lazyOptions:a}=y,t=v.fullNodeMaps,u=_.value,i=C.value;return(_xeUtils.default.eqNull(e)?[]:_xeUtils.default.isArray(e)?e:[e]).map(l=>{var e=t[l];if(e)return e.item[i];if(a){e=a.find(e=>e[u]===l);if(e)return e[i]}return l}).join(", ")}),j=(0,_vue.computed)(()=>{var{height:e,width:l}=z.value,a={};return l&&(a.width=(0,_dom.toCssUnit)(l)),e&&(a.height=(0,_dom.toCssUnit)(e),a.maxHeight=(0,_dom.toCssUnit)(e)),a}),D={},O={xID:l,props:y,context:e,reactData:q,internalData:v,getRefMaps:()=>s,getComputeMaps:()=>D},f=(e,l,a)=>{t(e,(0,_ui.createEvent)(a,{$cascader:O},l))},F=e=>{t("update:modelValue",e)};l={dispatchEvent:f};let m=()=>{var{transform:e,options:l}=y;let o=p.value;var a=E.value;let s=_.value,c={},d={},t=(e,l,a,t,u,i)=>{let n=(e=>{e=e[p.value];return e?encodeURIComponent(e):""})(e);n=n||getOptUniqueId(),d[n]&&(0,_log.errLog)("vxe.error.repeatKey",["[tree-select] "+o,n]),d[n]=!0;var r=e[s];c[r]&&(0,_log.errLog)("vxe.error.repeatKey",["[tree-select] "+s,r]),c[r]={item:e,index:l,items:a,parent:u,nodes:i}};l&&(e?l.forEach((e,l,a)=>{t(e,l,a,0,null,[])}):_xeUtils.default.eachTree(l,t,{children:a})),v.fullOptionList=l||[],v.fullNodeMaps=c},M=()=>{var e=y.zIndex;e?q.panelIndex=e:q.panelIndex<(0,_utils.getLastZIndex)()&&(q.panelIndex=(0,_utils.nextZIndex)())},g=()=>{let a=y.placement,t=q.panelIndex,u=T.value,i=U.value,n=w.value,r=z.value;var e=()=>{var e=(0,_dom.updatePanelPlacement)(u,i,{placement:r.placement||a,defaultPlacement:r.defaultPlacement,teleportTo:n}),l=Object.assign(e.style,{zIndex:t});q.panelStyle=l,q.panelPlacement=e.placement};return e(),(0,_vue.nextTick)().then(e)},h=()=>{var{loading:e,remote:l,filterable:a}=y,t=v.fullOptionList,u=k.value,i=d.value;e||u||(clearTimeout(v.hpTimeout),q.initialized||(q.initialized=!0),q.isActivated=!0,q.isAniVisible=!0,a&&l&&i.enabled&&i.autoLoad&&!t.length&&ae(),setTimeout(()=>{q.visiblePanel=!0,W()},10),M(),g())},x=()=>{q.visiblePanel=!1,v.hpTimeout=setTimeout(()=>{q.isAniVisible=!1},350)},b=(e,l,a)=>{l=_xeUtils.default.isArray(l)?l.map(_util.deNodeValue):(0,_util.deNodeValue)(l);F(l),l!==y.modelValue&&(f("change",{value:l,node:a,option:a},e),n)&&r&&n.triggerItemEvent(e,r.itemConfig.field,l)},$=(e,l)=>{b(e,l,null),f("clear",{value:l},e)},R=(e,l)=>{$(l,null),x()},K=e=>{let a=e.$event,{multiple:l,autoClose:t}=y;e=o.value;l&&e&&e.setAllCheckboxNode(!0).then(({checkNodeKeys:e,checkNodes:l})=>{b(a,e,l[0]),f("all-change",{value:e},a),t&&x()})},H=e=>{e=e.$event;let{multiple:l,autoClose:a}=y;var t,u=o.value;u&&(t=l?[]:null,u.clearCheckboxNode().then(()=>{a&&x()}),b(e,t,null),f("clear",{value:t},e))},Z=e=>{var l=q.visiblePanel;k.value||l&&(l=U.value,((0,_dom.getEventTargetNode)(e,l).flag?g:x)())},G=e=>{var l,a,t=q.visiblePanel;k.value||(l=T.value,a=U.value,q.isActivated=(0,_dom.getEventTargetNode)(e,l).flag||(0,_dom.getEventTargetNode)(e,a).flag,t&&!q.isActivated&&x())},J=()=>{var{visiblePanel:e,isActivated:l}=q;e&&x(),l&&(q.isActivated=!1),(e||l)&&(e=V.value)&&e.blur()},Q=()=>{var e=q.visiblePanel;e&&g()},W=()=>{y.filterable&&(0,_vue.nextTick)(()=>{var e=B.value;e&&e.focus()})},X=e=>{k.value||q.visiblePanel||(q.triggerFocusPanel=!0,h(),setTimeout(()=>{q.triggerFocusPanel=!1},150)),f("focus",{},e)},Y=e=>{S(e),f("click",{},e)},ee=e=>{q.isActivated=!1,f("blur",{},e)},le=e=>{q.searchValue=e},ae=()=>{var{modelValue:e,remote:l,remoteMethod:a}=y,t=q.searchValue,u=d.value,a=u.queryMethod||a;l&&a&&u.enabled&&(q.searchLoading=!0,Promise.resolve(a({$cascader:O,searchValue:t,value:e})).then(()=>(0,_vue.nextTick)()).catch(()=>(0,_vue.nextTick)()).finally(()=>{q.searchLoading=!1}))},S=e=>{e=e.$event;e.preventDefault(),q.triggerFocusPanel?q.triggerFocusPanel=!1:(q.visiblePanel?x:h)()};Object.assign(O,l,{});return(0,_vue.watch)(()=>y.options,()=>{m()}),m(),(0,_vue.onMounted)(()=>{_ui.globalEvents.on(O,"mousewheel",Z),_ui.globalEvents.on(O,"mousedown",G),_ui.globalEvents.on(O,"blur",J),_ui.globalEvents.on(O,"resize",Q)}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off(O,"mousewheel"),_ui.globalEvents.off(O,"mousedown"),_ui.globalEvents.off(O,"blur"),_ui.globalEvents.off(O,"resize"),_xeUtils.default.assign(v,createInternalData())}),(0,_vue.provide)("$xeCascader",O),O.renderVN=()=>{var{className:e,modelValue:l,multiple:a,loading:t,filterable:u,showTotalButton:i,showCheckedButton:n,showClearButton:r}=y,{initialized:o,isActivated:s,isAniVisible:c,visiblePanel:d,searchValue:v}=q,p=P.value,_=k.value,f=L.value,m=w.value,g=A.value,h=j.value,x=I.header,b=I.footer;let C=I.prefix;var E=z.value.className;return g?(0,_vue.h)("div",{ref:T,class:["vxe-cascader--readonly",e]},[(0,_vue.h)("span",{class:"vxe-cascader-label"},f)]):(g=_xeUtils.default.eqNull(l)?[]:_xeUtils.default.isArray(l)?l:[l],(0,_vue.h)("div",{ref:T,class:["vxe-cascader",e?_xeUtils.default.isFunction(e)?e({$cascader:O}):e:"",{["size--"+p]:p,"is--filterable":u,"is--visible":d,"is--disabled":_,"is--loading":t,"is--active":s}]},[(0,_vue.h)(_input.default,{ref:V,clearable:y.clearable,placeholder:t?(0,_ui.getI18n)("vxe.select.loadingText"):y.placeholder,editable:!1,disabled:_,type:"text",prefixIcon:y.prefixIcon,suffixIcon:t?(0,_ui.getIcon)().TREE_SELECT_LOADED:d?(0,_ui.getIcon)().TREE_SELECT_OPEN:(0,_ui.getIcon)().TREE_SELECT_CLOSE,modelValue:t?"":f,title:f,onClear:R,onClick:Y,onFocus:X,onBlur:ee,onSuffixClick:S},C?{prefix:()=>C({})}:{}),(0,_vue.h)(_vue.Teleport,{to:"body",disabled:!m||!o},[(0,_vue.h)("div",{ref:U,class:["vxe-table--ignore-clear vxe-cascader--panel",E?_xeUtils.default.isFunction(E)?E({$cascader:O}):E:"",{["size--"+p]:p,"is--transfer":m,"ani--leave":!t&&c,"ani--enter":!t&&d}],placement:q.panelPlacement,style:q.panelStyle},o?[(0,_vue.h)("div",{class:"vxe-cascader--panel-wrapper"},[u?(0,_vue.h)("div",{class:"vxe-cascader--panel-search"},[(0,_vue.h)(_input.default,{ref:B,class:"vxe-cascader-search--input",modelValue:v,clearable:!0,disabled:!1,readonly:!1,placeholder:(0,_ui.getI18n)("vxe.cascader.search"),prefixIcon:(0,_ui.getIcon)().INPUT_SEARCH,"onUpdate:modelValue":le})]):(0,_ui.renderEmptyElement)(O),i||n&&a||r||x?(0,_vue.h)("div",{class:"vxe-cascader--panel-header"},x?x({}):[(0,_vue.h)("div",{class:"vxe-cascader--header-button"},[i?(0,_vue.h)("div",{class:"vxe-cascader--header-total"},(0,_ui.getI18n)("vxe.cascader.total",[g.length])):(0,_ui.renderEmptyElement)(O),(0,_vue.h)("div",{class:"vxe-cascader--header-btns"},[n&&a?(0,_vue.h)(_button.default,{content:(0,_ui.getI18n)("vxe.cascader.allChecked"),mode:"text",onClick:K}):(0,_ui.renderEmptyElement)(O),r?(0,_vue.h)(_button.default,{content:(0,_ui.getI18n)("vxe.cascader.clearChecked"),mode:"text",onClick:H}):(0,_ui.renderEmptyElement)(O)])])]):(0,_ui.renderEmptyElement)(O),(0,_vue.h)("div",{class:"vxe-cascader--panel-body"},[(0,_vue.h)("div",{ref:N,class:"vxe-cascader-tree--wrapper",style:h},[])]),b?(0,_vue.h)("div",{class:"vxe-cascader--panel-footer"},b({})):(0,_ui.renderEmptyElement)(O)])]:[])])]))},O},render(){return this.renderVN()}});
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_util=require("./util"),_log=require("../../ui/src/log"),_xeUtils=_interopRequireDefault(require("xe-utils")),_list=_interopRequireDefault(require("../../list/src/list")),_input=_interopRequireDefault(require("../../input/src/input")),_button=_interopRequireDefault(require("../../button/src/button"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function getNodeUniqueId(){return _xeUtils.default.uniqueId("node_")}function createReactData(){return{initialized:!1,searchValue:"",searchLoading:!1,currentCunkList:[],currentItems:[],currentNode:null,panelIndex:0,panelStyle:{},panelPlacement:null,triggerFocusPanel:!1,visiblePanel:!1,isAniVisible:!1,isActivated:!1,selectRadioKey:null,treeList:[],updateExpandedFlag:1,updateCheckboxFlag:1,fullOptFlag:1,lazyOptFlag:1}}function createInternalData(){return{afterTreeList:[],treeFullData:[],afterVisibleList:[],nodeMaps:{},fullNodeMaps:{},lazyNodeMaps:{},indeterminateRowMaps:{},selectCheckboxMaps:{},treeExpandedMaps:{},treeExpandLazyLoadedMaps:{}}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeCascader",props:{modelValue:[String,Number,Array],clearable:Boolean,placeholder:{type:String,default:()=>_xeUtils.default.eqNull((0,_ui.getConfig)().cascader.placeholder)?(0,_ui.getI18n)("vxe.base.pleaseSelect"):(0,_ui.getConfig)().cascader.placeholder},readonly:{type:Boolean,default:null},loading:Boolean,disabled:{type:Boolean,default:null},filterable:Boolean,filterConfig:Object,showFullLabel:{type:Boolean,default:(0,_ui.getConfig)().cascader.showFullLabel},separator:{type:String,default:(0,_ui.getConfig)().cascader.separator},multiple:Boolean,className:[String,Function],prefixIcon:String,lazyOptions:Array,options:Array,optionProps:Object,size:{type:String,default:()=>(0,_ui.getConfig)().cascader.size||(0,_ui.getConfig)().size},treeConfig:Object,radioConfig:Object,checkboxConfig:Object,remote:Boolean,remoteConfig:Function,popupConfig:Object,checkedClosable:{type:Boolean,default:()=>(0,_ui.getConfig)().cascader.checkedClosable},clearClosable:{type:Boolean,default:()=>(0,_ui.getConfig)().cascader.clearClosable},showCloseButton:{type:Boolean,default:()=>(0,_ui.getConfig)().cascader.showCloseButton},showTotalButton:{type:Boolean,default:()=>(0,_ui.getConfig)().cascader.showTotalButton},showCheckedButton:{type:Boolean,default:()=>(0,_ui.getConfig)().cascader.showCheckedButton},showClearButton:{type:Boolean,default:()=>(0,_ui.getConfig)().cascader.showClearButton}},emits:["update:modelValue","change","all-change","clear","blur","focus","click","node-click","node-expand","current-change","radio-change","checkbox-change","load-success","load-error","visible-change"],setup(w,e){let{emit:l,slots:P}=e,d=(0,_vue.inject)("$xeModal",null),c=(0,_vue.inject)("$xeDrawer",null),E=(0,_vue.inject)("$xeTable",null),r=(0,_vue.inject)("$xeForm",null),i=(0,_vue.inject)("xeFormItemInfo",null);var a=_xeUtils.default.uniqueId();let $=(0,_ui.useSize)(w).computeSize,M=(0,_vue.ref)(),I=(0,_vue.ref)(),L=(0,_vue.ref)(),j=(0,_vue.ref)(),T=(0,_vue.ref)(),V=(0,_vue.reactive)(createReactData()),D=createInternalData(),k={refElem:M},R=(0,_vue.computed)(()=>{var e=w.readonly;return null===e?!!r&&r.props.readonly:e}),F=(0,_vue.computed)(()=>{var e=w.disabled;return null===e?!!r&&r.props.disabled:e}),N=(0,_vue.computed)(()=>{var e=O.value.transfer;return _xeUtils.default.isBoolean(e)?e:!!(E||d||c||r)}),U=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().cascader.treeConfig,w.treeConfig)),h=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().cascader.radioConfig,w.radioConfig)),_=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().cascader.checkboxConfig,w.checkboxConfig)),O=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().cascader.popupConfig,w.popupConfig)),y=(0,_vue.computed)(()=>w.optionProps||{}),B=(0,_vue.computed)(()=>y.value.label||"label"),p=(0,_vue.computed)(()=>y.value.value||"value"),q=(0,_vue.computed)(()=>U.value.keyField||"id"),K=(0,_vue.computed)(()=>U.value.parentField||"parentId"),z=(0,_vue.computed)(()=>U.value.childrenField||"children"),f=(0,_vue.computed)(()=>U.value.mapChildrenField||"mapChildren"),H=(0,_vue.computed)(()=>U.value.hasChildField||"hasChild"),X=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().cascader.remoteConfig,w.remoteConfig)),W=(0,_vue.computed)(()=>{var e=w.modelValue;return _xeUtils.default.eqNull(e)?[]:_xeUtils.default.isArray(e)?e:[e]}),Z=(0,_vue.computed)(()=>{let t=w.showFullLabel,{fullOptFlag:l,lazyOptFlag:r}=V,{fullNodeMaps:i,lazyNodeMaps:n}=D,u=B.value;return W.value.map(e=>{var a=i[e];if(l&&a)return t?a.fullLabel:a.item[u];if(r){a=n[e];if(a)return t?a.fullLabel:a.item[u]}return e}).join(", ")}),G=(0,_vue.computed)(()=>{var{currentCunkList:e,panelStyle:a}=V,{height:t,nodeWidth:l,nodeHeight:r}=O.value,a=Object.assign(Object.assign({},a),{"--vxe-ui-cascader-chunk-size":e.length});return t&&(a["--vxe-ui-cascader-chunk-height"]=(0,_dom.toCssUnit)(t)),l&&(a["--vxe-ui-cascader-node-width"]=(0,_dom.toCssUnit)(l)),r&&(a["--vxe-ui-cascader-node-height"]=(0,_dom.toCssUnit)(r)),a}),J=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().cascader.filterConfig,w.filterConfig)),Q={},A={xID:a,props:w,context:e,reactData:V,internalData:D,getRefMaps:()=>k,getComputeMaps:()=>Q},g=(e,a,t)=>{l(e,(0,_ui.createEvent)(t,{$cascader:A},a))},Y=e=>{l("update:modelValue",e)};a={dispatchEvent:g};let S=e=>e?(e=e[p.value],(0,_util.enNodeValue)(e)):"";let ee=(e,t)=>{let l=D.selectCheckboxMaps;var a=f.value,r=z.value,i=_.value.checkStrictly,n=U.value.transform,u=e=>{var a=S(e);t?l[a]||(l[a]=e):l[a]&&delete l[a]};i?e.forEach(u):_xeUtils.default.eachTree(e,u,{children:n?a:r}),V.updateCheckboxFlag++,b()},ae=()=>{let o=w.separator;var e=D.treeFullData;let s=p.value,d=B.value;var a=z.value;let c={},v={};_xeUtils.default.eachTree(e,(e,a,t,l,r,i)=>{let n=S(e);n||(n=getNodeUniqueId(),e[s]=n);var u=e[s],e={item:e,index:a,$index:-1,_index:-1,items:t,parent:r,nodes:i,level:i.length-1,treeIndex:a,lineCount:0,treeLoaded:!1,fullLabel:i.map(e=>e[d]).join(o||" / ")};c[n]=e,v[u]=e},{children:a}),D.nodeMaps=c,D.fullNodeMaps=v,V.fullOptFlag++},te=()=>{let o=w.separator,{afterTreeList:e,nodeMaps:s}=D,d=B.value;var a=z.value,t=f.value,l=U.value.transform;let c=0;_xeUtils.default.eachTree(e,(e,a,t,l,r,i)=>{var n=S(e),u=s[n];u?(u.items=t,u.treeIndex=a,u._index=c):(u={item:e,index:a,$index:-1,_index:c,items:t,parent:r,nodes:i,level:i.length-1,treeIndex:a,lineCount:0,treeLoaded:!1,fullLabel:i.map(e=>e[d]).join(o||" / ")},s[n]=u),c++},{children:l?t:a})},le=()=>{var a=V.searchValue,{treeFullData:t,lastFilterValue:e}=D;let l=B.value;var r=z.value,i=f.value,n=U.value.transform;let{beforeFilterMethod:u,filterMethod:o,afterFilterMethod:s}=J.value,d=t,c=d,v="";if(a){v=""+a;a=o?e=>o({$cascader:A,node:e,filterValue:v}):e=>-1<String(e[l]).toLowerCase().indexOf(v.toLowerCase());let e={$cascader:A,filterValue:v};u&&u(e),d=n?c=_xeUtils.default.searchTree(t,a,{original:!0,isEvery:!0,children:r,mapChildren:i}):t.filter(a),D.lastFilterValue=v,(0,_vue.nextTick)(()=>{s&&s(e)})}else{if(n&&(c=_xeUtils.default.searchTree(t,()=>!0,{original:!0,isEvery:!0,children:r,mapChildren:i}),d=c,e)){let e={$cascader:A,filterValue:v};u&&u(e),(0,_vue.nextTick)(()=>{s&&s(e)})}D.lastFilterValue=""}D.afterVisibleList=d,D.afterTreeList=c,te()},v=()=>{let{afterTreeList:e,treeExpandedMaps:o}=D;var a=f.value,t=U.value.transform;let s={};if(t){let u=[];return _xeUtils.default.eachTree(e,(e,a,t,l,r)=>{var i=S(e),n=S(r);(!r||s[n]&&o[n])&&(s[i]=1,u.push(e))},{children:a}),D.afterVisibleList=u}return D.afterVisibleList},x=e=>{let t=D.nodeMaps,a=D.afterVisibleList;e&&(le(),a=v());e=a.slice(0);e.forEach((e,a)=>{e=S(e),e=t[e];e&&(e.$index=a)}),V.treeList=e},re=_xeUtils.default.debounce(()=>x(!0),350,{trailing:!0}),ie=e=>{var a=U.value,t=q.value,l=K.value,r=z.value,{rootParentValue:i,rootValues:n}=a,a=a.transform,a=a?_xeUtils.default.toArrayTree(e,{key:t,parentKey:l,mapChildren:r,rootParentValue:i,rootValues:n}):e?e.slice(0):[];return D.treeFullData=a,ae(),x(!0),ne(),u(),(0,_vue.nextTick)()},u=()=>{var l=V.currentItems,r=D.treeFullData,i=z.value,n=[r];if(l.length){let e=0,a=l[e],t=r;for(;a&&t&&t.length;){a=l[e++];var u=t.find(e=>a===S(e));if(!(t=u?u[i]:[])||!t.length)break;n.push(t)}}V.currentCunkList=n},ne=()=>{var e=D.treeFullData,t=W.value,l=z.value;let r=[],i={};if(t.length){let a=_xeUtils.default.last(t);t=_xeUtils.default.findTree(e,e=>a===S(e),{children:l});t&&(e=t.nodes,e.forEach(e=>{e=S(e);i[e]=!0,r.push(e)}))}D.treeExpandedMaps=i,V.currentItems=r},ue=()=>{var e=O.value.zIndex;e?V.panelIndex=e:V.panelIndex<(0,_utils.getLastZIndex)()&&(V.panelIndex=(0,_utils.nextZIndex)())},o=()=>{let t=V.panelIndex,l=M.value,r=T.value,i=N.value,n=O.value;var e=()=>{var e=(0,_dom.updatePanelPlacement)(l,r,{placement:n.placement,defaultPlacement:n.defaultPlacement,teleportTo:i,isMinWidth:!1}),a=Object.assign(e.style,{zIndex:t});V.panelStyle=a,V.panelPlacement=e.placement};return e(),(0,_vue.nextTick)().then(e)},t=e=>{var{loading:a,remote:t,filterable:l}=w,r=D.treeFullData,i=F.value,n=X.value;a||i||(clearTimeout(D.hpTimeout),V.initialized||(V.initialized=!0),V.isActivated=!0,V.isAniVisible=!0,l&&t&&n.enabled&&n.autoLoad&&!r.length&&Pe(),setTimeout(()=>{V.visiblePanel=!0,be()},10),ue(),o(),g("visible-change",{visible:!0},e||null))},s=e=>{V.visiblePanel=!1,D.hpTimeout=setTimeout(()=>{V.isAniVisible=!1},350),g("visible-change",{visible:!1},e||null)},oe=e=>(V.currentNode=e,(0,_vue.nextTick)()),se=e=>{let t={};var a=z.value,l=f.value,r=U.value.transform;let i=[],n=[];return e&&_xeUtils.default.eachTree(D.afterTreeList,e=>{var a=S(e);i.push(a),n.push(e),t[a]=!0},{children:r?l:a}),D.indeterminateRowMaps={},D.selectCheckboxMaps=t,V.updateCheckboxFlag++,b(),(0,_vue.nextTick)().then(()=>({checkNodeKeys:i,checkNodes:n}))},de=()=>(D.indeterminateRowMaps={},D.selectCheckboxMaps={},V.updateCheckboxFlag++,b(),(0,_vue.nextTick)().then(()=>({checkNodeKeys:[],checkNodes:[]}))),m=(e,a,t)=>{a=_xeUtils.default.isArray(a)?a.map(_util.deNodeValue):(0,_util.deNodeValue)(a);Y(a),a!==w.modelValue&&(g("change",{value:a,node:t,option:t},e),r)&&i&&r.triggerItemEvent(e,i.itemConfig.field,a)},ce=(e,a)=>{m(e,a,null),g("clear",{value:a},e)},ve=(e,a)=>{ce(a,null),s(a)},pe=e=>{let t=e.$event,{multiple:a,checkedClosable:l}=w;a&&se(!0).then(({checkNodeKeys:e,checkNodes:a})=>{m(t,e,a[0]),g("all-change",{value:e},t),l&&s(t)})},he=e=>{let a=e.$event,{multiple:t,checkedClosable:l}=w;e=t?[]:null;de().then(()=>{l&&s(a)}),m(a,e,null),g("clear",{value:e},a)},_e=e=>{e=e.$event;s(e)},fe=e=>{var a=V.visiblePanel;F.value||a&&(a=T.value,(0,_dom.getEventTargetNode)(e,a).flag?o():s(e))},ge=e=>{var a,t,l=V.visiblePanel;F.value||(a=M.value,t=T.value,V.isActivated=(0,_dom.getEventTargetNode)(e,a).flag||(0,_dom.getEventTargetNode)(e,t).flag,l&&!V.isActivated&&s(e))},xe=e=>{var{visiblePanel:a,isActivated:t}=V;a&&s(e),t&&(V.isActivated=!1),(a||t)&&(e=I.value)&&e.blur()},me=()=>{var e=V.visiblePanel;e&&o()},be=()=>{w.filterable&&(0,_vue.nextTick)(()=>{var e=L.value;e&&e.focus()})},Ce=(e,a)=>{e.preventDefault();V.currentNode=a,g("current-change",{node:a,checked:!0},e)},Ee=(e,a)=>{e.preventDefault(),e.stopPropagation();var t=D.nodeMaps,l=h.value,r=z.value,{checkMode:l,checkMethod:i}=l,n=S(a),r=a[r],r=r&&0<r.length,t=(t[n]||{}).level;(i?i({$cascader:A,node:a}):C(l,r,t))&&(i=n,V.selectRadioKey=i,m(e,i,a),s(e))},ke=i=>{var e=_.value;let t=U.value.loadMethod,n=e.checkStrictly;return new Promise(e=>{if(t){var a=D.nodeMaps;let l=S(i),r=a[l];D.treeExpandLazyLoadedMaps[l]=!0,Promise.resolve(t({$cascader:A,node:i})).then(t=>{var e=D.treeExpandLazyLoadedMaps;if(r.treeLoaded=!0,e[l]&&(e[l]=!1),t=_xeUtils.default.isArray(t)?t:[])return A.loadChildrenNode(i,t).then(e=>{var a=D.treeExpandedMaps;return e.length&&!a[l]&&(a[l]=!0),V.updateExpandedFlag++,!n&&A.isCheckedByCheckboxNodeId(l)&&ee(e,!0),g("load-success",{node:i,data:t},new Event("load-success")),(0,_vue.nextTick)()});g("load-success",{node:i,data:t},new Event("load-success"))}).catch(e=>{var a=D.treeExpandLazyLoadedMaps;r.treeLoaded=!1,a[l]&&(a[l]=!1),g("load-error",{node:i,data:e},new Event("load-error"))}).finally(()=>{v(),x()})}else e()})},ye=(e,a)=>{let{treeExpandLazyLoadedMaps:l,treeExpandedMaps:r}=D,i=D.nodeMaps,n=z.value,u=H.value;let{lazy:o,toggleMethod:t}=U.value,s=[];var e=(e=t?e.filter(e=>t({$cascader:A,expanded:a,node:e})):e).length?[e[e.length-1]]:[],d=S(e[0]),d=i[d];d&&d.items.forEach(e=>{e=S(e);r[e]&&delete r[e]});let c=[];return a?e.forEach(e=>{var a,t=S(e);r[t]||(a=i[t],o&&e[u]&&!a.treeLoaded&&!l[t]?s.push(ke(e)):e[n]&&e[n].length&&(r[t]=!0,c.push(e)))}):e.forEach(e=>{var a=S(e);r[a]&&(delete r[a],c.push(e))}),V.updateExpandedFlag++,v(),x(),Promise.all(s)},Me=(e,a,t,l)=>{var r=V.currentItems,i=D.treeExpandLazyLoadedMaps,n=U.value.lazy,r=r.slice(0,l),l=S(a);e.stopPropagation(),r.push(l),V.currentItems=r,n&&i[l]||ye([a],!0),oe(a),u(),g("node-expand",{node:a,expanded:!0},e)},b=()=>{let{selectCheckboxMaps:o,indeterminateRowMaps:s,afterTreeList:e}=D,i=z.value;var a=f.value;let{checkStrictly:t,checkMethod:d}=_.value;var n=U.value.transform;if(!t){let l={},r=[];_xeUtils.default.eachTree(e,e=>{var a=S(e),t=e[i];t&&t.length&&!l[a]&&(l[a]=1,r.unshift([e,a,t]))},{children:n?a:i}),r.forEach(e=>{var a=e[0],t=e[1],e=e[2];let l=0,r=0,i=0;var n=e.length;e.forEach(d?e=>{var a=S(e),t=o[a];d({$cascader:A,node:e})?(t?l++:s[a]&&r++,i++):t?l++:s[a]&&r++}:e=>{e=S(e);o[e]?l++:s[e]&&r++,i++});let u=!1;e=!(u=0<n?0<i?(0<l||0<r)&&l>=i:0<l&&l>=i||!!o[t]:o[t])&&(0<l||0<r);u?(o[t]=a,s[t]&&delete s[t]):(o[t]&&delete o[t],e?s[t]=a:s[t]&&delete s[t])}),V.updateCheckboxFlag++}},Ie=(e,t)=>{e.preventDefault(),e.stopPropagation();let{selectCheckboxMaps:l,nodeMaps:a}=D;var r=z.value,i=f.value,{checkStrictly:n,checkMode:u,checkMethod:o}=_.value,s=U.value.transform,d=S(t),c=t[r],c=c&&0<c.length,v=(a[d]||{}).level,o=o?!o({$cascader:A,node:t}):!C(u,c,v);if(!o){let a=!1;l[d]?delete l[d]:(a=!0,l[d]=t),n||_xeUtils.default.eachTree(_xeUtils.default.get(t,s?i:r),e=>{e=S(e);a?l[e]||(l[e]=!0):l[e]&&delete l[e]},{children:s?i:r}),V.updateCheckboxFlag++,b();u=_xeUtils.default.keys(l);m(e,u,t)}},Le=(e,a,t,l)=>{var r=w.multiple,i=U.value,n=h.value,u=_.value,o=z.value,s=f.value,{transform:i,trigger:d}=i,i=a[i?s:o];let c=!1,v=!1,p=!1;Ce(e,a),"icon"!==d&&(p=!0,Me(e,a,t,l)),r?"node"!==u.trigger&&(u.showIcon||i&&i.length)||(v=!0,Ie(e,a)):"node"!==n.trigger&&(n.showIcon||i&&i.length)||(c=!0,Ee(e,a)),g("node-click",{node:a,triggerCurrent:!0,triggerRadio:c,triggerCheckbox:v,triggerExpand:p},e)},Te=e=>{F.value||V.visiblePanel||(V.triggerFocusPanel=!0,t(e),setTimeout(()=>{V.triggerFocusPanel=!1},150)),g("focus",{},e)},Fe=e=>{e.preventDefault(),V.triggerFocusPanel?V.triggerFocusPanel=!1:V.visiblePanel||t(e),g("click",{},e)},Ne=e=>{V.isActivated=!1,g("blur",{},e)},we=e=>{V.searchValue=e,re(new Event("filter"))},Pe=()=>{var{modelValue:e,remote:a}=w,t=V.searchValue,l=X.value,r=l.queryMethod;a&&r&&l.enabled&&(V.searchLoading=!0,Promise.resolve(r({$cascader:A,searchValue:t,value:e})).then(()=>(0,_vue.nextTick)()).catch(()=>(0,_vue.nextTick)()).finally(()=>{V.searchLoading=!1}))},Ve=e=>{e=e.$event;e.preventDefault(),V.triggerFocusPanel?V.triggerFocusPanel=!1:(V.visiblePanel?s:t)(e)},C=(Object.assign(A,a,{isCheckedByCheckboxNodeId:e=>{var a=V.updateCheckboxFlag,t=D.selectCheckboxMaps;return!(!a||!t[e])},loadChildrenNode(a,e){let u=w.separator,o=D.nodeMaps;var t=U.value;let s=B.value,{lazy:l,transform:r}=t;if(!l)return Promise.resolve([]);let i=z.value,n=f.value,d=o[S(a)],c=d?d.level:0,v=d?d.nodes:[];return(e=>{let t=p.value;return Promise.resolve(e.map(e=>{var a,e=Object.assign({},e);return S(e)||(a=getNodeUniqueId(),_xeUtils.default.set(e,t,a)),e}))})(e).then(e=>(_xeUtils.default.eachTree(e,(e,a,t,l,r,i)=>{var n=S(e);o[n]={item:e,index:-1,$index:-1,_index:-1,items:t,parent:r||d.item,nodes:v.concat(i),level:c+i.length,treeIndex:-1,lineCount:0,treeLoaded:!1,fullLabel:i.map(e=>e[s]).join(u||" / ")}},{children:i}),a[i]=e,r&&(a[n]=e),te(),e))}}),(e,a,t)=>{if(e){if("first"===e)return!t;if("last"===e)return!a}return!0}),De=(t,e,l,r)=>{var{showIcon:a,checkMode:i,checkMethod:n,visibleMode:u,visibleMethod:o}=h.value,o=o?o({$cascader:A,node:t}):C(u,e,l);if(a&&o){let a=n?!n({$cascader:A,node:t}):!C(i,e,l);return(0,_vue.h)("div",{class:["vxe-tree--radio-option",{"is--checked":r,"is--disabled":a}],onClick:e=>{a||Ee(e,t)}},[(0,_vue.h)("span",{class:["vxe-radio--icon",r?(0,_ui.getIcon)().RADIO_CHECKED:(0,_ui.getIcon)().RADIO_UNCHECKED]})])}return(0,_ui.renderEmptyElement)(A)},Ue=(t,e,l,r,i)=>{var{showIcon:a,checkMode:n,checkMethod:u,visibleMode:o,visibleMethod:s}=_.value,s=s?s({$cascader:A,node:t}):C(o,e,l);if(a&&s){let a=u?!u({$cascader:A,node:t}):!C(n,e,l);return(0,_vue.h)("div",{class:["vxe-cascader--checkbox-option",{"is--checked":r,"is--indeterminate":i,"is--disabled":a}],onClick:e=>{a||Ie(e,t)}},[(0,_vue.h)("span",{class:["vxe-checkbox--icon",i?(0,_ui.getIcon)().CHECKBOX_INDETERMINATE:r?(0,_ui.getIcon)().CHECKBOX_CHECKED:(0,_ui.getIcon)().CHECKBOX_UNCHECKED]})])}return(0,_ui.renderEmptyElement)(A)};(0,_vue.watch)(()=>w.modelValue,()=>{V.visiblePanel||(ne(),u())}),(0,_vue.watch)(()=>w.options,()=>{ae()});let n=(0,_vue.ref)(0);return(0,_vue.watch)(()=>w.options?w.options.length:0,()=>{n.value++}),(0,_vue.watch)(()=>w.options,()=>{n.value++}),(0,_vue.watch)(n,()=>{ie(w.options||[])}),ie(w.options||[]),(0,_vue.onMounted)(()=>{w.filterable&&(0,_log.errLog)("vxe.error.notProp",["filterable"]),_ui.globalEvents.on(A,"mousewheel",fe),_ui.globalEvents.on(A,"mousedown",ge),_ui.globalEvents.on(A,"blur",xe),_ui.globalEvents.on(A,"resize",me)}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off(A,"mousewheel"),_ui.globalEvents.off(A,"mousedown"),_ui.globalEvents.off(A,"blur"),_ui.globalEvents.off(A,"resize"),_xeUtils.default.assign(D,createInternalData())}),(0,_vue.provide)("$xeCascader",A),A.renderVN=()=>{var{className:e,modelValue:a,multiple:t,loading:l,filterable:r,showTotalButton:i,showCheckedButton:n,showClearButton:u,showCloseButton:o}=w,{initialized:s,isActivated:d,isAniVisible:c,visiblePanel:v,searchValue:p,currentCunkList:h}=V,_=$.value,f=F.value,g=Z.value,x=N.value,m=R.value,b=G.value,C=P.header,E=P.footer;let k=P.prefix;var y=O.value.className;return m?(0,_vue.h)("div",{ref:M,class:["vxe-cascader--readonly",e]},[(0,_vue.h)("span",{class:"vxe-cascader-label"},g)]):(m=_xeUtils.default.eqNull(a)?[]:_xeUtils.default.isArray(a)?a:[a],(0,_vue.h)("div",{ref:M,class:["vxe-cascader",e?_xeUtils.default.isFunction(e)?e({$cascader:A}):e:"",{["size--"+_]:_,"is--filterable":r,"is--visible":v,"is--disabled":f,"is--loading":l,"is--active":d}]},[(0,_vue.h)(_input.default,{ref:I,clearable:w.clearable,placeholder:l?(0,_ui.getI18n)("vxe.select.loadingText"):w.placeholder,editable:!1,disabled:f,type:"text",prefixIcon:w.prefixIcon,suffixIcon:l?(0,_ui.getIcon)().TREE_SELECT_LOADED:v?(0,_ui.getIcon)().TREE_SELECT_OPEN:(0,_ui.getIcon)().TREE_SELECT_CLOSE,modelValue:l?"":g,title:g,onClear:ve,onClick:Fe,onFocus:Te,onBlur:Ne,onSuffixClick:Ve},k?{prefix:()=>k({})}:{}),(0,_vue.h)(_vue.Teleport,{to:"body",disabled:!x||!s},[(0,_vue.h)("div",{ref:T,class:["vxe-table--ignore-clear vxe-cascader--panel",y?_xeUtils.default.isFunction(y)?y({$cascader:A}):y:"",{["size--"+_]:_,"is--transfer":x,"ani--leave":!l&&c,"ani--enter":!l&&v}],placement:V.panelPlacement,style:b},s?[(0,_vue.h)("div",{class:"vxe-cascader--panel-wrapper"},[r?(0,_vue.h)("div",{class:"vxe-cascader--panel-search"},[(0,_vue.h)(_input.default,{ref:L,class:"vxe-cascader-search--input",modelValue:p,clearable:!0,disabled:!1,readonly:!1,placeholder:(0,_ui.getI18n)("vxe.cascader.search"),prefixIcon:(0,_ui.getIcon)().INPUT_SEARCH,"onUpdate:modelValue":we})]):(0,_ui.renderEmptyElement)(A),n&&t||u||C?(0,_vue.h)("div",{class:"vxe-tree-select--panel-header"},C?C({}):[(0,_vue.h)("div",{class:"vxe-tree-select--header-button"},[n&&u?(0,_vue.h)("div",{class:"vxe-tree-select--selected-btns"},[n&&t?(0,_vue.h)(_button.default,{content:(0,_ui.getI18n)("vxe.treeSelect.allChecked"),mode:"text",onClick:pe}):(0,_ui.renderEmptyElement)(A),u?(0,_vue.h)(_button.default,{content:(0,_ui.getI18n)("vxe.treeSelect.clearChecked"),mode:"text",onClick:he}):(0,_ui.renderEmptyElement)(A)]):(0,_ui.renderEmptyElement)(A)])]):(0,_ui.renderEmptyElement)(A),(0,_vue.h)("div",{class:"vxe-cascader--panel-body"},[(0,_vue.h)("div",{ref:j,class:"vxe-cascader-chunk--wrapper"},[h.map((t,l)=>(0,_vue.h)("div",{key:l,class:"vxe-cascader-chunk--item-wrapper"},[(0,_vue.h)(_list.default,{data:t},{default(e){e=e.items;return e.map((e,a)=>((a,e,t,l,r)=>{var i=w.multiple,{currentNode:n,selectRadioKey:u,updateCheckboxFlag:o,updateExpandedFlag:s}=V,{nodeMaps:d,selectCheckboxMaps:c,indeterminateRowMaps:v,treeExpandedMaps:p,treeExpandLazyLoadedMaps:h}=D;let _=U.value;var{lazy:f,iconLoaded:g,iconOpen:x,iconClose:m}=_,b=z.value,C=B.value,E=H.value,b=a[b],b=b&&0<b.length,k=P.icon,y=P.title,s=s&&p[e],p=d[e]||{},d=a[C],C=p.level;let M=!1,I=(i||(M=e===u),!1),L=!1,T=(i&&(I=!(!o||!c[e]),L=!(!o||!v[e])),!1),F=!1,N=!1;f&&(F=!!h[e],T=a[E],N=!!p.treeLoaded);u={node:a};return(0,_vue.h)("div",{key:r+"_"+t,class:["vxe-cascader-chunk--node-item",{"is--current":n&&(n===a||S(n)===e),"is-radio--checked":M,"is-checkbox--checked":I,"is-checkbox--indeterminate":L,"is--expand":s}],title:d,onMousedown:e=>{0===e.button&&e.stopPropagation()},onClick(e){Le(e,a,l,r)}},[i?Ue(a,b,C,I,L):De(a,b,C,M),(0,_vue.h)("div",{class:"vxe-cascader-chunk--node-item-inner"},[(0,_vue.h)("div",{class:"vxe-cascader-chunk--node-item-title"},y?(0,_ui.getSlotVNs)(y(u)):d)]),_.showIcon&&(!f||N?b:T)?(0,_vue.h)("div",{class:"vxe-cascader-chunk--node-item-switcher"},[[(0,_vue.h)("div",{class:"vxe-cascader--node-item-icon",onClick(e){"icon"===_.trigger&&Me(e,a,l,r)}},k?(0,_ui.getSlotVNs)(k(u)):[(0,_vue.h)("i",{class:F?g||(0,_ui.getIcon)().CASCADER_NODE_LOADED:s?x||(0,_ui.getIcon)().CASCADER_NODE_OPEN:m||(0,_ui.getIcon)().CASCADER_NODE_CLOSE})])]]):(0,_ui.renderEmptyElement)(A)])})(e,S(e),a,t,l))}})]))])]),E||i||o&&t?(0,_vue.h)("div",{class:"vxe-cascader--panel-footer"},E?E({}):[(0,_vue.h)("div",{class:"vxe-cascader--footer-button"},[i?(0,_vue.h)("div",{class:"vxe-cascader--total-btns"},(0,_ui.getI18n)("vxe.treeSelect.total",[m.length])):(0,_ui.renderEmptyElement)(A),o&&t?(0,_vue.h)("div",{class:"vxe-cascader--oper-btns"},[(0,_vue.h)(_button.default,{content:(0,_ui.getI18n)("vxe.select.close"),mode:"text",onClick:_e})]):(0,_ui.renderEmptyElement)(A)])]):(0,_ui.renderEmptyElement)(A)])]:[])])]))},A},render(){return this.renderVN()}});

package/lib/cascader/src/util.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.deNodeValue = deNodeValue;
+exports.enNodeValue = enNodeValue;
+var _xeUtils = _interopRequireDefault(require("xe-utils"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function enNodeValue(nodeid) {
+  return _xeUtils.default.eqNull(nodeid) ? '' : encodeURIComponent(`${nodeid}`);
+}
+function deNodeValue(nodeid) {
+  return nodeid ? decodeURIComponent(`${nodeid}`) : nodeid;
+}

package/lib/cascader/src/util.min.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.deNodeValue=deNodeValue,exports.enNodeValue=enNodeValue;var _xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function enNodeValue(e){return _xeUtils.default.eqNull(e)?"":encodeURIComponent(""+e)}function deNodeValue(e){return e&&decodeURIComponent(""+e)}

package/lib/cascader/style/style.css

@@ -4,11 +4,12 @@
   width: 180px;
   color: var(--vxe-ui-font-color);
   text-align: left;
+  --vxe-ui-cascader-chunk-size: 1;
 }
 .vxe-cascader > .vxe-input .vxe-input--inner {
   cursor: pointer;
 }
-.vxe-cascader.is--filterable .vxe-cascader-tree--wrapper {
+.vxe-cascader.is--filterable .vxe-cascader-chunk--wrapper {
   padding-top: 0;
 }
 .vxe-cascader.is--filterable .vxe-cascader--panel-header {
@@ -46,7 +47,7 @@
   text-align: left;
 }
 .vxe-cascader--panel:not(.is--transfer) {
-  min-width: 100%;
+  min-width: var(--vxe-ui-cascader-node-width);
 }
 .vxe-cascader--panel.is--transfer {
   position: fixed;
@@ -84,33 +85,44 @@
 
 .vxe-cascader--panel-search {
   display: block;
+  padding: var(--vxe-ui-current-padding);
+  width: calc(var(--vxe-ui-cascader-node-width) * var(--vxe-ui-cascader-chunk-size));
 }
 .vxe-cascader--panel-search .vxe-cascader-search--input {
   width: 100%;
 }
 
-.vxe-cascader--header-button {
+.vxe-cascader--header-button,
+.vxe-cascader--footer-button {
   display: flex;
   flex-direction: row;
   white-space: nowrap;
 }
 
-.vxe-cascader--header-total {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
+.vxe-cascader--total-btns {
+  padding-left: var(--vxe-ui-current-padding);
   flex-shrink: 0;
-  padding-left: 0.8em;
 }
 
-.vxe-cascader--header-btns {
+.vxe-cascader--oper-btns {
   display: flex;
   flex-direction: row;
   flex-grow: 1;
   justify-content: right;
 }
 
+.vxe-cascader--footer-button,
+.vxe-cascader--selected-btns,
+.vxe-cascader--expand-btns {
+  display: flex;
+  flex-direction: row;
+  flex-grow: 1;
+}
+
+.vxe-cascader--selected-btns + .vxe-cascader--expand-btns {
+  padding-left: 2.2em;
+}
+
 .vxe-cascader--panel-wrapper {
   display: flex;
   flex-direction: column;
@@ -122,14 +134,6 @@
   pointer-events: auto;
 }
 
-.vxe-cascader--panel-search {
-  display: block;
-  padding: var(--vxe-ui-layout-padding-default);
-}
-.vxe-cascader--panel-search .vxe-cascader-search--input {
-  width: 100%;
-}
-
 .vxe-cascader--panel-header {
   border-bottom: 1px solid var(--vxe-ui-base-popup-border-color);
 }
@@ -143,13 +147,185 @@
   padding: 4px 0;
 }
 
-.vxe-cascader-tree--wrapper {
+.vxe-cascader--checkbox-option {
+  padding-right: 0.4em;
+}
+.vxe-cascader--checkbox-option {
+  cursor: pointer;
+}
+.vxe-cascader--checkbox-option .vxe-checkbox--icon {
+  font-size: 1.22em;
+}
+.vxe-cascader--checkbox-option .vxe-checkbox--icon {
+  color: var(--vxe-ui-input-border-color);
+  vertical-align: middle;
+  font-weight: 700;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
+.vxe-cascader--checkbox-option.is--checked, .vxe-cascader--checkbox-option.is--indeterminate {
+  color: var(--vxe-ui-font-primary-color);
+}
+.vxe-cascader--checkbox-option.is--checked .vxe-checkbox--icon, .vxe-cascader--checkbox-option.is--indeterminate .vxe-checkbox--icon {
+  color: var(--vxe-ui-font-primary-color);
+}
+.vxe-cascader--checkbox-option:not(.is--disabled):hover .vxe-checkbox--icon {
+  color: var(--vxe-ui-font-primary-color);
+}
+.vxe-cascader--checkbox-option.is--hidden {
+  cursor: default;
+}
+.vxe-cascader--checkbox-option.is--readonly {
+  cursor: auto;
+}
+.vxe-cascader--checkbox-option.is--disabled {
+  color: var(--vxe-ui-font-disabled-color);
+  cursor: not-allowed;
+}
+.vxe-cascader--checkbox-option.is--disabled .vxe-checkbox--icon {
+  color: var(--vxe-ui-input-disabled-color);
+}
+.vxe-cascader--checkbox-option .vxe-checkbox--label {
+  padding-left: 0.5em;
+  vertical-align: middle;
+}
+
+.vxe-cascader--radio-option {
+  padding-right: 0.4em;
+}
+.vxe-cascader--radio-option {
+  cursor: pointer;
+}
+.vxe-cascader--radio-option .vxe-radio--icon {
+  font-size: 1.26em;
+}
+.vxe-cascader--radio-option .vxe-radio--icon {
+  color: var(--vxe-ui-input-border-color);
+  border-radius: 50%;
+  vertical-align: middle;
+  font-weight: 700;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
+.vxe-cascader--radio-option.is--checked {
+  color: var(--vxe-ui-font-primary-color);
+}
+.vxe-cascader--radio-option.is--checked .vxe-radio--icon {
+  color: var(--vxe-ui-font-primary-color);
+}
+.vxe-cascader--radio-option:not(.is--disabled):hover .vxe-radio--icon {
+  color: var(--vxe-ui-font-primary-color);
+}
+.vxe-cascader--radio-option.is--readonly {
+  cursor: auto;
+}
+.vxe-cascader--radio-option.is--disabled {
+  color: var(--vxe-ui-font-disabled-color);
+  cursor: not-allowed;
+}
+.vxe-cascader--radio-option.is--disabled .vxe-radio--icon {
+  color: var(--vxe-ui-input-disabled-color);
+}
+.vxe-cascader--radio-option .vxe-radio--label {
+  padding-left: 0.5em;
+  vertical-align: middle;
+}
+
+.vxe-cascader--panel-body {
+  border-top: 1px solid var(--vxe-ui-base-popup-border-color);
+}
+
+.vxe-cascader-chunk--wrapper {
   position: relative;
-  overflow: auto;
-  padding: var(--vxe-ui-layout-padding-default);
+  display: flex;
+  flex-direction: row;
   outline: 0;
 }
 
+.vxe-cascader-chunk--item-wrapper {
+  flex-shrink: 0;
+  border-left: 1px solid var(--vxe-ui-base-popup-border-color);
+  padding: var(--vxe-ui-current-padding) 0;
+}
+.vxe-cascader-chunk--item-wrapper:first-child {
+  border-left: 0;
+}
+.vxe-cascader-chunk--item-wrapper .vxe-list .vxe-list--virtual-wrapper {
+  height: var(--vxe-ui-cascader-chunk-height);
+  width: var(--vxe-ui-cascader-node-width);
+  overflow-x: hidden;
+  overflow-y: hidden;
+}
+.vxe-cascader-chunk--item-wrapper .vxe-list .vxe-list--virtual-wrapper:hover {
+  overflow-y: auto;
+}
+.vxe-cascader-chunk--item-wrapper .vxe-list .vxe-list--body {
+  width: var(--vxe-ui-cascader-node-width);
+}
+
+.vxe-cascader-chunk--node-item {
+  display: flex;
+  flex-direction: row;
+  height: var(--vxe-ui-cascader-node-height);
+  line-height: var(--vxe-ui-cascader-node-height);
+  padding: 0 calc(var(--vxe-ui-current-padding) + 18px) 0 var(--vxe-ui-current-padding);
+  cursor: pointer;
+}
+.vxe-cascader-chunk--node-item:hover {
+  background-color: var(--vxe-ui-cascader-node-hover-background-color);
+}
+.vxe-cascader-chunk--node-item.is--current, .vxe-cascader-chunk--node-item.is--expand {
+  font-weight: 700;
+}
+.vxe-cascader-chunk--node-item.is--current {
+  background-color: var(--vxe-ui-cascader-node-current-background-color);
+}
+.vxe-cascader-chunk--node-item.is-checkbox--indeterminate {
+  color: var(--vxe-ui-cascader-node-checkbox-indeterminate-color);
+}
+.vxe-cascader-chunk--node-item.is-radio--checked, .vxe-cascader-chunk--node-item.is-checkbox--checked {
+  color: var(--vxe-ui-cascader-node-checkbox-checked-color);
+}
+
+.vxe-cascader-chunk--node-item-inner {
+  display: flex;
+  flex-direction: row;
+  overflow: hidden;
+  flex-grow: 1;
+}
+
+.vxe-cascader-chunk--node-item-title {
+  flex-grow: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.vxe-cascader-chunk--node-item-switcher {
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+  flex-shrink: 0;
+  width: 1em;
+  position: relative;
+}
+.vxe-cascader-chunk--node-item-switcher .vxe-cascader--node-item-icon > i {
+  display: inline-block;
+  transition: transform 0.2s ease-in-out;
+}
+
+.vxe-cascader,
+.vxe-cascader--panel {
+  --vxe-ui-current-padding: var(--vxe-ui-layout-padding-default);
+}
+.vxe-cascader.size--small, .vxe-cascader.size--mini,
+.vxe-cascader--panel.size--small,
+.vxe-cascader--panel.size--mini {
+  --vxe-ui-current-padding: var(--vxe-ui-layout-padding-half);
+}
+
 .vxe-cascader,
 .vxe-cascader--panel {
   font-size: var(--vxe-ui-font-size-default);

package/lib/cascader/style/style.min.css

@@ -1 +1 @@
-.vxe-cascader{position:relative;display:inline-block;width:180px;color:var(--vxe-ui-font-color);text-align:left}.vxe-cascader>.vxe-input .vxe-input--inner{cursor:pointer}.vxe-cascader.is--filterable .vxe-cascader-tree--wrapper{padding-top:0}.vxe-cascader.is--filterable .vxe-cascader--panel-header{border-top:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-cascader.is--disabled>.vxe-input .vxe-input--inner{cursor:no-drop}.vxe-cascader.is--loading>.vxe-input .vxe-input--inner{cursor:progress}.vxe-cascader>.vxe-input{width:100%}.vxe-cascader>.vxe-input .vxe-input--suffix-icon>i{display:inline-block;transition:transform .2s ease-in-out}.vxe-cascader.is--active:not(.is--filter)>.vxe-input{border-color:var(--vxe-ui-font-primary-color)}.vxe-cascader--readonly{color:var(--vxe-ui-font-color);display:inline-flex}.vxe-cascader--panel{pointer-events:none;display:none;position:absolute;left:0;padding:4px 0;color:var(--vxe-ui-font-color);text-align:left}.vxe-cascader--panel:not(.is--transfer){min-width:100%}.vxe-cascader--panel.is--transfer{position:fixed}.vxe-cascader--panel.ani--leave{display:block;opacity:0;transform:scaleY(.5);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top;backface-visibility:hidden}.vxe-cascader--panel.ani--leave[placement=top]{transform-origin:center bottom}.vxe-cascader--panel.ani--enter{opacity:1;transform:scaleY(1)}.vxe-cascader--panel.ani--enter>div::after{display:none}.vxe-cascader--panel>div::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-cascader--panel-search{display:block}.vxe-cascader--panel-search .vxe-cascader-search--input{width:100%}.vxe-cascader--header-button{display:flex;flex-direction:row;white-space:nowrap}.vxe-cascader--header-total{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-shrink:0;padding-left:.8em}.vxe-cascader--header-btns{display:flex;flex-direction:row;flex-grow:1;justify-content:right}.vxe-cascader--panel-wrapper{display:flex;flex-direction:column;position:relative;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-base-popup-border-color);box-shadow:var(--vxe-ui-base-popup-box-shadow);background-color:var(--vxe-ui-layout-background-color);pointer-events:auto}.vxe-cascader--panel-search{display:block;padding:var(--vxe-ui-layout-padding-default)}.vxe-cascader--panel-search .vxe-cascader-search--input{width:100%}.vxe-cascader--panel-header{border-bottom:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-cascader--panel-footer{border-top:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-cascader--panel-footer,.vxe-cascader--panel-header{padding:4px 0}.vxe-cascader-tree--wrapper{position:relative;overflow:auto;padding:var(--vxe-ui-layout-padding-default);outline:0}.vxe-cascader,.vxe-cascader--panel{font-size:var(--vxe-ui-font-size-default)}.vxe-cascader--panel.size--medium,.vxe-cascader.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-cascader--panel.size--small,.vxe-cascader.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-cascader--panel.size--mini,.vxe-cascader.size--mini{font-size:var(--vxe-ui-font-size-mini)}
+.vxe-cascader{position:relative;display:inline-block;width:180px;color:var(--vxe-ui-font-color);text-align:left;--vxe-ui-cascader-chunk-size:1}.vxe-cascader>.vxe-input .vxe-input--inner{cursor:pointer}.vxe-cascader.is--filterable .vxe-cascader-chunk--wrapper{padding-top:0}.vxe-cascader.is--filterable .vxe-cascader--panel-header{border-top:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-cascader.is--disabled>.vxe-input .vxe-input--inner{cursor:no-drop}.vxe-cascader.is--loading>.vxe-input .vxe-input--inner{cursor:progress}.vxe-cascader>.vxe-input{width:100%}.vxe-cascader>.vxe-input .vxe-input--suffix-icon>i{display:inline-block;transition:transform .2s ease-in-out}.vxe-cascader.is--active:not(.is--filter)>.vxe-input{border-color:var(--vxe-ui-font-primary-color)}.vxe-cascader--readonly{color:var(--vxe-ui-font-color);display:inline-flex}.vxe-cascader--panel{pointer-events:none;display:none;position:absolute;left:0;padding:4px 0;color:var(--vxe-ui-font-color);text-align:left}.vxe-cascader--panel:not(.is--transfer){min-width:var(--vxe-ui-cascader-node-width)}.vxe-cascader--panel.is--transfer{position:fixed}.vxe-cascader--panel.ani--leave{display:block;opacity:0;transform:scaleY(.5);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top;backface-visibility:hidden}.vxe-cascader--panel.ani--leave[placement=top]{transform-origin:center bottom}.vxe-cascader--panel.ani--enter{opacity:1;transform:scaleY(1)}.vxe-cascader--panel.ani--enter>div::after{display:none}.vxe-cascader--panel>div::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-cascader--panel-search{display:block;padding:var(--vxe-ui-current-padding);width:calc(var(--vxe-ui-cascader-node-width) * var(--vxe-ui-cascader-chunk-size))}.vxe-cascader--panel-search .vxe-cascader-search--input{width:100%}.vxe-cascader--footer-button,.vxe-cascader--header-button{display:flex;flex-direction:row;white-space:nowrap}.vxe-cascader--total-btns{padding-left:var(--vxe-ui-current-padding);flex-shrink:0}.vxe-cascader--oper-btns{display:flex;flex-direction:row;flex-grow:1;justify-content:right}.vxe-cascader--expand-btns,.vxe-cascader--footer-button,.vxe-cascader--selected-btns{display:flex;flex-direction:row;flex-grow:1}.vxe-cascader--selected-btns+.vxe-cascader--expand-btns{padding-left:2.2em}.vxe-cascader--panel-wrapper{display:flex;flex-direction:column;position:relative;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-base-popup-border-color);box-shadow:var(--vxe-ui-base-popup-box-shadow);background-color:var(--vxe-ui-layout-background-color);pointer-events:auto}.vxe-cascader--panel-header{border-bottom:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-cascader--panel-footer{border-top:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-cascader--panel-footer,.vxe-cascader--panel-header{padding:4px 0}.vxe-cascader--checkbox-option{padding-right:.4em}.vxe-cascader--checkbox-option{cursor:pointer}.vxe-cascader--checkbox-option .vxe-checkbox--icon{font-size:1.22em}.vxe-cascader--checkbox-option .vxe-checkbox--icon{color:var(--vxe-ui-input-border-color);vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-cascader--checkbox-option.is--checked,.vxe-cascader--checkbox-option.is--indeterminate{color:var(--vxe-ui-font-primary-color)}.vxe-cascader--checkbox-option.is--checked .vxe-checkbox--icon,.vxe-cascader--checkbox-option.is--indeterminate .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-cascader--checkbox-option:not(.is--disabled):hover .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-cascader--checkbox-option.is--hidden{cursor:default}.vxe-cascader--checkbox-option.is--readonly{cursor:auto}.vxe-cascader--checkbox-option.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-cascader--checkbox-option.is--disabled .vxe-checkbox--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-cascader--checkbox-option .vxe-checkbox--label{padding-left:.5em;vertical-align:middle}.vxe-cascader--radio-option{padding-right:.4em}.vxe-cascader--radio-option{cursor:pointer}.vxe-cascader--radio-option .vxe-radio--icon{font-size:1.26em}.vxe-cascader--radio-option .vxe-radio--icon{color:var(--vxe-ui-input-border-color);border-radius:50%;vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-cascader--radio-option.is--checked{color:var(--vxe-ui-font-primary-color)}.vxe-cascader--radio-option.is--checked .vxe-radio--icon{color:var(--vxe-ui-font-primary-color)}.vxe-cascader--radio-option:not(.is--disabled):hover .vxe-radio--icon{color:var(--vxe-ui-font-primary-color)}.vxe-cascader--radio-option.is--readonly{cursor:auto}.vxe-cascader--radio-option.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-cascader--radio-option.is--disabled .vxe-radio--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-cascader--radio-option .vxe-radio--label{padding-left:.5em;vertical-align:middle}.vxe-cascader--panel-body{border-top:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-cascader-chunk--wrapper{position:relative;display:flex;flex-direction:row;outline:0}.vxe-cascader-chunk--item-wrapper{flex-shrink:0;border-left:1px solid var(--vxe-ui-base-popup-border-color);padding:var(--vxe-ui-current-padding) 0}.vxe-cascader-chunk--item-wrapper:first-child{border-left:0}.vxe-cascader-chunk--item-wrapper .vxe-list .vxe-list--virtual-wrapper{height:var(--vxe-ui-cascader-chunk-height);width:var(--vxe-ui-cascader-node-width);overflow-x:hidden;overflow-y:hidden}.vxe-cascader-chunk--item-wrapper .vxe-list .vxe-list--virtual-wrapper:hover{overflow-y:auto}.vxe-cascader-chunk--item-wrapper .vxe-list .vxe-list--body{width:var(--vxe-ui-cascader-node-width)}.vxe-cascader-chunk--node-item{display:flex;flex-direction:row;height:var(--vxe-ui-cascader-node-height);line-height:var(--vxe-ui-cascader-node-height);padding:0 calc(var(--vxe-ui-current-padding) + 18px) 0 var(--vxe-ui-current-padding);cursor:pointer}.vxe-cascader-chunk--node-item:hover{background-color:var(--vxe-ui-cascader-node-hover-background-color)}.vxe-cascader-chunk--node-item.is--current,.vxe-cascader-chunk--node-item.is--expand{font-weight:700}.vxe-cascader-chunk--node-item.is--current{background-color:var(--vxe-ui-cascader-node-current-background-color)}.vxe-cascader-chunk--node-item.is-checkbox--indeterminate{color:var(--vxe-ui-cascader-node-checkbox-indeterminate-color)}.vxe-cascader-chunk--node-item.is-checkbox--checked,.vxe-cascader-chunk--node-item.is-radio--checked{color:var(--vxe-ui-cascader-node-checkbox-checked-color)}.vxe-cascader-chunk--node-item-inner{display:flex;flex-direction:row;overflow:hidden;flex-grow:1}.vxe-cascader-chunk--node-item-title{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-cascader-chunk--node-item-switcher{-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;width:1em;position:relative}.vxe-cascader-chunk--node-item-switcher .vxe-cascader--node-item-icon>i{display:inline-block;transition:transform .2s ease-in-out}.vxe-cascader,.vxe-cascader--panel{--vxe-ui-current-padding:var(--vxe-ui-layout-padding-default)}.vxe-cascader--panel.size--mini,.vxe-cascader--panel.size--small,.vxe-cascader.size--mini,.vxe-cascader.size--small{--vxe-ui-current-padding:var(--vxe-ui-layout-padding-half)}.vxe-cascader,.vxe-cascader--panel{font-size:var(--vxe-ui-font-size-default)}.vxe-cascader--panel.size--medium,.vxe-cascader.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-cascader--panel.size--small,.vxe-cascader.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-cascader--panel.size--mini,.vxe-cascader.size--mini{font-size:var(--vxe-ui-font-size-mini)}