@ohayojp.com/components
Version:
Common business components of ohayojp.
1,349 lines (1,340 loc) • 93.1 kB
JavaScript
/**
* @license ohayojp(cipchk@qq.com) v1.0.0
* (c) 2020 cipchk https://ohayojp.com/
* License: MIT
*/
(function (global, factory) {
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@ohayojp.com/theme'), require('rxjs'), require('@angular/cdk/overlay'), require('@angular/cdk/portal'), require('@angular/common'), require('@angular/router'), require('@ohayojp.com/util'), require('rxjs/operators'), require('ng-zorro-antd/icon'), require('ng-zorro-antd/menu'), require('ng-zorro-antd/tabs')) :
typeof define === 'function' && define.amd ? define('@ohayojp.com/components/reuse-tab', ['exports', '@angular/core', '@ohayojp.com/theme', 'rxjs', '@angular/cdk/overlay', '@angular/cdk/portal', '@angular/common', '@angular/router', '@ohayojp.com/util', 'rxjs/operators', 'ng-zorro-antd/icon', 'ng-zorro-antd/menu', 'ng-zorro-antd/tabs'], factory) :
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.ohayo = global.ohayo || {}, global.ohayo.components = global.ohayo.components || {}, global.ohayo.components['reuse-tab'] = {}), global.ng.core, global.ohayo.theme, global.rxjs, global.ng.cdk.overlay, global.ng.cdk.portal, global.ng.common, global.ng.router, global.ohayo.util, global.rxjs.operators, global['ng-zorro-antd/icon'], global['ng-zorro-antd/menu'], global['ng-zorro-antd/tabs']));
}(this, (function (exports, i0, i1, rxjs, overlay, portal, common, router, util, operators, icon, menu, tabs) {
'use strict';
/**
* @fileoverview added by tsickle
* Generated from: reuse-tab-context-menu.component.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
var ReuseTcomponentsontextMenuComponent = /** @class */ (function () {
/**
* @param {?} i18nSrv
*/
function ReuseTcomponentsontextMenuComponent(i18nSrv) {
this.i18nSrv = i18nSrv;
// tslint:disable-next-line:no-output-native
this.close = new i0.EventEmitter();
}
Object.defineProperty(ReuseTcomponentsontextMenuComponent.prototype, "i18n", {
/**
* @return {?}
*/
get: function () {
return this._i18n;
},
/**
* @param {?} value
* @return {?}
*/
set: function (value) {
this._i18n = Object.assign(Object.assign({}, this.i18nSrv.getData('reuseTab')), value);
},
enumerable: false,
configurable: true
});
Object.defineProperty(ReuseTcomponentsontextMenuComponent.prototype, "includeNonCloseable", {
/**
* @return {?}
*/
get: function () {
return this.event.ctrlKey;
},
enumerable: false,
configurable: true
});
/**
* @private
* @param {?} type
* @return {?}
*/
ReuseTcomponentsontextMenuComponent.prototype.notify = function (type) {
this.close.next({
type: type,
item: this.item,
includeNonCloseable: this.includeNonCloseable,
});
};
/**
* @return {?}
*/
ReuseTcomponentsontextMenuComponent.prototype.ngOnInit = function () {
if (this.includeNonCloseable)
this.item.closable = true;
};
/**
* @param {?} e
* @param {?} type
* @param {?=} custom
* @return {?}
*/
ReuseTcomponentsontextMenuComponent.prototype.click = function (e, type, custom) {
e.preventDefault();
e.stopPropagation();
if (type === 'close' && !this.item.closable)
return;
if (type === 'closeRight' && this.item.last)
return;
if (custom) {
if (this.isDisabled(custom))
return;
custom.fn(this.item, custom);
}
this.notify(type);
};
/**
* @param {?} custom
* @return {?}
*/
ReuseTcomponentsontextMenuComponent.prototype.isDisabled = function (custom) {
return custom.disabled ? custom.disabled(this.item) : false;
};
/**
* @param {?} event
* @return {?}
*/
ReuseTcomponentsontextMenuComponent.prototype.closeMenu = function (event) {
if (event.type === 'click' && event.button === 2)
return;
this.notify(null);
};
return ReuseTcomponentsontextMenuComponent;
}());
ReuseTcomponentsontextMenuComponent.decorators = [
{
type: i0.Component, args: [{
selector: 'reuse-tab-context-menu',
template: "<ul nz-menu>\n <li nz-menu-item (click)=\"click($event, 'refresh')\" data-type=\"refresh\" [innerHTML]=\"i18n.refresh\"></li>\n <li nz-menu-item (click)=\"click($event, 'close')\" data-type=\"close\" [nzDisabled]=\"!item.closable\" [innerHTML]=\"i18n.close\"></li>\n <li nz-menu-item (click)=\"click($event, 'closeOther')\" data-type=\"closeOther\" [innerHTML]=\"i18n.closeOther\"></li>\n <li nz-menu-item (click)=\"click($event, 'closeRight')\" data-type=\"closeRight\" [nzDisabled]=\"item.last\" [innerHTML]=\"i18n.closeRight\"></li>\n <ng-container *ngIf=\"customContextMenu!.length > 0\">\n <li nz-menu-divider></li>\n <li\n *ngFor=\"let i of customContextMenu\"\n nz-menu-item\n [attr.data-type]=\"i.id\"\n [nzDisabled]=\"isDisabled(i)\"\n (click)=\"click($event, 'custom', i)\"\n [innerHTML]=\"i.title\"\n ></li>\n </ng-container>\n</ul>\n",
host: {
'(document:click)': 'closeMenu($event)',
'(document:contextmenu)': 'closeMenu($event)',
},
preserveWhitespaces: false,
changeDetection: i0.ChangeDetectionStrategy.OnPush,
encapsulation: i0.ViewEncapsulation.None
}]
}
];
/** @nocollapse */
ReuseTcomponentsontextMenuComponent.ctorParameters = function () {
return [
{ type: i1.OhayoLocaleService }
];
};
ReuseTcomponentsontextMenuComponent.propDecorators = {
i18n: [{ type: i0.Input }],
item: [{ type: i0.Input }],
event: [{ type: i0.Input }],
customContextMenu: [{ type: i0.Input }],
close: [{ type: i0.Output }]
};
if (false) {
/**
* @type {?}
* @private
*/
ReuseTcomponentsontextMenuComponent.prototype._i18n;
/** @type {?} */
ReuseTcomponentsontextMenuComponent.prototype.item;
/** @type {?} */
ReuseTcomponentsontextMenuComponent.prototype.event;
/** @type {?} */
ReuseTcomponentsontextMenuComponent.prototype.customContextMenu;
/** @type {?} */
ReuseTcomponentsontextMenuComponent.prototype.close;
/**
* @type {?}
* @private
*/
ReuseTcomponentsontextMenuComponent.prototype.i18nSrv;
}
/**
* @fileoverview added by tsickle
* Generated from: reuse-tab-context.service.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
var ReuseTcomponentsontextService = /** @class */ (function () {
/**
* @param {?} overlay
*/
function ReuseTcomponentsontextService(overlay) {
this.overlay = overlay;
this.show = new rxjs.Subject();
this.close = new rxjs.Subject();
}
/**
* @return {?}
*/
ReuseTcomponentsontextService.prototype.remove = function () {
if (!this.ref)
return;
this.ref.detach();
this.ref.dispose();
this.ref = null;
};
/**
* @param {?} context
* @return {?}
*/
ReuseTcomponentsontextService.prototype.open = function (context) {
var _this = this;
this.remove();
var event = context.event, item = context.item, customContextMenu = context.customContextMenu;
/** @type {?} */
var fakeElement = new i0.ElementRef({
getBoundingClientRect: ( /**
* @return {?}
*/function () {
return ({
bottom: event.clientY,
height: 0,
left: event.clientX,
right: event.clientX,
top: event.clientY,
width: 0,
});
}),
});
/** @type {?} */
var positions = [
new overlay.ConnectionPositionPair({ originX: 'start', originY: 'bottom' }, { overlayX: 'start', overlayY: 'top' }),
new overlay.ConnectionPositionPair({ originX: 'start', originY: 'top' }, { overlayX: 'start', overlayY: 'bottom' }),
];
/** @type {?} */
var positionStrategy = this.overlay.position().flexibleConnectedTo(fakeElement).withPositions(positions);
this.ref = this.overlay.create({
positionStrategy: positionStrategy,
panelClass: 'reuse-tab__cm',
scrollStrategy: this.overlay.scrollStrategies.close(),
});
/** @type {?} */
var comp = this.ref.attach(new portal.ComponentPortal(ReuseTcomponentsontextMenuComponent));
/** @type {?} */
var instance = comp.instance;
instance.i18n = this.i18n;
instance.item = Object.assign({}, item);
instance.customContextMenu = ( /** @type {?} */(customContextMenu));
instance.event = event;
/** @type {?} */
var sub$ = new rxjs.Subscription();
sub$.add(instance.close.subscribe(( /**
* @param {?} res
* @return {?}
*/function (res) {
_this.close.next(res);
_this.remove();
})));
comp.onDestroy(( /**
* @return {?}
*/function () { return sub$.unsubscribe(); }));
};
return ReuseTcomponentsontextService;
}());
ReuseTcomponentsontextService.decorators = [
{ type: i0.Injectable }
];
/** @nocollapse */
ReuseTcomponentsontextService.ctorParameters = function () {
return [
{ type: overlay.Overlay }
];
};
if (false) {
/**
* @type {?}
* @private
*/
ReuseTcomponentsontextService.prototype.ref;
/** @type {?} */
ReuseTcomponentsontextService.prototype.i18n;
/** @type {?} */
ReuseTcomponentsontextService.prototype.show;
/** @type {?} */
ReuseTcomponentsontextService.prototype.close;
/**
* @type {?}
* @private
*/
ReuseTcomponentsontextService.prototype.overlay;
}
/**
* @fileoverview added by tsickle
* Generated from: reuse-tab-context.component.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
var ReuseTcomponentsontextComponent = /** @class */ (function () {
/**
* @param {?} srv
*/
function ReuseTcomponentsontextComponent(srv) {
var _this = this;
this.srv = srv;
this.sub$ = new rxjs.Subscription();
// tslint:disable-next-line:no-output-native
this.change = new i0.EventEmitter();
this.sub$.add(srv.show.subscribe(( /**
* @param {?} context
* @return {?}
*/function (/**
* @param {?} context
* @return {?}
*/ context) { return _this.srv.open(context); })));
this.sub$.add(srv.close.subscribe(( /**
* @param {?} res
* @return {?}
*/function (/**
* @param {?} res
* @return {?}
*/ res) { return _this.change.emit(res); })));
}
Object.defineProperty(ReuseTcomponentsontextComponent.prototype, "i18n", {
/**
* @param {?} value
* @return {?}
*/
set: function (value) {
this.srv.i18n = value;
},
enumerable: false,
configurable: true
});
/**
* @return {?}
*/
ReuseTcomponentsontextComponent.prototype.ngOnDestroy = function () {
this.sub$.unsubscribe();
};
return ReuseTcomponentsontextComponent;
}());
ReuseTcomponentsontextComponent.decorators = [
{
type: i0.Component, args: [{
selector: 'reuse-tab-context',
template: ""
}]
}
];
/** @nocollapse */
ReuseTcomponentsontextComponent.ctorParameters = function () {
return [
{ type: ReuseTcomponentsontextService }
];
};
ReuseTcomponentsontextComponent.propDecorators = {
i18n: [{ type: i0.Input }],
change: [{ type: i0.Output }]
};
if (false) {
/**
* @type {?}
* @private
*/
ReuseTcomponentsontextComponent.prototype.sub$;
/** @type {?} */
ReuseTcomponentsontextComponent.prototype.change;
/**
* @type {?}
* @private
*/
ReuseTcomponentsontextComponent.prototype.srv;
}
/**
* @fileoverview added by tsickle
* Generated from: reuse-tab-context.directive.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
var ReuseTcomponentsontextDirective = /** @class */ (function () {
/**
* @param {?} srv
*/
function ReuseTcomponentsontextDirective(srv) {
this.srv = srv;
}
/**
* @param {?} event
* @return {?}
*/
ReuseTcomponentsontextDirective.prototype._onContextMenu = function (event) {
this.srv.show.next({
event: event,
item: this.item,
customContextMenu: this.customContextMenu,
});
event.preventDefault();
event.stopPropagation();
};
return ReuseTcomponentsontextDirective;
}());
ReuseTcomponentsontextDirective.decorators = [
{
type: i0.Directive, args: [{
selector: '[reuse-tab-context-menu]',
exportAs: 'reuseTcomponentsontextMenu',
host: {
'(contextmenu)': '_onContextMenu($event)',
},
},]
}
];
/** @nocollapse */
ReuseTcomponentsontextDirective.ctorParameters = function () {
return [
{ type: ReuseTcomponentsontextService }
];
};
ReuseTcomponentsontextDirective.propDecorators = {
item: [{ type: i0.Input, args: ['reuse-tab-context-menu',] }],
customContextMenu: [{ type: i0.Input }]
};
if (false) {
/** @type {?} */
ReuseTcomponentsontextDirective.prototype.item;
/** @type {?} */
ReuseTcomponentsontextDirective.prototype.customContextMenu;
/**
* @type {?}
* @private
*/
ReuseTcomponentsontextDirective.prototype.srv;
}
/*! *****************************************************************************
Copyright (c) Microsoft Corporation.
Permission to use, copy, modify, and/or distribute this software for any
purpose with or without fee is hereby granted.
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
PERFORMANCE OF THIS SOFTWARE.
***************************************************************************** */
/* global Reflect, Promise */
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) {
for (var p in b)
if (Object.prototype.hasOwnProperty.call(b, p))
d[p] = b[p];
};
return extendStatics(d, b);
};
function __extends(d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
}
var __assign = function () {
__assign = Object.assign || function __assign(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
s = arguments[i];
for (var p in s)
if (Object.prototype.hasOwnProperty.call(s, p))
t[p] = s[p];
}
return t;
};
return __assign.apply(this, arguments);
};
function __rest(s, e) {
var t = {};
for (var p in s)
if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
t[p] = s[p];
if (s != null && typeof Object.getOwnPropertySymbols === "function")
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
t[p[i]] = s[p[i]];
}
return t;
}
function __decorate(decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
r = Reflect.decorate(decorators, target, key, desc);
else
for (var i = decorators.length - 1; i >= 0; i--)
if (d = decorators[i])
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
}
function __param(paramIndex, decorator) {
return function (target, key) { decorator(target, key, paramIndex); };
}
function __metadata(metadataKey, metadataValue) {
if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
return Reflect.metadata(metadataKey, metadataValue);
}
function __awaiter(thisArg, _arguments, P, generator) {
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
return new (P || (P = Promise))(function (resolve, reject) {
function fulfilled(value) {
try {
step(generator.next(value));
}
catch (e) {
reject(e);
}
}
function rejected(value) {
try {
step(generator["throw"](value));
}
catch (e) {
reject(e);
}
}
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
step((generator = generator.apply(thisArg, _arguments || [])).next());
});
}
function __generator(thisArg, body) {
var _ = {
label: 0, sent: function () {
if (t[0] & 1)
throw t[1]; return t[1];
}, trys: [], ops: []
}, f, y, t, g;
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function () { return this; }), g;
function verb(n) { return function (v) { return step([n, v]); }; }
function step(op) {
if (f)
throw new TypeError("Generator is already executing.");
while (_)
try {
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done)
return t;
if (y = 0, t)
op = [op[0] & 2, t.value];
switch (op[0]) {
case 0:
case 1:
t = op;
break;
case 4:
_.label++;
return { value: op[1], done: false };
case 5:
_.label++;
y = op[1];
op = [0];
continue;
case 7:
op = _.ops.pop();
_.trys.pop();
continue;
default:
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
_ = 0;
continue;
}
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) {
_.label = op[1];
break;
}
if (op[0] === 6 && _.label < t[1]) {
_.label = t[1];
t = op;
break;
}
if (t && _.label < t[2]) {
_.label = t[2];
_.ops.push(op);
break;
}
if (t[2])
_.ops.pop();
_.trys.pop();
continue;
}
op = body.call(thisArg, _);
}
catch (e) {
op = [6, e];
y = 0;
}
finally {
f = t = 0;
}
if (op[0] & 5)
throw op[1];
return { value: op[0] ? op[1] : void 0, done: true };
}
}
var __createBinding = Object.create ? (function (o, m, k, k2) {
if (k2 === undefined)
k2 = k;
Object.defineProperty(o, k2, { enumerable: true, get: function () { return m[k]; } });
}) : (function (o, m, k, k2) {
if (k2 === undefined)
k2 = k;
o[k2] = m[k];
});
function __exportStar(m, o) {
for (var p in m)
if (p !== "default" && !Object.prototype.hasOwnProperty.call(o, p))
__createBinding(o, m, p);
}
function __values(o) {
var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
if (m)
return m.call(o);
if (o && typeof o.length === "number")
return {
next: function () {
if (o && i >= o.length)
o = void 0;
return { value: o && o[i++], done: !o };
}
};
throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
}
function __read(o, n) {
var m = typeof Symbol === "function" && o[Symbol.iterator];
if (!m)
return o;
var i = m.call(o), r, ar = [], e;
try {
while ((n === void 0 || n-- > 0) && !(r = i.next()).done)
ar.push(r.value);
}
catch (error) {
e = { error: error };
}
finally {
try {
if (r && !r.done && (m = i["return"]))
m.call(i);
}
finally {
if (e)
throw e.error;
}
}
return ar;
}
function __spread() {
for (var ar = [], i = 0; i < arguments.length; i++)
ar = ar.concat(__read(arguments[i]));
return ar;
}
function __spreadArrays() {
for (var s = 0, i = 0, il = arguments.length; i < il; i++)
s += arguments[i].length;
for (var r = Array(s), k = 0, i = 0; i < il; i++)
for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
r[k] = a[j];
return r;
}
;
function __await(v) {
return this instanceof __await ? (this.v = v, this) : new __await(v);
}
function __asyncGenerator(thisArg, _arguments, generator) {
if (!Symbol.asyncIterator)
throw new TypeError("Symbol.asyncIterator is not defined.");
var g = generator.apply(thisArg, _arguments || []), i, q = [];
return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
function verb(n) {
if (g[n])
i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); };
}
function resume(n, v) {
try {
step(g[n](v));
}
catch (e) {
settle(q[0][3], e);
}
}
function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
function fulfill(value) { resume("next", value); }
function reject(value) { resume("throw", value); }
function settle(f, v) {
if (f(v), q.shift(), q.length)
resume(q[0][0], q[0][1]);
}
}
function __asyncDelegator(o) {
var i, p;
return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === "return" } : f ? f(v) : v; } : f; }
}
function __asyncValues(o) {
if (!Symbol.asyncIterator)
throw new TypeError("Symbol.asyncIterator is not defined.");
var m = o[Symbol.asyncIterator], i;
return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
function settle(resolve, reject, d, v) { Promise.resolve(v).then(function (v) { resolve({ value: v, done: d }); }, reject); }
}
function __makeTemplateObject(cooked, raw) {
if (Object.defineProperty) {
Object.defineProperty(cooked, "raw", { value: raw });
}
else {
cooked.raw = raw;
}
return cooked;
}
;
var __setModuleDefault = Object.create ? (function (o, v) {
Object.defineProperty(o, "default", { enumerable: true, value: v });
}) : function (o, v) {
o["default"] = v;
};
function __importStar(mod) {
if (mod && mod.__esModule)
return mod;
var result = {};
if (mod != null)
for (var k in mod)
if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k))
__createBinding(result, mod, k);
__setModuleDefault(result, mod);
return result;
}
function __importDefault(mod) {
return (mod && mod.__esModule) ? mod : { default: mod };
}
function __classPrivateFieldGet(receiver, privateMap) {
if (!privateMap.has(receiver)) {
throw new TypeError("attempted to get private field on non-instance");
}
return privateMap.get(receiver);
}
function __classPrivateFieldSet(receiver, privateMap, value) {
if (!privateMap.has(receiver)) {
throw new TypeError("attempted to set private field on non-instance");
}
privateMap.set(receiver, value);
return value;
}
/**
* @fileoverview added by tsickle
* Generated from: reuse-tab.interfaces.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
/** @enum {number} */
var ReuseTabMatchMode = {
/**
* （推荐）按菜单 `Menu` 配置
*
* 可复用：
* - `{ text:'Dashboard' }`
* - `{ text:'Dashboard', reuse: true }`
*
* 不可复用：
* - `{ text:'Dashboard', reuse: false }`
*/
Menu: 0,
/**
* 按菜单 `Menu` 强制配置
*
* 可复用：
* - `{ text:'Dashboard', reuse: true }`
*
* 不可复用：
* - `{ text:'Dashboard' }`
* - `{ text:'Dashboard', reuse: false }`
*/
MenuForce: 1,
/**
* 对所有路由有效，可以配合 `excludes` 过滤无须复用路由
*/
URL: 2,
};
ReuseTabMatchMode[ReuseTabMatchMode.Menu] = 'Menu';
ReuseTabMatchMode[ReuseTabMatchMode.MenuForce] = 'MenuForce';
ReuseTabMatchMode[ReuseTabMatchMode.URL] = 'URL';
/**
* @record
*/
function ReuseTitle() { }
if (false) {
/** @type {?|undefined} */
ReuseTitle.prototype.text;
/** @type {?|undefined} */
ReuseTitle.prototype.i18n;
}
/**
* @record
*/
function ReuseTcomponentsached() { }
if (false) {
/** @type {?} */
ReuseTcomponentsached.prototype.title;
/** @type {?} */
ReuseTcomponentsached.prototype.url;
/**
* 是否允许关闭，默认：`true`
* @type {?|undefined}
*/
ReuseTcomponentsached.prototype.closable;
/**
* 当前滚动条位置
* @type {?|undefined}
*/
ReuseTcomponentsached.prototype.position;
/** @type {?} */
ReuseTcomponentsached.prototype._snapshot;
/** @type {?} */
ReuseTcomponentsached.prototype._handle;
}
/**
* @record
*/
function ReuseTabNotify() { }
if (false) {
/**
* 事件类型
* @type {?}
*/
ReuseTabNotify.prototype.active;
/** @type {?|undefined} */
ReuseTabNotify.prototype.url;
/** @type {?|undefined} */
ReuseTabNotify.prototype.title;
/** @type {?|undefined} */
ReuseTabNotify.prototype.item;
/** @type {?|undefined} */
ReuseTabNotify.prototype.list;
/* Skipping unhandled member: [key: string]: any;*/
}
/**
* @record
*/
function ReuseItem() { }
if (false) {
/** @type {?} */
ReuseItem.prototype.url;
/** @type {?} */
ReuseItem.prototype.title;
/** @type {?} */
ReuseItem.prototype.closable;
/** @type {?} */
ReuseItem.prototype.index;
/** @type {?} */
ReuseItem.prototype.active;
/** @type {?} */
ReuseItem.prototype.last;
}
/**
* @record
*/
function ReuseContextEvent() { }
if (false) {
/** @type {?} */
ReuseContextEvent.prototype.event;
/** @type {?} */
ReuseContextEvent.prototype.item;
/** @type {?|undefined} */
ReuseContextEvent.prototype.comp;
/** @type {?|undefined} */
ReuseContextEvent.prototype.customContextMenu;
}
/**
* @record
*/
function ReuseContextCloseEvent() { }
if (false) {
/** @type {?} */
ReuseContextCloseEvent.prototype.type;
/** @type {?} */
ReuseContextCloseEvent.prototype.item;
/** @type {?} */
ReuseContextCloseEvent.prototype.includeNonCloseable;
}
/**
* @record
*/
function ReuseContextI18n() { }
if (false) {
/** @type {?|undefined} */
ReuseContextI18n.prototype.close;
/** @type {?|undefined} */
ReuseContextI18n.prototype.closeOther;
/** @type {?|undefined} */
ReuseContextI18n.prototype.closeRight;
/** @type {?|undefined} */
ReuseContextI18n.prototype.refresh;
}
/**
* @record
*/
function ReuseCustomContextMenu() { }
if (false) {
/** @type {?} */
ReuseCustomContextMenu.prototype.id;
/** @type {?} */
ReuseCustomContextMenu.prototype.title;
/** @type {?} */
ReuseCustomContextMenu.prototype.fn;
/** @type {?|undefined} */
ReuseCustomContextMenu.prototype.disabled;
}
/**
* @record
*/
function ReuseComponentHandle() { }
if (false) {
/** @type {?} */
ReuseComponentHandle.prototype.componentRef;
}
/**
* @record
*/
function ReuseComponentRef() { }
if (false) {
/** @type {?} */
ReuseComponentRef.prototype.instance;
}
/**
* @record
*/
function ReuseComponentInstance() { }
if (false) {
/** @type {?} */
ReuseComponentInstance.prototype._onReuseInit;
/** @type {?} */
ReuseComponentInstance.prototype._onReuseDestroy;
/** @type {?} */
ReuseComponentInstance.prototype.destroy;
}
/**
* 路由复用类，提供复用所需要一些基本接口
*
* **注：** 所有缓存数据来源于路由离开后才会产生
*/
var ReuseTabService = /** @class */ (function () {
// #endregion
/**
* @param {?} injector
* @param {?} menuService
*/
function ReuseTabService(injector, menuService) {
this.injector = injector;
this.menuService = menuService;
this._inited = false;
this._max = 10;
this._keepingScroll = false;
this._cachedChange = new rxjs.BehaviorSubject(null);
this._cached = [];
this._titleCached = {};
this._closableCached = {};
this.positionBuffer = {};
this.debug = false;
this.routeParamMatchMode = 'strict';
this.mode = ReuseTabMatchMode.Menu;
/**
* 排除规则，限 `mode=URL`
*/
this.excludes = [];
}
Object.defineProperty(ReuseTabService.prototype, "snapshot", {
/**
* @private
* @return {?}
*/
get: function () {
return this.injector.get(router.ActivatedRoute).snapshot;
},
enumerable: false,
configurable: true
});
Object.defineProperty(ReuseTabService.prototype, "inited", {
// #region public
/**
* @return {?}
*/
get: function () {
return this._inited;
},
enumerable: false,
configurable: true
});
Object.defineProperty(ReuseTabService.prototype, "curUrl", {
/**
* 当前路由地址
* @return {?}
*/
get: function () {
return this.getUrl(this.snapshot);
},
enumerable: false,
configurable: true
});
Object.defineProperty(ReuseTabService.prototype, "max", {
/**
* 允许最多复用多少个页面，取值范围 `2-100`，值发生变更时会强制关闭且忽略可关闭条件
* @param {?} value
* @return {?}
*/
set: function (value) {
this._max = Math.min(Math.max(value, 2), 100);
for (var i = this._cached.length; i > this._max; i--) {
this._cached.pop();
}
},
enumerable: false,
configurable: true
});
Object.defineProperty(ReuseTabService.prototype, "keepingScroll", {
/**
* @return {?}
*/
get: function () {
return this._keepingScroll;
},
/**
* @param {?} value
* @return {?}
*/
set: function (value) {
this._keepingScroll = value;
this.initScroll();
},
enumerable: false,
configurable: true
});
Object.defineProperty(ReuseTabService.prototype, "items", {
/**
* 获取已缓存的路由
* @return {?}
*/
get: function () {
return this._cached;
},
enumerable: false,
configurable: true
});
Object.defineProperty(ReuseTabService.prototype, "count", {
/**
* 获取当前缓存的路由总数
* @return {?}
*/
get: function () {
return this._cached.length;
},
enumerable: false,
configurable: true
});
Object.defineProperty(ReuseTabService.prototype, "change", {
/**
* 订阅缓存变更通知
* @return {?}
*/
get: function () {
return this._cachedChange.asObservable(); // .pipe(filter(w => w !== null));
},
enumerable: false,
configurable: true
});
Object.defineProperty(ReuseTabService.prototype, "title", {
/**
* 自定义当前标题
* @param {?} value
* @return {?}
*/
set: function (value) {
/** @type {?} */
var url = this.curUrl;
if (typeof value === 'string')
value = { text: value };
this._titleCached[url] = value;
this.di('update current tag title: ', value);
this._cachedChange.next({
active: 'title',
url: url,
title: value,
list: this._cached,
});
},
enumerable: false,
configurable: true
});
/**
* 获取指定路径缓存所在位置，`-1` 表示无缓存
* @param {?} url
* @return {?}
*/
ReuseTabService.prototype.index = function (url) {
return this._cached.findIndex(( /**
* @param {?} w
* @return {?}
*/function (/**
* @param {?} w
* @return {?}
*/ w) { return w.url === url; }));
};
/**
* 获取指定路径缓存是否存在
* @param {?} url
* @return {?}
*/
ReuseTabService.prototype.exists = function (url) {
return this.index(url) !== -1;
};
/**
* 获取指定路径缓存
* @param {?=} url
* @return {?}
*/
ReuseTabService.prototype.get = function (url) {
return url ? this._cached.find(( /**
* @param {?} w
* @return {?}
*/function (/**
* @param {?} w
* @return {?}
*/ w) { return w.url === url; })) || null : null;
};
/**
* @private
* @param {?} url
* @param {?} includeNonCloseable
* @return {?}
*/
ReuseTabService.prototype.remove = function (url, includeNonCloseable) {
/** @type {?} */
var idx = typeof url === 'string' ? this.index(url) : url;
/** @type {?} */
var item = idx !== -1 ? this._cached[idx] : null;
if (!item || (!includeNonCloseable && !item.closable))
return false;
this.destroy(item._handle);
this._cached.splice(idx, 1);
delete this._titleCached[url];
return true;
};
/**
* 根据URL移除标签
*
* @param {?} url
* @param {?=} includeNonCloseable
* @return {?}
*/
ReuseTabService.prototype.close = function (url, includeNonCloseable) {
if (includeNonCloseable === void 0) { includeNonCloseable = false; }
this.removeUrlBuffer = url;
this.remove(url, includeNonCloseable);
this._cachedChange.next({ active: 'close', url: url, list: this._cached });
this.di('close tag', url);
return true;
};
/**
* 清除右边
*
* @param {?} url
* @param {?=} includeNonCloseable
* @return {?}
*/
ReuseTabService.prototype.closeRight = function (url, includeNonCloseable) {
if (includeNonCloseable === void 0) { includeNonCloseable = false; }
/** @type {?} */
var start = this.index(url);
for (var i = this.count - 1; i > start; i--) {
this.remove(i, includeNonCloseable);
}
this.removeUrlBuffer = null;
this._cachedChange.next({ active: 'closeRight', url: url, list: this._cached });
this.di('close right tages', url);
return true;
};
/**
* 清除所有缓存
*
* @param {?=} includeNonCloseable
* @return {?}
*/
ReuseTabService.prototype.clear = function (includeNonCloseable) {
var _this = this;
if (includeNonCloseable === void 0) { includeNonCloseable = false; }
this._cached.forEach(( /**
* @param {?} w
* @return {?}
*/function (/**
* @param {?} w
* @return {?}
*/ w) {
if (!includeNonCloseable && w.closable)
_this.destroy(w._handle);
}));
this._cached = this._cached.filter(( /**
* @param {?} w
* @return {?}
*/function (/**
* @param {?} w
* @return {?}
*/ w) { return !includeNonCloseable && !w.closable; }));
this.removeUrlBuffer = null;
this._cachedChange.next({ active: 'clear', list: this._cached });
this.di('clear all catch');
};
/**
* 移动缓存数据
* \@example
* ```
* // source
* [ '/a/1', '/a/2', '/a/3', '/a/4', '/a/5' ]
* move('/a/1', 2);
* // output
* [ '/a/2', '/a/3', '/a/1', '/a/4', '/a/5' ]
* move('/a/1', -1);
* // output
* [ '/a/2', '/a/3', '/a/4', '/a/5', '/a/1' ]
* ```
* @param {?} url 要移动的URL地址
* @param {?} position 新位置，下标从 `0` 开始
*
* @return {?}
*/
ReuseTabService.prototype.move = function (url, position) {
/** @type {?} */
var start = this._cached.findIndex(( /**
* @param {?} w
* @return {?}
*/function (/**
* @param {?} w
* @return {?}
*/ w) { return w.url === url; }));
if (start === -1)
return;
/** @type {?} */
var data = this._cached.slice();
data.splice(position < 0 ? data.length + position : position, 0, data.splice(start, 1)[0]);
this._cached = data;
this._cachedChange.next({
active: 'move',
url: url,
position: position,
list: this._cached,
});
};
/**
* 强制关闭当前路由（包含不可关闭状态），并重新导航至 `newUrl` 路由
* @param {?} newUrl
* @return {?}
*/
ReuseTabService.prototype.replace = function (newUrl) {
/** @type {?} */
var url = this.curUrl;
if (this.exists(url)) {
this.close(url, true);
}
else {
this.removeUrlBuffer = url;
}
this.injector.get(router.Router).navigateByUrl(newUrl);
};
/**
* 获取标题，顺序如下：
*
* 1. 组件内使用 `ReuseTabService.title = 'new title'` 重新指定文本
* 2. 路由配置中 data 属性中包含 titleI18n > title
* 3. 菜单数据中 text 属性
*
* @param {?} url 指定URL
* @param {?=} route 指定路由快照
* @return {?}
*/
ReuseTabService.prototype.getTitle = function (url, route) {
if (this._titleCached[url]) {
return this._titleCached[url];
}
if (route && route.data && (route.data.titleI18n || route.data.title)) {
return ( /** @type {?} */({
text: route.data.title,
i18n: route.data.titleI18n,
}));
}
/** @type {?} */
var menu = this.getMenu(url);
return menu ? { text: menu.text, i18n: menu.i18n } : { text: url };
};
/**
* 清除标题缓存
* @return {?}
*/
ReuseTabService.prototype.clearTitleCached = function () {
this._titleCached = {};
};
Object.defineProperty(ReuseTabService.prototype, "closable", {
/**
* 自定义当前 `closable` 状态
* @param {?} value
* @return {?}
*/
set: function (value) {
/** @type {?} */
var url = this.curUrl;
this._closableCached[url] = value;
this.di('update current tag closable: ', value);
this._cachedChange.next({
active: 'closable',
closable: value,
list: this._cached,
});
},
enumerable: false,
configurable: true
});
/**
* 获取 `closable` 状态，顺序如下：
*
* 1. 组件内使用 `ReuseTabService.closable = true` 重新指定 `closable` 状态
* 2. 路由配置中 data 属性中包含 `reuseClosable`
* 3. 菜单数据中 `reuseClosable` 属性
*
* @param {?} url 指定URL
* @param {?=} route 指定路由快照
* @return {?}
*/
ReuseTabService.prototype.getClosable = function (url, route) {
if (typeof this._closableCached[url] !== 'undefined')
return this._closableCached[url];
if (route && route.data && typeof route.data.reuseClosable === 'boolean')
return route.data.reuseClosable;
/** @type {?} */
var menu = this.mode !== ReuseTabMatchMode.URL ? this.getMenu(url) : null;
if (menu && typeof menu.reuseClosable === 'boolean')
return menu.reuseClosable;
return true;
};
/**
* 清空 `closable` 缓存
* @return {?}
*/
ReuseTabService.prototype.clearClosableCached = function () {
this._closableCached = {};
};
/**
* @param {?} route
* @return {?}
*/
ReuseTabService.prototype.getTruthRoute = function (route) {
/** @type {?} */
var next = route;
while (next.firstChild)
next = next.firstChild;
return next;
};
/**
* 根据快照获取URL地址
* @param {?} route
* @return {?}
*/
ReuseTabService.prototype.getUrl = function (route) {
/** @type {?} */
var next = this.getTruthRoute(route);
/** @type {?} */
var segments = [];
while (next