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.
- package/es/icon/style.css +1 -1
- package/es/link/src/link.js +11 -4
- package/es/link/style.css +4 -0
- package/es/link/style.min.css +1 -1
- package/es/menu/src/menu.js +18 -5
- package/es/style.css +1 -1
- package/es/style.min.css +1 -1
- package/es/tabs/src/tabs.js +1 -1
- package/es/ui/index.js +1 -1
- package/es/ui/src/log.js +1 -1
- package/es/vxe-link/style.css +4 -0
- package/es/vxe-link/style.min.css +1 -1
- package/lib/icon/style/style.css +1 -1
- package/lib/icon/style/style.min.css +1 -1
- package/lib/index.umd.js +33 -13
- package/lib/index.umd.min.js +1 -1
- package/lib/link/src/link.js +11 -5
- package/lib/link/src/link.min.js +1 -1
- package/lib/link/style/style.css +4 -0
- package/lib/link/style/style.min.css +1 -1
- package/lib/menu/src/menu.js +19 -5
- package/lib/menu/src/menu.min.js +1 -1
- package/lib/style.css +1 -1
- package/lib/style.min.css +1 -1
- package/lib/tabs/src/tabs.js +1 -1
- package/lib/tabs/src/tabs.min.js +1 -1
- package/lib/ui/index.js +1 -1
- package/lib/ui/index.min.js +1 -1
- package/lib/ui/src/log.js +1 -1
- package/lib/ui/src/log.min.js +1 -1
- package/lib/vxe-link/style/style.css +4 -0
- package/lib/vxe-link/style/style.min.css +1 -1
- package/package.json +2 -2
- package/packages/link/src/link.ts +11 -4
- package/packages/menu/src/menu.ts +19 -6
- package/packages/tabs/src/tabs.ts +1 -1
- package/styles/components/link.scss +4 -0
- package/types/components/link.d.ts +2 -0
- /package/es/icon/{iconfont.1752718920523.ttf → iconfont.1752756614109.ttf} +0 -0
- /package/es/icon/{iconfont.1752718920523.woff → iconfont.1752756614109.woff} +0 -0
- /package/es/icon/{iconfont.1752718920523.woff2 → iconfont.1752756614109.woff2} +0 -0
- /package/es/{iconfont.1752718920523.ttf → iconfont.1752756614109.ttf} +0 -0
- /package/es/{iconfont.1752718920523.woff → iconfont.1752756614109.woff} +0 -0
- /package/es/{iconfont.1752718920523.woff2 → iconfont.1752756614109.woff2} +0 -0
- /package/lib/icon/style/{iconfont.1752718920523.ttf → iconfont.1752756614109.ttf} +0 -0
- /package/lib/icon/style/{iconfont.1752718920523.woff → iconfont.1752756614109.woff} +0 -0
- /package/lib/icon/style/{iconfont.1752718920523.woff2 → iconfont.1752756614109.woff2} +0 -0
- /package/lib/{iconfont.1752718920523.ttf → iconfont.1752756614109.ttf} +0 -0
- /package/lib/{iconfont.1752718920523.woff → iconfont.1752756614109.woff} +0 -0
- /package/lib/{iconfont.1752718920523.woff2 → iconfont.1752756614109.woff2} +0 -0
package/lib/link/src/link.js
CHANGED
|
@@ -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
|
|
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
|
},
|
package/lib/link/src/link.min.js
CHANGED
|
@@ -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,
|
|
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)}});
|
package/lib/link/style/style.css
CHANGED
|
@@ -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)}
|
package/lib/menu/src/menu.js
CHANGED
|
@@ -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) {
|
package/lib/menu/src/menu.min.js
CHANGED
|
@@ -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:
|
|
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)}});
|