vxe-pc-ui 3.7.13 → 3.7.15

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 (50) hide show
  1. package/es/icon/style.css +1 -1
  2. package/es/link/src/link.js +11 -4
  3. package/es/link/style.css +4 -0
  4. package/es/link/style.min.css +1 -1
  5. package/es/menu/src/menu.js +18 -5
  6. package/es/style.css +1 -1
  7. package/es/style.min.css +1 -1
  8. package/es/tabs/src/tabs.js +1 -1
  9. package/es/ui/index.js +1 -1
  10. package/es/ui/src/log.js +1 -1
  11. package/es/vxe-link/style.css +4 -0
  12. package/es/vxe-link/style.min.css +1 -1
  13. package/lib/icon/style/style.css +1 -1
  14. package/lib/icon/style/style.min.css +1 -1
  15. package/lib/index.umd.js +33 -13
  16. package/lib/index.umd.min.js +1 -1
  17. package/lib/link/src/link.js +11 -5
  18. package/lib/link/src/link.min.js +1 -1
  19. package/lib/link/style/style.css +4 -0
  20. package/lib/link/style/style.min.css +1 -1
  21. package/lib/menu/src/menu.js +19 -5
  22. package/lib/menu/src/menu.min.js +1 -1
  23. package/lib/style.css +1 -1
  24. package/lib/style.min.css +1 -1
  25. package/lib/tabs/src/tabs.js +1 -1
  26. package/lib/tabs/src/tabs.min.js +1 -1
  27. package/lib/ui/index.js +1 -1
  28. package/lib/ui/index.min.js +1 -1
  29. package/lib/ui/src/log.js +1 -1
  30. package/lib/ui/src/log.min.js +1 -1
  31. package/lib/vxe-link/style/style.css +4 -0
  32. package/lib/vxe-link/style/style.min.css +1 -1
  33. package/package.json +2 -2
  34. package/packages/link/src/link.ts +11 -4
  35. package/packages/menu/src/menu.ts +19 -6
  36. package/packages/tabs/src/tabs.ts +1 -1
  37. package/styles/components/link.scss +4 -0
  38. package/types/components/link.d.ts +2 -0
  39. /package/es/icon/{iconfont.1752718920523.ttf → iconfont.1752756614109.ttf} +0 -0
  40. /package/es/icon/{iconfont.1752718920523.woff → iconfont.1752756614109.woff} +0 -0
  41. /package/es/icon/{iconfont.1752718920523.woff2 → iconfont.1752756614109.woff2} +0 -0
  42. /package/es/{iconfont.1752718920523.ttf → iconfont.1752756614109.ttf} +0 -0
  43. /package/es/{iconfont.1752718920523.woff → iconfont.1752756614109.woff} +0 -0
  44. /package/es/{iconfont.1752718920523.woff2 → iconfont.1752756614109.woff2} +0 -0
  45. /package/lib/icon/style/{iconfont.1752718920523.ttf → iconfont.1752756614109.ttf} +0 -0
  46. /package/lib/icon/style/{iconfont.1752718920523.woff → iconfont.1752756614109.woff} +0 -0
  47. /package/lib/icon/style/{iconfont.1752718920523.woff2 → iconfont.1752756614109.woff2} +0 -0
  48. /package/lib/{iconfont.1752718920523.ttf → iconfont.1752756614109.ttf} +0 -0
  49. /package/lib/{iconfont.1752718920523.woff → iconfont.1752756614109.woff} +0 -0
  50. /package/lib/{iconfont.1752718920523.woff2 → iconfont.1752756614109.woff2} +0 -0
@@ -21,6 +21,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
21
21
  target: String,
22
22
  status: String,
23
23
  title: [String, Number],
24
+ disabled: Boolean,
24
25
  icon: String,
25
26
  routerLink: Object,
26
27
  underline: {
@@ -61,7 +62,11 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
61
62
  },
62
63
  clickEvent: function clickEvent(evnt) {
63
64
  var $xeLink = this;
64
- $xeLink.dispatchEvent('click', {}, evnt);
65
+ var props = $xeLink;
66
+ var disabled = props.disabled;
67
+ if (!disabled) {
68
+ $xeLink.dispatchEvent('click', {}, evnt);
69
+ }
65
70
  },
66
71
  //
67
72
  // Render
@@ -91,6 +96,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
91
96
  href = props.href,
92
97
  title = props.title,
93
98
  underline = props.underline,
99
+ disabled = props.disabled,
94
100
  routerLink = props.routerLink;
95
101
  var permissionInfo = $xeLink.computePermissionInfo;
96
102
  var vSize = $xeLink.computeSize;
@@ -99,12 +105,12 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
99
105
  }
100
106
  if (routerLink) {
101
107
  return h('router-link', {
102
- class: ['vxe-link', _defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), "theme--".concat(status), status), 'is--underline', underline)],
108
+ class: ['vxe-link', _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), "theme--".concat(status), status), 'is--disabled', disabled), 'is--underline', underline)],
103
109
  props: {
104
110
  title: title,
105
111
  target: target,
106
112
  custom: true,
107
- to: routerLink
113
+ to: disabled ? null : routerLink
108
114
  },
