@kre-form/ant
Version:
113 lines • 10.2 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, ViewChild, Input, Output, EventEmitter, } from "@angular/core";
import { CdkOverlayOrigin } from "@angular/cdk/overlay";
import * as _ from "lodash";
export class TextEnComponent {
constructor() {
this.langConfig = [
{ language: "zh-cn", label: "中", value: "" },
{ language: "en", label: "英", value: "" },
];
this.labelI18n = [
{ language: "zh-cn", label: "中", value: "" },
{ language: "en", label: "英", value: "" },
];
this.inputChange = new EventEmitter();
this.triggerWidth = "260px";
this.languageList = [];
}
/**
* @param {?} event
* @return {?}
*/
resize(event) {
this.visibleChange(event);
}
/**
* @return {?}
*/
ngOnInit() {
this.setLanguageList();
}
/**
* @return {?}
*/
setLanguageList() {
this.languageList = _.cloneDeep(this.langConfig);
if (!_.isEmpty(this.languageList)) {
if (!_.isEmpty(this.labelI18n)) {
this.languageList.forEach((/**
* @param {?} ele
* @return {?}
*/
(ele) => {
this.labelI18n.forEach((/**
* @param {?} el
* @return {?}
*/
(el) => {
if (ele.language === el.language) {
ele.value = el.value;
}
}));
}));
}
}
return this.languageList;
}
/**
* @param {?} value
* @return {?}
*/
onChange(value) {
this.inputChange.emit(this.languageList);
}
/**
* @param {?} event
* @return {?}
*/
visibleChange(event) {
if (event) {
if (this.cdkOverlayOrigin !== undefined) {
this.triggerWidth =
this.cdkOverlayOrigin.elementRef.nativeElement.getBoundingClientRect()
.width -
0 +
"px";
}
}
}
}
TextEnComponent.decorators = [
{ type: Component, args: [{
selector: "demo-text-en",
template: "<div class=\"inputi18n\">\n <div class=\"inputi18n-text\" cdkOverlayOrigin>\n <input\n nz-input\n autocomplete=\"off\"\n [(ngModel)]=\"languageList[0].value\"\n (ngModelChange)=\"onChange(languageList[0].value)\"\n nz-popover\n [placeholder]=\"languageList[0].label\"\n nzPopoverTrigger=\"click\"\n [nzPopoverContent]=\"contentTemplate\"\n nzOverlayClassName=\"inputi18n-template\"\n nzPopoverPlacement=\"bottom\"\n [nzOverlayStyle]=\"{ width: triggerWidth }\"\n (nzVisibleChange)=\"visibleChange($event)\"\n />\n <!-- <i nz-icon class=\"inputi18n-i\" nzType=\"global\"></i> -->\n </div>\n</div>\n\n<ng-template #contentTemplate>\n <ul>\n <ng-container *ngFor=\"let item of languageList; let i = index\">\n <li *ngIf=\"i > 0\">\n <label>{{ item.label }}</label>\n <input\n nz-input\n autocomplete=\"off\"\n [(ngModel)]=\"item.value\"\n [placeholder]=\"item.label\"\n (ngModelChange)=\"onChange(item.value)\"\n />\n </li>\n </ng-container>\n </ul>\n</ng-template>\n",
styles: ["@color0 : #bfbfbf;@color1 : #6090df;@width2 : 100%;@height0 : 100%;.input-i18n-box{position:relative}.input-i18n-box.active .input-i18n{display:block}.input-i18n{min-width:64px;border-radius:3px;background-color:#fff;box-shadow:0 1px 3px 0 rgba(0,0,0,.3);padding:10px;font-size:10px;color:#323232}.input-i18n ul{margin:0;padding:0}.input-i18n ul li{margin-bottom:10px}.input-i18n ul li label{color:#323232;font-size:13px;font-weight:400;overflow:hidden;text-overflow:ellipsis;margin-right:5px}.input-i18n ul li .ant-input{width:85%}.input-i18n ul li:last-child{margin-bottom:0}"]
}] }
];
/** @nocollapse */
TextEnComponent.ctorParameters = () => [];
TextEnComponent.propDecorators = {
langConfig: [{ type: Input }],
labelI18n: [{ type: Input }],
inputChange: [{ type: Output }],
cdkOverlayOrigin: [{ type: ViewChild, args: [CdkOverlayOrigin, { static: false },] }]
};
if (false) {
/** @type {?} */
TextEnComponent.prototype.langConfig;
/** @type {?} */
TextEnComponent.prototype.labelI18n;
/** @type {?} */
TextEnComponent.prototype.inputChange;
/** @type {?} */
TextEnComponent.prototype.cdkOverlayOrigin;
/** @type {?} */
TextEnComponent.prototype.triggerWidth;
/** @type {?} */
TextEnComponent.prototype.languageList;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dC1lbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Aa3JlLWZvcm0vYW50LyIsInNvdXJjZXMiOlsibGliL2Rlc2lnbi90ZXh0LWVuL3RleHQtZW4uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULFNBQVMsRUFDVCxLQUFLLEVBRUwsTUFBTSxFQUNOLFlBQVksR0FDYixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQXVCLGdCQUFnQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDN0UsT0FBTyxLQUFLLENBQUMsTUFBTSxRQUFRLENBQUM7QUFPNUIsTUFBTSxPQUFPLGVBQWU7SUFnQjFCO1FBZlMsZUFBVSxHQUFlO1lBQ2hDLEVBQUUsUUFBUSxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsR0FBRyxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUU7WUFDNUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxHQUFHLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRTtTQUMxQyxDQUFDO1FBRU8sY0FBUyxHQUFlO1lBQy9CLEVBQUUsUUFBUSxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsR0FBRyxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUU7WUFDNUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxHQUFHLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRTtTQUMxQyxDQUFDO1FBQ1EsZ0JBQVcsR0FBc0IsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUluRSxpQkFBWSxHQUFHLE9BQU8sQ0FBQztRQUN2QixpQkFBWSxHQUFVLEVBQUUsQ0FBQztJQUNWLENBQUM7Ozs7O0lBRWhCLE1BQU0sQ0FBQyxLQUFVO1FBQ2YsSUFBSSxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUM1QixDQUFDOzs7O0lBQ0QsUUFBUTtRQUNOLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztJQUN6QixDQUFDOzs7O0lBRUQsZUFBZTtRQUNiLElBQUksQ0FBQyxZQUFZLEdBQUcsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7UUFDakQsSUFBSSxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxFQUFFO1lBQ2pDLElBQUksQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsRUFBRTtnQkFDOUIsSUFBSSxDQUFDLFlBQVksQ0FBQyxPQUFPOzs7O2dCQUFDLENBQUMsR0FBUSxFQUFFLEVBQUU7b0JBQ3JDLElBQUksQ0FBQyxTQUFTLENBQUMsT0FBTzs7OztvQkFBQyxDQUFDLEVBQU8sRUFBRSxFQUFFO3dCQUNqQyxJQUFJLEdBQUcsQ0FBQyxRQUFRLEtBQUssRUFBRSxDQUFDLFFBQVEsRUFBRTs0QkFDaEMsR0FBRyxDQUFDLEtBQUssR0FBRyxFQUFFLENBQUMsS0FBSyxDQUFDO3lCQUN0QjtvQkFDSCxDQUFDLEVBQUMsQ0FBQztnQkFDTCxDQUFDLEVBQUMsQ0FBQzthQUNKO1NBQ0Y7UUFDRCxPQUFPLElBQUksQ0FBQyxZQUFZLENBQUM7SUFDM0IsQ0FBQzs7Ozs7SUFFRCxRQUFRLENBQUMsS0FBVTtRQUNqQixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUM7SUFDM0MsQ0FBQzs7Ozs7SUFFRCxhQUFhLENBQUMsS0FBVTtRQUN0QixJQUFJLEtBQUssRUFBRTtZQUNULElBQUksSUFBSSxDQUFDLGdCQUFnQixLQUFLLFNBQVMsRUFBRTtnQkFDdkMsSUFBSSxDQUFDLFlBQVk7b0JBQ2YsSUFBSSxDQUFDLGdCQUFnQixDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMscUJBQXFCLEVBQUU7eUJBQ25FLEtBQUs7d0JBQ1IsQ0FBQzt3QkFDRCxJQUFJLENBQUM7YUFDUjtTQUNGO0lBQ0gsQ0FBQzs7O1lBNURGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsY0FBYztnQkFDeEIsMm1DQUF1Qzs7YUFFeEM7Ozs7O3lCQUVFLEtBQUs7d0JBS0wsS0FBSzswQkFJTCxNQUFNOytCQUVOLFNBQVMsU0FBQyxnQkFBZ0IsRUFBRSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUU7Ozs7SUFYOUMscUNBR0U7O0lBRUYsb0NBR0U7O0lBQ0Ysc0NBQW1FOztJQUVuRSwyQ0FDK0M7O0lBQy9DLHVDQUF1Qjs7SUFDdkIsdUNBQXlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBWaWV3Q2hpbGQsXG4gIElucHV0LFxuICBPbkluaXQsXG4gIE91dHB1dCxcbiAgRXZlbnRFbWl0dGVyLFxufSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgQ2RrQ29ubmVjdGVkT3ZlcmxheSwgQ2RrT3ZlcmxheU9yaWdpbiB9IGZyb20gXCJAYW5ndWxhci9jZGsvb3ZlcmxheVwiO1xuaW1wb3J0ICogYXMgXyBmcm9tIFwibG9kYXNoXCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogXCJkZW1vLXRleHQtZW5cIixcbiAgdGVtcGxhdGVVcmw6IFwiLi90ZXh0LWVuLmNvbXBvbmVudC5odG1sXCIsXG4gIHN0eWxlVXJsczogW1wiLi90ZXh0LWVuLmNvbXBvbmVudC5zY3NzXCJdLFxufSlcbmV4cG9ydCBjbGFzcyBUZXh0RW5Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSBsYW5nQ29uZmlnOiBBcnJheTxhbnk+ID0gW1xuICAgIHsgbGFuZ3VhZ2U6IFwiemgtY25cIiwgbGFiZWw6IFwi5LitXCIsIHZhbHVlOiBcIlwiIH0sXG4gICAgeyBsYW5ndWFnZTogXCJlblwiLCBsYWJlbDogXCLoi7FcIiwgdmFsdWU6IFwiXCIgfSxcbiAgXTtcblxuICBASW5wdXQoKSBsYWJlbEkxOG46IEFycmF5PGFueT4gPSBbXG4gICAgeyBsYW5ndWFnZTogXCJ6aC1jblwiLCBsYWJlbDogXCLkuK1cIiwgdmFsdWU6IFwiXCIgfSxcbiAgICB7IGxhbmd1YWdlOiBcImVuXCIsIGxhYmVsOiBcIuiLsVwiLCB2YWx1ZTogXCJcIiB9LFxuICBdO1xuICBAT3V0cHV0KCkgaW5wdXRDaGFuZ2U6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG5cbiAgQFZpZXdDaGlsZChDZGtPdmVybGF5T3JpZ2luLCB7IHN0YXRpYzogZmFsc2UgfSlcbiAgY2RrT3ZlcmxheU9yaWdpbjogQ2RrT3ZlcmxheU9yaWdpbiB8IHVuZGVmaW5lZDtcbiAgdHJpZ2dlcldpZHRoID0gXCIyNjBweFwiO1xuICBsYW5ndWFnZUxpc3Q6IGFueVtdID0gW107XG4gIGNvbnN0cnVjdG9yKCkge31cblxuICByZXNpemUoZXZlbnQ6IGFueSkge1xuICAgIHRoaXMudmlzaWJsZUNoYW5nZShldmVudCk7XG4gIH1cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5zZXRMYW5ndWFnZUxpc3QoKTtcbiAgfVxuXG4gIHNldExhbmd1YWdlTGlzdCgpIHtcbiAgICB0aGlzLmxhbmd1YWdlTGlzdCA9IF8uY2xvbmVEZWVwKHRoaXMubGFuZ0NvbmZpZyk7XG4gICAgaWYgKCFfLmlzRW1wdHkodGhpcy5sYW5ndWFnZUxpc3QpKSB7XG4gICAgICBpZiAoIV8uaXNFbXB0eSh0aGlzLmxhYmVsSTE4bikpIHtcbiAgICAgICAgdGhpcy5sYW5ndWFnZUxpc3QuZm9yRWFjaCgoZWxlOiBhbnkpID0+IHtcbiAgICAgICAgICB0aGlzLmxhYmVsSTE4bi5mb3JFYWNoKChlbDogYW55KSA9PiB7XG4gICAgICAgICAgICBpZiAoZWxlLmxhbmd1YWdlID09PSBlbC5sYW5ndWFnZSkge1xuICAgICAgICAgICAgICBlbGUudmFsdWUgPSBlbC52YWx1ZTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9KTtcbiAgICAgICAgfSk7XG4gICAgICB9XG4gICAgfVxuICAgIHJldHVybiB0aGlzLmxhbmd1YWdlTGlzdDtcbiAgfVxuXG4gIG9uQ2hhbmdlKHZhbHVlOiBhbnkpIHtcbiAgICB0aGlzLmlucHV0Q2hhbmdlLmVtaXQodGhpcy5sYW5ndWFnZUxpc3QpO1xuICB9XG5cbiAgdmlzaWJsZUNoYW5nZShldmVudDogYW55KSB7XG4gICAgaWYgKGV2ZW50KSB7XG4gICAgICBpZiAodGhpcy5jZGtPdmVybGF5T3JpZ2luICE9PSB1bmRlZmluZWQpIHtcbiAgICAgICAgdGhpcy50cmlnZ2VyV2lkdGggPVxuICAgICAgICAgIHRoaXMuY2RrT3ZlcmxheU9yaWdpbi5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KClcbiAgICAgICAgICAgIC53aWR0aCAtXG4gICAgICAgICAgMCArXG4gICAgICAgICAgXCJweFwiO1xuICAgICAgfVxuICAgIH1cbiAgfVxufVxuIl19