@kre-form/ionic
Version:
103 lines • 12 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import * as tslib_1 from "tslib";
import { Component } from "@angular/core";
import { FieldWrapper, FormGlobalService } from "@kre-form/core";
import { PopoverController } from "@ionic/angular";
import { KreFormFieldIonTagsComponent } from "../components/tags_component";
var KreFormWrapperFormField = /** @class */ (function (_super) {
tslib_1.__extends(KreFormWrapperFormField, _super);
function KreFormWrapperFormField(popoverController, globalService) {
var _this = _super.call(this) || this;
_this.popoverController = popoverController;
_this.globalService = globalService;
return _this;
}
/**
* @param {?} tags
* @return {?}
*/
KreFormWrapperFormField.prototype.onBadge = /**
* @param {?} tags
* @return {?}
*/
function (tags) {
return tslib_1.__awaiter(this, void 0, void 0, function () {
var result, popover;
return tslib_1.__generator(this, function (_a) {
switch (_a.label) {
case 0:
result = "";
switch (tags.mark) {
case "add":
result = "新增";
break;
case "modify":
result = "修改";
break;
case "remove":
result = "删除";
break;
default:
break;
}
return [4 /*yield*/, this.popoverController.create({
component: KreFormFieldIonTagsComponent,
cssClass: "field-popover",
componentProps: {
content: this.tags.content || "\u6570\u636E\u5DF2\u88AB" + result,
},
translucent: true,
mode: "ios",
})];
case 1:
popover = _a.sent();
return [4 /*yield*/, popover.present()];
case 2:
_a.sent();
return [2 /*return*/];
}
});
});
};
/**
* @return {?}
*/
KreFormWrapperFormField.prototype.buttonClick = /**
* @return {?}
*/
function () {
this.globalService.notifyDataChanged("FieldWrapperClick", {
rdm: Math.random(),
config: this.field,
});
};
KreFormWrapperFormField.decorators = [
{ type: Component, args: [{
selector: "kreform-wrapper-ion-form-field",
template: "\n <ng-container *ngIf=\"field.type != 'html'\">\n <div class=\"item-box\">\n <ng-container\n *ngIf=\"\n field.type != 'line' &&\n field.type != 'htmlcontent' &&\n field.type != 'image' &&\n field.type != 'label' &&\n field.type != 'upload' &&\n field.type != 'radio' &&\n field.type != 'checkbox'\n \"\n >\n <ion-label\n [position]=\"to.labelPosition\"\n [ngStyle]=\"{\n color: fontProperty.color,\n 'font-size': fontProperty.fontSize + 'px',\n 'font-style': fontProperty.fontStyle ? 'italic' : 'normal',\n 'font-weight': fontProperty.fontWeight ? 'bold' : 'normal'\n }\"\n >\n <span *ngIf=\"to.required\" class=\"required-icon\">*</span\n >{{ to.label }}\n </ion-label>\n </ng-container>\n <div class=\"field-content-box\">\n <ng-template #fieldComponent></ng-template>\n <div\n class=\"field-unit\"\n *ngIf=\"to.unit && to.unit != null && to.unit != ''\"\n >\n <span [innerHtml]=\"to.unit | safeHtml\"></span>\n </div>\n <div\n class=\"field-button\"\n *ngIf=\"to.button && to.button != null && to.button?.show == true\"\n >\n <span\n [innerHtml]=\"to.button.label | safeHtml\"\n (click)=\"buttonClick()\"\n ></span>\n </div>\n </div>\n </div>\n\n <div class=\"item-error\" *ngIf=\"showError\">\n <kreform-validation-message [field]=\"field\">\n </kreform-validation-message>\n </div>\n <ng-container *ngIf=\"tags.mark\">\n <ion-badge class=\"field-tags\" (click)=\"onBadge(tags)\">\n {{ tags.mark | tags }}\n </ion-badge>\n </ng-container>\n </ng-container>\n "
}] }
];
/** @nocollapse */
KreFormWrapperFormField.ctorParameters = function () { return [
{ type: PopoverController },
{ type: FormGlobalService }
]; };
return KreFormWrapperFormField;
}(FieldWrapper));
export { KreFormWrapperFormField };
if (false) {
/**
* @type {?}
* @protected
*/
KreFormWrapperFormField.prototype.popoverController;
/**
* @type {?}
* @private
*/
KreFormWrapperFormField.prototype.globalService;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1maWVsZC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BrcmUtZm9ybS9pb25pYy8iLCJzb3VyY2VzIjpbImxpYi93cmFwcGVycy9mb3JtLWZpZWxkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxQyxPQUFPLEVBQUUsWUFBWSxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFakUsT0FBTyxFQUFvQixpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3JFLE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQzVFO0lBNkQ2QyxtREFBWTtJQUN2RCxpQ0FDWSxpQkFBb0MsRUFDdEMsYUFBZ0M7UUFGMUMsWUFJRSxpQkFBTyxTQUNSO1FBSlcsdUJBQWlCLEdBQWpCLGlCQUFpQixDQUFtQjtRQUN0QyxtQkFBYSxHQUFiLGFBQWEsQ0FBbUI7O0lBRzFDLENBQUM7Ozs7O0lBRUsseUNBQU87Ozs7SUFBYixVQUFjLElBQUk7Ozs7Ozt3QkFDWixNQUFNLEdBQUcsRUFBRTt3QkFDZixRQUFRLElBQUksQ0FBQyxJQUFJLEVBQUU7NEJBQ2pCLEtBQUssS0FBSztnQ0FDUixNQUFNLEdBQUcsSUFBSSxDQUFDO2dDQUNkLE1BQU07NEJBQ1IsS0FBSyxRQUFRO2dDQUNYLE1BQU0sR0FBRyxJQUFJLENBQUM7Z0NBQ2QsTUFBTTs0QkFDUixLQUFLLFFBQVE7Z0NBQ1gsTUFBTSxHQUFHLElBQUksQ0FBQztnQ0FDZCxNQUFNOzRCQUNSO2dDQUNFLE1BQU07eUJBQ1Q7d0JBRWUscUJBQU0sSUFBSSxDQUFDLGlCQUFpQixDQUFDLE1BQU0sQ0FBQztnQ0FDbEQsU0FBUyxFQUFFLDRCQUE0QjtnQ0FDdkMsUUFBUSxFQUFFLGVBQWU7Z0NBQ3pCLGNBQWMsRUFBRTtvQ0FDZCxPQUFPLEVBQUUsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLElBQUksNkJBQU8sTUFBUTtpQ0FDOUM7Z0NBQ0QsV0FBVyxFQUFFLElBQUk7Z0NBQ2pCLElBQUksRUFBRSxLQUFLOzZCQUNaLENBQUMsRUFBQTs7d0JBUkksT0FBTyxHQUFHLFNBUWQ7d0JBQ0YscUJBQU0sT0FBTyxDQUFDLE9BQU8sRUFBRSxFQUFBOzt3QkFBdkIsU0FBdUIsQ0FBQzs7Ozs7S0FDekI7Ozs7SUFFRCw2Q0FBVzs7O0lBQVg7UUFDRSxJQUFJLENBQUMsYUFBYSxDQUFDLGlCQUFpQixDQUFDLG1CQUFtQixFQUFFO1lBQ3hELEdBQUcsRUFBRSxJQUFJLENBQUMsTUFBTSxFQUFFO1lBQ2xCLE1BQU0sRUFBRSxJQUFJLENBQUMsS0FBSztTQUNuQixDQUFDLENBQUM7SUFDTCxDQUFDOztnQkF0R0YsU0FBUyxTQUFDO29CQUNULFFBQVEsRUFBRSxnQ0FBZ0M7b0JBQzFDLFFBQVEsRUFBRSxrN0RBeURUO2lCQUNGOzs7O2dCQTlEMEIsaUJBQWlCO2dCQUZyQixpQkFBaUI7O0lBMkd4Qyw4QkFBQztDQUFBLEFBdkdELENBNkQ2QyxZQUFZLEdBMEN4RDtTQTFDWSx1QkFBdUI7Ozs7OztJQUVoQyxvREFBOEM7Ozs7O0lBQzlDLGdEQUF3QyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBGaWVsZFdyYXBwZXIsIEZvcm1HbG9iYWxTZXJ2aWNlIH0gZnJvbSBcIkBrcmUtZm9ybS9jb3JlXCI7XG5cbmltcG9ydCB7IFBpY2tlckNvbnRyb2xsZXIsIFBvcG92ZXJDb250cm9sbGVyIH0gZnJvbSBcIkBpb25pYy9hbmd1bGFyXCI7XG5pbXBvcnQgeyBLcmVGb3JtRmllbGRJb25UYWdzQ29tcG9uZW50IH0gZnJvbSBcIi4uL2NvbXBvbmVudHMvdGFnc19jb21wb25lbnRcIjtcbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogXCJrcmVmb3JtLXdyYXBwZXItaW9uLWZvcm0tZmllbGRcIixcbiAgdGVtcGxhdGU6IGBcbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiZmllbGQudHlwZSAhPSAnaHRtbCdcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJpdGVtLWJveFwiPlxuICAgICAgICA8bmctY29udGFpbmVyXG4gICAgICAgICAgKm5nSWY9XCJcbiAgICAgICAgICAgIGZpZWxkLnR5cGUgIT0gJ2xpbmUnICYmXG4gICAgICAgICAgICBmaWVsZC50eXBlICE9ICdodG1sY29udGVudCcgJiZcbiAgICAgICAgICAgIGZpZWxkLnR5cGUgIT0gJ2ltYWdlJyAmJlxuICAgICAgICAgICAgZmllbGQudHlwZSAhPSAnbGFiZWwnICYmXG4gICAgICAgICAgICBmaWVsZC50eXBlICE9ICd1cGxvYWQnICYmXG4gICAgICAgICAgICBmaWVsZC50eXBlICE9ICdyYWRpbycgJiZcbiAgICAgICAgICAgIGZpZWxkLnR5cGUgIT0gJ2NoZWNrYm94J1xuICAgICAgICAgIFwiXG4gICAgICAgID5cbiAgICAgICAgICA8aW9uLWxhYmVsXG4gICAgICAgICAgICBbcG9zaXRpb25dPVwidG8ubGFiZWxQb3NpdGlvblwiXG4gICAgICAgICAgICBbbmdTdHlsZV09XCJ7XG4gICAgICAgICAgICAgIGNvbG9yOiBmb250UHJvcGVydHkuY29sb3IsXG4gICAgICAgICAgICAgICdmb250LXNpemUnOiBmb250UHJvcGVydHkuZm9udFNpemUgKyAncHgnLFxuICAgICAgICAgICAgICAnZm9udC1zdHlsZSc6IGZvbnRQcm9wZXJ0eS5mb250U3R5bGUgPyAnaXRhbGljJyA6ICdub3JtYWwnLFxuICAgICAgICAgICAgICAnZm9udC13ZWlnaHQnOiBmb250UHJvcGVydHkuZm9udFdlaWdodCA/ICdib2xkJyA6ICdub3JtYWwnXG4gICAgICAgICAgICB9XCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICA8c3BhbiAqbmdJZj1cInRvLnJlcXVpcmVkXCIgY2xhc3M9XCJyZXF1aXJlZC1pY29uXCI+Kjwvc3BhblxuICAgICAgICAgICAgPnt7IHRvLmxhYmVsIH19XG4gICAgICAgICAgPC9pb24tbGFiZWw+XG4gICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZmllbGQtY29udGVudC1ib3hcIj5cbiAgICAgICAgICA8bmctdGVtcGxhdGUgI2ZpZWxkQ29tcG9uZW50PjwvbmctdGVtcGxhdGU+XG4gICAgICAgICAgPGRpdlxuICAgICAgICAgICAgY2xhc3M9XCJmaWVsZC11bml0XCJcbiAgICAgICAgICAgICpuZ0lmPVwidG8udW5pdCAmJiB0by51bml0ICE9IG51bGwgJiYgdG8udW5pdCAhPSAnJ1wiXG4gICAgICAgICAgPlxuICAgICAgICAgICAgPHNwYW4gW2lubmVySHRtbF09XCJ0by51bml0IHwgc2FmZUh0bWxcIj48L3NwYW4+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPGRpdlxuICAgICAgICAgICAgY2xhc3M9XCJmaWVsZC1idXR0b25cIlxuICAgICAgICAgICAgKm5nSWY9XCJ0by5idXR0b24gJiYgdG8uYnV0dG9uICE9IG51bGwgJiYgdG8uYnV0dG9uPy5zaG93ID09IHRydWVcIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxzcGFuXG4gICAgICAgICAgICAgIFtpbm5lckh0bWxdPVwidG8uYnV0dG9uLmxhYmVsIHwgc2FmZUh0bWxcIlxuICAgICAgICAgICAgICAoY2xpY2spPVwiYnV0dG9uQ2xpY2soKVwiXG4gICAgICAgICAgICA+PC9zcGFuPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuXG4gICAgICA8ZGl2IGNsYXNzPVwiaXRlbS1lcnJvclwiICpuZ0lmPVwic2hvd0Vycm9yXCI+XG4gICAgICAgIDxrcmVmb3JtLXZhbGlkYXRpb24tbWVzc2FnZSBbZmllbGRdPVwiZmllbGRcIj5cbiAgICAgICAgPC9rcmVmb3JtLXZhbGlkYXRpb24tbWVzc2FnZT5cbiAgICAgIDwvZGl2PlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInRhZ3MubWFya1wiPlxuICAgICAgICA8aW9uLWJhZGdlIGNsYXNzPVwiZmllbGQtdGFnc1wiIChjbGljayk9XCJvbkJhZGdlKHRhZ3MpXCI+XG4gICAgICAgICAge3sgdGFncy5tYXJrIHwgdGFncyB9fVxuICAgICAgICA8L2lvbi1iYWRnZT5cbiAgICAgIDwvbmctY29udGFpbmVyPlxuICAgIDwvbmctY29udGFpbmVyPlxuICBgLFxufSlcbmV4cG9ydCBjbGFzcyBLcmVGb3JtV3JhcHBlckZvcm1GaWVsZCBleHRlbmRzIEZpZWxkV3JhcHBlciB7XG4gIGNvbnN0cnVjdG9yKFxuICAgIHByb3RlY3RlZCBwb3BvdmVyQ29udHJvbGxlcjogUG9wb3ZlckNvbnRyb2xsZXIsXG4gICAgcHJpdmF0ZSBnbG9iYWxTZXJ2aWNlOiBGb3JtR2xvYmFsU2VydmljZVxuICApIHtcbiAgICBzdXBlcigpO1xuICB9XG5cbiAgYXN5bmMgb25CYWRnZSh0YWdzKSB7XG4gICAgbGV0IHJlc3VsdCA9IFwiXCI7XG4gICAgc3dpdGNoICh0YWdzLm1hcmspIHtcbiAgICAgIGNhc2UgXCJhZGRcIjpcbiAgICAgICAgcmVzdWx0ID0gXCLmlrDlop5cIjtcbiAgICAgICAgYnJlYWs7XG4gICAgICBjYXNlIFwibW9kaWZ5XCI6XG4gICAgICAgIHJlc3VsdCA9IFwi5L+u5pS5XCI7XG4gICAgICAgIGJyZWFrO1xuICAgICAgY2FzZSBcInJlbW92ZVwiOlxuICAgICAgICByZXN1bHQgPSBcIuWIoOmZpFwiO1xuICAgICAgICBicmVhaztcbiAgICAgIGRlZmF1bHQ6XG4gICAgICAgIGJyZWFrO1xuICAgIH1cblxuICAgIGNvbnN0IHBvcG92ZXIgPSBhd2FpdCB0aGlzLnBvcG92ZXJDb250cm9sbGVyLmNyZWF0ZSh7XG4gICAgICBjb21wb25lbnQ6IEtyZUZvcm1GaWVsZElvblRhZ3NDb21wb25lbnQsXG4gICAgICBjc3NDbGFzczogXCJmaWVsZC1wb3BvdmVyXCIsXG4gICAgICBjb21wb25lbnRQcm9wczoge1xuICAgICAgICBjb250ZW50OiB0aGlzLnRhZ3MuY29udGVudCB8fCBg5pWw5o2u5bey6KKrJHtyZXN1bHR9YCxcbiAgICAgIH0sXG4gICAgICB0cmFuc2x1Y2VudDogdHJ1ZSxcbiAgICAgIG1vZGU6IFwiaW9zXCIsXG4gICAgfSk7XG4gICAgYXdhaXQgcG9wb3Zlci5wcmVzZW50KCk7XG4gIH1cblxuICBidXR0b25DbGljaygpIHtcbiAgICB0aGlzLmdsb2JhbFNlcnZpY2Uubm90aWZ5RGF0YUNoYW5nZWQoXCJGaWVsZFdyYXBwZXJDbGlja1wiLCB7XG4gICAgICByZG06IE1hdGgucmFuZG9tKCksXG4gICAgICBjb25maWc6IHRoaXMuZmllbGQsXG4gICAgfSk7XG4gIH1cbn1cbiJdfQ==