vxe-pc-ui 3.14.39 → 3.15.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (219) hide show
  1. package/es/cascader/src/cascader.js +1253 -253
  2. package/es/cascader/src/util.js +7 -0
  3. package/es/cascader/style.css +200 -21
  4. package/es/cascader/style.min.css +1 -1
  5. package/es/input/src/input.js +2 -2
  6. package/es/language/ar-EG.js +7 -0
  7. package/es/language/de-DE.js +7 -0
  8. package/es/language/en-US.js +7 -0
  9. package/es/language/es-ES.js +7 -0
  10. package/es/language/fr-FR.js +7 -0
  11. package/es/language/hu-HU.js +7 -0
  12. package/es/language/hy-AM.js +7 -0
  13. package/es/language/id-ID.js +7 -0
  14. package/es/language/it-IT.js +7 -0
  15. package/es/language/ja-JP.js +7 -0
  16. package/es/language/ko-KR.js +7 -0
  17. package/es/language/ms-MY.js +7 -0
  18. package/es/language/nb-NO.js +7 -0
  19. package/es/language/pt-BR.js +7 -0
  20. package/es/language/ru-RU.js +7 -0
  21. package/es/language/th-TH.js +7 -0
  22. package/es/language/ug-CN.js +7 -0
  23. package/es/language/uk-UA.js +7 -0
  24. package/es/language/uz-UZ.js +7 -0
  25. package/es/language/vi-VN.js +7 -0
  26. package/es/language/zh-CHT.js +7 -0
  27. package/es/language/zh-CN.js +7 -0
  28. package/es/list/style.css +2 -1
  29. package/es/list/style.min.css +1 -1
  30. package/es/number-input/src/number-input.js +7 -7
  31. package/es/number-input/src/util.js +2 -2
  32. package/es/split/style.css +1 -1
  33. package/es/split/style.min.css +1 -1
  34. package/es/splitter/style.css +1 -1
  35. package/es/splitter/style.min.css +1 -1
  36. package/es/style.css +1 -1
  37. package/es/style.min.css +1 -1
  38. package/es/tree/src/tree.js +30 -24
  39. package/es/tree-select/src/tree-select.js +22 -16
  40. package/es/tree-select/style.css +1 -8
  41. package/es/tree-select/style.min.css +1 -1
  42. package/es/ui/index.js +10 -4
  43. package/es/ui/src/dom.js +3 -3
  44. package/es/ui/src/log.js +1 -1
  45. package/es/vxe-cascader/style.css +200 -21
  46. package/es/vxe-cascader/style.min.css +1 -1
  47. package/es/vxe-list/style.css +2 -1
  48. package/es/vxe-list/style.min.css +1 -1
  49. package/es/vxe-split/style.css +1 -1
  50. package/es/vxe-split/style.min.css +1 -1
  51. package/es/vxe-splitter/style.css +1 -1
  52. package/es/vxe-splitter/style.min.css +1 -1
  53. package/es/vxe-tree-select/style.css +1 -8
  54. package/es/vxe-tree-select/style.min.css +1 -1
  55. package/lib/cascader/src/cascader.js +1312 -247
  56. package/lib/cascader/src/cascader.min.js +1 -1
  57. package/lib/cascader/src/util.js +15 -0
  58. package/lib/cascader/src/util.min.js +1 -0
  59. package/lib/cascader/style/style.css +200 -21
  60. package/lib/cascader/style/style.min.css +1 -1
  61. package/lib/index.umd.js +2843 -1729
  62. package/lib/index.umd.min.js +1 -1
  63. package/lib/input/src/input.js +2 -2
  64. package/lib/input/src/input.min.js +1 -1
  65. package/lib/language/ar-EG.js +7 -0
  66. package/lib/language/ar-EG.min.js +1 -1
  67. package/lib/language/ar-EG.umd.js +7 -0
  68. package/lib/language/de-DE.js +7 -0
  69. package/lib/language/de-DE.min.js +1 -1
  70. package/lib/language/de-DE.umd.js +7 -0
  71. package/lib/language/en-US.js +7 -0
  72. package/lib/language/en-US.min.js +1 -1
  73. package/lib/language/en-US.umd.js +7 -0
  74. package/lib/language/es-ES.js +7 -0
  75. package/lib/language/es-ES.min.js +1 -1
  76. package/lib/language/es-ES.umd.js +7 -0
  77. package/lib/language/fr-FR.js +7 -0
  78. package/lib/language/fr-FR.min.js +1 -1
  79. package/lib/language/fr-FR.umd.js +7 -0
  80. package/lib/language/hu-HU.js +7 -0
  81. package/lib/language/hu-HU.min.js +1 -1
  82. package/lib/language/hu-HU.umd.js +7 -0
  83. package/lib/language/hy-AM.js +7 -0
  84. package/lib/language/hy-AM.min.js +1 -1
  85. package/lib/language/hy-AM.umd.js +7 -0
  86. package/lib/language/id-ID.js +7 -0
  87. package/lib/language/id-ID.min.js +1 -1
  88. package/lib/language/id-ID.umd.js +7 -0
  89. package/lib/language/it-IT.js +7 -0
  90. package/lib/language/it-IT.min.js +1 -1
  91. package/lib/language/it-IT.umd.js +7 -0
  92. package/lib/language/ja-JP.js +7 -0
  93. package/lib/language/ja-JP.min.js +1 -1
  94. package/lib/language/ja-JP.umd.js +7 -0
  95. package/lib/language/ko-KR.js +7 -0
  96. package/lib/language/ko-KR.min.js +1 -1
  97. package/lib/language/ko-KR.umd.js +7 -0
  98. package/lib/language/ms-MY.js +7 -0
  99. package/lib/language/ms-MY.min.js +1 -1
  100. package/lib/language/ms-MY.umd.js +7 -0
  101. package/lib/language/nb-NO.js +7 -0
  102. package/lib/language/nb-NO.min.js +1 -1
  103. package/lib/language/nb-NO.umd.js +7 -0
  104. package/lib/language/pt-BR.js +7 -0
  105. package/lib/language/pt-BR.min.js +1 -1
  106. package/lib/language/pt-BR.umd.js +7 -0
  107. package/lib/language/ru-RU.js +7 -0
  108. package/lib/language/ru-RU.min.js +1 -1
  109. package/lib/language/ru-RU.umd.js +7 -0
  110. package/lib/language/th-TH.js +7 -0
  111. package/lib/language/th-TH.min.js +1 -1
  112. package/lib/language/th-TH.umd.js +7 -0
  113. package/lib/language/ug-CN.js +7 -0
  114. package/lib/language/ug-CN.min.js +1 -1
  115. package/lib/language/ug-CN.umd.js +7 -0
  116. package/lib/language/uk-UA.js +7 -0
  117. package/lib/language/uk-UA.min.js +1 -1
  118. package/lib/language/uk-UA.umd.js +7 -0
  119. package/lib/language/uz-UZ.js +7 -0
  120. package/lib/language/uz-UZ.min.js +1 -1
  121. package/lib/language/uz-UZ.umd.js +7 -0
  122. package/lib/language/vi-VN.js +7 -0
  123. package/lib/language/vi-VN.min.js +1 -1
  124. package/lib/language/vi-VN.umd.js +7 -0
  125. package/lib/language/zh-CHT.js +7 -0
  126. package/lib/language/zh-CHT.min.js +1 -1
  127. package/lib/language/zh-CHT.umd.js +7 -0
  128. package/lib/language/zh-CN.js +7 -0
  129. package/lib/language/zh-CN.min.js +1 -1
  130. package/lib/language/zh-CN.umd.js +7 -0
  131. package/lib/list/style/style.css +2 -1
  132. package/lib/list/style/style.min.css +1 -1
  133. package/lib/number-input/src/number-input.js +12 -7
  134. package/lib/number-input/src/number-input.min.js +1 -1
  135. package/lib/number-input/src/util.js +2 -2
  136. package/lib/number-input/src/util.min.js +1 -1
  137. package/lib/split/style/style.css +1 -1
  138. package/lib/split/style/style.min.css +1 -1
  139. package/lib/splitter/style/style.css +1 -1
  140. package/lib/splitter/style/style.min.css +1 -1
  141. package/lib/style.css +1 -1
  142. package/lib/style.min.css +1 -1
  143. package/lib/tree/src/tree.js +30 -24
  144. package/lib/tree/src/tree.min.js +1 -1
  145. package/lib/tree-select/src/tree-select.js +22 -17
  146. package/lib/tree-select/src/tree-select.min.js +1 -1
  147. package/lib/tree-select/style/style.css +1 -8
  148. package/lib/tree-select/style/style.min.css +1 -1
  149. package/lib/ui/index.js +10 -4
  150. package/lib/ui/index.min.js +1 -1
  151. package/lib/ui/src/dom.js +6 -4
  152. package/lib/ui/src/dom.min.js +1 -1
  153. package/lib/ui/src/log.js +1 -1
  154. package/lib/ui/src/log.min.js +1 -1
  155. package/lib/vxe-cascader/style/style.css +200 -21
  156. package/lib/vxe-cascader/style/style.min.css +1 -1
  157. package/lib/vxe-list/style/style.css +2 -1
  158. package/lib/vxe-list/style/style.min.css +1 -1
  159. package/lib/vxe-split/style/style.css +1 -1
  160. package/lib/vxe-split/style/style.min.css +1 -1
  161. package/lib/vxe-splitter/style/style.css +1 -1
  162. package/lib/vxe-splitter/style/style.min.css +1 -1
  163. package/lib/vxe-tree-select/style/style.css +1 -8
  164. package/lib/vxe-tree-select/style/style.min.css +1 -1
  165. package/package.json +1 -1
  166. package/packages/cascader/src/cascader.ts +1293 -280
  167. package/packages/cascader/src/util.ts +9 -0
  168. package/packages/input/src/input.ts +2 -2
  169. package/packages/language/ar-EG.ts +7 -0
  170. package/packages/language/de-DE.ts +7 -0
  171. package/packages/language/en-US.ts +7 -0
  172. package/packages/language/es-ES.ts +7 -0
  173. package/packages/language/fr-FR.ts +7 -0
  174. package/packages/language/hu-HU.ts +7 -0
  175. package/packages/language/hy-AM.ts +7 -0
  176. package/packages/language/id-ID.ts +7 -0
  177. package/packages/language/it-IT.ts +7 -0
  178. package/packages/language/ja-JP.ts +7 -0
  179. package/packages/language/ko-KR.ts +7 -0
  180. package/packages/language/ms-MY.ts +7 -0
  181. package/packages/language/nb-NO.ts +7 -0
  182. package/packages/language/pt-BR.ts +7 -0
  183. package/packages/language/ru-RU.ts +7 -0
  184. package/packages/language/th-TH.ts +7 -0
  185. package/packages/language/ug-CN.ts +7 -0
  186. package/packages/language/uk-UA.ts +7 -0
  187. package/packages/language/uz-UZ.ts +7 -0
  188. package/packages/language/vi-VN.ts +7 -0
  189. package/packages/language/zh-CHT.ts +7 -0
  190. package/packages/language/zh-CN.ts +7 -0
  191. package/packages/number-input/src/number-input.ts +8 -8
  192. package/packages/number-input/src/util.ts +2 -2
  193. package/packages/tree/src/tree.ts +33 -28
  194. package/packages/tree-select/src/tree-select.ts +23 -16
  195. package/packages/ui/index.ts +10 -3
  196. package/packages/ui/src/dom.ts +4 -3
  197. package/styles/components/cascader.scss +116 -21
  198. package/styles/components/list.scss +2 -1
  199. package/styles/components/splitter.scss +3 -1
  200. package/styles/components/tree-select.scss +1 -8
  201. package/styles/helpers/placement.scss +2 -2
  202. package/styles/theme/base.scss +7 -0
  203. package/styles/theme/dark.scss +9 -0
  204. package/styles/theme/light.scss +9 -0
  205. package/styles/variable.scss +8 -0
  206. package/types/components/cascader.d.ts +169 -56
  207. package/types/ui/global-icon.d.ts +5 -0
  208. /package/es/icon/{iconfont.1781503187022.ttf → iconfont.1781659223842.ttf} +0 -0
  209. /package/es/icon/{iconfont.1781503187022.woff → iconfont.1781659223842.woff} +0 -0
  210. /package/es/icon/{iconfont.1781503187022.woff2 → iconfont.1781659223842.woff2} +0 -0
  211. /package/es/{iconfont.1781503187022.ttf → iconfont.1781659223842.ttf} +0 -0
  212. /package/es/{iconfont.1781503187022.woff → iconfont.1781659223842.woff} +0 -0
  213. /package/es/{iconfont.1781503187022.woff2 → iconfont.1781659223842.woff2} +0 -0
  214. /package/lib/icon/style/{iconfont.1781503187022.ttf → iconfont.1781659223842.ttf} +0 -0
  215. /package/lib/icon/style/{iconfont.1781503187022.woff → iconfont.1781659223842.woff} +0 -0
  216. /package/lib/icon/style/{iconfont.1781503187022.woff2 → iconfont.1781659223842.woff2} +0 -0
  217. /package/lib/{iconfont.1781503187022.ttf → iconfont.1781659223842.ttf} +0 -0
  218. /package/lib/{iconfont.1781503187022.woff → iconfont.1781659223842.woff} +0 -0
  219. /package/lib/{iconfont.1781503187022.woff2 → iconfont.1781659223842.woff2} +0 -0