109
115
  on: {
110
116
  click: $xeLink.clickEvent
@@ -113,9 +119,9 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
113
119
  }
114
120
  return h('a', {
115
121
  ref: 'refElem',
116
- class: ['vxe-link', _defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), "theme--".concat(status), status), 'is--underline', underline)],
122
+ class: ['vxe-link', _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), "theme--".concat(status), status), 'is--disabled', disabled), 'is--underline', underline)],
117
123
  attrs: {
118
- href: href,
124
+ href: disabled ? null : href,
119
125
  target: target,
120
126
  title: title
121
127
  },
@@ -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");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:"VxeLink",mixins:[_ui.globalMixins.sizeMixin,_ui.globalMixins.permissionMixin],props:{href:String,target:String,status:String,title:[String,Number],icon:String,routerLink:Object,underline:{type:Boolean,default:function(){return(0,_ui.getConfig)().link.underline}},permissionCode:[String,Number],content:[String,Number],size:{type:String,default:function(){return(0,_ui.getConfig)().link.size||(0,_ui.getConfig)().size}}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{}}},computed:Object.assign({},{}),methods:{dispatchEvent:function(e,t,n){this.$emit(e,(0,_ui.createEvent)(n,{$link:this},t))},clickEvent:function(e){this.dispatchEvent("click",{},e)},renderContent:function(e){var t=this,n=t.$scopedSlots,i=t.icon,r=n.default,n=n.icon,o=_xeUtils.default.toValueString(t.content);return[n||i?e("span",{class:"vxe-link--icon"},n?(0,_vn.getSlotVNs)(n({})):[e("i",{class:i})]):(0,_ui.renderEmptyElement)(t),r||o?e("span",{class:"vxe-link--content"},r?r({}):o):(0,_ui.renderEmptyElement)(t)]},renderVN:function(e){var t=this,n=t.status,i=t.target,r=t.href,o=t.title,u=t.underline,l=t.routerLink,c=t.computePermissionInfo,s=t.computeSize;return c.visible?l?e("router-link",{class:["vxe-link",_defineProperty(_defineProperty(_defineProperty({},"size--".concat(s),s),"theme--".concat(n),n),"is--underline",u)],props:{title:o,target:i,custom:!0,to:l},on:{click:t.clickEvent}},t.renderContent(e)):e("a",{ref:"refElem",class:["vxe-link",_defineProperty(_defineProperty(_defineProperty({},"size--".concat(s),s),"theme--".concat(n),n),"is--underline",u)],attrs:{href:r,target:i,title:o},on:{click:t.clickEvent}},t.renderContent(e)):(0,_ui.renderEmptyElement)(t)}},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");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:"VxeLink",mixins:[_ui.globalMixins.sizeMixin,_ui.globalMixins.permissionMixin],props:{href:String,target:String,status:String,title:[String,Number],disabled:Boolean,icon:String,routerLink:Object,underline:{type:Boolean,default:function(){return(0,_ui.getConfig)().link.underline}},permissionCode:[String,Number],content:[String,Number],size:{type:String,default:function(){return(0,_ui.getConfig)().link.size||(0,_ui.getConfig)().size}}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{}}},computed:Object.assign({},{}),methods:{dispatchEvent:function(e,t,i){this.$emit(e,(0,_ui.createEvent)(i,{$link:this},t))},clickEvent:function(e){this.disabled||this.dispatchEvent("click",{},e)},renderContent:function(e){var t=this,i=t.$scopedSlots,n=t.icon,r=i.default,i=i.icon,o=_xeUtils.default.toValueString(t.content);return[i||n?e("span",{class:"vxe-link--icon"},i?(0,_vn.getSlotVNs)(i({})):[e("i",{class:n})]):(0,_ui.renderEmptyElement)(t),r||o?e("span",{class:"vxe-link--content"},r?r({}):o):(0,_ui.renderEmptyElement)(t)]},renderVN:function(e){var t=this,i=t.status,n=t.target,r=t.href,o=t.title,u=t.underline,l=t.disabled,s=t.routerLink,c=t.computePermissionInfo,a=t.computeSize;return c.visible?s?e("router-link",{class:["vxe-link",_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(a),a),"theme--".concat(i),i),"is--disabled",l),"is--underline",u)],props:{title:o,target:n,custom:!0,to:l?null:s},on:{click:t.clickEvent}},t.renderContent(e)):e("a",{ref:"refElem",class:["vxe-link",_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(a),a),"theme--".concat(i),i),"is--disabled",l),"is--underline",u)],attrs:{href:l?null:r,target:n,title:o},on:{click:t.clickEvent}},t.renderContent(e)):(0,_ui.renderEmptyElement)(t)}},render:function(e){return this.renderVN(e)}});
@@ -11,6 +11,10 @@
11
11
  .vxe-link.is--underline:not(.is--disabled):hover .vxe-link--content {
12
12
  text-decoration: underline;
13
13
  }
