vxe-pc-ui 3.6.21 → 3.6.23

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 (95) hide show
  1. package/es/button/style.css +38 -14
  2. package/es/button/style.min.css +1 -1
  3. package/es/checkbox/style.css +16 -3
  4. package/es/checkbox/style.min.css +1 -1
  5. package/es/icon/style.css +1 -1
  6. package/es/pulldown/src/pulldown.js +3 -2
  7. package/es/pulldown/style.css +3 -0
  8. package/es/pulldown/style.min.css +1 -1
  9. package/es/radio/src/button.js +1 -1
  10. package/es/radio/src/group.js +4 -1
  11. package/es/radio/src/radio.js +1 -1
  12. package/es/radio/style.css +37 -19
  13. package/es/radio/style.min.css +1 -1
  14. package/es/split/src/split.js +30 -10
  15. package/es/split/style.css +1 -1
  16. package/es/split/style.min.css +1 -1
  17. package/es/style.css +1 -1
  18. package/es/style.min.css +1 -1
  19. package/es/ui/index.js +1 -1
  20. package/es/ui/src/log.js +1 -1
  21. package/es/vxe-button/style.css +38 -14
  22. package/es/vxe-button/style.min.css +1 -1
  23. package/es/vxe-checkbox/style.css +16 -3
  24. package/es/vxe-checkbox/style.min.css +1 -1
  25. package/es/vxe-pulldown/style.css +3 -0
  26. package/es/vxe-pulldown/style.min.css +1 -1
  27. package/es/vxe-radio/style.css +37 -19
  28. package/es/vxe-radio/style.min.css +1 -1
  29. package/es/vxe-split/style.css +1 -1
  30. package/es/vxe-split/style.min.css +1 -1
  31. package/lib/button/style/style.css +38 -14
  32. package/lib/button/style/style.min.css +1 -1
  33. package/lib/checkbox/style/style.css +16 -3
  34. package/lib/checkbox/style/style.min.css +1 -1
  35. package/lib/icon/style/style.css +1 -1
  36. package/lib/icon/style/style.min.css +1 -1
  37. package/lib/index.umd.js +38 -18
  38. package/lib/index.umd.min.js +1 -1
  39. package/lib/pulldown/src/pulldown.js +4 -2
  40. package/lib/pulldown/src/pulldown.min.js +1 -1
  41. package/lib/pulldown/style/style.css +3 -0
  42. package/lib/pulldown/style/style.min.css +1 -1
  43. package/lib/radio/src/button.js +1 -1
  44. package/lib/radio/src/button.min.js +1 -1
  45. package/lib/radio/src/group.js +6 -1
  46. package/lib/radio/src/group.min.js +1 -1
  47. package/lib/radio/src/radio.js +1 -1
  48. package/lib/radio/src/radio.min.js +1 -1
  49. package/lib/radio/style/style.css +37 -19
  50. package/lib/radio/style/style.min.css +1 -1
  51. package/lib/split/src/split.js +27 -11
  52. package/lib/split/src/split.min.js +1 -1
  53. package/lib/split/style/style.css +1 -1
  54. package/lib/split/style/style.min.css +1 -1
  55. package/lib/style.css +1 -1
  56. package/lib/style.min.css +1 -1
  57. package/lib/ui/index.js +1 -1
  58. package/lib/ui/index.min.js +1 -1
  59. package/lib/ui/src/log.js +1 -1
  60. package/lib/ui/src/log.min.js +1 -1
  61. package/lib/vxe-button/style/style.css +38 -14
  62. package/lib/vxe-button/style/style.min.css +1 -1
  63. package/lib/vxe-checkbox/style/style.css +16 -3
  64. package/lib/vxe-checkbox/style/style.min.css +1 -1
  65. package/lib/vxe-pulldown/style/style.css +3 -0
  66. package/lib/vxe-pulldown/style/style.min.css +1 -1
  67. package/lib/vxe-radio/style/style.css +37 -19
  68. package/lib/vxe-radio/style/style.min.css +1 -1
  69. package/lib/vxe-split/style/style.css +1 -1
  70. package/lib/vxe-split/style/style.min.css +1 -1
  71. package/package.json +1 -1
  72. package/packages/pulldown/src/pulldown.ts +3 -2
  73. package/packages/radio/src/button.ts +1 -1
  74. package/packages/radio/src/group.ts +4 -1
  75. package/packages/radio/src/radio.ts +1 -1
  76. package/packages/split/src/split.ts +28 -9
  77. package/styles/components/button.scss +32 -16
  78. package/styles/components/checkbox.scss +16 -3
  79. package/styles/components/pulldown.scss +3 -0
  80. package/styles/components/radio.scss +21 -9
  81. package/styles/components/split.scss +1 -1
  82. package/styles/theme/base.scss +4 -0
  83. package/types/components/split.d.ts +2 -0
  84. /package/es/icon/{iconfont.1749786382760.ttf → iconfont.1750040322792.ttf} +0 -0
  85. /package/es/icon/{iconfont.1749786382760.woff → iconfont.1750040322792.woff} +0 -0
  86. /package/es/icon/{iconfont.1749786382760.woff2 → iconfont.1750040322792.woff2} +0 -0
  87. /package/es/{iconfont.1749786382760.ttf → iconfont.1750040322792.ttf} +0 -0
  88. /package/es/{iconfont.1749786382760.woff → iconfont.1750040322792.woff} +0 -0
  89. /package/es/{iconfont.1749786382760.woff2 → iconfont.1750040322792.woff2} +0 -0
  90. /package/lib/icon/style/{iconfont.1749786382760.ttf → iconfont.1750040322792.ttf} +0 -0
  91. /package/lib/icon/style/{iconfont.1749786382760.woff → iconfont.1750040322792.woff} +0 -0
  92. /package/lib/icon/style/{iconfont.1749786382760.woff2 → iconfont.1750040322792.woff2} +0 -0
  93. /package/lib/{iconfont.1749786382760.ttf → iconfont.1750040322792.ttf} +0 -0
  94. /package/lib/{iconfont.1749786382760.woff → iconfont.1750040322792.woff} +0 -0
  95. /package/lib/{iconfont.1749786382760.woff2 → iconfont.1750040322792.woff2} +0 -0
@@ -382,13 +382,15 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
382
382
  ref: 'refPulldownPanel',
383
383
  class: ['vxe-table--ignore-clear vxe-pulldown--panel', popupClassName ? _xeUtils.default.isFunction(popupClassName) ? popupClassName({
384
384
  $pulldown: $xePulldown
385
- }) : popupClassName : '', _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'is--shadow', showPopupShadow), 'is--transfer', btnTransfer), 'ani--leave', isAniVisible), 'ani--enter', visiblePanel)],
385
+ }) : popupClassName : '', _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'is--transfer', btnTransfer), 'ani--leave', isAniVisible), 'ani--enter', visiblePanel)],
386
386
  attrs: {
387
387
  placement: panelPlacement
388
388
  },
389
389
  style: panelStyle
