raise-common-lib 0.0.159 → 0.0.161
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/bundles/raise-common-lib.umd.js +111 -83
- package/bundles/raise-common-lib.umd.js.map +1 -1
- package/bundles/raise-common-lib.umd.min.js +1 -1
- package/bundles/raise-common-lib.umd.min.js.map +1 -1
- package/{esm5/lib/layout → esm2015/lib/actions}/toolbar/constants.js +2 -2
- package/esm2015/lib/actions/toolbar/index.component.js +114 -0
- package/esm2015/lib/actions/toolbar-item/index.component.js +92 -0
- package/esm2015/lib/layout/rs-aside/index.component.js +11 -5
- package/esm2015/lib/raise-common-lib.module.js +3 -3
- package/esm2015/public-api.js +3 -3
- package/esm2015/raise-common-lib.js +1 -1
- package/{esm2015/lib/layout → esm5/lib/actions}/toolbar/constants.js +2 -2
- package/esm5/lib/actions/toolbar/index.component.js +121 -0
- package/esm5/lib/actions/toolbar-item/index.component.js +104 -0
- package/esm5/lib/layout/rs-aside/index.component.js +10 -5
- package/esm5/lib/raise-common-lib.module.js +3 -3
- package/esm5/public-api.js +3 -3
- package/esm5/raise-common-lib.js +1 -1
- package/fesm2015/raise-common-lib.js +101 -72
- package/fesm2015/raise-common-lib.js.map +1 -1
- package/fesm5/raise-common-lib.js +111 -83
- package/fesm5/raise-common-lib.js.map +1 -1
- package/lib/{form → actions}/toolbar-item/index.component.d.ts +1 -0
- package/lib/layout/rs-aside/index.component.d.ts +3 -1
- package/package.json +1 -1
- package/public-api.d.ts +2 -2
- package/raise-common-lib.metadata.json +1 -1
- package/src/assets/img/toolbar-action-addFolder.svg +17 -0
- package/src/assets/img/toolbar-action-calculator.svg +11 -0
- package/src/assets/img/toolbar-action-collapse.svg +7 -0
- package/src/assets/img/toolbar-action-combine.svg +4 -0
- package/src/assets/img/toolbar-action-edit.svg +4 -0
- package/src/assets/img/toolbar-action-expand.svg +7 -0
- package/src/assets/img/toolbar-action-folderMove.svg +8 -0
- package/src/assets/img/toolbar-action-lock.svg +6 -0
- package/src/assets/img/toolbar-action-preview.svg +7 -0
- package/src/assets/img/toolbar-action-publish.svg +5 -0
- package/src/assets/img/toolbar-action-reminders.svg +10 -0
- package/src/assets/img/toolbar-action-rename.svg +7 -0
- package/src/assets/img/toolbar-action-saveSequence.svg +5 -0
- package/src/assets/img/toolbar-action-send-file.svg +5 -0
- package/src/assets/img/toolbar-action-settle.svg +7 -0
- package/src/assets/img/toolbar-action-share.svg +5 -0
- package/src/assets/img/toolbar-action-submitForApproval.svg +4 -0
- package/src/assets/img/toolbar-action-sync.svg +4 -0
- package/src/assets/img/toolbar-action-template.svg +6 -0
- package/src/assets/img/toolbar-action-workflow.svg +9 -0
- package/src/assets/style/reset/dropdown.scss +67 -0
- package/esm2015/lib/form/toolbar-item/index.component.js +0 -68
- package/esm2015/lib/layout/toolbar/index.component.js +0 -114
- package/esm5/lib/form/toolbar-item/index.component.js +0 -80
- package/esm5/lib/layout/toolbar/index.component.js +0 -121
- /package/lib/{layout → actions}/toolbar/constants.d.ts +0 -0
- /package/lib/{layout → actions}/toolbar/index.component.d.ts +0 -0
|
@@ -3546,7 +3546,7 @@ if (false) {
|
|
|
3546
3546
|
|
|
3547
3547
|
/**
|
|
3548
3548
|
* @fileoverview added by tsickle
|
|
3549
|
-
* Generated from: lib/
|
|
3549
|
+
* Generated from: lib/actions/toolbar/index.component.ts
|
|
3550
3550
|
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
3551
3551
|
*/
|
|
3552
3552
|
class RSToolbarComponent {
|
|
@@ -3655,6 +3655,97 @@ if (false) {
|
|
|
3655
3655
|
RSToolbarComponent.prototype.ref;
|
|
3656
3656
|
}
|
|
3657
3657
|
|
|
3658
|
+
/**
|
|
3659
|
+
* @fileoverview added by tsickle
|
|
3660
|
+
* Generated from: lib/actions/toolbar-item/index.component.ts
|
|
3661
|
+
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
3662
|
+
*/
|
|
3663
|
+
class ToolbarItemComponent {
|
|
3664
|
+
constructor() {
|
|
3665
|
+
this.children = [];
|
|
3666
|
+
this.hideArrow = false;
|
|
3667
|
+
this.disabledOptions = {};
|
|
3668
|
+
this.ImageType = [
|
|
3669
|
+
"Add",
|
|
3670
|
+
"Delete",
|
|
3671
|
+
"Import",
|
|
3672
|
+
"Export",
|
|
3673
|
+
"Upload",
|
|
3674
|
+
"Download",
|
|
3675
|
+
"Duplicate",
|
|
3676
|
+
"Refresh",
|
|
3677
|
+
"AddFolder",
|
|
3678
|
+
"Collapse",
|
|
3679
|
+
"Combine",
|
|
3680
|
+
"Edit",
|
|
3681
|
+
"Lock",
|
|
3682
|
+
"Expand",
|
|
3683
|
+
"MoveTo",
|
|
3684
|
+
"Publish",
|
|
3685
|
+
"Preview",
|
|
3686
|
+
"ReCalculate",
|
|
3687
|
+
"Sync",
|
|
3688
|
+
"Share",
|
|
3689
|
+
"Rename",
|
|
3690
|
+
"SaveSequence",
|
|
3691
|
+
"SubmitForApproval",
|
|
3692
|
+
"SendToControlPanel",
|
|
3693
|
+
"SetReminders",
|
|
3694
|
+
"Settle",
|
|
3695
|
+
"Template",
|
|
3696
|
+
"Workflow",
|
|
3697
|
+
];
|
|
3698
|
+
}
|
|
3699
|
+
/**
|
|
3700
|
+
* @return {?}
|
|
3701
|
+
*/
|
|
3702
|
+
get hostDisabled() {
|
|
3703
|
+
return !!this.disabled;
|
|
3704
|
+
}
|
|
3705
|
+
// 暴露方法供父组件调用
|
|
3706
|
+
/**
|
|
3707
|
+
* @return {?}
|
|
3708
|
+
*/
|
|
3709
|
+
getWidth() {
|
|
3710
|
+
return this.buttonElement.nativeElement.offsetWidth;
|
|
3711
|
+
}
|
|
3712
|
+
}
|
|
3713
|
+
ToolbarItemComponent.decorators = [
|
|
3714
|
+
{ type: Component, args: [{
|
|
3715
|
+
selector: "rs-toolbar-item",
|
|
3716
|
+
template: "<button\r\n *ngIf=\"!children.length\"\r\n class=\"toolbar-action-item e-btn text\"\r\n #buttonElement\r\n [disabled]=\"!!disabled\"\r\n>\r\n <span class=\"toolbar-action-image\" [attr.data-type]=\"image\">\r\n <img *ngIf=\"!ImageType.includes(image)\" [src]=\"image\" />\r\n </span>\r\n <span>{{ text }}</span>\r\n</button>\r\n\r\n<button\r\n *ngIf=\"children.length\"\r\n class=\"toolbar-action-item e-btn text\"\r\n #buttonElement\r\n mat-menu-item\r\n [matMenuTriggerFor]=\"menu\"\r\n [disabled]=\"!!disabled\"\r\n>\r\n <span class=\"toolbar-action-image\" [attr.data-type]=\"image\">\r\n <img *ngIf=\"!ImageType.includes(image)\" [src]=\"image\" />\r\n </span>\r\n <span>{{ text }}</span>\r\n <span class=\"toolbar-action-arrow\" *ngIf=\"!hideArrow\">\r\n <img src=\"assets/img/down-arrow.svg\" />\r\n </span>\r\n</button>\r\n<mat-menu #menu=\"matMenu\">\r\n <ng-container *ngFor=\"let button of children\">\r\n <button\r\n class=\"toolbar-action-item e-btn text\"\r\n [disabled]=\"(button.key && disabledOptions[button.key]) || false\"\r\n (click)=\"button.action()\"\r\n >\r\n <span class=\"toolbar-action-image\" [attr.data-type]=\"button.image\">\r\n <img *ngIf=\"!ImageType.includes(button.image)\" [src]=\"button.image\" />\r\n </span>\r\n <span>{{ button.text }}</span>\r\n </button>\r\n </ng-container>\r\n</mat-menu>\r\n",
|
|
3717
|
+
styles: ["rs-toolbar-item.disabled{pointer-events:none}.toolbar-action-item{min-width:auto;padding:4px 8px}.toolbar-action-item .toolbar-action-image{height:16px;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center}.toolbar-action-item .toolbar-action-image::before{display:block;width:16px}.toolbar-action-item .toolbar-action-image[data-type=Add]::before{content:url(/assets/img/toolbar-action-add.svg)}.toolbar-action-item .toolbar-action-image[data-type=Delete]::before{content:url(/assets/img/toolbar-action-delete.svg)}.toolbar-action-item .toolbar-action-image[data-type=Import]::before{content:url(/assets/img/toolbar-action-import.svg)}.toolbar-action-item .toolbar-action-image[data-type=Upload]::before{content:url(/assets/img/toolbar-action-upload.svg)}.toolbar-action-item .toolbar-action-image[data-type=Download]::before{content:url(/assets/img/toolbar-action-download.svg)}.toolbar-action-item .toolbar-action-image[data-type=Export]::before{content:url(/assets/img/toolbar-action-export.svg)}.toolbar-action-item .toolbar-action-image[data-type=Duplicate]::before{content:url(/assets/img/toolbar-action-duplicate.svg)}.toolbar-action-item .toolbar-action-image[data-type=Refresh]::before{content:url(/assets/img/toolbar-action-refresh.svg)}.toolbar-action-item .toolbar-action-image[data-type=AddFolder]::before{content:url(/assets/img/toolbar-action-addFolder.svg)}.toolbar-action-item .toolbar-action-image[data-type=Collapse]::before{content:url(/assets/img/toolbar-action-collapse.svg)}.toolbar-action-item .toolbar-action-image[data-type=Combine]::before{content:url(/assets/img/toolbar-action-combine.svg)}.toolbar-action-item .toolbar-action-image[data-type=Edit]::before{content:url(/assets/img/toolbar-action-edit.svg)}.toolbar-action-item .toolbar-action-image[data-type=Lock]::before{content:url(/assets/img/toolbar-action-lock.svg)}.toolbar-action-item .toolbar-action-image[data-type=Expand]::before{content:url(/assets/img/toolbar-action-expand.svg)}.toolbar-action-item .toolbar-action-image[data-type=MoveTo]::before{content:url(/assets/img/toolbar-action-folderMove.svg)}.toolbar-action-item .toolbar-action-image[data-type=Publish]::before{content:url(/assets/img/toolbar-action-publish.svg)}.toolbar-action-item .toolbar-action-image[data-type=Preview]::before{content:url(/assets/img/toolbar-action-preview.svg)}.toolbar-action-item .toolbar-action-image[data-type=ReCalculate]::before{content:url(/assets/img/toolbar-action-calculator.svg)}.toolbar-action-item .toolbar-action-image[data-type=Sync]::before{content:url(/assets/img/toolbar-action-sync.svg)}.toolbar-action-item .toolbar-action-image[data-type=Share]::before{content:url(/assets/img/toolbar-action-share.svg)}.toolbar-action-item .toolbar-action-image[data-type=Rename]::before{content:url(/assets/img/toolbar-action-rename.svg)}.toolbar-action-item .toolbar-action-image[data-type=SaveSequence]::before{content:url(/assets/img/toolbar-action-saveSequence.svg)}.toolbar-action-item .toolbar-action-image[data-type=SubmitForApproval]::before{content:url(/assets/img/toolbar-action-submitForApproval.svg)}.toolbar-action-item .toolbar-action-image[data-type=SendToControlPanel]::before{content:url(/assets/img/toolbar-action-send-file.svg)}.toolbar-action-item .toolbar-action-image[data-type=SetReminders]::before{content:url(/assets/img/toolbar-action-reminders.svg)}.toolbar-action-item .toolbar-action-image[data-type=Settle]::before{content:url(/assets/img/toolbar-action-settle.svg)}.toolbar-action-item .toolbar-action-image[data-type=Template]::before{content:url(/assets/img/toolbar-action-template.svg)}.toolbar-action-item .toolbar-action-image[data-type=Workflow]::before{content:url(/assets/img/toolbar-action-workflow.svg)}.toolbar-action-item .toolbar-action-image img{height:16px;display:block}.toolbar-action-item.e-btn{width:100%;justify-content:flex-start}.toolbar-action-item.mat-menu-item::after{display:none}"]
|
|
3718
|
+
}] }
|
|
3719
|
+
];
|
|
3720
|
+
ToolbarItemComponent.propDecorators = {
|
|
3721
|
+
image: [{ type: Input, args: ["image",] }],
|
|
3722
|
+
text: [{ type: Input, args: ["text",] }],
|
|
3723
|
+
disabled: [{ type: Input, args: ["disabled",] }],
|
|
3724
|
+
children: [{ type: Input, args: ["children",] }],
|
|
3725
|
+
hideArrow: [{ type: Input, args: ["hideArrow",] }],
|
|
3726
|
+
disabledOptions: [{ type: Input }],
|
|
3727
|
+
buttonElement: [{ type: ViewChild, args: ["buttonElement", { static: false },] }],
|
|
3728
|
+
hostDisabled: [{ type: HostBinding, args: ["class.disabled",] }]
|
|
3729
|
+
};
|
|
3730
|
+
if (false) {
|
|
3731
|
+
/** @type {?} */
|
|
3732
|
+
ToolbarItemComponent.prototype.image;
|
|
3733
|
+
/** @type {?} */
|
|
3734
|
+
ToolbarItemComponent.prototype.text;
|
|
3735
|
+
/** @type {?} */
|
|
3736
|
+
ToolbarItemComponent.prototype.disabled;
|
|
3737
|
+
/** @type {?} */
|
|
3738
|
+
ToolbarItemComponent.prototype.children;
|
|
3739
|
+
/** @type {?} */
|
|
3740
|
+
ToolbarItemComponent.prototype.hideArrow;
|
|
3741
|
+
/** @type {?} */
|
|
3742
|
+
ToolbarItemComponent.prototype.disabledOptions;
|
|
3743
|
+
/** @type {?} */
|
|
3744
|
+
ToolbarItemComponent.prototype.buttonElement;
|
|
3745
|
+
/** @type {?} */
|
|
3746
|
+
ToolbarItemComponent.prototype.ImageType;
|
|
3747
|
+
}
|
|
3748
|
+
|
|
3658
3749
|
/**
|
|
3659
3750
|
* @fileoverview added by tsickle
|
|
3660
3751
|
* Generated from: assets/language/ja.ts
|
|
@@ -20610,9 +20701,11 @@ if (false) {
|
|
|
20610
20701
|
class RSAsideComponent {
|
|
20611
20702
|
/**
|
|
20612
20703
|
* @param {?} router
|
|
20704
|
+
* @param {?} cf
|
|
20613
20705
|
*/
|
|
20614
|
-
constructor(router) {
|
|
20706
|
+
constructor(router, cf) {
|
|
20615
20707
|
this.router = router;
|
|
20708
|
+
this.cf = cf;
|
|
20616
20709
|
this.toggleMenu = new EventEmitter();
|
|
20617
20710
|
this.navClick = new EventEmitter();
|
|
20618
20711
|
this.isCollapsed = false; // 接收输入属性
|
|
@@ -20691,13 +20784,14 @@ class RSAsideComponent {
|
|
|
20691
20784
|
RSAsideComponent.decorators = [
|
|
20692
20785
|
{ type: Component, args: [{
|
|
20693
20786
|
selector: "rs-aside",
|
|
20694
|
-
template: "<div class=\"rs-aside\" [ngClass]=\"{ isCollapsed: isCollapsed }\">\r\n <div class=\"nav-list\">\r\n <div\r\n class=\"nav-group\"\r\n [ngClass]=\"group.class\"\r\n *ngFor=\"let group of navList\"\r\n >\r\n <div\r\n class=\"nav-item\"\r\n [ngClass]=\"{ isCurrent: currentNav === nav.url }\"\r\n *ngFor=\"let nav of group.navItems\"\r\n (click)=\"onNavClick(nav)\"\r\n >\r\n <div class=\"nav-item-inner\" *ngIf=\"nav.menuType === 'MENU'\">\r\n <ejs-tooltip\r\n [showTipPointer]=\"false\"\r\n *ngIf=\"isCollapsed; else originIcon\"\r\n >\r\n <ng-template #content>\r\n <div class=\"tooltip-content\">\r\n {{ nav.label }}\r\n </div>\r\n </ng-template>\r\n <mat-icon class=\"menu-icon\" [svgIcon]=\"nav.iconCode\"></mat-icon>\r\n </ejs-tooltip>\r\n <ng-template #originIcon>\r\n <mat-icon class=\"menu-icon\" [svgIcon]=\"nav.iconCode\"></mat-icon>\r\n </ng-template>\r\n <!-- <mat-icon class=\"menu-icon\" [svgIcon]=\"nav.iconCode\"></mat-icon> -->\r\n\r\n <span class=\"nav-text\" [ngClass]=\"{ isCollapsed: isCollapsed }\">{{\r\n nav.label\r\n
|
|
20695
|
-
styles: [".rs-aside{display:flex;flex-direction:column;height:100%;width:240px;will-change:width;transition:width .3s;padding-right:20px}.rs-aside.isCollapsed{width:64px;padding-right:0}.rs-aside.isCollapsed .nav-list .nav-item .nav-item-inner{margin-right:12px}.rs-aside.isCollapsed .nav-list .nav-item .dividing-line{margin:8px 20px 8px 10px}.rs-aside .nav-list{padding-top:12px;flex:1;overflow:auto;height:0}.rs-aside .nav-list .nav-item{cursor:pointer;padding-left:11px}.rs-aside .nav-list .nav-item .nav-item-inner{height:32px;display:flex;align-items:center;padding:8px 8px 8px 12px}.rs-aside .nav-list .nav-item .nav-item-inner ::ng-deep .menu-icon{width:33px;height:16px;display:flex;align-items:center}.rs-aside .nav-list .nav-item .nav-item-inner ::ng-deep .menu-icon svg{width:16px;height:16px}.rs-aside .nav-list .nav-item .dividing-line{margin:8px 0 8px 10px;height:1px;background-color:rgba(219,225,231,.5)}.rs-aside .nav-list .nav-item:hover .nav-item-inner{border-radius:6px;background:rgba(31,123,255,.04)}.rs-aside .nav-list .nav-item .nav-text{color:#5f6f81;font-family:Arial;font-size:12px;font-weight:400;line-height:16px;transition:.3s;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative;top:1px}@media (min-width:993px){.rs-aside .nav-list .nav-item .nav-text.isCollapsed{opacity:0;width:0}}.rs-aside .nav-list .nav-item.isCurrent{position:relative}.rs-aside .nav-list .nav-item.isCurrent .nav-text{color:#44566c;font-weight:700}.rs-aside .nav-list .nav-item.isCurrent::before{content:\"\";position:absolute;left:4px;top:8px;width:3px;height:16px;background-color:#1364b3;border-radius:2px}.rs-aside .bottom-iconbox{padding:12px 20px;height:48px;display:flex;gap:12px}.rs-aside .bottom-iconbox ::ng-deep .menu-bottom-icon{width:24px;height:24px;display:flex;justify-content:center;align-items:center;border:1px solid #eaedf0;border-radius:24px;cursor:pointer}.rs-aside .bottom-iconbox ::ng-deep .menu-bottom-icon svg{width:16px;height:16px;color:#6c7c90;stroke:#6c7c90}.rs-aside .bottom-iconbox ::ng-deep .menu-bottom-icon.disabled{cursor:default;opacity:.5}.rs-aside .bottom-iconbox ::ng-deep .menu-bottom-icon:not(.disabled):hover{background-color:#fff}.rs-aside .bottom-iconbox ::ng-deep .menu-bottom-icon:not(.disabled):hover svg{color:#1f7bff;stroke:#1f7bff}@media (min-width:993px){.rs-aside .bottom-iconbox.isCollapsed{flex-direction:column;height:auto}}@media (max-width:992px){.rs-aside{width:0;position:absolute;height:calc(100% - 50px);z-index:10;background-color:var(--rs-container-bg);padding-right:0}.rs-aside .bottom-iconbox{display:none}.rs-aside.isCollapsed{width:240px;padding-right:16px}.rs-aside.isCollapsed .bottom-iconbox{display:flex}}"]
|
|
20787
|
+
template: "<div class=\"rs-aside\" [ngClass]=\"{ isCollapsed: isCollapsed }\">\r\n <div class=\"nav-list\">\r\n <div\r\n class=\"nav-group\"\r\n [ngClass]=\"group.class\"\r\n *ngFor=\"let group of navList\"\r\n >\r\n <div\r\n class=\"nav-item\"\r\n [ngClass]=\"{ isCurrent: currentNav === nav.url }\"\r\n *ngFor=\"let nav of group.navItems\"\r\n (click)=\"onNavClick(nav)\"\r\n >\r\n <div class=\"nav-item-inner\" *ngIf=\"nav.menuType === 'MENU'\">\r\n <ejs-tooltip\r\n [showTipPointer]=\"false\"\r\n *ngIf=\"isCollapsed; else originIcon\"\r\n >\r\n <ng-template #content>\r\n <div class=\"tooltip-content\">\r\n {{ nav.label }}\r\n </div>\r\n </ng-template>\r\n <mat-icon class=\"menu-icon\" [svgIcon]=\"nav.iconCode\"></mat-icon>\r\n </ejs-tooltip>\r\n <ng-template #originIcon>\r\n <mat-icon class=\"menu-icon\" [svgIcon]=\"nav.iconCode\"></mat-icon>\r\n </ng-template>\r\n <!-- <mat-icon class=\"menu-icon\" [svgIcon]=\"nav.iconCode\"></mat-icon> -->\r\n <ejs-tooltip\r\n [showTipPointer]=\"false\"\r\n *ngIf=\"nav.displayLabel !== nav.label; else originText\"\r\n >\r\n <ng-template #content>\r\n <div class=\"tooltip-content\">\r\n {{ nav.label }}\r\n </div>\r\n </ng-template>\r\n <span class=\"nav-text\" [ngClass]=\"{ isCollapsed: isCollapsed }\">{{\r\n nav.displayLabel\r\n }}</span>\r\n </ejs-tooltip>\r\n <ng-template #originText>\r\n <span class=\"nav-text\" [ngClass]=\"{ isCollapsed: isCollapsed }\">{{\r\n nav.label\r\n }}</span>\r\n </ng-template>\r\n </div>\r\n <div class=\"dividing-line\" *ngIf=\"nav.menuType === 'LABEL'\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"bottom-iconbox\" [ngClass]=\"{ isCollapsed: isCollapsed }\">\r\n <ng-content select=\"[bottomIconBox]\"></ng-content>\r\n </div>\r\n</div>\r\n",
|
|
20788
|
+
styles: [".rs-aside{display:flex;flex-direction:column;height:100%;width:240px;will-change:width;transition:width .3s;padding-right:20px}.rs-aside.isCollapsed{width:64px;padding-right:0}.rs-aside.isCollapsed .nav-list .nav-item .nav-item-inner{margin-right:12px}.rs-aside.isCollapsed .nav-list .nav-item .dividing-line{margin:8px 20px 8px 10px}.rs-aside .nav-list{padding-top:12px;flex:1;overflow:auto;height:0}.rs-aside .nav-list .nav-item{cursor:pointer;padding-left:11px}.rs-aside .nav-list .nav-item .nav-item-inner{height:32px;display:flex;align-items:center;padding:8px 8px 8px 12px}.rs-aside .nav-list .nav-item .nav-item-inner ::ng-deep .menu-icon{width:33px;height:16px;display:flex;align-items:center}.rs-aside .nav-list .nav-item .nav-item-inner ::ng-deep .menu-icon svg{width:16px;height:16px}.rs-aside .nav-list .nav-item .dividing-line{margin:8px 0 8px 10px;height:1px;background-color:rgba(219,225,231,.5)}.rs-aside .nav-list .nav-item:hover .nav-item-inner{border-radius:6px;background:rgba(31,123,255,.04)}.rs-aside .nav-list .nav-item .nav-text{color:#5f6f81;font-family:Arial;font-size:12px;font-weight:400;line-height:16px;transition:.3s;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative;top:1px;flex:1}@media (min-width:993px){.rs-aside .nav-list .nav-item .nav-text.isCollapsed{opacity:0;width:0}}.rs-aside .nav-list .nav-item.isCurrent{position:relative}.rs-aside .nav-list .nav-item.isCurrent .nav-text{color:#44566c;font-weight:700}.rs-aside .nav-list .nav-item.isCurrent::before{content:\"\";position:absolute;left:4px;top:8px;width:3px;height:16px;background-color:#1364b3;border-radius:2px}.rs-aside .bottom-iconbox{padding:12px 20px;height:48px;display:flex;gap:12px}.rs-aside .bottom-iconbox ::ng-deep .menu-bottom-icon{width:24px;height:24px;display:flex;justify-content:center;align-items:center;border:1px solid #eaedf0;border-radius:24px;cursor:pointer}.rs-aside .bottom-iconbox ::ng-deep .menu-bottom-icon svg{width:16px;height:16px;color:#6c7c90;stroke:#6c7c90}.rs-aside .bottom-iconbox ::ng-deep .menu-bottom-icon.disabled{cursor:default;opacity:.5}.rs-aside .bottom-iconbox ::ng-deep .menu-bottom-icon:not(.disabled):hover{background-color:#fff}.rs-aside .bottom-iconbox ::ng-deep .menu-bottom-icon:not(.disabled):hover svg{color:#1f7bff;stroke:#1f7bff}@media (min-width:993px){.rs-aside .bottom-iconbox.isCollapsed{flex-direction:column;height:auto}}@media (max-width:992px){.rs-aside{width:0;position:absolute;height:calc(100% - 50px);z-index:10;background-color:var(--rs-container-bg);padding-right:0}.rs-aside .bottom-iconbox{display:none}.rs-aside.isCollapsed{width:240px;padding-right:16px}.rs-aside.isCollapsed .bottom-iconbox{display:flex}}"]
|
|
20696
20789
|
}] }
|
|
20697
20790
|
];
|
|
20698
20791
|
/** @nocollapse */
|
|
20699
20792
|
RSAsideComponent.ctorParameters = () => [
|
|
20700
|
-
{ type: Router }
|
|
20793
|
+
{ type: Router },
|
|
20794
|
+
{ type: CommonFunctionService }
|
|
20701
20795
|
];
|
|
20702
20796
|
RSAsideComponent.propDecorators = {
|
|
20703
20797
|
toggleMenu: [{ type: Output }],
|
|
@@ -20724,6 +20818,8 @@ if (false) {
|
|
|
20724
20818
|
RSAsideComponent.prototype.currentNav;
|
|
20725
20819
|
/** @type {?} */
|
|
20726
20820
|
RSAsideComponent.prototype.router;
|
|
20821
|
+
/** @type {?} */
|
|
20822
|
+
RSAsideComponent.prototype.cf;
|
|
20727
20823
|
}
|
|
20728
20824
|
|
|
20729
20825
|
/**
|
|
@@ -21711,73 +21807,6 @@ if (false) {
|
|
|
21711
21807
|
DrawerFormComponent.prototype.ref;
|
|
21712
21808
|
}
|
|
21713
21809
|
|
|
21714
|
-
/**
|
|
21715
|
-
* @fileoverview added by tsickle
|
|
21716
|
-
* Generated from: lib/form/toolbar-item/index.component.ts
|
|
21717
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
21718
|
-
*/
|
|
21719
|
-
class ToolbarItemComponent {
|
|
21720
|
-
constructor() {
|
|
21721
|
-
this.children = [];
|
|
21722
|
-
this.disabledOptions = {};
|
|
21723
|
-
this.ImageType = [
|
|
21724
|
-
"Add",
|
|
21725
|
-
"Delete",
|
|
21726
|
-
"Import",
|
|
21727
|
-
"Export",
|
|
21728
|
-
"Upload",
|
|
21729
|
-
"Download",
|
|
21730
|
-
"Duplicate",
|
|
21731
|
-
"Refresh",
|
|
21732
|
-
];
|
|
21733
|
-
}
|
|
21734
|
-
/**
|
|
21735
|
-
* @return {?}
|
|
21736
|
-
*/
|
|
21737
|
-
get hostDisabled() {
|
|
21738
|
-
return !!this.disabled;
|
|
21739
|
-
}
|
|
21740
|
-
// 暴露方法供父组件调用
|
|
21741
|
-
/**
|
|
21742
|
-
* @return {?}
|
|
21743
|
-
*/
|
|
21744
|
-
getWidth() {
|
|
21745
|
-
return this.buttonElement.nativeElement.offsetWidth;
|
|
21746
|
-
}
|
|
21747
|
-
}
|
|
21748
|
-
ToolbarItemComponent.decorators = [
|
|
21749
|
-
{ type: Component, args: [{
|
|
21750
|
-
selector: "rs-toolbar-item",
|
|
21751
|
-
template: "<button\r\n *ngIf=\"!children.length\"\r\n class=\"toolbar-action-item e-btn text\"\r\n #buttonElement\r\n [disabled]=\"!!disabled\"\r\n>\r\n <span class=\"toolbar-action-image\" [attr.data-type]=\"image\">\r\n <img *ngIf=\"!ImageType.includes(image)\" [src]=\"image\" />\r\n </span>\r\n <span>{{ text }}</span>\r\n</button>\r\n\r\n<button\r\n *ngIf=\"children.length\"\r\n class=\"toolbar-action-item e-btn text\"\r\n #buttonElement\r\n mat-menu-item\r\n [matMenuTriggerFor]=\"menu\"\r\n [disabled]=\"!!disabled\"\r\n>\r\n <span class=\"toolbar-action-image\" [attr.data-type]=\"image\">\r\n <img *ngIf=\"!ImageType.includes(image)\" [src]=\"image\" />\r\n </span>\r\n <span>{{ text }}</span>\r\n</button>\r\n<mat-menu #menu=\"matMenu\">\r\n <ng-container *ngFor=\"let button of children\">\r\n <button\r\n class=\"toolbar-action-item e-btn text\"\r\n [disabled]=\"(button.key && disabledOptions[button.key]) || false\"\r\n (click)=\"button.action()\"\r\n >\r\n <span class=\"toolbar-action-image\" [attr.data-type]=\"button.image\">\r\n <img *ngIf=\"!ImageType.includes(button.image)\" [src]=\"button.image\" />\r\n </span>\r\n <span>{{ button.text }}</span>\r\n </button>\r\n </ng-container>\r\n</mat-menu>\r\n",
|
|
21752
|
-
styles: ["rs-toolbar-item.disabled{pointer-events:none}.toolbar-action-item{min-width:auto;padding:4px 8px}.toolbar-action-item .toolbar-action-image{height:16px;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center}.toolbar-action-item .toolbar-action-image::before{display:block;width:16px;height:16px;line-height:16px}.toolbar-action-item .toolbar-action-image[data-type=Add]::before{content:url(/assets/img/toolbar-action-add.svg)}.toolbar-action-item .toolbar-action-image[data-type=Delete]::before{content:url(/assets/img/toolbar-action-delete.svg)}.toolbar-action-item .toolbar-action-image[data-type=Import]::before{content:url(/assets/img/toolbar-action-import.svg)}.toolbar-action-item .toolbar-action-image[data-type=Upload]::before{content:url(/assets/img/toolbar-action-upload.svg)}.toolbar-action-item .toolbar-action-image[data-type=Download]::before{content:url(/assets/img/toolbar-action-download.svg)}.toolbar-action-item .toolbar-action-image[data-type=Export]::before{content:url(/assets/img/toolbar-action-export.svg)}.toolbar-action-item .toolbar-action-image[data-type=Duplicate]::before{content:url(/assets/img/toolbar-action-duplicate.svg)}.toolbar-action-item .toolbar-action-image[data-type=Refresh]::before{content:url(/assets/img/toolbar-action-refresh.svg)}.toolbar-action-item .toolbar-action-image img{height:16px;display:block}.toolbar-action-item.e-btn{width:100%;justify-content:flex-start}.toolbar-action-item.mat-menu-item::after{display:none}"]
|
|
21753
|
-
}] }
|
|
21754
|
-
];
|
|
21755
|
-
ToolbarItemComponent.propDecorators = {
|
|
21756
|
-
image: [{ type: Input, args: ["image",] }],
|
|
21757
|
-
text: [{ type: Input, args: ["text",] }],
|
|
21758
|
-
disabled: [{ type: Input, args: ["disabled",] }],
|
|
21759
|
-
children: [{ type: Input, args: ["children",] }],
|
|
21760
|
-
disabledOptions: [{ type: Input }],
|
|
21761
|
-
buttonElement: [{ type: ViewChild, args: ["buttonElement", { static: false },] }],
|
|
21762
|
-
hostDisabled: [{ type: HostBinding, args: ["class.disabled",] }]
|
|
21763
|
-
};
|
|
21764
|
-
if (false) {
|
|
21765
|
-
/** @type {?} */
|
|
21766
|
-
ToolbarItemComponent.prototype.image;
|
|
21767
|
-
/** @type {?} */
|
|
21768
|
-
ToolbarItemComponent.prototype.text;
|
|
21769
|
-
/** @type {?} */
|
|
21770
|
-
ToolbarItemComponent.prototype.disabled;
|
|
21771
|
-
/** @type {?} */
|
|
21772
|
-
ToolbarItemComponent.prototype.children;
|
|
21773
|
-
/** @type {?} */
|
|
21774
|
-
ToolbarItemComponent.prototype.disabledOptions;
|
|
21775
|
-
/** @type {?} */
|
|
21776
|
-
ToolbarItemComponent.prototype.buttonElement;
|
|
21777
|
-
/** @type {?} */
|
|
21778
|
-
ToolbarItemComponent.prototype.ImageType;
|
|
21779
|
-
}
|
|
21780
|
-
|
|
21781
21810
|
/**
|
|
21782
21811
|
* @fileoverview added by tsickle
|
|
21783
21812
|
* Generated from: lib/dialog/common-dialog/index.component.ts
|