14
+ .vxe-link.is--disabled {
15
+ color: var(--vxe-ui-font-disabled-color);
16
+ cursor: no-drop;
17
+ }
14
18
  .vxe-link.theme--primary {
15
19
  color: var(--vxe-ui-font-primary-color);
16
20
  }
@@ -1 +1 @@
1
- .vxe-link{text-decoration:none;color:inherit}.vxe-link:not(.is--disabled){cursor:pointer}.vxe-link:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-color)}.vxe-link.is--underline:not(.is--disabled):hover .vxe-link--content{text-decoration:underline}.vxe-link.theme--primary{color:var(--vxe-ui-font-primary-color)}.vxe-link.theme--primary:not(.is--disabled):focus{color:var(--vxe-ui-font-primary-darken-color)}.vxe-link.theme--primary:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-link.theme--primary.is--disabled{color:var(--vxe-ui-font-primary-disabled-color)}.vxe-link.theme--success{color:var(--vxe-ui-status-success-color)}.vxe-link.theme--success:not(.is--disabled):focus{color:var(--vxe-ui-status-success-darken-color)}.vxe-link.theme--success:not(.is--disabled):hover{color:var(--vxe-ui-status-success-lighten-color)}.vxe-link.theme--success.is--disabled{color:var(--vxe-ui-status-success-disabled-color)}.vxe-link.theme--info{color:var(--vxe-ui-status-info-color)}.vxe-link.theme--info:not(.is--disabled):focus{color:var(--vxe-ui-status-info-darken-color)}.vxe-link.theme--info:not(.is--disabled):hover{color:var(--vxe-ui-status-info-lighten-color)}.vxe-link.theme--info.is--disabled{color:var(--vxe-ui-status-info-disabled-color)}.vxe-link.theme--warning{color:var(--vxe-ui-status-warning-color)}.vxe-link.theme--warning:not(.is--disabled):focus{color:var(--vxe-ui-status-warning-darken-color)}.vxe-link.theme--warning:not(.is--disabled):hover{color:var(--vxe-ui-status-warning-lighten-color)}.vxe-link.theme--warning.is--disabled{color:var(--vxe-ui-status-warning-disabled-color)}.vxe-link.theme--danger{color:var(--vxe-ui-status-danger-color)}.vxe-link.theme--danger:not(.is--disabled):focus{color:var(--vxe-ui-status-danger-darken-color)}.vxe-link.theme--danger:not(.is--disabled):hover{color:var(--vxe-ui-status-danger-lighten-color)}.vxe-link.theme--danger.is--disabled{color:var(--vxe-ui-status-danger-disabled-color)}.vxe-link.theme--error{color:var(--vxe-ui-status-error-color)}.vxe-link.theme--error:not(.is--disabled):focus{color:var(--vxe-ui-status-error-darken-color)}.vxe-link.theme--error:not(.is--disabled):hover{color:var(--vxe-ui-status-error-lighten-color)}.vxe-link.theme--error.is--disabled{color:var(--vxe-ui-status-error-disabled-color)}.vxe-link--icon{padding:0 .1em}.vxe-link--content{padding:0 .1em}.vxe-link.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-link.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-link.size--mini{font-size:var(--vxe-ui-font-size-mini)}
1
+ .vxe-link{text-decoration:none;color:inherit}.vxe-link:not(.is--disabled){cursor:pointer}.vxe-link:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-color)}.vxe-link.is--underline:not(.is--disabled):hover .vxe-link--content{text-decoration:underline}.vxe-link.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:no-drop}.vxe-link.theme--primary{color:var(--vxe-ui-font-primary-color)}.vxe-link.theme--primary:not(.is--disabled):focus{color:var(--vxe-ui-font-primary-darken-color)}.vxe-link.theme--primary:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-link.theme--primary.is--disabled{color:var(--vxe-ui-font-primary-disabled-color)}.vxe-link.theme--success{color:var(--vxe-ui-status-success-color)}.vxe-link.theme--success:not(.is--disabled):focus{color:var(--vxe-ui-status-success-darken-color)}.vxe-link.theme--success:not(.is--disabled):hover{color:var(--vxe-ui-status-success-lighten-color)}.vxe-link.theme--success.is--disabled{color:var(--vxe-ui-status-success-disabled-color)}.vxe-link.theme--info{color:var(--vxe-ui-status-info-color)}.vxe-link.theme--info:not(.is--disabled):focus{color:var(--vxe-ui-status-info-darken-color)}.vxe-link.theme--info:not(.is--disabled):hover{color:var(--vxe-ui-status-info-lighten-color)}.vxe-link.theme--info.is--disabled{color:var(--vxe-ui-status-info-disabled-color)}.vxe-link.theme--warning{color:var(--vxe-ui-status-warning-color)}.vxe-link.theme--warning:not(.is--disabled):focus{color:var(--vxe-ui-status-warning-darken-color)}.vxe-link.theme--warning:not(.is--disabled):hover{color:var(--vxe-ui-status-warning-lighten-color)}.vxe-link.theme--warning.is--disabled{color:var(--vxe-ui-status-warning-disabled-color)}.vxe-link.theme--danger{color:var(--vxe-ui-status-danger-color)}.vxe-link.theme--danger:not(.is--disabled):focus{color:var(--vxe-ui-status-danger-darken-color)}.vxe-link.theme--danger:not(.is--disabled):hover{color:var(--vxe-ui-status-danger-lighten-color)}.vxe-link.theme--danger.is--disabled{color:var(--vxe-ui-status-danger-disabled-color)}.vxe-link.theme--error{color:var(--vxe-ui-status-error-color)}.vxe-link.theme--error:not(.is--disabled):focus{color:var(--vxe-ui-status-error-darken-color)}.vxe-link.theme--error:not(.is--disabled):hover{color:var(--vxe-ui-status-error-lighten-color)}.vxe-link.theme--error.is--disabled{color:var(--vxe-ui-status-error-disabled-color)}.vxe-link--icon{padding:0 .1em}.vxe-link--content{padding:0 .1em}.vxe-link.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-link.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-link.size--mini{font-size:var(--vxe-ui-font-size-mini)}
@@ -284,6 +284,14 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
284
284
  });