390
390
  }, initialized ? [h('div', {
391
- class: 'vxe-pulldown--panel-wrapper'
391
+ class: ['vxe-pulldown--panel-wrapper', {
392
+ 'is--shadow': showPopupShadow
393
+ }]
392
394
  }, initialized && (destroyOnClose ? visiblePanel || isAniVisible : true) ? [headerSlot ? h('div', {
393
395
  class: 'vxe-pulldown--panel-header'
394
396
  }, headerSlot({
@@ -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");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.")}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxePulldown",model:{prop:"value",event:"modelValue"},mixins:[_ui.globalMixins.sizeMixin,_ui.globalMixins.permissionMixin],props:{value:Boolean,disabled:Boolean,placement:String,trigger:{type:String,default:(0,_ui.getConfig)().pulldown.trigger},size:{type:String,default:function(){return(0,_ui.getConfig)().size}},options:Array,className:{type:[String,Function],default:(0,_ui.getConfig)().pulldown.className},popupClassName:[String,Function],showPopupShadow:Boolean,destroyOnClose:{type:Boolean,default:(0,_ui.getConfig)().pulldown.destroyOnClose},transfer:{type:Boolean,default:null}},inject:{$xeModal:{default:null},$xeDrawer:{default:null},$xeTable:{default:null},$xeForm:{default:null}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{initialized:!1,panelIndex:0,panelStyle:{},panelPlacement:null,visiblePanel:!1,isAniVisible:!1,isActivated:!1},internalData:{hpTimeout:void 0}}},computed:Object.assign(Object.assign({},{}),{computeBtnTransfer:function(){var e=this,t=e.$xeModal,n=e.$xeDrawer,i=e.$xeTable,l=e.$xeForm,e=e.transfer;if(null===e){var a=(0,_ui.getConfig)().pulldown.transfer;if(_xeUtils.default.isBoolean(a))return a;if(i||t||n||l)return!0}return e}}),methods:{dispatchEvent:function(e,t,n){this.$emit(e,(0,_ui.createEvent)(n,{$pulldown:this},t))},emitModel:function(e){var t=this,n=t._events;n&&n.modelValue?t.$emit("modelValue",e):t.$emit("model-value",e)},updateZindex:function(){var e=this.reactData;e.panelIndex<(0,_utils.getLastZIndex)()&&(e.panelIndex=(0,_utils.nextZIndex)())},isPanelVisible:function(){return this.reactData.visiblePanel},updatePlacement:function(){function e(){var e=(0,_dom.updatePanelPlacement)(a,o,{placement:i,teleportTo:r}),t=Object.assign(e.style,{zIndex:l});n.panelStyle=t,n.panelPlacement=e.placement}var t=this,n=t.reactData,i=t.placement,l=n.panelIndex,a=t.$refs.refPulldownContent,o=t.$refs.refPulldownPanel,r=t.computeBtnTransfer;return e(),t.$nextTick().then(e)},showPanel:function(){var t=this,n=t,i=t.reactData,l=t.internalData,e=t.computeBtnTransfer,a=t.$refs.refPulldownPanel;return i.initialized||(i.initialized=!0,e&&a&&document.body.appendChild(a)),new Promise(function(e){n.disabled?t.$nextTick(function(){e()}):(l.hpTimeout&&clearTimeout(l.hpTimeout),i.isActivated=!0,i.isAniVisible=!0,setTimeout(function(){i.visiblePanel=!0,t.emitModel(!0),t.updatePlacement(),setTimeout(function(){e(t.updatePlacement())},40)},10),t.updateZindex(),t.dispatchEvent("visible-change",{visible:!0},null))})},hidePanel:function(){var t=this,n=t.reactData,i=t.internalData;return n.visiblePanel=!1,t.dispatchEvent("visible-change",{visible:!1},null),t.emitModel(!1),new Promise(function(e){n.isAniVisible?i.hpTimeout=setTimeout(function(){n.isAniVisible=!1,t.$nextTick(function(){e()})},350):t.$nextTick(function(){e()})})},togglePanel:function(){return this.reactData.visiblePanel?this.hidePanel():this.showPanel()},handleOptionEvent:function(e,t){var n=this.reactData;t.disabled||(n.visiblePanel&&(this.hidePanel(),this.dispatchEvent("hide-panel",{},e)),this.dispatchEvent("option-click",{option:t},e))},clickTargetEvent:function(e){var t=this,n=t.reactData;"click"===t.trigger&&(n.visiblePanel?(t.hidePanel(),t.dispatchEvent("hide-panel",{},e)):(t.showPanel(),t.dispatchEvent("show-panel",{},e))),t.dispatchEvent("click",{$pulldown:t},e)},handleGlobalMousewheelEvent:function(e){var t=this,n=t.reactData,i=t.disabled,n=n.visiblePanel,l=t.$refs.refPulldownPanel;i||n&&((0,_dom.getEventTargetNode)(e,l).flag?t.updatePlacement():(t.hidePanel(),t.dispatchEvent("hide-panel",{},e)))},handleGlobalMousedownEvent:function(e){var t=this,n=t.reactData,i=t.disabled,l=n.visiblePanel,a=t.$refs.refElem,o=t.$refs.refPulldownPanel;i||(n.isActivated=(0,_dom.getEventTargetNode)(e,a).flag||(0,_dom.getEventTargetNode)(e,o).flag,l&&!n.isActivated&&(t.hidePanel(),t.dispatchEvent("hide-panel",{},e)))},handleGlobalBlurEvent:function(e){var t=this.reactData;t.visiblePanel&&(t.isActivated=!1,this.hidePanel(),this.dispatchEvent("hide-panel",{},e))},renderDefaultPanel:function(e,t){var n=this,i=n.$scopedSlots.option;return e("div",{class:"vxe-pulldown--panel-list"},t?t.map(function(t){return e("div",{class:"vxe-pulldown--panel-item",on:{click:function(e){n.handleOptionEvent(e,t)}}},i?i({$pulldown:n,option:t}):"".concat(t.label||""))}):[])},renderVN:function(e){var t=this,n=t.$scopedSlots,i=t.reactData,l=t.className,a=t.options,o=t.popupClassName,r=t.showPopupShadow,s=t.destroyOnClose,u=t.disabled,d=i.initialized,c=i.isActivated,p=i.isAniVisible,f=i.visiblePanel,v=i.panelStyle,i=i.panelPlacement,h=t.computeBtnTransfer,m=t.computeSize,P=n.default,b=n.header,w=n.footer,n=n.dropdown;return e("div",{ref:"refElem",class:["vxe-pulldown",l?_xeUtils.default.isFunction(l)?l({$pulldown:t}):l:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(m),m),"is--visible",f),"is--disabled",u),"is--active",c)]},[e("div",{ref:"refPulldownContent",class:"vxe-pulldown--content",on:{click:t.clickTargetEvent}},P?P({$pulldown:t}):[]),e("div",{ref:"refPulldownPanel",class:["vxe-table--ignore-clear vxe-pulldown--panel",o?_xeUtils.default.isFunction(o)?o({$pulldown:t}):o:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(m),m),"is--shadow",r),"is--transfer",h),"ani--leave",p),"ani--enter",f)],attrs:{placement:i},style:v},d?[e("div",{class:"vxe-pulldown--panel-wrapper"},d&&(!s||f||p)?[b?e("div",{class:"vxe-pulldown--panel-header"},b({$pulldown:t})):(0,_ui.renderEmptyElement)(t),e("div",{class:"vxe-pulldown--panel-body"},n?n({$pulldown:t}):[t.renderDefaultPanel(e,a)]),w?e("div",{class:"vxe-pulldown--panel-footer"},w({$pulldown:t})):(0,_ui.renderEmptyElement)(t)]:[])]:[])])}},watch:{value:function(e){this.reactData.isActivated=!!e,e?this.showPanel():this.hidePanel()}},created:function(){var e=this;e.value&&e.showPanel(),_ui.globalEvents.on(e,"mousewheel",e.handleGlobalMousewheelEvent),_ui.globalEvents.on(e,"mousedown",e.handleGlobalMousedownEvent),_ui.globalEvents.on(e,"blur",e.handleGlobalBlurEvent)},beforeDestroy:function(){var e=this.$refs.refPulldownPanel;e&&e.parentNode&&e.parentNode.removeChild(e),_ui.globalEvents.off(this,"mousewheel"),_ui.globalEvents.off(this,"mousedown"),_ui.globalEvents.off(this,"blur")},render:function(e){return this.renderVN(e)}});
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");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.")}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxePulldown",model:{prop:"value",event:"modelValue"},mixins:[_ui.globalMixins.sizeMixin,_ui.globalMixins.permissionMixin],props:{value:Boolean,disabled:Boolean,placement:String,trigger:{type:String,default:(0,_ui.getConfig)().pulldown.trigger},size:{type:String,default:function(){return(0,_ui.getConfig)().size}},options:Array,className:{type:[String,Function],default:(0,_ui.getConfig)().pulldown.className},popupClassName:[String,Function],showPopupShadow:Boolean,destroyOnClose:{type:Boolean,default:(0,_ui.getConfig)().pulldown.destroyOnClose},transfer:{type:Boolean,default:null}},inject:{$xeModal:{default:null},$xeDrawer:{default:null},$xeTable:{default:null},$xeForm:{default:null}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{initialized:!1,panelIndex:0,panelStyle:{},panelPlacement:null,visiblePanel:!1,isAniVisible:!1,isActivated:!1},internalData:{hpTimeout:void 0}}},computed:Object.assign(Object.assign({},{}),{computeBtnTransfer:function(){var e=this,t=e.$xeModal,n=e.$xeDrawer,i=e.$xeTable,l=e.$xeForm,e=e.transfer;if(null===e){var a=(0,_ui.getConfig)().pulldown.transfer;if(_xeUtils.default.isBoolean(a))return a;if(i||t||n||l)return!0}return e}}),methods:{dispatchEvent:function(e,t,n){this.$emit(e,(0,_ui.createEvent)(n,{$pulldown:this},t))},emitModel:function(e){var t=this,n=t._events;n&&n.modelValue?t.$emit("modelValue",e):t.$emit("model-value",e)},updateZindex:function(){var e=this.reactData;e.panelIndex<(0,_utils.getLastZIndex)()&&(e.panelIndex=(0,_utils.nextZIndex)())},isPanelVisible:function(){return this.reactData.visiblePanel},updatePlacement:function(){function e(){var e=(0,_dom.updatePanelPlacement)(a,o,{placement:i,teleportTo:r}),t=Object.assign(e.style,{zIndex:l});n.panelStyle=t,n.panelPlacement=e.placement}var t=this,n=t.reactData,i=t.placement,l=n.panelIndex,a=t.$refs.refPulldownContent,o=t.$refs.refPulldownPanel,r=t.computeBtnTransfer;return e(),t.$nextTick().then(e)},showPanel:function(){var t=this,n=t,i=t.reactData,l=t.internalData,e=t.computeBtnTransfer,a=t.$refs.refPulldownPanel;return i.initialized||(i.initialized=!0,e&&a&&document.body.appendChild(a)),new Promise(function(e){n.disabled?t.$nextTick(function(){e()}):(l.hpTimeout&&clearTimeout(l.hpTimeout),i.isActivated=!0,i.isAniVisible=!0,setTimeout(function(){i.visiblePanel=!0,t.emitModel(!0),t.updatePlacement(),setTimeout(function(){e(t.updatePlacement())},40)},10),t.updateZindex(),t.dispatchEvent("visible-change",{visible:!0},null))})},hidePanel:function(){var t=this,n=t.reactData,i=t.internalData;return n.visiblePanel=!1,t.dispatchEvent("visible-change",{visible:!1},null),t.emitModel(!1),new Promise(function(e){n.isAniVisible?i.hpTimeout=setTimeout(function(){n.isAniVisible=!1,t.$nextTick(function(){e()})},350):t.$nextTick(function(){e()})})},togglePanel:function(){return this.reactData.visiblePanel?this.hidePanel():this.showPanel()},handleOptionEvent:function(e,t){var n=this.reactData;t.disabled||(n.visiblePanel&&(this.hidePanel(),this.dispatchEvent("hide-panel",{},e)),this.dispatchEvent("option-click",{option:t},e))},clickTargetEvent:function(e){var t=this,n=t.reactData;"click"===t.trigger&&(n.visiblePanel?(t.hidePanel(),t.dispatchEvent("hide-panel",{},e)):(t.showPanel(),t.dispatchEvent("show-panel",{},e))),t.dispatchEvent("click",{$pulldown:t},e)},handleGlobalMousewheelEvent:function(e){var t=this,n=t.reactData,i=t.disabled,n=n.visiblePanel,l=t.$refs.refPulldownPanel;i||n&&((0,_dom.getEventTargetNode)(e,l).flag?t.updatePlacement():(t.hidePanel(),t.dispatchEvent("hide-panel",{},e)))},handleGlobalMousedownEvent:function(e){var t=this,n=t.reactData,i=t.disabled,l=n.visiblePanel,a=t.$refs.refElem,o=t.$refs.refPulldownPanel;i||(n.isActivated=(0,_dom.getEventTargetNode)(e,a).flag||(0,_dom.getEventTargetNode)(e,o).flag,l&&!n.isActivated&&(t.hidePanel(),t.dispatchEvent("hide-panel",{},e)))},handleGlobalBlurEvent:function(e){var t=this.reactData;t.visiblePanel&&(t.isActivated=!1,this.hidePanel(),this.dispatchEvent("hide-panel",{},e))},renderDefaultPanel:function(e,t){var n=this,i=n.$scopedSlots.option;return e("div",{class:"vxe-pulldown--panel-list"},t?t.map(function(t){return e("div",{class:"vxe-pulldown--panel-item",on:{click:function(e){n.handleOptionEvent(e,t)}}},i?i({$pulldown:n,option:t}):"".concat(t.label||""))}):[])},renderVN:function(e){var t=this,n=t.$scopedSlots,i=t.reactData,l=t.className,a=t.options,o=t.popupClassName,r=t.showPopupShadow,s=t.destroyOnClose,u=t.disabled,d=i.initialized,c=i.isActivated,p=i.isAniVisible,f=i.visiblePanel,v=i.panelStyle,i=i.panelPlacement,h=t.computeBtnTransfer,m=t.computeSize,P=n.default,b=n.header,w=n.footer,n=n.dropdown;return e("div",{ref:"refElem",class:["vxe-pulldown",l?_xeUtils.default.isFunction(l)?l({$pulldown:t}):l:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(m),m),"is--visible",f),"is--disabled",u),"is--active",c)]},[e("div",{ref:"refPulldownContent",class:"vxe-pulldown--content",on:{click:t.clickTargetEvent}},P?P({$pulldown:t}):[]),e("div",{ref:"refPulldownPanel",class:["vxe-table--ignore-clear vxe-pulldown--panel",o?_xeUtils.default.isFunction(o)?o({$pulldown:t}):o:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(m),m),"is--transfer",h),"ani--leave",p),"ani--enter",f)],attrs:{placement:i},style:v},d?[e("div",{class:["vxe-pulldown--panel-wrapper",{"is--shadow":r}]},d&&(!s||f||p)?[b?e("div",{class:"vxe-pulldown--panel-header"},b({$pulldown:t})):(0,_ui.renderEmptyElement)(t),e("div",{class:"vxe-pulldown--panel-body"},n?n({$pulldown:t}):[t.renderDefaultPanel(e,a)]),w?e("div",{class:"vxe-pulldown--panel-footer"},w({$pulldown:t})):(0,_ui.renderEmptyElement)(t)]:[])]:[])])}},watch:{value:function(e){this.reactData.isActivated=!!e,e?this.showPanel():this.hidePanel()}},created:function(){var e=this;e.value&&e.showPanel(),_ui.globalEvents.on(e,"mousewheel",e.handleGlobalMousewheelEvent),_ui.globalEvents.on(e,"mousedown",e.handleGlobalMousedownEvent),_ui.globalEvents.on(e,"blur",e.handleGlobalBlurEvent)},beforeDestroy:function(){var e=this.$refs.refPulldownPanel;e&&e.parentNode&&e.parentNode.removeChild(e),_ui.globalEvents.off(this,"mousewheel"),_ui.globalEvents.off(this,"mousedown"),_ui.globalEvents.off(this,"blur")},render:function(e){return this.renderVN(e)}});
@@ -55,6 +55,9 @@
55
55
  .vxe-pulldown--panel-wrapper {
56
56
  background-color: var(--vxe-ui-layout-background-color);
57
57
  }
58
+ .vxe-pulldown--panel-wrapper.is--shadow {
59
+ box-shadow: var(--vxe-ui-base-popup-box-shadow);
60
+ }
58
61
 
59
62
  .vxe-pulldown--panel-list .vxe-pulldown--panel-item {
60
63
  line-height: 30px;
@@ -1 +1 @@
1
- .vxe-pulldown{position:relative;display:inline-block;color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family);text-align:left}.vxe-pulldown--panel{display:none;position:absolute;left:0;padding:4px 0;color:var(--vxe-ui-font-color);text-align:left}.vxe-pulldown--panel:not(.is--transfer){min-width:100%}.vxe-pulldown--panel.is--transfer{position:fixed}.vxe-pulldown--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-pulldown--panel.ani--leave[placement=top]{transform-origin:center bottom}.vxe-pulldown--panel.ani--enter{opacity:1;transform:scaleY(1)}.vxe-pulldown--panel.ani--enter>div::after{display:none}.vxe-pulldown--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-pulldown--panel-wrapper{background-color:var(--vxe-ui-layout-background-color)}.vxe-pulldown--panel-list .vxe-pulldown--panel-item{line-height:30px;max-width:50vw;padding:0 var(--vxe-ui-layout-padding-default);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-pulldown--panel-list .vxe-pulldown--panel-item:not(.is--disabled){cursor:pointer}.vxe-pulldown--panel-list .vxe-pulldown--panel-item:not(.is--disabled):hover{background-color:var(--vxe-ui-base-hover-background-color)}.vxe-pulldown--panel-list .vxe-pulldown--panel-item.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:no-drop}.vxe-pulldown,.vxe-pulldown--panel{font-size:var(--vxe-ui-font-size-default)}.vxe-pulldown--panel.size--medium,.vxe-pulldown.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-pulldown--panel.size--small,.vxe-pulldown.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-pulldown--panel.size--mini,.vxe-pulldown.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-pulldown--panel .vxe-pulldown--panel-item{height:var(--vxe-ui-pulldown-option-height-default)}.vxe-pulldown--panel.size--medium .vxe-pulldown--panel-item{height:var(--vxe-ui-pulldown-option-height-medium)}.vxe-pulldown--panel.size--small .vxe-pulldown--panel-item{height:var(--vxe-ui-pulldown-option-height-medium)}.vxe-pulldown--panel.size--mini .vxe-pulldown--panel-item{height:var(--vxe-ui-pulldown-option-height-medium)}
1
+ .vxe-pulldown{position:relative;display:inline-block;color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family);text-align:left}.vxe-pulldown--panel{display:none;position:absolute;left:0;padding:4px 0;color:var(--vxe-ui-font-color);text-align:left}.vxe-pulldown--panel:not(.is--transfer){min-width:100%}.vxe-pulldown--panel.is--transfer{position:fixed}.vxe-pulldown--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-pulldown--panel.ani--leave[placement=top]{transform-origin:center bottom}.vxe-pulldown--panel.ani--enter{opacity:1;transform:scaleY(1)}.vxe-pulldown--panel.ani--enter>div::after{display:none}.vxe-pulldown--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-pulldown--panel-wrapper{background-color:var(--vxe-ui-layout-background-color)}.vxe-pulldown--panel-wrapper.is--shadow{box-shadow:var(--vxe-ui-base-popup-box-shadow)}.vxe-pulldown--panel-list .vxe-pulldown--panel-item{line-height:30px;max-width:50vw;padding:0 var(--vxe-ui-layout-padding-default);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-pulldown--panel-list .vxe-pulldown--panel-item:not(.is--disabled){cursor:pointer}.vxe-pulldown--panel-list .vxe-pulldown--panel-item:not(.is--disabled):hover{background-color:var(--vxe-ui-base-hover-background-color)}.vxe-pulldown--panel-list .vxe-pulldown--panel-item.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:no-drop}.vxe-pulldown,.vxe-pulldown--panel{font-size:var(--vxe-ui-font-size-default)}.vxe-pulldown--panel.size--medium,.vxe-pulldown.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-pulldown--panel.size--small,.vxe-pulldown.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-pulldown--panel.size--mini,.vxe-pulldown.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-pulldown--panel .vxe-pulldown--panel-item{height:var(--vxe-ui-pulldown-option-height-default)}.vxe-pulldown--panel.size--medium .vxe-pulldown--panel-item{height:var(--vxe-ui-pulldown-option-height-medium)}.vxe-pulldown--panel.size--small .vxe-pulldown--panel-item{height:var(--vxe-ui-pulldown-option-height-medium)}.vxe-pulldown--panel.size--mini .vxe-pulldown--panel-item{height:var(--vxe-ui-pulldown-option-height-medium)}
@@ -166,7 +166,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
166
166
  var isChecked = $xeRadioButton.computeChecked;
167
167
  return h('label', {
168
168
  key: label,
169
- class: ['vxe-radio', 'vxe-radio-button', _defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'is--disabled', isDisabled)],
169
+ class: ['vxe-radio vxe-radio--button', _defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'is--disabled', isDisabled)],
170
170
  attrs: {
171
171
  title: props.title
172
172
  }
@@ -1 +1 @@
1
- Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_utils=require("../../ui/src/utils"),_ui=require("../../ui");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,i){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,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 i=e[Symbol.toPrimitive];if(void 0===i)return("string"===t?String:Number)(e);i=i.call(e,t||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeRadioButton",mixins:[_ui.globalMixins.sizeMixin,_ui.globalMixins.permissionMixin],props:{value:[String,Number,Boolean],label:{type:[String,Number,Boolean],default:null},title:[String,Number],content:[String,Number],disabled:{type:Boolean,default:null},strict:{type:Boolean,default:function(){return(0,_ui.getConfig)().radioButton.strict}},size:{type:String,default:function(){return(0,_ui.getConfig)().radioButton.size||(0,_ui.getConfig)().size}}},inject:{$xeForm:{default:null},formItemInfo:{from:"xeFormItemInfo",default:null},$xeRadioGroup:{default:null}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{}}},computed:Object.assign(Object.assign({},{}),{computeIsDisabled:function(){var e=this.$xeRadioGroup,t=this.disabled;if(null===t&&e)return e.computeIsDisabled;return t},computeName:function(){var e=this.$xeRadioGroup;return e?e.name:null},computeStrict:function(){var e=this.$xeRadioGroup;return(e||this).strict},computeChecked:function(){var e=this.$xeRadioGroup,t=this.label;return e?e.value===t:this.value===t}}),methods:{dispatchEvent:function(e,t,i){this.$emit(e,(0,_ui.createEvent)(i,{$radioButton:this},t))},emitModel:function(e){var t=this,i=t._events;t.$emit("input",e),i&&i.modelValue?t.$emit("modelValue",e):t.$emit("model-value",e)},handleValue:function(e,t){var i=this,o=i.$xeForm,n=i.$xeRadioGroup,r=i.formItemInfo;n?n.handleChecked({label:e},t):(i.emitModel(e),i.dispatchEvent("change",{label:e},t),o&&r&&o.triggerItemEvent(t,r.itemConfig.field,e))},changeEvent:function(e){var t=this;t.computeIsDisabled||t.handleValue(t.label,e)},clickEvent:function(e){var t=this,i=t.$xeRadioGroup;t.computeIsDisabled||t.computeStrict||t.label===(i||t).value&&t.handleValue(null,e)},renderVN:function(e){var t=this,i=t,o=t.$scopedSlots,n=i.label,r=t.computeSize,u=t.computeIsDisabled,l=t.computeName,a=t.computeChecked;return e("label",{key:n,class:["vxe-radio","vxe-radio-button",_defineProperty(_defineProperty({},"size--".concat(r),r),"is--disabled",u)],attrs:{title:i.title}},[e("input",{class:"vxe-radio--input",domProps:{checked:a},attrs:{type:"radio",name:l,disabled:u},on:{change:t.changeEvent,click:t.clickEvent}}),e("span",{class:"vxe-radio--label"},o.default?o.default({}):(0,_utils.getFuncText)(i.content))])}},render:function(e){return this.renderVN(e)}});
1
+ Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_utils=require("../../ui/src/utils"),_ui=require("../../ui");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,i){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,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 i=e[Symbol.toPrimitive];if(void 0===i)return("string"===t?String:Number)(e);i=i.call(e,t||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeRadioButton",mixins:[_ui.globalMixins.sizeMixin,_ui.globalMixins.permissionMixin],props:{value:[String,Number,Boolean],label:{type:[String,Number,Boolean],default:null},title:[String,Number],content:[String,Number],disabled:{type:Boolean,default:null},strict:{type:Boolean,default:function(){return(0,_ui.getConfig)().radioButton.strict}},size:{type:String,default:function(){return(0,_ui.getConfig)().radioButton.size||(0,_ui.getConfig)().size}}},inject:{$xeForm:{default:null},formItemInfo:{from:"xeFormItemInfo",default:null},$xeRadioGroup:{default:null}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{}}},computed:Object.assign(Object.assign({},{}),{computeIsDisabled:function(){var e=this.$xeRadioGroup,t=this.disabled;if(null===t&&e)return e.computeIsDisabled;return t},computeName:function(){var e=this.$xeRadioGroup;return e?e.name:null},computeStrict:function(){var e=this.$xeRadioGroup;return(e||this).strict},computeChecked:function(){var e=this.$xeRadioGroup,t=this.label;return e?e.value===t:this.value===t}}),methods:{dispatchEvent:function(e,t,i){this.$emit(e,(0,_ui.createEvent)(i,{$radioButton:this},t))},emitModel:function(e){var t=this,i=t._events;t.$emit("input",e),i&&i.modelValue?t.$emit("modelValue",e):t.$emit("model-value",e)},handleValue:function(e,t){var i=this,o=i.$xeForm,n=i.$xeRadioGroup,r=i.formItemInfo;n?n.handleChecked({label:e},t):(i.emitModel(e),i.dispatchEvent("change",{label:e},t),o&&r&&o.triggerItemEvent(t,r.itemConfig.field,e))},changeEvent:function(e){var t=this;t.computeIsDisabled||t.handleValue(t.label,e)},clickEvent:function(e){var t=this,i=t.$xeRadioGroup;t.computeIsDisabled||t.computeStrict||t.label===(i||t).value&&t.handleValue(null,e)},renderVN:function(e){var t=this,i=t,o=t.$scopedSlots,n=i.label,r=t.computeSize,u=t.computeIsDisabled,l=t.computeName,a=t.computeChecked;return e("label",{key:n,class:["vxe-radio vxe-radio--button",_defineProperty(_defineProperty({},"size--".concat(r),r),"is--disabled",u)],attrs:{title:i.title}},[e("input",{class:"vxe-radio--input",domProps:{checked:a},attrs:{type:"radio",name:l,disabled:u},on:{change:t.changeEvent,click:t.clickEvent}}),e("span",{class:"vxe-radio--label"},o.default?o.default({}):(0,_utils.getFuncText)(i.content))])}},render:function(e){return this.renderVN(e)}});
@@ -10,6 +10,10 @@ var _ui = require("../../ui");
10
10
  var _radio = _interopRequireDefault(require("./radio"));
11
11
  var _button = _interopRequireDefault(require("./button"));
12
12
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
13
+ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
14
+ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
15
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
16
+ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
13
17
  var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defineVxeComponent)({
14
18
  name: 'VxeRadioGroup',
15
19
  mixins: [_ui.globalMixins.sizeMixin, _ui.globalMixins.permissionMixin],
@@ -134,13 +138,14 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
134
138
  var slots = $xeRadioGroup.$scopedSlots;
135
139
  var options = props.options,
136
140
  type = props.type;
141
+ var vSize = $xeRadioGroup.computeSize;
137
142
  var defaultSlot = slots.default;
138
143
  var valueField = $xeRadioGroup.computeValueField;
139
144
  var labelField = $xeRadioGroup.computeLabelField;
140
145
  var disabledField = $xeRadioGroup.computeDisabledField;
141
146
  var btnComp = type === 'button' ? _button.default : _radio.default;
142
147
  return h('div', {
143
- class: 'vxe-radio-group'
148
+ class: ['vxe-radio-group', _defineProperty({}, "size--".concat(vSize), vSize)]
144
149
  }, defaultSlot ? defaultSlot({}) : options ? options.map(function (item) {
145
150
  return h(btnComp, {
146
151
  key: item[valueField],
@@ -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"),_radio=_interopRequireDefault(require("./radio")),_button=_interopRequireDefault(require("./button"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeRadioGroup",mixins:[_ui.globalMixins.sizeMixin,_ui.globalMixins.permissionMixin],props:{value:[String,Number,Boolean],disabled:{type:Boolean,default:null},type:String,options:Array,optionProps:Object,strict:{type:Boolean,default:function(){return(0,_ui.getConfig)().radioGroup.strict}},size:{type:String,default:function(){return(0,_ui.getConfig)().radioGroup.size||(0,_ui.getConfig)().size}}},inject:{$xeForm:{default:null},formItemInfo:{from:"xeFormItemInfo",default:null}},provide:function(){return{$xeRadioGroup:this}},data:function(){return{xID:_xeUtils.default.uniqueId(),name:_xeUtils.default.uniqueId("xe_group_"),reactData:{}}},computed:Object.assign(Object.assign({},{}),{computeIsDisabled:function(){var e=this.$xeForm,t=this.disabled;return null===t?!!e&&(e.readonly||e.disabled):t},computePropsOpts:function(){return Object.assign({},this.optionProps)},computeLabelField:function(){return this.computePropsOpts.label||"label"},computeValueField:function(){return this.computePropsOpts.value||"value"},computeDisabledField:function(){return this.computePropsOpts.disabled||"disabled"}}),methods:{dispatchEvent:function(e,t,i){this.$emit(e,(0,_ui.createEvent)(i,{$radioGroup:this},t))},emitModel:function(e){var t=this,i=t._events;t.$emit("input",e),i&&i.modelValue?t.$emit("modelValue",e):t.$emit("model-value",e)},handleChecked:function(e,t){var i=this,o=i.$xeForm,u=i.formItemInfo,n=e.label;i.emitModel(n),i.dispatchEvent("change",e,t),o&&u&&o.triggerItemEvent(t,u.itemConfig.field,n)},renderVN:function(t){var e=this,i=e.$scopedSlots,o=e.options,i=i.default,u=e.computeValueField,n=e.computeLabelField,r=e.computeDisabledField,l=("button"===e.type?_button:_radio).default;return t("div",{class:"vxe-radio-group"},i?i({}):o?o.map(function(e){return t(l,{key:e[u],props:{label:e[u],content:e[n],disabled:e[r]}})}):[])}},render:function(e){return this.renderVN(e)}});
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"),_radio=_interopRequireDefault(require("./radio")),_button=_interopRequireDefault(require("./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,i){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,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 i=e[Symbol.toPrimitive];if(void 0===i)return("string"===t?String:Number)(e);i=i.call(e,t||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeRadioGroup",mixins:[_ui.globalMixins.sizeMixin,_ui.globalMixins.permissionMixin],props:{value:[String,Number,Boolean],disabled:{type:Boolean,default:null},type:String,options:Array,optionProps:Object,strict:{type:Boolean,default:function(){return(0,_ui.getConfig)().radioGroup.strict}},size:{type:String,default:function(){return(0,_ui.getConfig)().radioGroup.size||(0,_ui.getConfig)().size}}},inject:{$xeForm:{default:null},formItemInfo:{from:"xeFormItemInfo",default:null}},provide:function(){return{$xeRadioGroup:this}},data:function(){return{xID:_xeUtils.default.uniqueId(),name:_xeUtils.default.uniqueId("xe_group_"),reactData:{}}},computed:Object.assign(Object.assign({},{}),{computeIsDisabled:function(){var e=this.$xeForm,t=this.disabled;return null===t?!!e&&(e.readonly||e.disabled):t},computePropsOpts:function(){return Object.assign({},this.optionProps)},computeLabelField:function(){return this.computePropsOpts.label||"label"},computeValueField:function(){return this.computePropsOpts.value||"value"},computeDisabledField:function(){return this.computePropsOpts.disabled||"disabled"}}),methods:{dispatchEvent:function(e,t,i){this.$emit(e,(0,_ui.createEvent)(i,{$radioGroup:this},t))},emitModel:function(e){var t=this,i=t._events;t.$emit("input",e),i&&i.modelValue?t.$emit("modelValue",e):t.$emit("model-value",e)},handleChecked:function(e,t){var i=this,o=i.$xeForm,r=i.formItemInfo,n=e.label;i.emitModel(n),i.dispatchEvent("change",e,t),o&&r&&o.triggerItemEvent(t,r.itemConfig.field,n)},renderVN:function(t){var e=this,i=e.$scopedSlots,o=e.options,r=e.computeSize,i=i.default,n=e.computeValueField,u=e.computeLabelField,l=e.computeDisabledField,a=("button"===e.type?_button:_radio).default;return t("div",{class:["vxe-radio-group",_defineProperty({},"size--".concat(r),r)]},i?i({}):o?o.map(function(e){return t(a,{key:e[n],props:{label:e[n],content:e[u],disabled:e[l]}})}):[])}},render:function(e){return this.renderVN(e)}});
@@ -169,7 +169,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
169
169
  var isChecked = $xeRadio.computeChecked;
170
170
  return h('label', {
171
171
  key: label,
172
- class: ['vxe-radio', _defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'is--checked', isChecked), 'is--disabled', isDisabled)],
172
+ class: ['vxe-radio vxe-radio--default', _defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'is--checked', isChecked), 'is--disabled', isDisabled)],
173
173
  attrs: {
174
174
  title: props.title
175
175
  }
@@ -1 +1 @@
1
- Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_utils=require("../../ui/src/utils"),_ui=require("../../ui");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,i){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,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 i=e[Symbol.toPrimitive];if(void 0===i)return("string"===t?String:Number)(e);i=i.call(e,t||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeRadio",mixins:[_ui.globalMixins.sizeMixin,_ui.globalMixins.permissionMixin],props:{value:[String,Number,Boolean],label:{type:[String,Number,Boolean],default:null},title:[String,Number],content:[String,Number],disabled:{type:Boolean,default:null},name:String,strict:{type:Boolean,default:function(){return(0,_ui.getConfig)().radio.strict}},size:{type:String,default:function(){return(0,_ui.getConfig)().radio.size||(0,_ui.getConfig)().size}}},inject:{$xeForm:{default:null},formItemInfo:{from:"xeFormItemInfo",default:null},$xeRadioGroup:{default:null}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{}}},computed:Object.assign(Object.assign({},{}),{computeIsDisabled:function(){var e=this.$xeRadioGroup,t=this.disabled;if(null===t&&e)return e.computeIsDisabled;return t},computeName:function(){var e=this.$xeRadioGroup;return(e||this).name},computeStrict:function(){var e=this.$xeRadioGroup;return(e||this).strict},computeChecked:function(){var e=this.$xeRadioGroup,t=this.label;return e?e.value===t:this.value===t}}),methods:{dispatchEvent:function(e,t,i){this.$emit(e,(0,_ui.createEvent)(i,{$radio:this},t))},emitModel:function(e){var t=this,i=t._events;t.$emit("input",e),i&&i.modelValue?t.$emit("modelValue",e):t.$emit("model-value",e)},handleValue:function(e,t){var i=this,n=i.formItemInfo,o=i.$xeForm,r=i.$xeRadioGroup;r?r.handleChecked({label:e},t):(i.emitModel(e),i.dispatchEvent("change",{label:e},t),o&&n&&o.triggerItemEvent(t,n.itemConfig.field,e))},changeEvent:function(e){var t=this;t.computeIsDisabled||t.handleValue(t.label,e)},clickEvent:function(e){var t=this,i=t.$xeRadioGroup;t.computeIsDisabled||t.computeStrict||t.label===(i||t).value&&t.handleValue(null,e)},renderVN:function(e){var t=this,i=t,n=i.label,o=t.$scopedSlots,r=t.computeSize,u=t.computeIsDisabled,l=t.computeName,a=t.computeChecked;return e("label",{key:n,class:["vxe-radio",_defineProperty(_defineProperty(_defineProperty({},"size--".concat(r),r),"is--checked",a),"is--disabled",u)],attrs:{title:i.title}},[e("input",{class:"vxe-radio--input",domProps:{checked:a},attrs:{type:"radio",name:l,disabled:u},on:{change:t.changeEvent,click:t.clickEvent}}),e("span",{class:["vxe-radio--icon",a?(0,_ui.getIcon)().RADIO_CHECKED:(0,_ui.getIcon)().RADIO_UNCHECKED]}),e("span",{class:"vxe-radio--label"},o.default?o.default({}):(0,_utils.getFuncText)(i.content))])}},render:function(e){return this.renderVN(e)}});
1
+ Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_utils=require("../../ui/src/utils"),_ui=require("../../ui");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,i){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,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 i=e[Symbol.toPrimitive];if(void 0===i)return("string"===t?String:Number)(e);i=i.call(e,t||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeRadio",mixins:[_ui.globalMixins.sizeMixin,_ui.globalMixins.permissionMixin],props:{value:[String,Number,Boolean],label:{type:[String,Number,Boolean],default:null},title:[String,Number],content:[String,Number],disabled:{type:Boolean,default:null},name:String,strict:{type:Boolean,default:function(){return(0,_ui.getConfig)().radio.strict}},size:{type:String,default:function(){return(0,_ui.getConfig)().radio.size||(0,_ui.getConfig)().size}}},inject:{$xeForm:{default:null},formItemInfo:{from:"xeFormItemInfo",default:null},$xeRadioGroup:{default:null}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{}}},computed:Object.assign(Object.assign({},{}),{computeIsDisabled:function(){var e=this.$xeRadioGroup,t=this.disabled;if(null===t&&e)return e.computeIsDisabled;return t},computeName:function(){var e=this.$xeRadioGroup;return(e||this).name},computeStrict:function(){var e=this.$xeRadioGroup;return(e||this).strict},computeChecked:function(){var e=this.$xeRadioGroup,t=this.label;return e?e.value===t:this.value===t}}),methods:{dispatchEvent:function(e,t,i){this.$emit(e,(0,_ui.createEvent)(i,{$radio:this},t))},emitModel:function(e){var t=this,i=t._events;t.$emit("input",e),i&&i.modelValue?t.$emit("modelValue",e):t.$emit("model-value",e)},handleValue:function(e,t){var i=this,o=i.formItemInfo,n=i.$xeForm,r=i.$xeRadioGroup;r?r.handleChecked({label:e},t):(i.emitModel(e),i.dispatchEvent("change",{label:e},t),n&&o&&n.triggerItemEvent(t,o.itemConfig.field,e))},changeEvent:function(e){var t=this;t.computeIsDisabled||t.handleValue(t.label,e)},clickEvent:function(e){var t=this,i=t.$xeRadioGroup;t.computeIsDisabled||t.computeStrict||t.label===(i||t).value&&t.handleValue(null,e)},renderVN:function(e){var t=this,i=t,o=i.label,n=t.$scopedSlots,r=t.computeSize,u=t.computeIsDisabled,a=t.computeName,l=t.computeChecked;return e("label",{key:o,class:["vxe-radio vxe-radio--default",_defineProperty(_defineProperty(_defineProperty({},"size--".concat(r),r),"is--checked",l),"is--disabled",u)],attrs:{title:i.title}},[e("input",{class:"vxe-radio--input",domProps:{checked:l},attrs:{type:"radio",name:a,disabled:u},on:{change:t.changeEvent,click:t.clickEvent}}),e("span",{class:["vxe-radio--icon",l?(0,_ui.getIcon)().RADIO_CHECKED:(0,_ui.getIcon)().RADIO_UNCHECKED]}),e("span",{class:"vxe-radio--label"},n.default?n.default({}):(0,_utils.getFuncText)(i.content))])}},render:function(e){return this.renderVN(e)}});
@@ -5,9 +5,6 @@
5
5
  line-height: 1;
6
6
  font-size: 0;
7
7
  }
8
- .vxe-radio-group + .vxe-radio-group {
9
- margin-left: 10px;
10
- }
11
8
 
12
9
  .vxe-radio--readonly {
13
10
  color: var(--vxe-ui-font-color);
@@ -77,26 +74,23 @@
77
74
  .vxe-radio:not(.is--disabled) > input:focus + .vxe-radio--icon {
78
75
  color: var(--vxe-ui-font-primary-color);
79
76
  }
80
- .vxe-radio:not(.vxe-radio-button) + .vxe-radio {
81
- margin-left: 10px;
82
- }
83
77
 
84
- .vxe-radio-button .vxe-radio--label {
78
+ .vxe-radio--button .vxe-radio--label {
85
79
  background-color: var(--vxe-ui-layout-background-color);
86
80
  }
87
- .vxe-radio-button:first-child .vxe-radio--label {
81
+ .vxe-radio--button:first-child .vxe-radio--label {
88
82
  border-left: 1px solid var(--vxe-ui-input-border-color);
89
83
  border-radius: var(--vxe-ui-base-border-radius) 0 0 var(--vxe-ui-base-border-radius);
90
84
  }
91
- .vxe-radio-button:last-child .vxe-radio--label {
85
+ .vxe-radio--button:last-child .vxe-radio--label {
92
86
  border-radius: 0 var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0;
93
87
  }
94
- .vxe-radio-button > input:checked + .vxe-radio--label {
88
+ .vxe-radio--button > input:checked + .vxe-radio--label {
95
89
  color: #fff;
96
90
  background-color: var(--vxe-ui-font-primary-color);
97
91
  border-color: var(--vxe-ui-font-primary-color);
98
92
  }
99
- .vxe-radio-button .vxe-radio--label {
93
+ .vxe-radio--button .vxe-radio--label {
100
94
  padding: 0 1em;
101
95
  line-height: calc(var(--vxe-ui-button-height-default) - 2px);
102
96
  display: inline-block;
@@ -108,30 +102,30 @@
108
102
  text-overflow: ellipsis;
109
103
  white-space: nowrap;
110
104
  }
111
- .vxe-radio-button.is--disabled {
105
+ .vxe-radio--button.is--disabled {
112
106
  cursor: not-allowed;
113
107
  }
114
- .vxe-radio-button.is--disabled > input:not(:checked) + .vxe-radio--label {
108
+ .vxe-radio--button.is--disabled > input:not(:checked) + .vxe-radio--label {
115
109
  color: var(--vxe-ui-input-disabled-color);
116
110
  }
117
- .vxe-radio-button.is--disabled > input:checked + .vxe-radio--label {
111
+ .vxe-radio--button.is--disabled > input:checked + .vxe-radio--label {
118
112
  border-color: var(--vxe-ui-font-primary-lighten-color);
119
113
  background-color: var(--vxe-ui-font-primary-lighten-color);
120
114
  }
121
- .vxe-radio-button:not(.is--disabled) > input:focus + .vxe-radio--label {
115
+ .vxe-radio--button:not(.is--disabled) > input:focus + .vxe-radio--label {
122
116
  border-color: var(--vxe-ui-font-primary-color);
123
117
  box-shadow: 0 0 0.2em 0 var(--vxe-ui-font-primary-color);
124
118
  }
125
- .vxe-radio-button:not(.is--disabled):hover > input:not(:checked) + .vxe-radio--label {
119
+ .vxe-radio--button:not(.is--disabled):hover > input:not(:checked) + .vxe-radio--label {
126
120
  color: var(--vxe-ui-font-primary-color);
127
121
  }
128
- .vxe-radio-button.size--medium .vxe-radio--label {
122
+ .vxe-radio--button.size--medium .vxe-radio--label {
129
123
  line-height: calc(var(--vxe-ui-button-height-medium) - 2px);
130
124
  }
131
- .vxe-radio-button.size--small .vxe-radio--label {
125
+ .vxe-radio--button.size--small .vxe-radio--label {
132
126
  line-height: calc(var(--vxe-ui-button-height-small) - 2px);
133
127
  }
134
- .vxe-radio-button.size--mini .vxe-radio--label {
128
+ .vxe-radio--button.size--mini .vxe-radio--label {
135
129
  line-height: calc(var(--vxe-ui-button-height-mini) - 2px);
136
130
  }
137
131
 
@@ -146,4 +140,28 @@
146
140
  }
147
141
  .vxe-radio.size--mini {
148
142
  font-size: var(--vxe-ui-font-size-mini);
143
+ }
144
+ .vxe-radio:last-of-type {
145
+ margin-right: 0;
146
+ }
147
+
148
+ .vxe-radio--default,
149
+ .vxe-radio-group {
150
+ margin-right: var(--vxe-ui-base-margin-gap-default);
151
+ }
152
+ .vxe-radio--default.size--medium,
153
+ .vxe-radio-group.size--medium {
154
+ margin-right: var(--vxe-ui-base-margin-gap-medium);
155
+ }
156
+ .vxe-radio--default.size--small,
157
+ .vxe-radio-group.size--small {
158
+ margin-right: var(--vxe-ui-base-margin-gap-small);
159
+ }
160
+ .vxe-radio--default.size--mini,
161
+ .vxe-radio-group.size--mini {
162
+ margin-right: var(--vxe-ui-base-margin-gap-mini);
163
+ }
164
+ .vxe-radio--default:last-of-type,
165
+ .vxe-radio-group:last-of-type {
166
+ margin-right: 0;
149
167
  }
@@ -1 +1 @@
1
- .vxe-radio-group{display:inline-block;vertical-align:middle;line-height:1;font-size:0}.vxe-radio-group+.vxe-radio-group{margin-left:10px}.vxe-radio--readonly{color:var(--vxe-ui-font-color);display:inline-flex}.vxe-radio{display:inline-block;vertical-align:middle;white-space:nowrap;line-height:1;cursor:pointer}.vxe-radio .vxe-radio--icon{font-size:1.26em}.vxe-radio .vxe-radio--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-radio.is--checked{color:var(--vxe-ui-font-primary-color)}.vxe-radio.is--checked .vxe-radio--icon{color:var(--vxe-ui-font-primary-color)}.vxe-radio:not(.is--disabled){cursor:pointer}.vxe-radio:not(.is--disabled):hover .vxe-radio--icon{color:var(--vxe-ui-font-primary-color)}.vxe-radio.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-radio.is--disabled .vxe-radio--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-radio .vxe-radio--label{padding-left:.5em;vertical-align:middle}.vxe-radio>input[type=radio]{position:absolute;width:0;height:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.vxe-radio .vxe-radio--label{vertical-align:middle;display:inline-block;max-width:50em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-radio:not(.is--disabled)>input:focus+.vxe-radio--icon{color:var(--vxe-ui-font-primary-color)}.vxe-radio:not(.vxe-radio-button)+.vxe-radio{margin-left:10px}.vxe-radio-button .vxe-radio--label{background-color:var(--vxe-ui-layout-background-color)}.vxe-radio-button:first-child .vxe-radio--label{border-left:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius) 0 0 var(--vxe-ui-base-border-radius)}.vxe-radio-button:last-child .vxe-radio--label{border-radius:0 var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0}.vxe-radio-button>input:checked+.vxe-radio--label{color:#fff;background-color:var(--vxe-ui-font-primary-color);border-color:var(--vxe-ui-font-primary-color)}.vxe-radio-button .vxe-radio--label{padding:0 1em;line-height:calc(var(--vxe-ui-button-height-default) - 2px);display:inline-block;border-style:solid;border-color:var(--vxe-ui-input-border-color);border-width:1px 1px 1px 0;max-width:50em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-radio-button.is--disabled{cursor:not-allowed}.vxe-radio-button.is--disabled>input:not(:checked)+.vxe-radio--label{color:var(--vxe-ui-input-disabled-color)}.vxe-radio-button.is--disabled>input:checked+.vxe-radio--label{border-color:var(--vxe-ui-font-primary-lighten-color);background-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-radio-button:not(.is--disabled)>input:focus+.vxe-radio--label{border-color:var(--vxe-ui-font-primary-color);box-shadow:0 0 .2em 0 var(--vxe-ui-font-primary-color)}.vxe-radio-button:not(.is--disabled):hover>input:not(:checked)+.vxe-radio--label{color:var(--vxe-ui-font-primary-color)}.vxe-radio-button.size--medium .vxe-radio--label{line-height:calc(var(--vxe-ui-button-height-medium) - 2px)}.vxe-radio-button.size--small .vxe-radio--label{line-height:calc(var(--vxe-ui-button-height-small) - 2px)}.vxe-radio-button.size--mini .vxe-radio--label{line-height:calc(var(--vxe-ui-button-height-mini) - 2px)}.vxe-radio{font-size:var(--vxe-ui-font-size-default)}.vxe-radio.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-radio.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-radio.size--mini{font-size:var(--vxe-ui-font-size-mini)}
1
+ .vxe-radio-group{display:inline-block;vertical-align:middle;line-height:1;font-size:0}.vxe-radio--readonly{color:var(--vxe-ui-font-color);display:inline-flex}.vxe-radio{display:inline-block;vertical-align:middle;white-space:nowrap;line-height:1;cursor:pointer}.vxe-radio .vxe-radio--icon{font-size:1.26em}.vxe-radio .vxe-radio--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-radio.is--checked{color:var(--vxe-ui-font-primary-color)}.vxe-radio.is--checked .vxe-radio--icon{color:var(--vxe-ui-font-primary-color)}.vxe-radio:not(.is--disabled){cursor:pointer}.vxe-radio:not(.is--disabled):hover .vxe-radio--icon{color:var(--vxe-ui-font-primary-color)}.vxe-radio.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-radio.is--disabled .vxe-radio--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-radio .vxe-radio--label{padding-left:.5em;vertical-align:middle}.vxe-radio>input[type=radio]{position:absolute;width:0;height:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.vxe-radio .vxe-radio--label{vertical-align:middle;display:inline-block;max-width:50em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-radio:not(.is--disabled)>input:focus+.vxe-radio--icon{color:var(--vxe-ui-font-primary-color)}.vxe-radio--button .vxe-radio--label{background-color:var(--vxe-ui-layout-background-color)}.vxe-radio--button:first-child .vxe-radio--label{border-left:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius) 0 0 var(--vxe-ui-base-border-radius)}.vxe-radio--button:last-child .vxe-radio--label{border-radius:0 var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0}.vxe-radio--button>input:checked+.vxe-radio--label{color:#fff;background-color:var(--vxe-ui-font-primary-color);border-color:var(--vxe-ui-font-primary-color)}.vxe-radio--button .vxe-radio--label{padding:0 1em;line-height:calc(var(--vxe-ui-button-height-default) - 2px);display:inline-block;border-style:solid;border-color:var(--vxe-ui-input-border-color);border-width:1px 1px 1px 0;max-width:50em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-radio--button.is--disabled{cursor:not-allowed}.vxe-radio--button.is--disabled>input:not(:checked)+.vxe-radio--label{color:var(--vxe-ui-input-disabled-color)}.vxe-radio--button.is--disabled>input:checked+.vxe-radio--label{border-color:var(--vxe-ui-font-primary-lighten-color);background-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-radio--button:not(.is--disabled)>input:focus+.vxe-radio--label{border-color:var(--vxe-ui-font-primary-color);box-shadow:0 0 .2em 0 var(--vxe-ui-font-primary-color)}.vxe-radio--button:not(.is--disabled):hover>input:not(:checked)+.vxe-radio--label{color:var(--vxe-ui-font-primary-color)}.vxe-radio--button.size--medium .vxe-radio--label{line-height:calc(var(--vxe-ui-button-height-medium) - 2px)}.vxe-radio--button.size--small .vxe-radio--label{line-height:calc(var(--vxe-ui-button-height-small) - 2px)}.vxe-radio--button.size--mini .vxe-radio--label{line-height:calc(var(--vxe-ui-button-height-mini) - 2px)}.vxe-radio{font-size:var(--vxe-ui-font-size-default)}.vxe-radio.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-radio.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-radio.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-radio:last-of-type{margin-right:0}.vxe-radio--default,.vxe-radio-group{margin-right:var(--vxe-ui-base-margin-gap-default)}.vxe-radio--default.size--medium,.vxe-radio-group.size--medium{margin-right:var(--vxe-ui-base-margin-gap-medium)}.vxe-radio--default.size--small,.vxe-radio-group.size--small{margin-right:var(--vxe-ui-base-margin-gap-small)}.vxe-radio--default.size--mini,.vxe-radio-group.size--mini{margin-right:var(--vxe-ui-base-margin-gap-mini)}.vxe-radio--default:last-of-type,.vxe-radio-group:last-of-type{margin-right:0}
@@ -53,7 +53,10 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
53
53
  staticItems: [],
54
54
  itemList: []
55
55
  };
56
- var internalData = {};
56
+ var internalData = {
57
+ wrapperWidth: 0,
58
+ wrapperHeight: 0
59
+ };
57
60
  return {
58
61
  xID: xID,
59
62
  reactData: reactData,
@@ -100,9 +103,19 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
100
103
  var props = $xeSplit;
101
104
  var reactData = $xeSplit.reactData;
102
105
  var vertical = props.vertical;
103
- return reactData.itemList.filter(function (item) {
104
- return vertical ? !item.height : !item.width;
106
+ var autoItems = [];
107
+ reactData.itemList.forEach(vertical ? function (item) {
108
+ if (!item.height) {
109
+ autoItems.push(item);
110
+ }
111
+ } : function (item) {
112
+ if (!item.width) {
113
+ autoItems.push(item);
114
+ }
105
115
  });
116
+ return {
117
+ autoItems: autoItems
118
+ };
106
119
  },
107
120
  computeBarStyle: function computeBarStyle() {
108
121
  var $xeSplit = this;
@@ -223,6 +236,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
223
236
  var $xeSplit = this;
224
237
  var props = $xeSplit;
225
238
  var reactData = $xeSplit.reactData;
239
+ var internalData = $xeSplit.internalData;
226
240
  return $xeSplit.$nextTick().then(function () {
227
241
  var vertical = props.vertical;
228
242
  var itemList = reactData.itemList;
@@ -230,9 +244,9 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
230
244
  if (!el) {
231
245
  return;
232
246
  }
233
- var wrapperWidth = el.clientWidth;
234
- var wrapperHeight = el.clientHeight;
235
- if (!wrapperWidth || !wrapperHeight) {
247
+ var wWidth = el.clientWidth;
248
+ var wHeight = el.clientHeight;
249
+ if (!wWidth || !wHeight) {
236
250
  return;
237
251
  }
238
252
  var itemOpts = $xeSplit.computeItemOpts;
@@ -246,7 +260,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
246
260
  var itemHeight = 0;
247
261
  if (height) {
248
262
  if ((0, _dom.isScale)(height)) {
249
- itemHeight = wrapperHeight * _xeUtils.default.toNumber(height);
263
+ itemHeight = wHeight * _xeUtils.default.toNumber(height) / 100;
250
264
  } else {
251
265
  itemHeight = _xeUtils.default.toNumber(height);
252
266
  }
@@ -257,7 +271,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
257
271
  countHeight += itemHeight;
258
272
  });
259
273
  if (residueItems.length) {
260
- var reMeanHeight = (wrapperHeight - countHeight) / residueItems.length;
274
+ var reMeanHeight = (wHeight - countHeight) / residueItems.length;
261
275
  residueItems.forEach(function (item) {
262
276
  item.renderHeight = Math.max(_xeUtils.default.toNumber((0, _utils.getGlobalDefaultConfig)(item.minHeight, allMinHeight)), reMeanHeight);
263
277
  });
@@ -269,7 +283,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
269
283
  var itemWidth = 0;
270
284
  if (width) {
271
285
  if ((0, _dom.isScale)(width)) {
272
- itemWidth = wrapperWidth * _xeUtils.default.toNumber(width);
286
+ itemWidth = wWidth * _xeUtils.default.toNumber(width) / 100;
273
287
  } else {
274
288
  itemWidth = _xeUtils.default.toNumber(width);
275
289
  }
@@ -280,12 +294,14 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
280
294
  countWidth += itemWidth;
281
295
  });
282
296
  if (residueItems.length) {
283
- var reMeanWidth = (wrapperWidth - countWidth) / residueItems.length;
297
+ var reMeanWidth = (wWidth - countWidth) / residueItems.length;
284
298
  residueItems.forEach(function (item) {
285
299
  item.renderWidth = Math.max(_xeUtils.default.toNumber((0, _utils.getGlobalDefaultConfig)(item.minWidth, allMinWidth)), reMeanWidth);
286
300
  });
287
301
  }
288
302
  }
303
+ internalData.wrapperWidth = wWidth;
304
+ internalData.wrapperHeight = wHeight;
289
305
  });
290
306
  },
291
307
  dragEvent: function dragEvent(evnt) {
@@ -597,7 +613,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
597
613
  vertical = props.vertical;
598
614
  var itemList = reactData.itemList;
599
615
  var visibleItems = $xeSplit.computeVisibleItems;
600
- var autoItems = $xeSplit.computeAutoItems;
616
+ var autoItems = $xeSplit.computeAutoItems.autoItems;
601
617
  var isFoldNext = $xeSplit.computeIsFoldNext;
602
618
  var itemVNs = [];
603
619
  itemList.forEach(function (item, index) {
@@ -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"),_vn=require("../../ui/src/vn"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_log=require("../../ui/src/log");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeSplit",mixins:[_ui.globalMixins.sizeMixin],props:{width:[Number,String],height:[Number,String],vertical:{type:Boolean,default:function(){return(0,_ui.getConfig)().split.vertical}},border:{type:Boolean,default:function(){return(0,_ui.getConfig)().split.border}},padding:{type:Boolean,default:function(){return(0,_ui.getConfig)().split.padding}},resize:{type:Boolean,default:function(){return(0,_ui.getConfig)().split.resize}},items:Array,itemConfig:Object,barConfig:Object,actionConfig:Object},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{staticItems:[],itemList:[]},internalData:{},reFlag:0}},provide:function(){return{$xeSplit:this}},computed:Object.assign(Object.assign({},{}),{computeItemOpts:function(){return Object.assign({},(0,_ui.getConfig)().split.itemConfig,this.itemConfig)},computeBarOpts:function(){return Object.assign({},(0,_ui.getConfig)().split.barConfig,this.barConfig)},computeActionOpts:function(){return Object.assign({},(0,_ui.getConfig)().split.actionConfig,this.actionConfig)},computeIsFoldNext:function(){return"next"===this.computeActionOpts.direction},computeVisibleItems:function(){return this.reactData.itemList.filter(function(e){return e.isVisible})},computeAutoItems:function(){var e=this.reactData,t=this.vertical;return e.itemList.filter(function(e){return t?!e.height:!e.width})},computeBarStyle:function(){var e=this.computeBarOpts,t=e.width,e=e.height,i={};return e&&(i.height=(0,_dom.toCssUnit)(e)),t&&(i.width=(0,_dom.toCssUnit)(t)),i},computeSItemSize:function(){return this.reactData.staticItems.length}}),watch:{items:function(e){this.loadItem(e||[])},computeSItemSize:function(){var e=this,t=e.reactData;e.items&&e.items.length&&(0,_log.errLog)("vxe.error.errConflicts",["<vxe-split-pane ...>","items"]),t.itemList=t.staticItems,e.recalculate()}},methods:{dispatchEvent:function(e,t,i){this.$emit(e,(0,_ui.createEvent)(i,{$split:this},t))},callSlot:function(e,t){var i=this.$scopedSlots;return e&&(_xeUtils.default.isString(e)&&(e=i[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e(t)):[]},reset:function(){return this.reactData.itemList.forEach(function(e){e.isExpand=!0,e.isVisible=!0,e.foldHeight=0,e.foldWidth=0,e.resizeHeight=0,e.resizeWidth=0}),this.$nextTick()},handleLoadItem:function(e,t){var i=this.$scopedSlots,n=this.reactData,r=n.staticItems,s={isVisible:!0,isExpand:!0,renderWidth:0,resizeWidth:0,foldWidth:0,renderHeight:0,resizeHeight:0,foldHeight:0};return n.itemList=e.map(function(e){return e.slots&&_xeUtils.default.each(e.slots,function(e){_xeUtils.default.isFunction(e)||i[e]||(0,_log.errLog)("vxe.error.notSlot",[e])}),Object.assign({},t?null:s,e,t?s:null,{id:_xeUtils.default.uniqueId()})}),r.length&&(0,_log.errLog)("vxe.error.errConflicts",["<vxe-split-pane ...>","items"]),this.recalculate()},loadItem:function(e){return this.handleLoadItem(e||[],!1)},reloadItem:function(e){return this.handleLoadItem(e||[],!0)},recalculate:function(){var h=this,m=h,f=h.reactData;return h.$nextTick().then(function(){var n,r,t,i,s,a,l,o,d,e=m.vertical,u=f.itemList,c=h.$refs.refElem;c&&(n=c.clientWidth,r=c.clientHeight,n)&&r&&(c=h.computeItemOpts,t=_xeUtils.default.toNumber(c.minWidth),i=_xeUtils.default.toNumber(c.minHeight),s=[],e?(a=0,u.forEach(function(e){var t=e.height,i=0;t?(i=(0,_dom.isScale)(t)?r*_xeUtils.default.toNumber(t):_xeUtils.default.toNumber(t),e.renderHeight=i):s.push(e),a+=i}),s.length&&(l=(r-a)/s.length,s.forEach(function(e){e.renderHeight=Math.max(_xeUtils.default.toNumber((0,_utils.getGlobalDefaultConfig)(e.minHeight,i)),l)}))):(o=0,u.forEach(function(e){var t=e.width,i=0;t?(i=(0,_dom.isScale)(t)?n*_xeUtils.default.toNumber(t):_xeUtils.default.toNumber(t),e.renderWidth=i):s.push(e),o+=i}),s.length&&(d=(n-o)/s.length,s.forEach(function(e){e.renderWidth=Math.max(_xeUtils.default.toNumber((0,_utils.getGlobalDefaultConfig)(e.minWidth,t)),d)}))))})},dragEvent:function(e){var t,i,n,r,s,a,l,o,d,u,c,h,m,f,g,p,v,x=this,_=x.reactData,b=x.resize,E=x.vertical,_=_.itemList;b&&(e.preventDefault(),b=e.currentTarget.parentElement,t=x.$refs.refElem)&&(i=b.getAttribute("itemid"),b=_xeUtils.default.findIndexOf(_,function(e){return e.id===i}),n=_[b])&&n.isExpand&&(r=x.computeIsFoldNext,a=x.computeItemOpts,s=_xeUtils.default.toNumber(a.minWidth),a=_xeUtils.default.toNumber(a.minHeight),_=(l=_[b+(r?1:-1)])?t.querySelector('.vxe-split-pane[itemid="'.concat(l.id,'"]')):null,b=n?t.querySelector('.vxe-split-pane[itemid="'.concat(n.id,'"]')):null,o=_?_.clientWidth:0,d=b?b.clientWidth:0,u=_?_.clientHeight:0,c=b?b.clientHeight:0,h=_xeUtils.default.toNumber(l?(0,_utils.getGlobalDefaultConfig)(l.minWidth,s):s),m=_xeUtils.default.toNumber((0,_utils.getGlobalDefaultConfig)(n.minWidth,s)),f=_xeUtils.default.toNumber(l?(0,_utils.getGlobalDefaultConfig)(l.minHeight,a):a),g=_xeUtils.default.toNumber((0,_utils.getGlobalDefaultConfig)(n.minHeight,a)),p=e.clientX,v=e.clientY,(0,_dom.addClass)(t,"is--drag"),document.onmousemove=function(e){var t,i;e.preventDefault(),E?0<(t=r?v-e.clientY:e.clientY-v)?l&&g<=c-t&&(i=c-t,l.resizeHeight=u+t,n.resizeHeight=i,x.dispatchEvent("resize-drag",{item:n,name:n.name,offsetHeight:t,resizeHeight:i,offsetWidth:0,resizeWidth:0},e)):l&&f<=u+t&&(i=c-t,l.resizeHeight=u+t,n.resizeHeight=i,x.dispatchEvent("resize-drag",{item:n,name:n.name,offsetHeight:t,resizeHeight:i,offsetWidth:0,resizeWidth:0},e)):0<(t=r?p-e.clientX:e.clientX-p)?l&&m<=d-t&&(i=d-t,l.resizeWidth=o+t,n.resizeWidth=i,x.dispatchEvent("resize-drag",{item:n,name:n.name,offsetHeight:0,resizeHeight:0,offsetWidth:t,resizeWidth:i},e)):l&&h<=o+t&&(i=d-t,l.resizeWidth=o+t,n.resizeWidth=i,x.dispatchEvent("resize-drag",{item:n,name:n.name,offsetHeight:0,resizeHeight:0,offsetWidth:t,resizeWidth:i},e))},document.onmouseup=function(e){document.onmousemove=null,(document.onmouseup=null,_dom.removeClass)(t,"is--drag"),x.dispatchEvent("resize-end",{item:n,name:n.name,resizeHeight:n.resizeHeight,resizeWidth:n.resizeWidth},e),x.recalculate()},x.dispatchEvent("resize-start",{item:n,name:n.name},e))},handleItemActionEvent:function(e){var t,i,n,r,s,a=this,l=a.reactData;a.$refs.refElem&&(t=a.vertical,l=l.itemList,s=a.computeIsFoldNext,i=e.currentTarget.parentElement.getAttribute("itemid"),n=l[r=_xeUtils.default.findIndexOf(l,function(e){return e.id===i})],l=l[r+(s?1:-1)],n)&&(r=n.showAction,s=n.isExpand,r)&&(t?l&&(l.isVisible=!s,l.foldHeight=0,n.isExpand=!s,n.isVisible=!0,n.foldHeight=s?(l.resizeHeight||l.renderHeight)+(n.resizeHeight||n.renderHeight):0):l&&(l.isVisible=!s,l.foldWidth=0,n.isExpand=!s,n.isVisible=!0,n.foldWidth=s?(l.resizeWidth||l.renderWidth)+(n.resizeWidth||n.renderWidth):0),a.dispatchEvent("toggle-expand",{item:n,name:n.name,targetItem:l,targetName:l?l.name:"",expanded:n.isExpand},e),a.recalculate())},handleActionDblclickEvent:function(e){var t=this.reactData.itemList,i=this.computeActionOpts,n=e.currentTarget.parentElement.getAttribute("itemid"),t=t[_xeUtils.default.findIndexOf(t,function(e){return e.id===n})];"dblclick"===i.trigger&&this.handleItemActionEvent(e),this.dispatchEvent("action-dblclick",{item:t,name:t?t.name:""},e)},handleActionClickEvent:function(e){var t=this.reactData.itemList,i=this.computeActionOpts,n=e.currentTarget.parentElement.getAttribute("itemid"),t=t[_xeUtils.default.findIndexOf(t,function(e){return e.id===n})];"dblclick"!==i.trigger&&this.handleItemActionEvent(e),this.dispatchEvent("action-click",{item:t,name:t?t.name:""},e)},handleGlobalResizeEvent:function(){this.recalculate()},getDefaultActionIcon:function(e){var t=this.vertical,i=e.showAction,e=e.isExpand,n=this.computeIsFoldNext,r="SPLIT_TOP_ACTION",s="SPLIT_BOTTOM_ACTION",a="SPLIT_LEFT_ACTION",l="SPLIT_RIGHT_ACTION";if(i){i="";if(i=n?t?e?s:r:e?l:a:t?e?r:s:e?a:l)return(0,_ui.getIcon)()[i]}return""},renderHandleBar:function(e,t){var i=this,n=i.computeBarStyle,r=i.computeActionOpts,s=i.computeIsFoldNext,a=t.id,l=t.isExpand,o=t.showAction,d={};return"dblclick"===r.trigger?d.dblclick=i.handleItemActionEvent:d.click=i.handleItemActionEvent,e("div",{attrs:{itemid:a},class:["vxe-split-pane-handle",s?"to--next":"to--prev"]},[e("div",{class:"vxe-split-pane-handle-bar",style:n,on:{mousedown:i.dragEvent}}),o?e("span",{class:"vxe-split-pane-action-btn",on:d},[e("i",{class:(l?r.openIcon:r.closeIcon)||i.getDefaultActionIcon(t)})]):(0,_ui.renderEmptyElement)(i)])},renderItems:function(u){var c=this,e=c.reactData,h=c.border,m=c.padding,f=c.resize,g=c.vertical,p=e.itemList,v=c.computeVisibleItems,x=c.computeAutoItems,_=c.computeIsFoldNext,b=[];return p.forEach(function(e,t){var i=e.id,n=e.name,r=e.slots,s=e.isVisible,a=e.isExpand,r=r?r.default:null,l={},o=s?e.foldWidth||e.resizeWidth||e.renderWidth:0,d=s?e.foldHeight||e.resizeHeight||e.renderHeight:0;1===x.length&&(g?e.height||(d=0):e.width||(o=0)),g?d&&(l.height=1===v.length?"100%":(0,_dom.toCssUnit)(d)):o&&(l.width=1===v.length?"100%":(0,_dom.toCssUnit)(o)),b.push(u("div",{attrs:{itemid:i},class:["vxe-split-pane",g?"is--vertical":"is--horizontal",{"is--resize":f,"is--padding":m,"is--border":h,"is--height":d,"is--width":o,"is--fill":s&&!d&&!o,"is--handle":0<t,"is--expand":a,"is--hidden":!s}],style:l},[t&&!_?c.renderHandleBar(u,e):(0,_ui.renderEmptyElement)(c),u("div",{attrs:{itemid:i},class:"vxe-split-pane--wrapper"},[u("div",{class:"vxe-split-pane--inner"},r?c.callSlot(r,{name:n,isVisible:s,isExpand:a}):[])]),_&&t<p.length-1?c.renderHandleBar(u,e):(0,_ui.renderEmptyElement)(c)]))}),u("div",{class:"vxe-split-wrapper"},b)},renderVN:function(e){var t=this.$scopedSlots,i=this.vertical,n=this.width,r=this.height,t=t.default,s={};return r&&(s.height=(0,_dom.toCssUnit)(r)),n&&(s.width=(0,_dom.toCssUnit)(n)),e("div",{ref:"refElem",class:["vxe-split",i?"is--vertical":"is--horizontal"],style:s},[e("div",{class:"vxe-split-slots"},t?t({}):[]),this.renderItems(e)])}},created:function(){_ui.globalEvents.on(this,"resize",this.handleGlobalResizeEvent)},mounted:function(){var e,t=this,i=t,n=t.$refs.refElem;n&&((e=_ui.globalResize.create(function(){t.recalculate()})).observe(n),this.$resize=e),i.items&&t.loadItem(i.items),t.$nextTick(function(){t.recalculate()})},beforeDestroy:function(){this.$resize&&this.$resize.disconnect(),_ui.globalEvents.off(this,"resize")},render:function(e){return this.renderVN(e)}});
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"),_vn=require("../../ui/src/vn"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_log=require("../../ui/src/log");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeSplit",mixins:[_ui.globalMixins.sizeMixin],props:{width:[Number,String],height:[Number,String],vertical:{type:Boolean,default:function(){return(0,_ui.getConfig)().split.vertical}},border:{type:Boolean,default:function(){return(0,_ui.getConfig)().split.border}},padding:{type:Boolean,default:function(){return(0,_ui.getConfig)().split.padding}},resize:{type:Boolean,default:function(){return(0,_ui.getConfig)().split.resize}},items:Array,itemConfig:Object,barConfig:Object,actionConfig:Object},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{staticItems:[],itemList:[]},internalData:{wrapperWidth:0,wrapperHeight:0},reFlag:0}},provide:function(){return{$xeSplit:this}},computed:Object.assign(Object.assign({},{}),{computeItemOpts:function(){return Object.assign({},(0,_ui.getConfig)().split.itemConfig,this.itemConfig)},computeBarOpts:function(){return Object.assign({},(0,_ui.getConfig)().split.barConfig,this.barConfig)},computeActionOpts:function(){return Object.assign({},(0,_ui.getConfig)().split.actionConfig,this.actionConfig)},computeIsFoldNext:function(){return"next"===this.computeActionOpts.direction},computeVisibleItems:function(){return this.reactData.itemList.filter(function(e){return e.isVisible})},computeAutoItems:function(){var e=this.reactData,t=this.vertical,i=[];return e.itemList.forEach(t?function(e){e.height||i.push(e)}:function(e){e.width||i.push(e)}),{autoItems:i}},computeBarStyle:function(){var e=this.computeBarOpts,t=e.width,e=e.height,i={};return e&&(i.height=(0,_dom.toCssUnit)(e)),t&&(i.width=(0,_dom.toCssUnit)(t)),i},computeSItemSize:function(){return this.reactData.staticItems.length}}),watch:{items:function(e){this.loadItem(e||[])},computeSItemSize:function(){var e=this,t=e.reactData;e.items&&e.items.length&&(0,_log.errLog)("vxe.error.errConflicts",["<vxe-split-pane ...>","items"]),t.itemList=t.staticItems,e.recalculate()}},methods:{dispatchEvent:function(e,t,i){this.$emit(e,(0,_ui.createEvent)(i,{$split:this},t))},callSlot:function(e,t){var i=this.$scopedSlots;return e&&(_xeUtils.default.isString(e)&&(e=i[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e(t)):[]},reset:function(){return this.reactData.itemList.forEach(function(e){e.isExpand=!0,e.isVisible=!0,e.foldHeight=0,e.foldWidth=0,e.resizeHeight=0,e.resizeWidth=0}),this.$nextTick()},handleLoadItem:function(e,t){var i=this.$scopedSlots,n=this.reactData,r=n.staticItems,s={isVisible:!0,isExpand:!0,renderWidth:0,resizeWidth:0,foldWidth:0,renderHeight:0,resizeHeight:0,foldHeight:0};return n.itemList=e.map(function(e){return e.slots&&_xeUtils.default.each(e.slots,function(e){_xeUtils.default.isFunction(e)||i[e]||(0,_log.errLog)("vxe.error.notSlot",[e])}),Object.assign({},t?null:s,e,t?s:null,{id:_xeUtils.default.uniqueId()})}),r.length&&(0,_log.errLog)("vxe.error.errConflicts",["<vxe-split-pane ...>","items"]),this.recalculate()},loadItem:function(e){return this.handleLoadItem(e||[],!1)},reloadItem:function(e){return this.handleLoadItem(e||[],!0)},recalculate:function(){var h=this,m=h,f=h.reactData,g=h.internalData;return h.$nextTick().then(function(){var n,r,t,i,s,a,l,o,u,e=m.vertical,d=f.itemList,c=h.$refs.refElem;c&&(n=c.clientWidth,r=c.clientHeight,n)&&r&&(c=h.computeItemOpts,t=_xeUtils.default.toNumber(c.minWidth),i=_xeUtils.default.toNumber(c.minHeight),s=[],e?(a=0,d.forEach(function(e){var t=e.height,i=0;t?(i=(0,_dom.isScale)(t)?r*_xeUtils.default.toNumber(t)/100:_xeUtils.default.toNumber(t),e.renderHeight=i):s.push(e),a+=i}),s.length&&(l=(r-a)/s.length,s.forEach(function(e){e.renderHeight=Math.max(_xeUtils.default.toNumber((0,_utils.getGlobalDefaultConfig)(e.minHeight,i)),l)}))):(o=0,d.forEach(function(e){var t=e.width,i=0;t?(i=(0,_dom.isScale)(t)?n*_xeUtils.default.toNumber(t)/100:_xeUtils.default.toNumber(t),e.renderWidth=i):s.push(e),o+=i}),s.length&&(u=(n-o)/s.length,s.forEach(function(e){e.renderWidth=Math.max(_xeUtils.default.toNumber((0,_utils.getGlobalDefaultConfig)(e.minWidth,t)),u)}))),g.wrapperWidth=n,g.wrapperHeight=r)})},dragEvent:function(e){var t,i,n,r,s,a,l,o,u,d,c,h,m,f,g,p,v,x=this,_=x.reactData,b=x.resize,E=x.vertical,_=_.itemList;b&&(e.preventDefault(),b=e.currentTarget.parentElement,t=x.$refs.refElem)&&(i=b.getAttribute("itemid"),b=_xeUtils.default.findIndexOf(_,function(e){return e.id===i}),n=_[b])&&n.isExpand&&(r=x.computeIsFoldNext,a=x.computeItemOpts,s=_xeUtils.default.toNumber(a.minWidth),a=_xeUtils.default.toNumber(a.minHeight),_=(l=_[b+(r?1:-1)])?t.querySelector('.vxe-split-pane[itemid="'.concat(l.id,'"]')):null,b=n?t.querySelector('.vxe-split-pane[itemid="'.concat(n.id,'"]')):null,o=_?_.clientWidth:0,u=b?b.clientWidth:0,d=_?_.clientHeight:0,c=b?b.clientHeight:0,h=_xeUtils.default.toNumber(l?(0,_utils.getGlobalDefaultConfig)(l.minWidth,s):s),m=_xeUtils.default.toNumber((0,_utils.getGlobalDefaultConfig)(n.minWidth,s)),f=_xeUtils.default.toNumber(l?(0,_utils.getGlobalDefaultConfig)(l.minHeight,a):a),g=_xeUtils.default.toNumber((0,_utils.getGlobalDefaultConfig)(n.minHeight,a)),p=e.clientX,v=e.clientY,(0,_dom.addClass)(t,"is--drag"),document.onmousemove=function(e){var t,i;e.preventDefault(),E?0<(t=r?v-e.clientY:e.clientY-v)?l&&g<=c-t&&(i=c-t,l.resizeHeight=d+t,n.resizeHeight=i,x.dispatchEvent("resize-drag",{item:n,name:n.name,offsetHeight:t,resizeHeight:i,offsetWidth:0,resizeWidth:0},e)):l&&f<=d+t&&(i=c-t,l.resizeHeight=d+t,n.resizeHeight=i,x.dispatchEvent("resize-drag",{item:n,name:n.name,offsetHeight:t,resizeHeight:i,offsetWidth:0,resizeWidth:0},e)):0<(t=r?p-e.clientX:e.clientX-p)?l&&m<=u-t&&(i=u-t,l.resizeWidth=o+t,n.resizeWidth=i,x.dispatchEvent("resize-drag",{item:n,name:n.name,offsetHeight:0,resizeHeight:0,offsetWidth:t,resizeWidth:i},e)):l&&h<=o+t&&(i=u-t,l.resizeWidth=o+t,n.resizeWidth=i,x.dispatchEvent("resize-drag",{item:n,name:n.name,offsetHeight:0,resizeHeight:0,offsetWidth:t,resizeWidth:i},e))},document.onmouseup=function(e){document.onmousemove=null,(document.onmouseup=null,_dom.removeClass)(t,"is--drag"),x.dispatchEvent("resize-end",{item:n,name:n.name,resizeHeight:n.resizeHeight,resizeWidth:n.resizeWidth},e),x.recalculate()},x.dispatchEvent("resize-start",{item:n,name:n.name},e))},handleItemActionEvent:function(e){var t,i,n,r,s,a=this,l=a.reactData;a.$refs.refElem&&(t=a.vertical,l=l.itemList,s=a.computeIsFoldNext,i=e.currentTarget.parentElement.getAttribute("itemid"),n=l[r=_xeUtils.default.findIndexOf(l,function(e){return e.id===i})],l=l[r+(s?1:-1)],n)&&(r=n.showAction,s=n.isExpand,r)&&(t?l&&(l.isVisible=!s,l.foldHeight=0,n.isExpand=!s,n.isVisible=!0,n.foldHeight=s?(l.resizeHeight||l.renderHeight)+(n.resizeHeight||n.renderHeight):0):l&&(l.isVisible=!s,l.foldWidth=0,n.isExpand=!s,n.isVisible=!0,n.foldWidth=s?(l.resizeWidth||l.renderWidth)+(n.resizeWidth||n.renderWidth):0),a.dispatchEvent("toggle-expand",{item:n,name:n.name,targetItem:l,targetName:l?l.name:"",expanded:n.isExpand},e),a.recalculate())},handleActionDblclickEvent:function(e){var t=this.reactData.itemList,i=this.computeActionOpts,n=e.currentTarget.parentElement.getAttribute("itemid"),t=t[_xeUtils.default.findIndexOf(t,function(e){return e.id===n})];"dblclick"===i.trigger&&this.handleItemActionEvent(e),this.dispatchEvent("action-dblclick",{item:t,name:t?t.name:""},e)},handleActionClickEvent:function(e){var t=this.reactData.itemList,i=this.computeActionOpts,n=e.currentTarget.parentElement.getAttribute("itemid"),t=t[_xeUtils.default.findIndexOf(t,function(e){return e.id===n})];"dblclick"!==i.trigger&&this.handleItemActionEvent(e),this.dispatchEvent("action-click",{item:t,name:t?t.name:""},e)},handleGlobalResizeEvent:function(){this.recalculate()},getDefaultActionIcon:function(e){var t=this.vertical,i=e.showAction,e=e.isExpand,n=this.computeIsFoldNext,r="SPLIT_TOP_ACTION",s="SPLIT_BOTTOM_ACTION",a="SPLIT_LEFT_ACTION",l="SPLIT_RIGHT_ACTION";if(i){i="";if(i=n?t?e?s:r:e?l:a:t?e?r:s:e?a:l)return(0,_ui.getIcon)()[i]}return""},renderHandleBar:function(e,t){var i=this,n=i.computeBarStyle,r=i.computeActionOpts,s=i.computeIsFoldNext,a=t.id,l=t.isExpand,o=t.showAction,u={};return"dblclick"===r.trigger?u.dblclick=i.handleItemActionEvent:u.click=i.handleItemActionEvent,e("div",{attrs:{itemid:a},class:["vxe-split-pane-handle",s?"to--next":"to--prev"]},[e("div",{class:"vxe-split-pane-handle-bar",style:n,on:{mousedown:i.dragEvent}}),o?e("span",{class:"vxe-split-pane-action-btn",on:u},[e("i",{class:(l?r.openIcon:r.closeIcon)||i.getDefaultActionIcon(t)})]):(0,_ui.renderEmptyElement)(i)])},renderItems:function(d){var c=this,e=c.reactData,h=c.border,m=c.padding,f=c.resize,g=c.vertical,p=e.itemList,v=c.computeVisibleItems,x=c.computeAutoItems.autoItems,_=c.computeIsFoldNext,b=[];return p.forEach(function(e,t){var i=e.id,n=e.name,r=e.slots,s=e.isVisible,a=e.isExpand,r=r?r.default:null,l={},o=s?e.foldWidth||e.resizeWidth||e.renderWidth:0,u=s?e.foldHeight||e.resizeHeight||e.renderHeight:0;1===x.length&&(g?e.height||(u=0):e.width||(o=0)),g?u&&(l.height=1===v.length?"100%":(0,_dom.toCssUnit)(u)):o&&(l.width=1===v.length?"100%":(0,_dom.toCssUnit)(o)),b.push(d("div",{attrs:{itemid:i},class:["vxe-split-pane",g?"is--vertical":"is--horizontal",{"is--resize":f,"is--padding":m,"is--border":h,"is--height":u,"is--width":o,"is--fill":s&&!u&&!o,"is--handle":0<t,"is--expand":a,"is--hidden":!s}],style:l},[t&&!_?c.renderHandleBar(d,e):(0,_ui.renderEmptyElement)(c),d("div",{attrs:{itemid:i},class:"vxe-split-pane--wrapper"},[d("div",{class:"vxe-split-pane--inner"},r?c.callSlot(r,{name:n,isVisible:s,isExpand:a}):[])]),_&&t<p.length-1?c.renderHandleBar(d,e):(0,_ui.renderEmptyElement)(c)]))}),d("div",{class:"vxe-split-wrapper"},b)},renderVN:function(e){var t=this.$scopedSlots,i=this.vertical,n=this.width,r=this.height,t=t.default,s={};return r&&(s.height=(0,_dom.toCssUnit)(r)),n&&(s.width=(0,_dom.toCssUnit)(n)),e("div",{ref:"refElem",class:["vxe-split",i?"is--vertical":"is--horizontal"],style:s},[e("div",{class:"vxe-split-slots"},t?t({}):[]),this.renderItems(e)])}},created:function(){_ui.globalEvents.on(this,"resize",this.handleGlobalResizeEvent)},mounted:function(){var e,t=this,i=t,n=t.$refs.refElem;n&&((e=_ui.globalResize.create(function(){t.recalculate()})).observe(n),this.$resize=e),i.items&&t.loadItem(i.items),t.$nextTick(function(){t.recalculate()})},beforeDestroy:function(){this.$resize&&this.$resize.disconnect(),_ui.globalEvents.off(this,"resize")},render:function(e){return this.renderVN(e)}});
@@ -28,7 +28,7 @@
28
28
  height: 100%;
29
29
  display: flex;
30
30
  flex-direction: row;
31
- overflow: auto;
31
+ overflow: hidden;
32
32
  }
33
33
 
34
34
  .vxe-split-slots {
@@ -1 +1 @@
1
- .vxe-split{width:100%}.vxe-split.is--vertical>.vxe-split-wrapper{flex-direction:column}.vxe-split.is--vertical>.vxe-split-wrapper>.vxe-split-pane{width:100%}.vxe-split.is--drag{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-split.is--drag>.vxe-split-wrapper>.vxe-split-pane>.vxe-split-pane--wrapper::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:0 0}.vxe-split-wrapper{height:100%;display:flex;flex-direction:row;overflow:auto}.vxe-split-slots{display:none}.vxe-split-pane-handle{position:relative;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-split-pane--wrapper{position:relative;word-break:break-word;overflow:hidden;flex-grow:1}.vxe-split-pane--inner{height:100%;width:100%;overflow:auto}.vxe-split-pane--inner>.vxe-split{height:100%}.vxe-split-pane-handle-bar{background-color:var(--vxe-split-handle-bar-background-color)}.vxe-split-pane-action-btn{display:block;position:absolute;z-index:2;cursor:pointer;background-color:var(--vxe-ui-layout-background-color);border:1px solid var(--vxe-ui-input-border-color);transition:transform .1s ease-in-out}.vxe-split-pane-action-btn:hover{color:var(--vxe-ui-layout-background-color);background-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-split-pane{display:flex;position:relative;overflow:hidden}.vxe-split-pane.is--hidden{width:0}.vxe-split-pane.is--padding>.vxe-split-pane--wrapper{padding:var(--vxe-ui-layout-padding-default)}.vxe-split-pane.is--fill{flex-grow:1}.vxe-split-pane.is--height,.vxe-split-pane.is--width{flex-shrink:0}.vxe-split-pane.is--border>.vxe-split-pane--wrapper,.vxe-split-pane.is--border>.vxe-split-pane-handle{border:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-split-pane.is--resize.is--expand.is--horizontal>.vxe-split-pane-handle .vxe-split-pane-handle-bar{cursor:w-resize}.vxe-split-pane.is--resize.is--expand.is--vertical>.vxe-split-pane-handle .vxe-split-pane-handle-bar{cursor:n-resize}.vxe-split-pane.is--resize.is--expand>.vxe-split-pane-handle>.vxe-split-pane-handle-bar{background-color:var(--vxe-split-handle-bar-background-color)}.vxe-split-pane.is--resize.is--expand>.vxe-split-pane-handle>.vxe-split-pane-handle-bar:hover{background-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-split-pane.is--resize.is--expand>.vxe-split-pane-handle>.vxe-split-pane-handle-bar:active{background-color:var(--vxe-ui-font-primary-darken-color)}.vxe-split-pane.is--horizontal{flex-direction:row}.vxe-split-pane.is--horizontal>.vxe-split-pane-handle.to--prev .vxe-split-pane-action-btn{left:0}.vxe-split-pane.is--horizontal>.vxe-split-pane-handle.to--next .vxe-split-pane-action-btn{right:0}.vxe-split-pane.is--horizontal>.vxe-split-pane-handle .vxe-split-pane-handle-bar{width:var(--vxe-split-handle-bar-width);height:100%}.vxe-split-pane.is--horizontal>.vxe-split-pane-handle .vxe-split-pane-action-btn{top:50%;transform:translateY(-50%);padding:1em 0}.vxe-split-pane.is--horizontal>.vxe-split-pane-handle .vxe-split-pane-action-btn:active{transform:translateY(-50%) scale(.9)}.vxe-split-pane.is--horizontal.is--border>.vxe-split-pane-handle{border-width:1px 0 1px 0}.vxe-split-pane.is--vertical{flex-direction:column}.vxe-split-pane.is--vertical>.vxe-split-pane-handle.to--prev .vxe-split-pane-action-btn{top:0}.vxe-split-pane.is--vertical>.vxe-split-pane-handle.to--next .vxe-split-pane-action-btn{bottom:0}.vxe-split-pane.is--vertical>.vxe-split-pane-handle .vxe-split-pane-handle-bar{height:var(--vxe-split-handle-bar-height);width:100%}.vxe-split-pane.is--vertical>.vxe-split-pane-handle .vxe-split-pane-action-btn{left:50%;transform:translateX(-50%);padding:0 1em}.vxe-split-pane.is--vertical>.vxe-split-pane-handle .vxe-split-pane-action-btn:active{transform:translateX(-50%) scale(.9)}.vxe-split-pane.is--vertical.is--border>.vxe-split-pane-handle{border-width:0 1px 0 1px}.vxe-modal--content>.vxe-split{height:100%}
1
+ .vxe-split{width:100%}.vxe-split.is--vertical>.vxe-split-wrapper{flex-direction:column}.vxe-split.is--vertical>.vxe-split-wrapper>.vxe-split-pane{width:100%}.vxe-split.is--drag{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-split.is--drag>.vxe-split-wrapper>.vxe-split-pane>.vxe-split-pane--wrapper::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:0 0}.vxe-split-wrapper{height:100%;display:flex;flex-direction:row;overflow:hidden}.vxe-split-slots{display:none}.vxe-split-pane-handle{position:relative;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-split-pane--wrapper{position:relative;word-break:break-word;overflow:hidden;flex-grow:1}.vxe-split-pane--inner{height:100%;width:100%;overflow:auto}.vxe-split-pane--inner>.vxe-split{height:100%}.vxe-split-pane-handle-bar{background-color:var(--vxe-split-handle-bar-background-color)}.vxe-split-pane-action-btn{display:block;position:absolute;z-index:2;cursor:pointer;background-color:var(--vxe-ui-layout-background-color);border:1px solid var(--vxe-ui-input-border-color);transition:transform .1s ease-in-out}.vxe-split-pane-action-btn:hover{color:var(--vxe-ui-layout-background-color);background-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-split-pane{display:flex;position:relative;overflow:hidden}.vxe-split-pane.is--hidden{width:0}.vxe-split-pane.is--padding>.vxe-split-pane--wrapper{padding:var(--vxe-ui-layout-padding-default)}.vxe-split-pane.is--fill{flex-grow:1}.vxe-split-pane.is--height,.vxe-split-pane.is--width{flex-shrink:0}.vxe-split-pane.is--border>.vxe-split-pane--wrapper,.vxe-split-pane.is--border>.vxe-split-pane-handle{border:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-split-pane.is--resize.is--expand.is--horizontal>.vxe-split-pane-handle .vxe-split-pane-handle-bar{cursor:w-resize}.vxe-split-pane.is--resize.is--expand.is--vertical>.vxe-split-pane-handle .vxe-split-pane-handle-bar{cursor:n-resize}.vxe-split-pane.is--resize.is--expand>.vxe-split-pane-handle>.vxe-split-pane-handle-bar{background-color:var(--vxe-split-handle-bar-background-color)}.vxe-split-pane.is--resize.is--expand>.vxe-split-pane-handle>.vxe-split-pane-handle-bar:hover{background-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-split-pane.is--resize.is--expand>.vxe-split-pane-handle>.vxe-split-pane-handle-bar:active{background-color:var(--vxe-ui-font-primary-darken-color)}.vxe-split-pane.is--horizontal{flex-direction:row}.vxe-split-pane.is--horizontal>.vxe-split-pane-handle.to--prev .vxe-split-pane-action-btn{left:0}.vxe-split-pane.is--horizontal>.vxe-split-pane-handle.to--next .vxe-split-pane-action-btn{right:0}.vxe-split-pane.is--horizontal>.vxe-split-pane-handle .vxe-split-pane-handle-bar{width:var(--vxe-split-handle-bar-width);height:100%}.vxe-split-pane.is--horizontal>.vxe-split-pane-handle .vxe-split-pane-action-btn{top:50%;transform:translateY(-50%);padding:1em 0}.vxe-split-pane.is--horizontal>.vxe-split-pane-handle .vxe-split-pane-action-btn:active{transform:translateY(-50%) scale(.9)}.vxe-split-pane.is--horizontal.is--border>.vxe-split-pane-handle{border-width:1px 0 1px 0}.vxe-split-pane.is--vertical{flex-direction:column}.vxe-split-pane.is--vertical>.vxe-split-pane-handle.to--prev .vxe-split-pane-action-btn{top:0}.vxe-split-pane.is--vertical>.vxe-split-pane-handle.to--next .vxe-split-pane-action-btn{bottom:0}.vxe-split-pane.is--vertical>.vxe-split-pane-handle .vxe-split-pane-handle-bar{height:var(--vxe-split-handle-bar-height);width:100%}.vxe-split-pane.is--vertical>.vxe-split-pane-handle .vxe-split-pane-action-btn{left:50%;transform:translateX(-50%);padding:0 1em}.vxe-split-pane.is--vertical>.vxe-split-pane-handle .vxe-split-pane-action-btn:active{transform:translateX(-50%) scale(.9)}.vxe-split-pane.is--vertical.is--border>.vxe-split-pane-handle{border-width:0 1px 0 1px}.vxe-modal--content>.vxe-split{height:100%}