raise-common-lib 0.0.160 → 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
|
@@ -4141,7 +4141,7 @@ if (false) {
|
|
|
4141
4141
|
|
|
4142
4142
|
/**
|
|
4143
4143
|
* @fileoverview added by tsickle
|
|
4144
|
-
* Generated from: lib/
|
|
4144
|
+
* Generated from: lib/actions/toolbar/index.component.ts
|
|
4145
4145
|
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
4146
4146
|
*/
|
|
4147
4147
|
var RSToolbarComponent = /** @class */ (function () {
|
|
@@ -4256,6 +4256,108 @@ if (false) {
|
|
|
4256
4256
|
RSToolbarComponent.prototype.ref;
|
|
4257
4257
|
}
|
|
4258
4258
|
|
|
4259
|
+
/**
|
|
4260
|
+
* @fileoverview added by tsickle
|
|
4261
|
+
* Generated from: lib/actions/toolbar-item/index.component.ts
|
|
4262
|
+
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
4263
|
+
*/
|
|
4264
|
+
var ToolbarItemComponent = /** @class */ (function () {
|
|
4265
|
+
function ToolbarItemComponent() {
|
|
4266
|
+
this.children = [];
|
|
4267
|
+
this.hideArrow = false;
|
|
4268
|
+
this.disabledOptions = {};
|
|
4269
|
+
this.ImageType = [
|
|
4270
|
+
"Add",
|
|
4271
|
+
"Delete",
|
|
4272
|
+
"Import",
|
|
4273
|
+
"Export",
|
|
4274
|
+
"Upload",
|
|
4275
|
+
"Download",
|
|
4276
|
+
"Duplicate",
|
|
4277
|
+
"Refresh",
|
|
4278
|
+
"AddFolder",
|
|
4279
|
+
"Collapse",
|
|
4280
|
+
"Combine",
|
|
4281
|
+
"Edit",
|
|
4282
|
+
"Lock",
|
|
4283
|
+
"Expand",
|
|
4284
|
+
"MoveTo",
|
|
4285
|
+
"Publish",
|
|
4286
|
+
"Preview",
|
|
4287
|
+
"ReCalculate",
|
|
4288
|
+
"Sync",
|
|
4289
|
+
"Share",
|
|
4290
|
+
"Rename",
|
|
4291
|
+
"SaveSequence",
|
|
4292
|
+
"SubmitForApproval",
|
|
4293
|
+
"SendToControlPanel",
|
|
4294
|
+
"SetReminders",
|
|
4295
|
+
"Settle",
|
|
4296
|
+
"Template",
|
|
4297
|
+
"Workflow",
|
|
4298
|
+
];
|
|
4299
|
+
}
|
|
4300
|
+
Object.defineProperty(ToolbarItemComponent.prototype, "hostDisabled", {
|
|
4301
|
+
get: /**
|
|
4302
|
+
* @return {?}
|
|
4303
|
+
*/
|
|
4304
|
+
function () {
|
|
4305
|
+
return !!this.disabled;
|
|
4306
|
+
},
|
|
4307
|
+
enumerable: true,
|
|
4308
|
+
configurable: true
|
|
4309
|
+
});
|
|
4310
|
+
// 暴露方法供父组件调用
|
|
4311
|
+
// 暴露方法供父组件调用
|
|
4312
|
+
/**
|
|
4313
|
+
* @return {?}
|
|
4314
|
+
*/
|
|
4315
|
+
ToolbarItemComponent.prototype.getWidth =
|
|
4316
|
+
// 暴露方法供父组件调用
|
|
4317
|
+
/**
|
|
4318
|
+
* @return {?}
|
|
4319
|
+
*/
|
|
4320
|
+
function () {
|
|
4321
|
+
return this.buttonElement.nativeElement.offsetWidth;
|
|
4322
|
+
};
|
|
4323
|
+
ToolbarItemComponent.decorators = [
|
|
4324
|
+
{ type: Component, args: [{
|
|
4325
|
+
selector: "rs-toolbar-item",
|
|
4326
|
+
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",
|
|
4327
|
+
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}"]
|
|
4328
|
+
}] }
|
|
4329
|
+
];
|
|
4330
|
+
ToolbarItemComponent.propDecorators = {
|
|
4331
|
+
image: [{ type: Input, args: ["image",] }],
|
|
4332
|
+
text: [{ type: Input, args: ["text",] }],
|
|
4333
|
+
disabled: [{ type: Input, args: ["disabled",] }],
|
|
4334
|
+
children: [{ type: Input, args: ["children",] }],
|
|
4335
|
+
hideArrow: [{ type: Input, args: ["hideArrow",] }],
|
|
4336
|
+
disabledOptions: [{ type: Input }],
|
|
4337
|
+
buttonElement: [{ type: ViewChild, args: ["buttonElement", { static: false },] }],
|
|
4338
|
+
hostDisabled: [{ type: HostBinding, args: ["class.disabled",] }]
|
|
4339
|
+
};
|
|
4340
|
+
return ToolbarItemComponent;
|
|
4341
|
+
}());
|
|
4342
|
+
if (false) {
|
|
4343
|
+
/** @type {?} */
|
|
4344
|
+
ToolbarItemComponent.prototype.image;
|
|
4345
|
+
/** @type {?} */
|
|
4346
|
+
ToolbarItemComponent.prototype.text;
|
|
4347
|
+
/** @type {?} */
|
|
4348
|
+
ToolbarItemComponent.prototype.disabled;
|
|
4349
|
+
/** @type {?} */
|
|
4350
|
+
ToolbarItemComponent.prototype.children;
|
|
4351
|
+
/** @type {?} */
|
|
4352
|
+
ToolbarItemComponent.prototype.hideArrow;
|
|
4353
|
+
/** @type {?} */
|
|
4354
|
+
ToolbarItemComponent.prototype.disabledOptions;
|
|
4355
|
+
/** @type {?} */
|
|
4356
|
+
ToolbarItemComponent.prototype.buttonElement;
|
|
4357
|
+
/** @type {?} */
|
|
4358
|
+
ToolbarItemComponent.prototype.ImageType;
|
|
4359
|
+
}
|
|
4360
|
+
|
|
4259
4361
|
/**
|
|
4260
4362
|
* @fileoverview added by tsickle
|
|
4261
4363
|
* Generated from: assets/language/ja.ts
|
|
@@ -21266,8 +21368,9 @@ if (false) {
|
|
|
21266
21368
|
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
21267
21369
|
*/
|
|
21268
21370
|
var RSAsideComponent = /** @class */ (function () {
|
|
21269
|
-
function RSAsideComponent(router) {
|
|
21371
|
+
function RSAsideComponent(router, cf) {
|
|
21270
21372
|
this.router = router;
|
|
21373
|
+
this.cf = cf;
|
|
21271
21374
|
this.toggleMenu = new EventEmitter();
|
|
21272
21375
|
this.navClick = new EventEmitter();
|
|
21273
21376
|
this.isCollapsed = false; // 接收输入属性
|
|
@@ -21361,13 +21464,14 @@ var RSAsideComponent = /** @class */ (function () {
|
|
|
21361
21464
|
RSAsideComponent.decorators = [
|
|
21362
21465
|
{ type: Component, args: [{
|
|
21363
21466
|
selector: "rs-aside",
|
|
21364
|
-
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
|
|
21365
|
-
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}}"]
|
|
21467
|
+
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",
|
|
21468
|
+
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}}"]
|
|
21366
21469
|
}] }
|
|
21367
21470
|
];
|
|
21368
21471
|
/** @nocollapse */
|
|
21369
21472
|
RSAsideComponent.ctorParameters = function () { return [
|
|
21370
|
-
{ type: Router }
|
|
21473
|
+
{ type: Router },
|
|
21474
|
+
{ type: CommonFunctionService }
|
|
21371
21475
|
]; };
|
|
21372
21476
|
RSAsideComponent.propDecorators = {
|
|
21373
21477
|
toggleMenu: [{ type: Output }],
|
|
@@ -21396,6 +21500,8 @@ if (false) {
|
|
|
21396
21500
|
RSAsideComponent.prototype.currentNav;
|
|
21397
21501
|
/** @type {?} */
|
|
21398
21502
|
RSAsideComponent.prototype.router;
|
|
21503
|
+
/** @type {?} */
|
|
21504
|
+
RSAsideComponent.prototype.cf;
|
|
21399
21505
|
}
|
|
21400
21506
|
|
|
21401
21507
|
/**
|
|
@@ -22566,84 +22672,6 @@ if (false) {
|
|
|
22566
22672
|
DrawerFormComponent.prototype.ref;
|
|
22567
22673
|
}
|
|
22568
22674
|
|
|
22569
|
-
/**
|
|
22570
|
-
* @fileoverview added by tsickle
|
|
22571
|
-
* Generated from: lib/form/toolbar-item/index.component.ts
|
|
22572
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
22573
|
-
*/
|
|
22574
|
-
var ToolbarItemComponent = /** @class */ (function () {
|
|
22575
|
-
function ToolbarItemComponent() {
|
|
22576
|
-
this.children = [];
|
|
22577
|
-
this.disabledOptions = {};
|
|
22578
|
-
this.ImageType = [
|
|
22579
|
-
"Add",
|
|
22580
|
-
"Delete",
|
|
22581
|
-
"Import",
|
|
22582
|
-
"Export",
|
|
22583
|
-
"Upload",
|
|
22584
|
-
"Download",
|
|
22585
|
-
"Duplicate",
|
|
22586
|
-
"Refresh",
|
|
22587
|
-
];
|
|
22588
|
-
}
|
|
22589
|
-
Object.defineProperty(ToolbarItemComponent.prototype, "hostDisabled", {
|
|
22590
|
-
get: /**
|
|
22591
|
-
* @return {?}
|
|
22592
|
-
*/
|
|
22593
|
-
function () {
|
|
22594
|
-
return !!this.disabled;
|
|
22595
|
-
},
|
|
22596
|
-
enumerable: true,
|
|
22597
|
-
configurable: true
|
|
22598
|
-
});
|
|
22599
|
-
// 暴露方法供父组件调用
|
|
22600
|
-
// 暴露方法供父组件调用
|
|
22601
|
-
/**
|
|
22602
|
-
* @return {?}
|
|
22603
|
-
*/
|
|
22604
|
-
ToolbarItemComponent.prototype.getWidth =
|
|
22605
|
-
// 暴露方法供父组件调用
|
|
22606
|
-
/**
|
|
22607
|
-
* @return {?}
|
|
22608
|
-
*/
|
|
22609
|
-
function () {
|
|
22610
|
-
return this.buttonElement.nativeElement.offsetWidth;
|
|
22611
|
-
};
|
|
22612
|
-
ToolbarItemComponent.decorators = [
|
|
22613
|
-
{ type: Component, args: [{
|
|
22614
|
-
selector: "rs-toolbar-item",
|
|
22615
|
-
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",
|
|
22616
|
-
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}"]
|
|
22617
|
-
}] }
|
|
22618
|
-
];
|
|
22619
|
-
ToolbarItemComponent.propDecorators = {
|
|
22620
|
-
image: [{ type: Input, args: ["image",] }],
|
|
22621
|
-
text: [{ type: Input, args: ["text",] }],
|
|
22622
|
-
disabled: [{ type: Input, args: ["disabled",] }],
|
|
22623
|
-
children: [{ type: Input, args: ["children",] }],
|
|
22624
|
-
disabledOptions: [{ type: Input }],
|
|
22625
|
-
buttonElement: [{ type: ViewChild, args: ["buttonElement", { static: false },] }],
|
|
22626
|
-
hostDisabled: [{ type: HostBinding, args: ["class.disabled",] }]
|
|
22627
|
-
};
|
|
22628
|
-
return ToolbarItemComponent;
|
|
22629
|
-
}());
|
|
22630
|
-
if (false) {
|
|
22631
|
-
/** @type {?} */
|
|
22632
|
-
ToolbarItemComponent.prototype.image;
|
|
22633
|
-
/** @type {?} */
|
|
22634
|
-
ToolbarItemComponent.prototype.text;
|
|
22635
|
-
/** @type {?} */
|
|
22636
|
-
ToolbarItemComponent.prototype.disabled;
|
|
22637
|
-
/** @type {?} */
|
|
22638
|
-
ToolbarItemComponent.prototype.children;
|
|
22639
|
-
/** @type {?} */
|
|
22640
|
-
ToolbarItemComponent.prototype.disabledOptions;
|
|
22641
|
-
/** @type {?} */
|
|
22642
|
-
ToolbarItemComponent.prototype.buttonElement;
|
|
22643
|
-
/** @type {?} */
|
|
22644
|
-
ToolbarItemComponent.prototype.ImageType;
|
|
22645
|
-
}
|
|
22646
|
-
|
|
22647
22675
|
/**
|
|
22648
22676
|
* @fileoverview added by tsickle
|
|
22649
22677
|
* Generated from: lib/dialog/common-dialog/index.component.ts
|