285
285
  reactData.isEnterCollapse = true;
286
286
  },
287
+ handleMenuMouseover: function handleMenuMouseover() {
288
+ var $xeMenu = this;
289
+ var reactData = $xeMenu.reactData;
290
+ var isEnterCollapse = reactData.isEnterCollapse;
291
+ if (!isEnterCollapse) {
292
+ $xeMenu.handleMenuMouseenter();
293
+ }
294
+ },
287
295
  handleMenuMouseleave: function handleMenuMouseleave() {
288
296
  var $xeMenu = this;
289
297
  var reactData = $xeMenu.reactData;
@@ -430,13 +438,22 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
430
438
  var $xeMenu = this;
431
439
  var props = $xeMenu;
432
440
  var reactData = $xeMenu.reactData;
433
- var loading = props.loading;
441
+ var loading = props.loading,
442
+ collapseFixed = props.collapseFixed;
434
443
  var initialized = reactData.initialized,
435
444
  menuList = reactData.menuList,
436
445
  collapseStyle = reactData.collapseStyle,
437
446
  isEnterCollapse = reactData.isEnterCollapse;
438
447
  var vSize = $xeMenu.computeSize;
439
448
  var isCollapsed = $xeMenu.computeIsCollapsed;
449
+ var ons = {};
450
+ if (collapseFixed) {
451
+ ons = {
452
+ mouseenter: $xeMenu.handleMenuMouseenter,
453
+ mouseover: $xeMenu.handleMenuMouseover,
454
+ mouseleave: $xeMenu.handleMenuMouseleave
455
+ };
456
+ }
440
457
  return h('div', {
441
458
  ref: 'refElem',
442
459
  class: ['vxe-menu', _defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'is--collapsed', isCollapsed), 'is--loading', loading)]
@@ -448,10 +465,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
448
465
  ref: 'refCollapseElem',
449
466
  class: ['vxe-menu--collapse-wrapper', _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'is--collapsed', isCollapsed), 'is--enter', isEnterCollapse), 'is--loading', loading)],
450
467
  style: collapseStyle,