@@ -1 +1 @@
1
- Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_util=require("../../tree/src/util"),_log=require("../../ui/src/log"),_input=_interopRequireDefault(require("../../input/src/input")),_button=_interopRequireDefault(require("../../button/src/button"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function _defineProperty(e,t,n){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0===n)return("string"===t?String:Number)(e);n=n.call(e,t||"default");if("object"!=_typeof(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}function getOptUniqueId(){return _xeUtils.default.uniqueId("node_")}function createInternalData(){return{fullOptionList:[],fullNodeMaps:{}}}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeCascader",mixins:[_ui.globalMixins.sizeMixin],model:{prop:"value",event:"modelValue"},props:{value:[String,Number,Array],clearable:Boolean,placeholder:{type:String,default:function(){return _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:function(){return(0,_ui.getConfig)().cascader.size||(0,_ui.getConfig)().size}},remote:Boolean,remoteConfig:Function,popupConfig:Object,treeConfig:Object,autoClose:{type:Boolean,default:function(){return(0,_ui.getConfig)().cascader.autoClose}},showTotalButton:{type:Boolean,default:function(){return(0,_ui.getConfig)().cascader.showTotalButton}},showCheckedButton:{type:Boolean,default:function(){return(0,_ui.getConfig)().cascader.showCheckedButton}},showClearButton:{type:Boolean,default:function(){return(0,_ui.getConfig)().cascader.showClearButton}},transfer:{type:Boolean,default:null},remoteMethod:Function},inject:{$xeModal:{default:null},$xeDrawer:{default:null},$xeTable:{default:null},$xeForm:{default:null},formItemInfo:{from:"xeFormItemInfo",default:null}},provide:function(){return{$xeCascader:this}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{initialized:!1,searchValue:"",searchLoading:!1,panelIndex:0,panelStyle:{},panelPlacement:null,triggerFocusPanel:!1,visiblePanel:!1,isAniVisible:!1,isActivated:!1},internalData:createInternalData()}},computed:Object.assign(Object.assign({},{}),{computeFormReadonly:function(){var e=this.$xeForm,t=this.readonly;return null===t?!!e&&e.readonly:t},computeIsDisabled:function(){var e=this.$xeForm,t=this.disabled;return null===t?!!e&&e.disabled:t},computeBtnTransfer:function(){var e=this,t=e.$xeTable,n=e.$xeModal,a=e.$xeDrawer,i=e.$xeForm,e=e.transfer;if(null===e){var o=(0,_ui.getConfig)().cascader.transfer;if(_xeUtils.default.isBoolean(o))return o;if(t||n||a||i)return!0}return e},computePopupOpts:function(){return Object.assign({},(0,_ui.getConfig)().cascader.popupConfig,this.popupConfig)},computeTreeOpts:function(){return Object.assign({},(0,_ui.getConfig)().cascader.treeConfig,this.treeConfig)},computeTreeNodeOpts:function(){var e=this.computeTreeOpts;return Object.assign({isHover:!0},e.nodeConfig)},computeTreeCheckboxOpts:function(){var e=this.computeTreeOpts;return Object.assign({showIcon:!!e.showCheckbox},e.checkboxConfig,{trigger:"node"})},computeTreeRadioOpts:function(){var e=this.computeTreeOpts;return Object.assign({showIcon:!!e.showRadio},e.radioConfig,{trigger:"node"})},computePropsOpts:function(){return Object.assign({},this.optionProps)},computeNodeKeyField:function(){return this.computeValueField},computeLabelField:function(){return this.computePropsOpts.label||"label"},computeValueField:function(){return this.computePropsOpts.value||"value"},computeChildrenField:function(){return this.computePropsOpts.children||"children"},computeParentField:function(){return this.computePropsOpts.parent||"parentField"},computeHasChildField:function(){return this.computePropsOpts.hasChild||"hasChild"},computeRemoteOpts:function(){return Object.assign({},(0,_ui.getConfig)().cascader.remoteConfig,this.remoteConfig)},computeFilterOpts:function(){var e=this.computeTreeOpts;return Object.assign({},e.filterConfig,this.filterConfig)},computeSelectLabel:function(){var e=this.internalData,t=this.value,n=this.lazyOptions,a=e.fullNodeMaps,i=this.computeValueField,o=this.computeLabelField;return(_xeUtils.default.eqNull(t)?[]:_xeUtils.default.isArray(t)?t:[t]).map(function(t){var e=a[t];if(e)return e.item[o];if(n){e=n.find(function(e){return e[i]===t});if(e)return e[o]}return t}).join(", ")},computePopupWrapperStyle:function(){var e=this.computePopupOpts,t=e.height,e=e.width,n={};return e&&(n.width=(0,_dom.toCssUnit)(e)),t&&(n.height=(0,_dom.toCssUnit)(t),n.maxHeight=(0,_dom.toCssUnit)(t)),n}}),methods:{dispatchEvent:function(e,t,n){this.$emit(e,(0,_ui.createEvent)(n,{$cascader:this},t))},emitModel:function(e){var t=this._events;t&&t.modelValue?this.$emit("modelValue",e):this.$emit("model-value",e)},getNodeid:function(e){e=e[this.computeNodeKeyField];return e?encodeURIComponent(e):""},cacheDataMap:function(){var l=this,e=l.internalData,t=l.options,u=l.computeNodeKeyField,c=l.computeValueField,s={},d={};_xeUtils.default.eachTree(t,function(e,t,n,a,i,o){var r=(r=l.getNodeid(e))||getOptUniqueId(),r=(d[r]&&(0,_log.errLog)("vxe.error.repeatKey",["[tree-select] ".concat(u),r]),d[r]=!0,e[c]);s[r]&&(0,_log.errLog)("vxe.error.repeatKey",["[tree-select] ".concat(c),r]),s[r]={item:e,index:t,items:n,parent:i,nodes:o}},{children:l.computeChildrenField}),e.fullOptionList=t||[],e.fullNodeMaps=s},updateZindex:function(){var e=this.reactData,t=this.zIndex;t?e.panelIndex=t:e.panelIndex<(0,_utils.getLastZIndex)()&&(e.panelIndex=(0,_utils.nextZIndex)())},updatePlacement:function(){function e(){var e=(0,_dom.updatePanelPlacement)(o,r,{placement:u.placement||a,defaultPlacement:u.defaultPlacement,teleportTo:l}),t=Object.assign(e.style,{zIndex:i});n.panelStyle=t,n.panelPlacement=e.placement}var t=this,n=t.reactData,a=t.placement,i=n.panelIndex,o=t.$refs.refElem,r=t.$refs.refOptionPanel,l=t.computeBtnTransfer,u=t.computePopupOpts;return e(),t.$nextTick().then(e)},showOptionPanel:function(){var e=this,t=e.reactData,n=e.internalData,a=e.loading,i=e.remote,o=e.filterable,r=n.fullOptionList,l=e.computeRemoteOpts;a||e.computeIsDisabled||(n.hpTimeout&&clearTimeout(n.hpTimeout),t.initialized||(t.initialized=!0,a=e.computeBtnTransfer,n=e.$refs.refOptionPanel,a&&n&&document.body.appendChild(n)),t.isActivated=!0,t.isAniVisible=!0,o&&i&&l.enabled&&l.autoLoad&&!r.length&&e.handleSearchEvent(),setTimeout(function(){t.visiblePanel=!0,e.handleFocusSearch()},10),e.updateZindex(),e.updatePlacement())},hideOptionPanel:function(){var e=this.reactData,t=this.internalData;e.visiblePanel=!1,t.hpTimeout=setTimeout(function(){e.isAniVisible=!1},350)},changeEvent:function(e,t,n){var a=this,i=a,o=a.$xeForm,r=a.formItemInfo,t=_xeUtils.default.isArray(t)?t.map(_util.deNodeValue):(0,_util.deNodeValue)(t);a.emitModel(t),t!==i.value&&(a.dispatchEvent("change",{value:t,node:n,option:n},e),o)&&r&&o.triggerItemEvent(e,r.itemConfig.field,t)},clearValueEvent:function(e,t){this.changeEvent(e,t,null),this.dispatchEvent("clear",{value:t},e)},clearEvent:function(e,t){this.clearValueEvent(t,null),this.hideOptionPanel()},allCheckedPanelEvent:function(e){var n=this,a=e.$event,e=n.multiple,i=n.autoClose,t=n.$refs.refTree;e&&t&&t.setAllCheckboxNode(!0).then(function(e){var t=e.checkNodeKeys;n.changeEvent(a,t,e.checkNodes[0]),n.dispatchEvent("all-change",{value:t},a),i&&n.hideOptionPanel()})},clearCheckedPanelEvent:function(e){var t=this,e=e.$event,n=t.multiple,a=t.autoClose,i=t.$refs.refTree;i&&(n=n?[]:null,i.clearCheckboxNode().then(function(){a&&t.hideOptionPanel()}),t.changeEvent(e,n,null),t.dispatchEvent("clear",{value:n},e))},allExpandPanelEvent:function(){var e=this.$refs.refTree;e&&e.setAllExpandNode(!0)},clearExpandPanelEvent:function(){var e=this.$refs.refTree;e&&e.clearAllExpandNode()},handleGlobalMousewheelEvent:function(e){var t=this,n=t.reactData.visiblePanel;t.computeIsDisabled||n&&(n=t.$refs.refOptionPanel,(0,_dom.getEventTargetNode)(e,n).flag?t.updatePlacement():t.hideOptionPanel())},handleGlobalMousedownEvent:function(e){var t,n,a=this,i=a.reactData,o=i.visiblePanel;a.computeIsDisabled||(t=a.$refs.refElem,n=a.$refs.refOptionPanel,i.isActivated=(0,_dom.getEventTargetNode)(e,t).flag||(0,_dom.getEventTargetNode)(e,n).flag,o&&!i.isActivated&&a.hideOptionPanel())},handleGlobalBlurEvent:function(){var e=this.reactData,t=e.visiblePanel,n=e.isActivated;t&&this.hideOptionPanel(),n&&(e.isActivated=!1),(t||n)&&(e=this.$refs.refInput)&&e.blur()},handleGlobalResizeEvent:function(){this.reactData.visiblePanel&&this.updatePlacement()},handleFocusSearch:function(){var t=this;t.filterable&&t.$nextTick(function(){var e=t.$refs.refInpSearch;e&&e.focus()})},focusEvent:function(e){var t=this.reactData;this.computeIsDisabled||t.visiblePanel||(t.triggerFocusPanel=!0,this.showOptionPanel(),setTimeout(function(){t.triggerFocusPanel=!1},150)),this.dispatchEvent("focus",{},e)},clickEvent:function(e){this.togglePanelEvent(e),this.dispatchEvent("click",{},e)},blurEvent:function(e){this.reactData.isActivated=!1,this.dispatchEvent("blur",{},e)},modelSearchEvent:function(e){this.reactData.searchValue=e},handleSearchEvent:function(){var e=this,t=e.reactData,n=e.value,a=t.searchValue,i=e.computeRemoteOpts,o=i.queryMethod||e.remoteMethod;e.remote&&o&&i.enabled&&(t.searchLoading=!0,Promise.resolve(o({$cascader:e,searchValue:a,value:n})).then(function(){return e.$nextTick()}).catch(function(){return e.$nextTick()}).finally(function(){t.searchLoading=!1}))},togglePanelEvent:function(e){var t=this.reactData;e.$event.preventDefault(),t.triggerFocusPanel?t.triggerFocusPanel=!1:t.visiblePanel?this.hideOptionPanel():this.showOptionPanel()},nodeClickEvent:function(e){var t=e.$event;this.dispatchEvent("node-click",e,t)},radioChangeEvent:function(e){var t=e.value;this.changeEvent(e.$event,t,e.node),this.hideOptionPanel()},checkboxChangeEvent:function(e){var t=e.value;this.changeEvent(e.$event,t,e.node)},loadSuccessEvent:function(){this.cacheDataMap()},renderVN:function(e){var t=this,n=t,a=t.$scopedSlots,i=t.reactData,o=n.className,r=n.value,l=n.multiple,u=n.loading,c=n.filterable,s=n.showTotalButton,d=n.showCheckedButton,p=n.showClearButton,f=i.initialized,h=i.isActivated,v=i.isAniVisible,m=i.visiblePanel,g=i.searchValue,b=t.computeSize,_=t.computeIsDisabled,x=t.computeSelectLabel,E=t.computeBtnTransfer,P=t.computePopupWrapperStyle,y=a.header,C=a.footer,O=a.prefix,a=t.computePopupOpts.className;return t.computeFormReadonly?e("div",{ref:"refElem",class:["vxe-cascader--readonly",o]},[e("span",{class:"vxe-cascader-label"},x)]):(r=_xeUtils.default.eqNull(r)?[]:_xeUtils.default.isArray(r)?r:[r],e("div",{ref:"refElem",class:["vxe-cascader",o?_xeUtils.default.isFunction(o)?o({$cascader:t}):o:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(b),b),"is--filterable",c),"is--visible",m),"is--disabled",_),"is--loading",u),"is--active",h)]},[e(_input.default,{ref:"refInput",props:{clearable:n.clearable,placeholder:n.placeholder,editable:!1,disabled:_,type:"text",prefixIcon:n.prefixIcon,suffixIcon:u?(0,_ui.getIcon)().TREE_SELECT_LOADED:m?(0,_ui.getIcon)().TREE_SELECT_OPEN:(0,_ui.getIcon)().TREE_SELECT_CLOSE,value:u?(0,_ui.getI18n)("vxe.select.loadingText"):x,title:x},on:{clear:t.clearEvent,click:t.clickEvent,focus:t.focusEvent,blur:t.blurEvent,"suffix-click":t.togglePanelEvent},scopedSlots:O?{prefix:function(){return O({})}}:{}}),e("div",{ref:"refOptionPanel",class:["vxe-table--ignore-clear vxe-cascader--panel",a?_xeUtils.default.isFunction(a)?a({$cascader:t}):a:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(b),b),"is--transfer",E),"ani--leave",!u&&v),"ani--enter",!u&&m)],attrs:{placement:i.panelPlacement},style:i.panelStyle},f?[e("div",{class:"vxe-cascader--panel-wrapper"},[c?e("div",{class:"vxe-cascader--panel-search"},[e(_input.default,{ref:"refInpSearch",class:"vxe-cascader-search--input",props:{value:g,title:x,clearable:!0,disabled:!1,readonly:!1,placeholder:(0,_ui.getI18n)("vxe.cascader.search"),prefixIcon:(0,_ui.getIcon)().INPUT_SEARCH},on:{"model-value":t.modelSearchEvent}})]):(0,_ui.renderEmptyElement)(t),s||d&&l||p||y?e("div",{class:"vxe-cascader--panel-header"},y?y({}):[e("div",{class:"vxe-cascader--header-button"},[s?e("div",{class:"vxe-cascader--header-total"},(0,_ui.getI18n)("vxe.cascader.total",[r.length])):(0,_ui.renderEmptyElement)(t),e("div",{class:"vxe-cascader--header-btns"},[d&&l?e(_button.default,{props:{content:(0,_ui.getI18n)("vxe.cascader.allChecked"),mode:"text"},on:{click:t.allCheckedPanelEvent}}):(0,_ui.renderEmptyElement)(t),p?e(_button.default,{props:{content:(0,_ui.getI18n)("vxe.cascader.clearChecked"),mode:"text"},on:{click:t.clearCheckedPanelEvent}}):(0,_ui.renderEmptyElement)(t)])])]):(0,_ui.renderEmptyElement)(t),e("div",{class:"vxe-cascader--panel-body"},[e("div",{ref:"refTreeWrapper",class:"vxe-cascader-tree--wrapper",style:P},[])]),C?e("div",{class:"vxe-cascader--panel-footer"},C({})):(0,_ui.renderEmptyElement)(t)])]:[])]))}},watch:{options:function(){this.cacheDataMap()}},created:function(){this.cacheDataMap()},mounted:function(){var e=this;_ui.globalEvents.on(e,"mousewheel",e.handleGlobalMousewheelEvent),_ui.globalEvents.on(e,"mousedown",e.handleGlobalMousedownEvent),_ui.globalEvents.on(e,"blur",e.handleGlobalBlurEvent),_ui.globalEvents.on(e,"resize",e.handleGlobalResizeEvent)},beforeDestroy:function(){var e=this,t=e.$refs.refOptionPanel;t&&t.parentNode&&t.parentNode.removeChild(t),_ui.globalEvents.off(e,"mousewheel"),_ui.globalEvents.off(e,"mousedown"),_ui.globalEvents.off(e,"blur"),_ui.globalEvents.off(e,"resize")},destroyed:function(){var e=this.internalData;_xeUtils.default.assign(e,createInternalData())},render:function(e){return this.renderVN(e)}});
1
+ Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _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 _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function _defineProperty(e,t,n){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0===n)return("string"===t?String:Number)(e);n=n.call(e,t||"default");if("object"!=_typeof(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}function getNodeUniqueId(){return _xeUtils.default.uniqueId("node_")}function handleVisibleOrCheckMode(e,t,n){if(e){if("first"===e)return!n;if("last"===e)return!t}return!0}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 _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeCascader",mixins:[_ui.globalMixins.sizeMixin],model:{prop:"value",event:"modelValue"},props:{value:[String,Number,Array],clearable:Boolean,placeholder:{type:String,default:function(){return _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:function(){return(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:function(){return(0,_ui.getConfig)().cascader.checkedClosable}},clearClosable:{type:Boolean,default:function(){return(0,_ui.getConfig)().cascader.clearClosable}},showCloseButton:{type:Boolean,default:function(){return(0,_ui.getConfig)().cascader.showCloseButton}},showTotalButton:{type:Boolean,default:function(){return(0,_ui.getConfig)().cascader.showTotalButton}},showCheckedButton:{type:Boolean,default:function(){return(0,_ui.getConfig)().cascader.showCheckedButton}},showClearButton:{type:Boolean,default:function(){return(0,_ui.getConfig)().cascader.showClearButton}}},inject:{$xeModal:{default:null},$xeDrawer:{default:null},$xeTable:{default:null},$xeForm:{default:null},formItemInfo:{from:"xeFormItemInfo",default:null}},provide:function(){return{$xeCascader:this}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:createReactData(),internalData:createInternalData()}},computed:Object.assign(Object.assign({},{}),{computeFormReadonly:function(){var e=this.$xeForm,t=this.readonly;return null===t?!!e&&e.readonly:t},computeIsDisabled:function(){var e=this.$xeForm,t=this.disabled;return null===t?!!e&&e.disabled:t},computeBtnTransfer:function(){var e=this,t=e.$xeTable,n=e.$xeModal,a=e.$xeDrawer,i=e.$xeForm,e=e.computePopupOpts.transfer;return _xeUtils.default.isBoolean(e)?e:!!(t||n||a||i)},computeTreeOpts:function(){return Object.assign({},(0,_ui.getConfig)().cascader.treeConfig,this.treeConfig)},computeRadioOpts:function(){return Object.assign({},(0,_ui.getConfig)().cascader.radioConfig,this.radioConfig)},computeCheckboxOpts:function(){return Object.assign({},(0,_ui.getConfig)().cascader.checkboxConfig,this.checkboxConfig)},computePopupOpts:function(){return Object.assign({},(0,_ui.getConfig)().cascader.popupConfig,this.popupConfig)},computePropsOpts:function(){return this.optionProps||{}},computeLabelField:function(){return this.computePropsOpts.label||"label"},computeValueField:function(){return this.computePropsOpts.value||"value"},computeKeyField:function(){return this.computeTreeOpts.keyField||"id"},computeParentField:function(){return this.computeTreeOpts.parentField||"parentId"},computeChildrenField:function(){return this.computeTreeOpts.childrenField||"children"},computeMapChildrenField:function(){return this.computeTreeOpts.mapChildrenField||"mapChildren"},computeHasChildField:function(){return this.computeTreeOpts.hasChildField||"hasChild"},computeRemoteOpts:function(){return Object.assign({},(0,_ui.getConfig)().cascader.remoteConfig,this.remoteConfig)},computeSelectVals:function(){var e=this.value;return _xeUtils.default.eqNull(e)?[]:_xeUtils.default.isArray(e)?e:[e]},computeSelectLabel:function(){var e=this,t=e.reactData,n=e.internalData,a=e.showFullLabel,i=t.fullOptFlag,r=t.lazyOptFlag,o=n.fullNodeMaps,l=n.lazyNodeMaps,c=e.computeLabelField;return e.computeSelectVals.map(function(e){var t=o[e];if(i&&t)return a?t.fullLabel:t.item[c];if(r){t=l[e];if(t)return a?t.fullLabel:t.item[c]}return e}).join(", ")},computePopupWrapperStyle:function(){var e=this.reactData,t=e.currentCunkList,n=this.computePopupOpts,a=n.height,i=n.nodeWidth,n=n.nodeHeight,e=Object.assign(Object.assign({},e.panelStyle),{"--vxe-ui-cascader-chunk-size":t.length});return a&&(e["--vxe-ui-cascader-chunk-height"]=(0,_dom.toCssUnit)(a)),i&&(e["--vxe-ui-cascader-node-width"]=(0,_dom.toCssUnit)(i)),n&&(e["--vxe-ui-cascader-node-height"]=(0,_dom.toCssUnit)(n)),e},computeFilterOpts:function(){return Object.assign({},(0,_ui.getConfig)().cascader.filterConfig,this.filterConfig)}}),methods:{dispatchEvent:function(e,t,n){this.$emit(e,(0,_ui.createEvent)(n,{$cascader:this},t))},emitModel:function(e){var t=this._events;t&&t.modelValue?this.$emit("modelValue",e):this.$emit("model-value",e)},getNodeId:function(e){return e?(e=e[this.computeValueField],(0,_util.enNodeValue)(e)):""},isCheckedByCheckboxNodeId:function(e){var t=this.reactData,n=this.internalData,t=t.updateCheckboxFlag,n=n.selectCheckboxMaps;return!(!t||!n[e])},handleCheckedCheckboxNode:function(e,n){function t(e){var t=a.getNodeId(e);n?r[t]||(r[t]=e):r[t]&&delete r[t]}var a=this,i=a.reactData,r=a.internalData.selectCheckboxMaps,o=a.computeMapChildrenField,l=a.computeChildrenField,c=a.computeCheckboxOpts.checkStrictly,d=a.computeTreeOpts.transform;c?e.forEach(t):_xeUtils.default.eachTree(e,t,{children:d?o:l}),i.updateCheckboxFlag++,a.updateCheckboxStatus()},createNode:function(e){var n=this,a=n.computeValueField;return Promise.resolve(e.map(function(e){var t,e=Object.assign({},e);return n.getNodeId(e)||(t=getNodeUniqueId(),_xeUtils.default.set(e,a,t)),e}))},cacheNodeMap:function(){var c=this,e=c.reactData,t=c.internalData,d=c.separator,n=t.treeFullData,s=c.computeValueField,u=c.computeLabelField,p={},h={};_xeUtils.default.eachTree(n,function(e,t,n,a,i,r){var o=c.getNodeId(e),l=(o||(o=getNodeUniqueId(),e[s]=o),e[s]),e={item:e,index:t,$index:-1,_index:-1,items:n,parent:i,nodes:r,level:r.length-1,treeIndex:t,lineCount:0,treeLoaded:!1,fullLabel:r.map(function(e){return e[u]}).join(d||" / ")};h[l]=p[o]=e},{children:c.computeChildrenField}),t.nodeMaps=p,t.fullNodeMaps=h,e.fullOptFlag++},updateAfterDataIndex:function(){var c=this,e=c.internalData,d=c.separator,t=e.afterTreeList,s=e.nodeMaps,u=c.computeLabelField,e=c.computeTreeOpts.transform,p=0;_xeUtils.default.eachTree(t,function(e,t,n,a,i,r){var o=c.getNodeId(e),l=s[o];l?(l.items=n,l.treeIndex=t,l._index=p):(l={item:e,index:t,$index:-1,_index:p,items:n,parent:i,nodes:r,level:r.length-1,treeIndex:t,lineCount:0,treeLoaded:!1,fullLabel:r.map(function(e){return e[u]}).join(d||" / ")},s[o]=l),p++},{children:e?c.computeMapChildrenField:c.computeChildrenField})},updateAfterFullData:function(){var e,t,n=this,a=n.reactData,i=n.internalData,a=a.searchValue,r=i.treeFullData,o=i.lastFilterValue,l=n.computeLabelField,c=n.computeChildrenField,d=n.computeMapChildrenField,s=n.computeTreeOpts.transform,u=n.computeFilterOpts,p=u.beforeFilterMethod,h=u.filterMethod,f=u.afterFilterMethod,u=r,m=u,v="";a?(v="".concat(a),a=h?function(e){return h({$cascader:n,node:e,filterValue:v})}:function(e){return-1<String(e[l]).toLowerCase().indexOf(v.toLowerCase())},e={$cascader:n,filterValue:v},p&&p(e),u=s?m=_xeUtils.default.searchTree(r,a,{original:!0,isEvery:!0,children:c,mapChildren:d}):r.filter(a),i.lastFilterValue=v,n.$nextTick(function(){f&&f(e)})):(s&&(u=m=_xeUtils.default.searchTree(r,function(){return!0},{original:!0,isEvery:!0,children:c,mapChildren:d}),o)&&(t={$cascader:n,filterValue:v},p&&p(t),n.$nextTick(function(){f&&f(t)})),i.lastFilterValue=""),i.afterVisibleList=u,i.afterTreeList=m,n.updateAfterDataIndex()},handleTreeToList:function(){var l,c=this,e=c.internalData,t=e.afterTreeList,d=e.treeExpandedMaps,n=c.computeTreeOpts.transform,s={};return n?(l=[],_xeUtils.default.eachTree(t,function(e,t,n,a,i){var r=c.getNodeId(e),o=c.getNodeId(i);(!i||s[o]&&d[o])&&(s[r]=1,l.push(e))},{children:c.computeMapChildrenField}),e.afterVisibleList=l):e.afterVisibleList},handleData:function(e){var n=this,t=n.reactData,a=n.internalData,i=a.nodeMaps,a=a.afterVisibleList,e=(e&&(n.updateAfterFullData(),a=n.handleTreeToList()),a.slice(0));e.forEach(function(e,t){e=n.getNodeId(e),e=i[e];e&&(e.$index=t)}),t.treeList=e},triggerSearchEvent:_xeUtils.default.debounce(function(){this.handleData(!0)},350,{trailing:!0}),loadData:function(e){var t=this,n=t.internalData,a=t.computeTreeOpts,i=a.rootParentValue,i=a.transform?_xeUtils.default.toArrayTree(e,{key:t.computeKeyField,parentKey:t.computeParentField,mapChildren:t.computeChildrenField,rootParentValue:i,rootValues:a.rootValues}):e?e.slice(0):[];return n.treeFullData=i,t.cacheNodeMap(),t.handleData(!0),t.handleCurrentItems(),t.updateCurrentChunk(),t.$nextTick()},updateCurrentChunk:function(){var t=this,e=t.reactData,n=e.currentItems,a=t.internalData.treeFullData,i=t.computeChildrenField,r=[a];if(n.length)for(var o=0,l=n[o],c=a;l&&c&&c.length;){var l=n[o++],d=c.find(function(e){return l===t.getNodeId(e)});if(!(c=d?d[i]:[])||!c.length)break;r.push(c)}e.currentCunkList=r},handleCurrentItems:function(){var t,n=this,e=n.reactData,a=n.internalData,i=a.treeFullData,r=n.computeSelectVals,o=n.computeChildrenField,l=[],c={};r.length&&(t=_xeUtils.default.last(r),r=_xeUtils.default.findTree(i,function(e){return t===n.getNodeId(e)},{children:o}))&&r.nodes.forEach(function(e){e=n.getNodeId(e);c[e]=!0,l.push(e)}),a.treeExpandedMaps=c,e.currentItems=l},updateZindex:function(){var e=this.reactData,t=this.computePopupOpts.zIndex;t?e.panelIndex=t:e.panelIndex<(0,_utils.getLastZIndex)()&&(e.panelIndex=(0,_utils.nextZIndex)())},updatePlacement:function(){function e(){var e=(0,_dom.updatePanelPlacement)(i,r,{placement:l.placement,defaultPlacement:l.defaultPlacement,teleportTo:o,isMinWidth:!1}),t=Object.assign(e.style,{zIndex:a});n.panelStyle=t,n.panelPlacement=e.placement}var t=this,n=t.reactData,a=n.panelIndex,i=t.$refs.refElem,r=t.$refs.refOptionPanel,o=t.computeBtnTransfer,l=t.computePopupOpts;return e(),t.$nextTick().then(e)},showOptionPanel:function(e){var t=this,n=t.reactData,a=t.internalData,i=t.loading,r=t.remote,o=t.filterable,l=a.treeFullData,c=t.computeRemoteOpts;i||t.computeIsDisabled||(clearTimeout(a.hpTimeout),n.initialized||(n.initialized=!0,i=t.computeBtnTransfer,a=t.$refs.refOptionPanel,i&&a&&document.body.appendChild(a)),n.isActivated=!0,n.isAniVisible=!0,o&&r&&c.enabled&&c.autoLoad&&!l.length&&t.handleSearchEvent(),setTimeout(function(){n.visiblePanel=!0,t.handleFocusSearch()},10),t.updateZindex(),t.updatePlacement(),t.dispatchEvent("visible-change",{visible:!0},e||null))},hideOptionPanel:function(e){var t=this.reactData,n=this.internalData;t.visiblePanel=!1,n.hpTimeout=setTimeout(function(){t.isAniVisible=!1},350),this.dispatchEvent("visible-change",{visible:!1},e||null)},setCurrentNode:function(e){return this.reactData.currentNode=e,this.$nextTick()},setAllCheckboxNode:function(e){var n=this,t=n.reactData,a=n.internalData,i={},r=n.computeTreeOpts.transform,o=[],l=[];return e&&_xeUtils.default.eachTree(a.afterTreeList,function(e){var t=n.getNodeId(e);o.push(t),l.push(e),i[t]=!0},{children:r?n.computeMapChildrenField:n.computeChildrenField}),a.indeterminateRowMaps={},a.selectCheckboxMaps=i,t.updateCheckboxFlag++,n.updateCheckboxStatus(),n.$nextTick().then(function(){return{checkNodeKeys:o,checkNodes:l}})},clearCheckboxNode:function(){var e=this.reactData,t=this.internalData;return t.indeterminateRowMaps={},t.selectCheckboxMaps={},e.updateCheckboxFlag++,this.updateCheckboxStatus(),this.$nextTick().then(function(){return{checkNodeKeys:[],checkNodes:[]}})},changeEvent:function(e,t,n){var a=this,i=a,r=a.$xeForm,o=a.formItemInfo,t=_xeUtils.default.isArray(t)?t.map(_util.deNodeValue):(0,_util.deNodeValue)(t);a.emitModel(t),t!==i.value&&(a.dispatchEvent("change",{value:t,node:n,option:n},e),r)&&o&&r.triggerItemEvent(e,o.itemConfig.field,t)},clearValueEvent:function(e,t){this.changeEvent(e,t,null),this.dispatchEvent("clear",{value:t},e)},clearEvent:function(e,t){this.clearValueEvent(t,null),this.hideOptionPanel(t)},allCheckedPanelEvent:function(e){var n=this,a=e.$event,e=n.multiple,i=n.checkedClosable;e&&n.setAllCheckboxNode(!0).then(function(e){var t=e.checkNodeKeys;n.changeEvent(a,t,e.checkNodes[0]),n.dispatchEvent("all-change",{value:t},a),i&&n.hideOptionPanel(a)})},clearCheckedPanelEvent:function(e){var t=this,n=e.$event,e=t.multiple,a=t.checkedClosable,e=e?[]:null;t.clearCheckboxNode().then(function(){a&&t.hideOptionPanel(n)}),t.changeEvent(n,e,null),t.dispatchEvent("clear",{value:e},n)},closePanelEvent:function(e){e=e.$event;this.hideOptionPanel(e)},handleGlobalMousewheelEvent:function(e){var t=this,n=t.reactData.visiblePanel;t.computeIsDisabled||n&&(n=t.$refs.refOptionPanel,(0,_dom.getEventTargetNode)(e,n).flag?t.updatePlacement():t.hideOptionPanel(e))},handleGlobalMousedownEvent:function(e){var t,n,a=this,i=a.reactData,r=i.visiblePanel;a.computeIsDisabled||(t=a.$refs.refElem,n=a.$refs.refOptionPanel,i.isActivated=(0,_dom.getEventTargetNode)(e,t).flag||(0,_dom.getEventTargetNode)(e,n).flag,r&&!i.isActivated&&a.hideOptionPanel(e))},handleGlobalBlurEvent:function(e){var t=this.reactData,n=t.visiblePanel,a=t.isActivated;n&&this.hideOptionPanel(e),a&&(t.isActivated=!1),(n||a)&&(e=this.$refs.refInput)&&e.blur()},handleGlobalResizeEvent:function(){this.reactData.visiblePanel&&this.updatePlacement()},handleFocusSearch:function(){var t=this;t.filterable&&t.$nextTick(function(){var e=t.$refs.refInpSearch;e&&e.focus()})},changeCurrentEvent:function(e,t){var n=this.reactData;e.preventDefault();n.currentNode=t,this.dispatchEvent("current-change",{node:t,checked:!0},e)},changeRadioEvent:function(e,t){var n=this,a=n.reactData,i=n.internalData,i=(e.preventDefault(),e.stopPropagation(),i.nodeMaps),r=n.computeRadioOpts,o=n.computeChildrenField,l=r.checkMode,r=r.checkMethod,c=n.getNodeId(t),o=t[o],o=o&&0<o.length,i=(i[c]||{}).level;(r?r({$cascader:n,node:t}):handleVisibleOrCheckMode(l,o,i))&&(a.selectRadioKey=r=c,n.changeEvent(e,r,t),n.hideOptionPanel(e))},handleAsyncTreeExpandChilds:function(r){var o=this,l=o.reactData,c=o.internalData,n=o.computeTreeOpts.loadMethod,d=o.computeCheckboxOpts.checkStrictly;return new Promise(function(e){var t,a,i;n?(t=c.nodeMaps,a=o.getNodeId(r),i=t[a],c.treeExpandLazyLoadedMaps[a]=!0,Promise.resolve(n({$cascader:o,node:r})).then(function(n){var e=c.treeExpandLazyLoadedMaps;if(i.treeLoaded=!0,e[a]&&(e[a]=!1),n=_xeUtils.default.isArray(n)?n:[])return o.loadChildrenNode(r,n).then(function(e){var t=c.treeExpandedMaps;return e.length&&!t[a]&&(t[a]=!0),l.updateExpandedFlag++,!d&&o.isCheckedByCheckboxNodeId(a)&&o.handleCheckedCheckboxNode(e,!0),o.dispatchEvent("load-success",{node:r,data:n},new Event("load-success")),o.$nextTick()});o.dispatchEvent("load-success",{node:r,data:n},new Event("load-success"))}).catch(function(e){var t=c.treeExpandLazyLoadedMaps;i.treeLoaded=!1,t[a]&&(t[a]=!1),o.dispatchEvent("load-error",{node:r,data:e},new Event("load-error"))}).finally(function(){o.handleTreeToList(),o.handleData()})):e()})},handleBaseTreeExpand:function(e,t){var a=this,n=a.reactData,i=a.internalData,r=i.treeExpandLazyLoadedMaps,o=i.treeExpandedMaps,l=i.nodeMaps,c=a.computeChildrenField,d=a.computeHasChildField,i=a.computeTreeOpts,s=i.lazy,u=i.toggleMethod,p=[],i=(i=u?e.filter(function(e){return u({$cascader:a,expanded:t,node:e})}):e).length?[i[i.length-1]]:[],e=a.getNodeId(i[0]),e=l[e],h=(e&&e.items.forEach(function(e){e=a.getNodeId(e);o[e]&&delete o[e]}),[]);return t?i.forEach(function(e){var t,n=a.getNodeId(e);o[n]||(t=l[n],s&&e[d]&&!t.treeLoaded&&!r[n]?p.push(a.handleAsyncTreeExpandChilds(e)):e[c]&&e[c].length&&(o[n]=!0,h.push(e)))}):i.forEach(function(e){var t=a.getNodeId(e);o[t]&&(delete o[t],h.push(e))}),n.updateExpandedFlag++,a.handleTreeToList(),a.handleData(),Promise.all(p)},toggleExpandEvent:function(e,t,n,a){var i=this,r=i.reactData,o=r.currentItems,l=i.internalData.treeExpandLazyLoadedMaps,c=i.computeTreeOpts.lazy,o=o.slice(0,a),a=i.getNodeId(t);e.stopPropagation(),o.push(a),r.currentItems=o,c&&l[a]||i.handleBaseTreeExpand([t],!0),i.setCurrentNode(t),i.updateCurrentChunk(),i.dispatchEvent("node-expand",{node:t,expanded:!0},e)},updateCheckboxStatus:function(){var a,i,l=this,e=l.reactData,t=l.internalData,c=t.selectCheckboxMaps,d=t.indeterminateRowMaps,r=l.computeChildrenField,n=l.computeCheckboxOpts,o=n.checkStrictly,s=n.checkMethod,n=l.computeTreeOpts.transform;o||(a={},i=[],_xeUtils.default.eachTree(t.afterTreeList,function(e){var t=l.getNodeId(e),n=e[r];n&&n.length&&!a[t]&&(a[t]=1,i.unshift([e,t,n]))},{children:n?l.computeMapChildrenField:r}),i.forEach(function(e){var t=e[0],n=e[1],e=e[2],a=0,i=0,r=0,o=e.length,e=(e.forEach(s?function(e){var t=l.getNodeId(e),n=c[t];s({$cascader:l,node:e})?(n?a++:d[t]&&i++,r++):n?a++:d[t]&&i++}:function(e){e=l.getNodeId(e);c[e]?a++:d[e]&&i++,r++}),!1),o=!(e=0<o?0<r?(0<a||0<i)&&r<=a:0<a&&r<=a||!!c[n]:c[n])&&(0<a||0<i);e?(c[n]=t,d[n]&&delete d[n]):(c[n]&&delete c[n],o?d[n]=t:d[n]&&delete d[n])}),e.updateCheckboxFlag++)},changeCheckboxEvent:function(e,t){var n,a=this,i=a.reactData,r=a.internalData,o=(e.preventDefault(),e.stopPropagation(),r.selectCheckboxMaps),r=r.nodeMaps,l=a.computeChildrenField,c=a.computeMapChildrenField,d=a.computeCheckboxOpts,s=d.checkStrictly,u=d.checkMode,d=d.checkMethod,p=a.computeTreeOpts.transform,h=a.getNodeId(t),f=t[l],f=f&&0<f.length,r=(r[h]||{}).level;(d?d({$cascader:a,node:t}):handleVisibleOrCheckMode(u,f,r))&&(n=!1,o[h]?delete o[h]:(n=!0,o[h]=t),s||_xeUtils.default.eachTree(_xeUtils.default.get(t,p?c:l),function(e){e=a.getNodeId(e);n?o[e]||(o[e]=!0):o[e]&&delete o[e]},{children:p?c:l}),i.updateCheckboxFlag++,a.updateCheckboxStatus(),d=_xeUtils.default.keys(o),a.changeEvent(e,d,t))},handleNodeClickEvent:function(e,t,n,a){var i=this,r=i.multiple,o=i.computeTreeOpts,l=i.computeRadioOpts,c=i.computeCheckboxOpts,d=o.transform,o=o.trigger,d=t[d?i.computeMapChildrenField:i.computeChildrenField],s=!1,u=!1,p=!1;i.changeCurrentEvent(e,t),"icon"!==o&&(p=!0,i.toggleExpandEvent(e,t,n,a)),r?"node"!==c.trigger&&(c.showIcon||d&&d.length)||(u=!0,i.changeCheckboxEvent(e,t)):"node"!==l.trigger&&(l.showIcon||d&&d.length)||(s=!0,i.changeRadioEvent(e,t)),i.dispatchEvent("node-click",{node:t,triggerCurrent:!0,triggerRadio:s,triggerCheckbox:u,triggerExpand:p},e)},focusEvent:function(e){var t=this.reactData;this.computeIsDisabled||t.visiblePanel||(t.triggerFocusPanel=!0,this.showOptionPanel(e),setTimeout(function(){t.triggerFocusPanel=!1},150)),this.dispatchEvent("focus",{},e)},clickEvent:function(e){var t=this.reactData;e.preventDefault(),t.triggerFocusPanel?t.triggerFocusPanel=!1:t.visiblePanel||this.showOptionPanel(e),this.dispatchEvent("click",{},e)},blurEvent:function(e){this.reactData.isActivated=!1,this.dispatchEvent("blur",{},e)},modelSearchEvent:function(e){this.reactData.searchValue=e,this.triggerSearchEvent(new Event("filter"))},handleSearchEvent:function(){var e=this,t=e.reactData,n=e.value,a=t.searchValue,i=e.computeRemoteOpts,r=i.queryMethod;e.remote&&r&&i.enabled&&(t.searchLoading=!0,Promise.resolve(r({$cascader:e,searchValue:a,value:n})).then(function(){return e.$nextTick()}).catch(function(){return e.$nextTick()}).finally(function(){t.searchLoading=!1}))},togglePanelEvent:function(e){var t=this.reactData,e=e.$event;e.preventDefault(),t.triggerFocusPanel?t.triggerFocusPanel=!1:t.visiblePanel?this.hideOptionPanel(e):this.showOptionPanel(e)},loadChildrenNode:function(t,e){var n,a,l,c,d,s=this,i=s.internalData,u=s.separator,p=i.nodeMaps,i=s.computeTreeOpts,h=s.computeLabelField,r=i.lazy,o=i.transform;return r?(n=s.computeChildrenField,a=s.computeMapChildrenField,l=p[s.getNodeId(t)],c=l?l.level:0,d=l?l.nodes:[],s.createNode(e).then(function(e){return _xeUtils.default.eachTree(e,function(e,t,n,a,i,r){var o=s.getNodeId(e);p[o]={item:e,index:-1,$index:-1,_index:-1,items:n,parent:i||l.item,nodes:d.concat(r),level:c+r.length,treeIndex:-1,lineCount:0,treeLoaded:!1,fullLabel:r.map(function(e){return e[h]}).join(u||" / ")}},{children:n}),t[n]=e,o&&(t[a]=e),s.updateAfterDataIndex(),e})):Promise.resolve([])},renderRadio:function(e,t,n,a,i){var r,o=this,l=o.computeRadioOpts,c=l.showIcon,d=l.checkMode,s=l.checkMethod,u=l.visibleMode,l=l.visibleMethod,l=l?l({$cascader:o,node:t}):handleVisibleOrCheckMode(u,n,a);return c&&l?e("div",{class:["vxe-tree--radio-option",{"is--checked":i,"is--disabled":r=s?!s({$cascader:o,node:t}):!handleVisibleOrCheckMode(d,n,a)}],on:{click:function(e){r||o.changeRadioEvent(e,t)}}},[e("span",{class:["vxe-radio--icon",i?(0,_ui.getIcon)().RADIO_CHECKED:(0,_ui.getIcon)().RADIO_UNCHECKED]})]):(0,_ui.renderEmptyElement)(o)},renderCheckbox:function(e,t,n,a,i,r){var o,l=this,c=l.computeCheckboxOpts,d=c.showIcon,s=c.checkMode,u=c.checkMethod,p=c.visibleMode,c=c.visibleMethod,c=c?c({$cascader:l,node:t}):handleVisibleOrCheckMode(p,n,a);return d&&c?e("div",{class:["vxe-cascader--checkbox-option",{"is--checked":i,"is--indeterminate":r,"is--disabled":o=u?!u({$cascader:l,node:t}):!handleVisibleOrCheckMode(s,n,a)}],on:{click:function(e){o||l.changeCheckboxEvent(e,t)}}},[e("span",{class:["vxe-checkbox--icon",r?(0,_ui.getIcon)().CHECKBOX_INDETERMINATE:i?(0,_ui.getIcon)().CHECKBOX_CHECKED:(0,_ui.getIcon)().CHECKBOX_UNCHECKED]})]):(0,_ui.renderEmptyElement)(l)},renderNode:function(e,t,n,a,i,r){var o=this,l=o.reactData,c=o.internalData,d=o.$scopedSlots,s=o.multiple,u=l.currentNode,p=l.updateCheckboxFlag,h=c.nodeMaps,f=o.computeTreeOpts,m=f.lazy,v=f.iconLoaded,g=f.iconOpen,x=f.iconClose,b=t[o.computeChildrenField],b=b&&0<b.length,C=d.icon,d=d.title,E=l.updateExpandedFlag&&c.treeExpandedMaps[n],h=h[n]||{},_=t[o.computeLabelField],k=h.level,y=!1,l=(s||(y=n===l.selectRadioKey),!1),D=!1,p=(s&&(l=!(!p||!c.selectCheckboxMaps[n]),D=!(!p||!c.indeterminateRowMaps[n])),!1),I=!1,O=!1,c=(m&&(I=!!c.treeExpandLazyLoadedMaps[n],p=t[o.computeHasChildField],O=!!h.treeLoaded),{node:t});return e("div",{key:"".concat(r,"_").concat(a),class:["vxe-cascader-chunk--node-item",{"is--current":u&&(u===t||o.getNodeId(u)===n),"is-radio--checked":y,"is-checkbox--checked":l,"is-checkbox--indeterminate":D,"is--expand":E}],attrs:{title:_},on:{mousedown:function(e){0===e.button&&e.stopPropagation()},click:function(e){o.handleNodeClickEvent(e,t,i,r)}}},[s?o.renderCheckbox(e,t,b,k,l,D):o.renderRadio(e,t,b,k,y),e("div",{class:"vxe-cascader-chunk--node-item-inner"},[e("div",{class:"vxe-cascader-chunk--node-item-title"},d?(0,_ui.getSlotVNs)(d(c)):_)]),f.showIcon&&(!m||O?b:p)?e("div",{class:"vxe-cascader-chunk--node-item-switcher"},[[e("div",{class:"vxe-cascader--node-item-icon",on:{click:function(e){"icon"===f.trigger&&o.toggleExpandEvent(e,t,i,r)}}},C?(0,_ui.getSlotVNs)(C(c)):[e("i",{class:I?v||(0,_ui.getIcon)().CASCADER_NODE_LOADED:E?g||(0,_ui.getIcon)().CASCADER_NODE_OPEN:x||(0,_ui.getIcon)().CASCADER_NODE_CLOSE})])]]):(0,_ui.renderEmptyElement)(o)])},renderVN:function(r){var o=this,e=o,t=o.reactData,n=o.$scopedSlots,a=e.className,i=e.value,l=e.multiple,c=e.loading,d=e.filterable,s=e.showTotalButton,u=e.showCheckedButton,p=e.showClearButton,h=e.showCloseButton,f=t.initialized,m=t.isActivated,v=t.isAniVisible,g=t.visiblePanel,x=t.searchValue,b=t.currentCunkList,C=o.computeSize,E=o.computeIsDisabled,_=o.computeSelectLabel,k=o.computeBtnTransfer,y=o.computePopupWrapperStyle,D=n.header,I=n.footer,O=n.prefix,n=o.computePopupOpts.className;return o.computeFormReadonly?r("div",{ref:"refElem",class:["vxe-cascader--readonly",a]},[r("span",{class:"vxe-cascader-label"},_)]):(i=_xeUtils.default.eqNull(i)?[]:_xeUtils.default.isArray(i)?i:[i],r("div",{ref:"refElem",class:["vxe-cascader",a?_xeUtils.default.isFunction(a)?a({$cascader:o}):a:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(C),C),"is--filterable",d),"is--visible",g),"is--disabled",E),"is--loading",c),"is--active",m)]},[r(_input.default,{ref:"refInput",props:{clearable:e.clearable,placeholder:c?(0,_ui.getI18n)("vxe.select.loadingText"):e.placeholder,editable:!1,disabled:E,type:"text",prefixIcon:e.prefixIcon,suffixIcon:c?(0,_ui.getIcon)().TREE_SELECT_LOADED:g?(0,_ui.getIcon)().TREE_SELECT_OPEN:(0,_ui.getIcon)().TREE_SELECT_CLOSE,value:c?"":_,title:_},on:{clear:o.clearEvent,click:o.clickEvent,focus:o.focusEvent,blur:o.blurEvent,"suffix-click":o.togglePanelEvent},scopedSlots:O?{prefix:function(){return O({})}}:void 0}),r("div",{ref:"refOptionPanel",class:["vxe-table--ignore-clear vxe-cascader--panel",n?_xeUtils.default.isFunction(n)?n({$cascader:o}):n:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(C),C),"is--transfer",k),"ani--leave",!c&&v),"ani--enter",!c&&g)],attrs:{placement:t.panelPlacement},style:y},f?[r("div",{class:"vxe-cascader--panel-wrapper"},[d?r("div",{class:"vxe-cascader--panel-search"},[r(_input.default,{ref:"refInpSearch",class:"vxe-cascader-search--input",props:{value:x,clearable:!0,disabled:!1,readonly:!1,placeholder:(0,_ui.getI18n)("vxe.cascader.search"),prefixIcon:(0,_ui.getIcon)().INPUT_SEARCH},on:{"model-value":o.modelSearchEvent}})]):(0,_ui.renderEmptyElement)(o),u&&l||p||D?r("div",{class:"vxe-tree-select--panel-header"},D?D({}):[r("div",{class:"vxe-tree-select--header-button"},[u&&p?r("div",{class:"vxe-tree-select--selected-btns"},[u&&l?r(_button.default,{props:{content:(0,_ui.getI18n)("vxe.treeSelect.allChecked"),mode:"text"},on:{click:o.allCheckedPanelEvent}}):(0,_ui.renderEmptyElement)(o),p?r(_button.default,{props:{content:(0,_ui.getI18n)("vxe.treeSelect.clearChecked"),mode:"text"},on:{click:o.clearCheckedPanelEvent}}):(0,_ui.renderEmptyElement)(o)]):(0,_ui.renderEmptyElement)(o)])]):(0,_ui.renderEmptyElement)(o),r("div",{class:"vxe-cascader--panel-body"},[r("div",{ref:"refChunkWrapper",class:"vxe-cascader-chunk--wrapper"},[b.map(function(a,i){return r("div",{key:i,class:"vxe-cascader-chunk--item-wrapper"},[r(_list.default,{props:{data:a},scopedSlots:{default:function(e){return e.items.map(function(e,t){var n=o.getNodeId(e);return o.renderNode(r,e,n,t,a,i)})}}})])})])]),I||s||h&&l?r("div",{class:"vxe-cascader--panel-footer"},I?I({}):[r("div",{class:"vxe-cascader--footer-button"},[s?r("div",{class:"vxe-cascader--total-btns"},(0,_ui.getI18n)("vxe.treeSelect.total",[i.length])):(0,_ui.renderEmptyElement)(o),h&&l?r("div",{class:"vxe-cascader--oper-btns"},[r(_button.default,{props:{content:(0,_ui.getI18n)("vxe.select.close"),mode:"text"},on:{click:o.closePanelEvent}})]):(0,_ui.renderEmptyElement)(o)])]):(0,_ui.renderEmptyElement)(o)])]:[])]))}},watch:{value:function(){this.reactData.visiblePanel||(this.handleCurrentItems(),this.updateCurrentChunk())},options:function(){this.loadData(this.options||[])}},created:function(){this.loadData(this.options||[])},mounted:function(){var e=this;e.filterable&&(0,_log.errLog)("vxe.error.notProp",["filterable"]),_ui.globalEvents.on(e,"mousewheel",e.handleGlobalMousewheelEvent),_ui.globalEvents.on(e,"mousedown",e.handleGlobalMousedownEvent),_ui.globalEvents.on(e,"blur",e.handleGlobalBlurEvent),_ui.globalEvents.on(e,"resize",e.handleGlobalResizeEvent)},beforeDestroy:function(){var e=this,t=e.reactData,n=e.internalData,a=e.$refs.refOptionPanel;a&&a.parentNode&&a.parentNode.removeChild(a),_ui.globalEvents.off(e,"mousewheel"),_ui.globalEvents.off(e,"mousedown"),_ui.globalEvents.off(e,"blur"),_ui.globalEvents.off(e,"resize"),_xeUtils.default.assign(t,createReactData()),_xeUtils.default.assign(n,createInternalData())},render:function(e){return this.renderVN(e)}});
@@ -0,0 +1,15 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.deNodeValue = deNodeValue;
7
+ exports.enNodeValue = enNodeValue;
8
+ var _xeUtils = _interopRequireDefault(require("xe-utils"));
9
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
10
+ function enNodeValue(nodeid) {
11
+ return _xeUtils.default.eqNull(nodeid) ? '' : encodeURIComponent("".concat(nodeid));
12
+ }
13
+ function deNodeValue(nodeid) {
14
+ return nodeid ? decodeURIComponent("".concat(nodeid)) : nodeid;
15
+ }
@@ -0,0 +1 @@
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("".concat(e))}function deNodeValue(e){return e&&decodeURIComponent("".concat(e))}
@@ -4,11 +4,12 @@
4
4
  width: 180px;
5
5
  color: var(--vxe-ui-font-color);
6
6
  text-align: left;
7
+ --vxe-ui-cascader-chunk-size: 1;
7
8
  }
8
9
  .vxe-cascader > .vxe-input .vxe-input--inner {
9
10
  cursor: pointer;
10
11
  }
11
- .vxe-cascader.is--filterable .vxe-cascader-tree--wrapper {
12
+ .vxe-cascader.is--filterable .vxe-cascader-chunk--wrapper {
12
13
  padding-top: 0;
13
14
  }
14
15
  .vxe-cascader.is--filterable .vxe-cascader--panel-header {
@@ -46,7 +47,7 @@
46
47
  text-align: left;
47
48
  }
48
49
  .vxe-cascader--panel:not(.is--transfer) {
49
- min-width: 100%;
50
+ min-width: var(--vxe-ui-cascader-node-width);
50
51
  }
51
52
  .vxe-cascader--panel.is--transfer {
52
53
  position: fixed;
@@ -85,33 +86,44 @@
85
86
 
86
87
  .vxe-cascader--panel-search {
87
88
  display: block;
89
+ padding: var(--vxe-ui-current-padding);
90
+ width: calc(var(--vxe-ui-cascader-node-width) * var(--vxe-ui-cascader-chunk-size));
88
91
  }
89
92
  .vxe-cascader--panel-search .vxe-cascader-search--input {
90
93
  width: 100%;
91
94
  }
92
95
 
93
- .vxe-cascader--header-button {
96
+ .vxe-cascader--header-button,
97
+ .vxe-cascader--footer-button {
94
98
  display: flex;
95
99
  flex-direction: row;
96
100
  white-space: nowrap;
97
101
  }
98
102
 
99
- .vxe-cascader--header-total {
100
- display: flex;
101
- flex-direction: row;
102
- align-items: center;
103
- justify-content: center;
103
+ .vxe-cascader--total-btns {
104
+ padding-left: var(--vxe-ui-current-padding);
104
105
  flex-shrink: 0;
105
- padding-left: 0.8em;
106
106
  }
107
107
 
108
- .vxe-cascader--header-btns {
108
+ .vxe-cascader--oper-btns {
109
109
  display: flex;
110
110
  flex-direction: row;
111
111
  flex-grow: 1;
112
112
  justify-content: right;
113
113
  }
114
114
 
115
+ .vxe-cascader--footer-button,
116
+ .vxe-cascader--selected-btns,
117
+ .vxe-cascader--expand-btns {
118
+ display: flex;
119
+ flex-direction: row;
120
+ flex-grow: 1;
121
+ }
122
+
123
+ .vxe-cascader--selected-btns + .vxe-cascader--expand-btns {
124
+ padding-left: 2.2em;
125
+ }
126
+
115
127
  .vxe-cascader--panel-wrapper {
116
128
  display: flex;
117
129
  flex-direction: column;
@@ -123,14 +135,6 @@
123
135
  pointer-events: auto;
124
136
  }
125
137
 
126
- .vxe-cascader--panel-search {
127
- display: block;
128
- padding: var(--vxe-ui-layout-padding-default);
129
- }
130
- .vxe-cascader--panel-search .vxe-cascader-search--input {
131
- width: 100%;
132
- }
133
-
134
138
  .vxe-cascader--panel-header {
135
139
  border-bottom: 1px solid var(--vxe-ui-base-popup-border-color);
136
140
  }
@@ -144,13 +148,188 @@
144
148
  padding: 4px 0;
145
149
  }
146
150
 
147
- .vxe-cascader-tree--wrapper {
151
+ .vxe-cascader--checkbox-option {
152
+ padding-right: 0.4em;
153
+ }
154
+ .vxe-cascader--checkbox-option {
155
+ cursor: pointer;
156
+ }
157
+ .vxe-cascader--checkbox-option .vxe-checkbox--icon {
158
+ font-size: 1.22em;
159
+ }
160
+ .vxe-cascader--checkbox-option .vxe-checkbox--icon {
161
+ color: var(--vxe-ui-input-border-color);
162
+ vertical-align: middle;
163
+ font-weight: 700;
164
+ -webkit-user-select: none;
165
+ -moz-user-select: none;
166
+ -ms-user-select: none;
167
+ user-select: none;
168
+ }
169
+ .vxe-cascader--checkbox-option.is--checked, .vxe-cascader--checkbox-option.is--indeterminate {
170
+ color: var(--vxe-ui-font-primary-color);
171
+ }
172
+ .vxe-cascader--checkbox-option.is--checked .vxe-checkbox--icon, .vxe-cascader--checkbox-option.is--indeterminate .vxe-checkbox--icon {
173
+ color: var(--vxe-ui-font-primary-color);
174
+ }
175
+ .vxe-cascader--checkbox-option:not(.is--disabled):hover .vxe-checkbox--icon {
176
+ color: var(--vxe-ui-font-primary-color);
177
+ }
178
+ .vxe-cascader--checkbox-option.is--hidden {
179
+ cursor: default;
180
+ }
181
+ .vxe-cascader--checkbox-option.is--readonly {
182
+ cursor: auto;
183
+ }
184
+ .vxe-cascader--checkbox-option.is--disabled {
185
+ color: var(--vxe-ui-font-disabled-color);
186
+ cursor: not-allowed;
187
+ }
188
+ .vxe-cascader--checkbox-option.is--disabled .vxe-checkbox--icon {
189
+ color: var(--vxe-ui-input-disabled-color);
190
+ }
191
+ .vxe-cascader--checkbox-option .vxe-checkbox--label {
192
+ padding-left: 0.5em;
193
+ vertical-align: middle;
194
+ }
195
+
196
+ .vxe-cascader--radio-option {
197
+ padding-right: 0.4em;
198
+ }
199
+ .vxe-cascader--radio-option {
200
+ cursor: pointer;
201
+ }
202
+ .vxe-cascader--radio-option .vxe-radio--icon {
203
+ font-size: 1.26em;
204
+ }
205
+ .vxe-cascader--radio-option .vxe-radio--icon {
206
+ color: var(--vxe-ui-input-border-color);
207
+ border-radius: 50%;
208
+ vertical-align: middle;
209
+ font-weight: 700;
210
+ -webkit-user-select: none;
211
+ -moz-user-select: none;
212
+ -ms-user-select: none;
213
+ user-select: none;
214
+ }
215
+ .vxe-cascader--radio-option.is--checked {
216
+ color: var(--vxe-ui-font-primary-color);
217
+ }
218
+ .vxe-cascader--radio-option.is--checked .vxe-radio--icon {
219
+ color: var(--vxe-ui-font-primary-color);
220
+ }
221
+ .vxe-cascader--radio-option:not(.is--disabled):hover .vxe-radio--icon {
222
+ color: var(--vxe-ui-font-primary-color);
223
+ }
224
+ .vxe-cascader--radio-option.is--readonly {
225
+ cursor: auto;
226
+ }
227
+ .vxe-cascader--radio-option.is--disabled {
228
+ color: var(--vxe-ui-font-disabled-color);
229
+ cursor: not-allowed;
230
+ }
231
+ .vxe-cascader--radio-option.is--disabled .vxe-radio--icon {
232
+ color: var(--vxe-ui-input-disabled-color);
233
+ }
234
+ .vxe-cascader--radio-option .vxe-radio--label {
235
+ padding-left: 0.5em;
236
+ vertical-align: middle;
237
+ }
238
+
239
+ .vxe-cascader--panel-body {
240
+ border-top: 1px solid var(--vxe-ui-base-popup-border-color);
241
+ }
242
+
243
+ .vxe-cascader-chunk--wrapper {
148
244
  position: relative;
149
- overflow: auto;
150
- padding: var(--vxe-ui-layout-padding-default);
245
+ display: flex;
246
+ flex-direction: row;
151
247
  outline: 0;
152
248
  }
153
249
 
250
+ .vxe-cascader-chunk--item-wrapper {
251
+ flex-shrink: 0;
252
+ border-left: 1px solid var(--vxe-ui-base-popup-border-color);
253
+ padding: var(--vxe-ui-current-padding) 0;
254
+ }
255
+ .vxe-cascader-chunk--item-wrapper:first-child {
256
+ border-left: 0;
257
+ }
258
+ .vxe-cascader-chunk--item-wrapper .vxe-list .vxe-list--virtual-wrapper {
259
+ height: var(--vxe-ui-cascader-chunk-height);
260
+ width: var(--vxe-ui-cascader-node-width);
261
+ overflow-x: hidden;
262
+ overflow-y: hidden;
263
+ }
264
+ .vxe-cascader-chunk--item-wrapper .vxe-list .vxe-list--virtual-wrapper:hover {
265
+ overflow-y: auto;
266
+ }
267
+ .vxe-cascader-chunk--item-wrapper .vxe-list .vxe-list--body {
268
+ width: var(--vxe-ui-cascader-node-width);
269
+ }
270
+
271
+ .vxe-cascader-chunk--node-item {
272
+ display: flex;
273
+ flex-direction: row;
274
+ height: var(--vxe-ui-cascader-node-height);
275
+ line-height: var(--vxe-ui-cascader-node-height);
276
+ padding: 0 calc(var(--vxe-ui-current-padding) + 18px) 0 var(--vxe-ui-current-padding);
277
+ cursor: pointer;
278
+ }
279
+ .vxe-cascader-chunk--node-item:hover {
280
+ background-color: var(--vxe-ui-cascader-node-hover-background-color);
281
+ }
282
+ .vxe-cascader-chunk--node-item.is--current, .vxe-cascader-chunk--node-item.is--expand {
283
+ font-weight: 700;
284
+ }
285
+ .vxe-cascader-chunk--node-item.is--current {
286
+ background-color: var(--vxe-ui-cascader-node-current-background-color);
287
+ }
288
+ .vxe-cascader-chunk--node-item.is-checkbox--indeterminate {
289
+ color: var(--vxe-ui-cascader-node-checkbox-indeterminate-color);
290
+ }
291
+ .vxe-cascader-chunk--node-item.is-radio--checked, .vxe-cascader-chunk--node-item.is-checkbox--checked {
292
+ color: var(--vxe-ui-cascader-node-checkbox-checked-color);
293
+ }
294
+
295
+ .vxe-cascader-chunk--node-item-inner {
296
+ display: flex;
297
+ flex-direction: row;
298
+ overflow: hidden;
299
+ flex-grow: 1;
300
+ }
301
+
302
+ .vxe-cascader-chunk--node-item-title {
303
+ flex-grow: 1;
304
+ overflow: hidden;
305
+ text-overflow: ellipsis;
306
+ white-space: nowrap;
307
+ }
308
+
309
+ .vxe-cascader-chunk--node-item-switcher {
310
+ -webkit-user-select: none;
311
+ -moz-user-select: none;
312
+ -ms-user-select: none;
313
+ user-select: none;
314
+ flex-shrink: 0;
315
+ width: 1em;
316
+ position: relative;
317
+ }
318
+ .vxe-cascader-chunk--node-item-switcher .vxe-cascader--node-item-icon > i {
319
+ display: inline-block;
320
+ transition: transform 0.2s ease-in-out;
321
+ }
322
+
323
+ .vxe-cascader,
324
+ .vxe-cascader--panel {
325
+ --vxe-ui-current-padding: var(--vxe-ui-layout-padding-default);
326
+ }
327
+ .vxe-cascader.size--small, .vxe-cascader.size--mini,
328
+ .vxe-cascader--panel.size--small,
329
+ .vxe-cascader--panel.size--mini {
330
+ --vxe-ui-current-padding: var(--vxe-ui-layout-padding-half);
331
+ }
332
+
154
333
  .vxe-cascader,
155
334
  .vxe-cascader--panel {
156
335
  font-size: var(--vxe-ui-font-size-default);
@@ -1 +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;-ms-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)}
1
+ .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;-ms-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;-ms-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;-ms-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;-ms-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)}