451
- on: {
452
- mouseenter: $xeMenu.handleMenuMouseenter,
453
- mouseleave: $xeMenu.handleMenuMouseleave
454
- }
468
+ on: ons
455
469
  }, [isCollapsed ? h('div', {
456
470
  class: 'vxe-menu--item-list'
457
471
  }, menuList.map(function (child) {
@@ -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"),_vn=require("../../ui/src/vn"),_index=_interopRequireDefault(require("../../loading/index"));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:"VxeMenu",mixins:[_ui.globalMixins.sizeMixin,_ui.globalMixins.permissionMixin],props:{value:[String,Number],expandAll:Boolean,accordion:{type:Boolean,default:function(){return(0,_ui.getConfig)().menu.accordion}},collapsed:{type:Boolean,default:null},collapseFixed:Boolean,loading:Boolean,options:{type:Array,default:function(){return[]}},size:{type:String,default:function(){return(0,_ui.getConfig)().menu.size||(0,_ui.getConfig)().size}}},inject:{$xeLayoutAside:{default:null}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{initialized:!1,isEnterCollapse:!1,collapseStyle:{},collapseZindex:0,activeName:null,menuList:[],itemHeight:1}}},computed:Object.assign(Object.assign({},{}),{computeIsCollapsed:function(){var e=this.$xeLayoutAside,t=this.collapsed;return _xeUtils.default.isBoolean(t)?t:!!e&&!!e.collapsed},computeCollapseWidth:function(){var e=this.$xeLayoutAside,t="";return t=e?e.collapseWidth||"":t},computeCollapseEnterWidth:function(){var e=this.$xeLayoutAside,t="";return t=e?e.width||"":t}}),methods:{dispatchEvent:function(e,t,i){this.$emit(e,(0,_ui.createEvent)(i,{$menu:this},t))},emitModel:function(e){var t=this,i=t.reactData,n=t._events;i.activeName=e,t.$emit("input",e),n&&n.modelValue?t.$emit("modelValue",e):t.$emit("model-value",e)},callSlot:function(e,t,i){var n=this.$scopedSlots;return e&&(_xeUtils.default.isString(e)&&(e=n[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e.call(this,t,i)):[]},getMenuTitle:function(e){return"".concat(e.title||e.name)},updateZindex:function(){var e=this.reactData;e.collapseZindex<(0,_utils.getLastZIndex)()&&(e.collapseZindex=(0,_utils.nextZIndex)())},updateActiveMenu:function(a){var e=this.reactData,s=e.activeName;_xeUtils.default.eachTree(e.menuList,function(e,t,i,n,l,o){e.itemKey===s?(o.forEach(function(e){e.isActive=!0,a&&(e.isExpand=!0)}),e.isExactActive=!0):(e.isExactActive=!1,e.isActive=!1)},{children:"childList"})},updateMenuConfig:function(){var e=this.reactData,t=this.options,o=this.expandAll;e.menuList=_xeUtils.default.mapTree(t,function(e,t,i,n,l){return Object.assign(Object.assign({},e),{parentKey:l?l.name||n.slice(0,n.length-1).join(","):"",level:n.length,itemKey:e.name||n.join(","),isExactActive:!1,isActive:!1,isExpand:_xeUtils.default.isBoolean(e.expanded)?e.expanded:!!o,hasChild:e.children&&0<e.children.length})},{children:"children",mapChildren:"childList"})},updateCollapseStyle:function(){var a=this,s=a.reactData;a.collapseFixed&&a.$nextTick(function(){var e,t=s.isEnterCollapse,i=a.computeIsCollapsed,n=a.computeCollapseEnterWidth,l=a.computeCollapseWidth,o=a.$refs.refElem;o&&(e=o.getBoundingClientRect(),o=o.parentNode,s.collapseStyle=i?{top:(0,_dom.toCssUnit)(e.top),left:(0,_dom.toCssUnit)(e.left),height:(0,_dom.toCssUnit)(o.clientHeight),width:t?n?(0,_dom.toCssUnit)(n):"":l?(0,_dom.toCssUnit)(l):"",zIndex:s.collapseZindex}:{})})},handleCollapseMenu:function(){var e,t=this,i=t.reactData;t.collapseFixed&&(e=i.initialized,t.computeIsCollapsed&&!e&&(i.initialized=!0,t.$nextTick(function(){var e=t.$refs.refCollapseElem;e&&document.body.appendChild(e)})),i.isEnterCollapse=!1,t.updateZindex(),t.updateCollapseStyle())},handleClickIconCollapse:function(e,t,i){var n=this.accordion,l=t.hasChild,o=t.isExpand;l&&(e.stopPropagation(),e.preventDefault(),n&&i.forEach(function(e){e!==t&&(e.isExpand=!1)}),t.isExpand=!o)},handleClickMenu:function(e,t,i){var n=t.itemKey;!t.routerLink&&t.hasChild?this.handleClickIconCollapse(e,t,i):this.emitModel(n),this.dispatchEvent("click",{menu:t},e)},handleMenuMouseenter:function(){var e=this.reactData,t=e.collapseStyle,i=this.computeCollapseEnterWidth;e.collapseStyle=Object.assign({},t,{width:i?(0,_dom.toCssUnit)(i):""}),e.isEnterCollapse=!0},handleMenuMouseleave:function(){var e=this.reactData,t=e.collapseStyle,i=this.$refs.refElem;e.collapseStyle=Object.assign({},t,{width:i?(0,_dom.toCssUnit)(i.offsetWidth):""}),e.isEnterCollapse=!1},renderMenuTitle:function(e,t,i){var n=this,l=n.$scopedSlots,o=t.icon,a=t.isExpand,s=t.hasChild,r=t.slots,r=r?r.default:l.option,l=n.getMenuTitle(t),u=n.computeIsCollapsed;return[e("div",{class:"vxe-menu--item-link-icon"},o?[e("i",{class:o})]:[]),r?e("div",{class:"vxe-menu--item-custom-title"},n.callSlot(r,{option:t,collapsed:u},e)):e("div",{class:"vxe-menu--item-link-title",attrs:{title:l}},l),s?e("div",{class:"vxe-menu--item-link-collapse",on:{click:function(e){n.handleClickIconCollapse(e,t,i)}}},[e("i",{class:a?(0,_ui.getIcon)().MENU_ITEM_EXPAND_OPEN:(0,_ui.getIcon)().MENU_ITEM_EXPAND_CLOSE})]):(0,_ui.renderEmptyElement)(n)]},renderDefaultChildren:function(t,i,n){var l=this,e=l.reactData,o=i.itemKey,a=i.level,s=i.hasChild,r=i.isActive,u=i.isExactActive,c=i.isExpand,d=i.routerLink,p=i.childList,e=e.isEnterCollapse,m=l.computeIsCollapsed;return i.permissionCode&&!_ui.permission.checkVisible(i.permissionCode)?(0,_ui.renderEmptyElement)(l):t("div",{key:o,class:["vxe-menu--item-wrapper","vxe-menu--item-level".concat(a),{"is--exact-active":u,"is--active":r,"is--expand":(!m||e)&&c}]},[d?t("router-link",{class:"vxe-menu--item-link",props:{custom:!0,to:d},on:{click:function(e){l.handleClickMenu(e,i,n)}}},l.renderMenuTitle(t,i,n)):t("div",{class:"vxe-menu--item-link",on:{click:function(e){l.handleClickMenu(e,i,n)}}},l.renderMenuTitle(t,i,n)),s?t("div",{class:"vxe-menu--item-group"},p.map(function(e){return l.renderDefaultChildren(t,e,p)})):(0,_ui.renderEmptyElement)(l)])},renderCollapseChildren:function(t,i,n){var l=this,e=i.itemKey,o=i.level,a=i.hasChild,s=i.isActive,r=i.isExactActive,u=i.routerLink,c=i.childList;return i.permissionCode&&!_ui.permission.checkVisible(i.permissionCode)?(0,_ui.renderEmptyElement)(l):t("div",{key:e,class:["vxe-menu--item-wrapper","vxe-menu--item-level".concat(o),{"is--exact-active":r,"is--active":s}]},[u?t("router-link",{class:"vxe-menu--item-link",props:{custom:!0,to:u},on:{click:function(e){l.handleClickMenu(e,i,n)}}},l.renderMenuTitle(t,i,n)):t("div",{class:"vxe-menu--item-link",on:{click:function(e){l.handleClickMenu(e,i,n)}}},l.renderMenuTitle(t,i,n)),a?t("div",{class:"vxe-menu--item-group"},c.map(function(e){return l.renderDefaultChildren(t,e,c)})):(0,_ui.renderEmptyElement)(l)])},renderVN:function(t){var i=this,e=i.reactData,n=i.loading,l=e.initialized,o=e.menuList,a=e.collapseStyle,e=e.isEnterCollapse,s=i.computeSize,r=i.computeIsCollapsed;return t("div",{ref:"refElem",class:["vxe-menu",_defineProperty(_defineProperty(_defineProperty({},"size--".concat(s),s),"is--collapsed",r),"is--loading",n)]},[t("div",{class:"vxe-menu--item-list"},o.map(function(e){return r?i.renderCollapseChildren(t,e,o):i.renderDefaultChildren(t,e,o)})),l?t("div",{ref:"refCollapseElem",class:["vxe-menu--collapse-wrapper",_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(s),s),"is--collapsed",r),"is--enter",e),"is--loading",n)],style:a,on:{mouseenter:i.handleMenuMouseenter,mouseleave:i.handleMenuMouseleave}},[r?t("div",{class:"vxe-menu--item-list"},o.map(function(e){return i.renderDefaultChildren(t,e,o)})):(0,_ui.renderEmptyElement)(i)]):(0,_ui.renderEmptyElement)(i),t(_index.default,{class:"vxe-list-view--loading",props:{value:n}})])}},watch:{value:function(e){this.reactData.activeName=e},options:function(){this.updateMenuConfig(),this.updateActiveMenu(!0)},"reactData.activeName":function(){this.updateActiveMenu(!0)},computeIsCollapsed:function(){this.handleCollapseMenu()}},mounted:function(){_ui.globalEvents.on(this,"resize",this.updateCollapseStyle),this.updateCollapseStyle()},beforeDestroy:function(){_ui.globalEvents.off(this,"resize");var e,t=this.$refs.refCollapseElem;t&&(e=t.parentNode)&&e.removeChild(t)},created:function(){var e=this.reactData;e.initialized=!!this.collapsed,e.activeName=this.value,this.updateMenuConfig(),this.updateActiveMenu(!0)},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"),_vn=require("../../ui/src/vn"),_index=_interopRequireDefault(require("../../loading/index"));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:"VxeMenu",mixins:[_ui.globalMixins.sizeMixin,_ui.globalMixins.permissionMixin],props:{value:[String,Number],expandAll:Boolean,accordion:{type:Boolean,default:function(){return(0,_ui.getConfig)().menu.accordion}},collapsed:{type:Boolean,default:null},collapseFixed:Boolean,loading:Boolean,options:{type:Array,default:function(){return[]}},size:{type:String,default:function(){return(0,_ui.getConfig)().menu.size||(0,_ui.getConfig)().size}}},inject:{$xeLayoutAside:{default:null}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{initialized:!1,isEnterCollapse:!1,collapseStyle:{},collapseZindex:0,activeName:null,menuList:[],itemHeight:1}}},computed:Object.assign(Object.assign({},{}),{computeIsCollapsed:function(){var e=this.$xeLayoutAside,t=this.collapsed;return _xeUtils.default.isBoolean(t)?t:!!e&&!!e.collapsed},computeCollapseWidth:function(){var e=this.$xeLayoutAside,t="";return t=e?e.collapseWidth||"":t},computeCollapseEnterWidth:function(){var e=this.$xeLayoutAside,t="";return t=e?e.width||"":t}}),methods:{dispatchEvent:function(e,t,i){this.$emit(e,(0,_ui.createEvent)(i,{$menu:this},t))},emitModel:function(e){var t=this,i=t.reactData,n=t._events;i.activeName=e,t.$emit("input",e),n&&n.modelValue?t.$emit("modelValue",e):t.$emit("model-value",e)},callSlot:function(e,t,i){var n=this.$scopedSlots;return e&&(_xeUtils.default.isString(e)&&(e=n[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e.call(this,t,i)):[]},getMenuTitle:function(e){return"".concat(e.title||e.name)},updateZindex:function(){var e=this.reactData;e.collapseZindex<(0,_utils.getLastZIndex)()&&(e.collapseZindex=(0,_utils.nextZIndex)())},updateActiveMenu:function(a){var e=this.reactData,s=e.activeName;_xeUtils.default.eachTree(e.menuList,function(e,t,i,n,l,o){e.itemKey===s?(o.forEach(function(e){e.isActive=!0,a&&(e.isExpand=!0)}),e.isExactActive=!0):(e.isExactActive=!1,e.isActive=!1)},{children:"childList"})},updateMenuConfig:function(){var e=this.reactData,t=this.options,o=this.expandAll;e.menuList=_xeUtils.default.mapTree(t,function(e,t,i,n,l){return Object.assign(Object.assign({},e),{parentKey:l?l.name||n.slice(0,n.length-1).join(","):"",level:n.length,itemKey:e.name||n.join(","),isExactActive:!1,isActive:!1,isExpand:_xeUtils.default.isBoolean(e.expanded)?e.expanded:!!o,hasChild:e.children&&0<e.children.length})},{children:"children",mapChildren:"childList"})},updateCollapseStyle:function(){var a=this,s=a.reactData;a.collapseFixed&&a.$nextTick(function(){var e,t=s.isEnterCollapse,i=a.computeIsCollapsed,n=a.computeCollapseEnterWidth,l=a.computeCollapseWidth,o=a.$refs.refElem;o&&(e=o.getBoundingClientRect(),o=o.parentNode,s.collapseStyle=i?{top:(0,_dom.toCssUnit)(e.top),left:(0,_dom.toCssUnit)(e.left),height:(0,_dom.toCssUnit)(o.clientHeight),width:t?n?(0,_dom.toCssUnit)(n):"":l?(0,_dom.toCssUnit)(l):"",zIndex:s.collapseZindex}:{})})},handleCollapseMenu:function(){var e,t=this,i=t.reactData;t.collapseFixed&&(e=i.initialized,t.computeIsCollapsed&&!e&&(i.initialized=!0,t.$nextTick(function(){var e=t.$refs.refCollapseElem;e&&document.body.appendChild(e)})),i.isEnterCollapse=!1,t.updateZindex(),t.updateCollapseStyle())},handleClickIconCollapse:function(e,t,i){var n=this.accordion,l=t.hasChild,o=t.isExpand;l&&(e.stopPropagation(),e.preventDefault(),n&&i.forEach(function(e){e!==t&&(e.isExpand=!1)}),t.isExpand=!o)},handleClickMenu:function(e,t,i){var n=t.itemKey;!t.routerLink&&t.hasChild?this.handleClickIconCollapse(e,t,i):this.emitModel(n),this.dispatchEvent("click",{menu:t},e)},handleMenuMouseenter:function(){var e=this.reactData,t=e.collapseStyle,i=this.computeCollapseEnterWidth;e.collapseStyle=Object.assign({},t,{width:i?(0,_dom.toCssUnit)(i):""}),e.isEnterCollapse=!0},handleMenuMouseover:function(){this.reactData.isEnterCollapse||this.handleMenuMouseenter()},handleMenuMouseleave:function(){var e=this.reactData,t=e.collapseStyle,i=this.$refs.refElem;e.collapseStyle=Object.assign({},t,{width:i?(0,_dom.toCssUnit)(i.offsetWidth):""}),e.isEnterCollapse=!1},renderMenuTitle:function(e,t,i){var n=this,l=n.$scopedSlots,o=t.icon,a=t.isExpand,s=t.hasChild,r=t.slots,r=r?r.default:l.option,l=n.getMenuTitle(t),u=n.computeIsCollapsed;return[e("div",{class:"vxe-menu--item-link-icon"},o?[e("i",{class:o})]:[]),r?e("div",{class:"vxe-menu--item-custom-title"},n.callSlot(r,{option:t,collapsed:u},e)):e("div",{class:"vxe-menu--item-link-title",attrs:{title:l}},l),s?e("div",{class:"vxe-menu--item-link-collapse",on:{click:function(e){n.handleClickIconCollapse(e,t,i)}}},[e("i",{class:a?(0,_ui.getIcon)().MENU_ITEM_EXPAND_OPEN:(0,_ui.getIcon)().MENU_ITEM_EXPAND_CLOSE})]):(0,_ui.renderEmptyElement)(n)]},renderDefaultChildren:function(t,i,n){var l=this,e=l.reactData,o=i.itemKey,a=i.level,s=i.hasChild,r=i.isActive,u=i.isExactActive,c=i.isExpand,d=i.routerLink,p=i.childList,e=e.isEnterCollapse,m=l.computeIsCollapsed;return i.permissionCode&&!_ui.permission.checkVisible(i.permissionCode)?(0,_ui.renderEmptyElement)(l):t("div",{key:o,class:["vxe-menu--item-wrapper","vxe-menu--item-level".concat(a),{"is--exact-active":u,"is--active":r,"is--expand":(!m||e)&&c}]},[d?t("router-link",{class:"vxe-menu--item-link",props:{custom:!0,to:d},on:{click:function(e){l.handleClickMenu(e,i,n)}}},l.renderMenuTitle(t,i,n)):t("div",{class:"vxe-menu--item-link",on:{click:function(e){l.handleClickMenu(e,i,n)}}},l.renderMenuTitle(t,i,n)),s?t("div",{class:"vxe-menu--item-group"},p.map(function(e){return l.renderDefaultChildren(t,e,p)})):(0,_ui.renderEmptyElement)(l)])},renderCollapseChildren:function(t,i,n){var l=this,e=i.itemKey,o=i.level,a=i.hasChild,s=i.isActive,r=i.isExactActive,u=i.routerLink,c=i.childList;return i.permissionCode&&!_ui.permission.checkVisible(i.permissionCode)?(0,_ui.renderEmptyElement)(l):t("div",{key:e,class:["vxe-menu--item-wrapper","vxe-menu--item-level".concat(o),{"is--exact-active":r,"is--active":s}]},[u?t("router-link",{class:"vxe-menu--item-link",props:{custom:!0,to:u},on:{click:function(e){l.handleClickMenu(e,i,n)}}},l.renderMenuTitle(t,i,n)):t("div",{class:"vxe-menu--item-link",on:{click:function(e){l.handleClickMenu(e,i,n)}}},l.renderMenuTitle(t,i,n)),a?t("div",{class:"vxe-menu--item-group"},c.map(function(e){return l.renderDefaultChildren(t,e,c)})):(0,_ui.renderEmptyElement)(l)])},renderVN:function(t){var i=this,e=i.reactData,n=i.loading,l=e.initialized,o=e.menuList,a=e.collapseStyle,e=e.isEnterCollapse,s=i.computeSize,r=i.computeIsCollapsed,u={};return i.collapseFixed&&(u={mouseenter:i.handleMenuMouseenter,mouseover:i.handleMenuMouseover,mouseleave:i.handleMenuMouseleave}),t("div",{ref:"refElem",class:["vxe-menu",_defineProperty(_defineProperty(_defineProperty({},"size--".concat(s),s),"is--collapsed",r),"is--loading",n)]},[t("div",{class:"vxe-menu--item-list"},o.map(function(e){return r?i.renderCollapseChildren(t,e,o):i.renderDefaultChildren(t,e,o)})),l?t("div",{ref:"refCollapseElem",class:["vxe-menu--collapse-wrapper",_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(s),s),"is--collapsed",r),"is--enter",e),"is--loading",n)],style:a,on:u},[r?t("div",{class:"vxe-menu--item-list"},o.map(function(e){return i.renderDefaultChildren(t,e,o)})):(0,_ui.renderEmptyElement)(i)]):(0,_ui.renderEmptyElement)(i),t(_index.default,{class:"vxe-list-view--loading",props:{value:n}})])}},watch:{value:function(e){this.reactData.activeName=e},options:function(){this.updateMenuConfig(),this.updateActiveMenu(!0)},"reactData.activeName":function(){this.updateActiveMenu(!0)},computeIsCollapsed:function(){this.handleCollapseMenu()}},mounted:function(){_ui.globalEvents.on(this,"resize",this.updateCollapseStyle),this.updateCollapseStyle()},beforeDestroy:function(){_ui.globalEvents.off(this,"resize");var e,t=this.$refs.refCollapseElem;t&&(e=t.parentNode)&&e.removeChild(t)},created:function(){var e=this.reactData;e.initialized=!!this.collapsed,e.activeName=this.value,this.updateMenuConfig(),this.updateActiveMenu(!0)},render:function(e){return this.renderVN(e)}});