@kre-form/ionic
Version:
144 lines (143 loc) • 10.8 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";
export class KreFormWrapperFormField extends FieldWrapper {
/**
* @param {?} popoverController
* @param {?} globalService
*/
constructor(popoverController, globalService) {
super();
this.popoverController = popoverController;
this.globalService = globalService;
}
/**
* @param {?} tags
* @return {?}
*/
onBadge(tags) {
return tslib_1.__awaiter(this, void 0, void 0, function* () {
/** @type {?} */
let result = "";
switch (tags.mark) {
case "add":
result = "新增";
break;
case "modify":
result = "修改";
break;
case "remove":
result = "删除";
break;
default:
break;
}
/** @type {?} */
const popover = yield this.popoverController.create({
component: KreFormFieldIonTagsComponent,
cssClass: "field-popover",
componentProps: {
content: this.tags.content || `数据已被${result}`,
},
translucent: true,
mode: "ios",
});
yield popover.present();
});
}
/**
* @return {?}
*/
buttonClick() {
this.globalService.notifyDataChanged("FieldWrapperClick", {
rdm: Math.random(),
config: this.field,
});
}
}
KreFormWrapperFormField.decorators = [
{ type: Component, args: [{
selector: "kreform-wrapper-ion-form-field",
template: `
<ng-container *ngIf="field.type != 'html'">
<div class="item-box">
<ng-container
*ngIf="
field.type != 'line' &&
field.type != 'htmlcontent' &&
field.type != 'image' &&
field.type != 'label' &&
field.type != 'upload' &&
field.type != 'radio' &&
field.type != 'checkbox'
"
>
<ion-label
[position]="to.labelPosition"
[ngStyle]="{
color: fontProperty.color,
'font-size': fontProperty.fontSize + 'px',
'font-style': fontProperty.fontStyle ? 'italic' : 'normal',
'font-weight': fontProperty.fontWeight ? 'bold' : 'normal'
}"
>
<span *ngIf="to.required" class="required-icon">*</span
>{{ to.label }}
</ion-label>
</ng-container>
<div class="field-content-box">
<ng-template #fieldComponent></ng-template>
<div
class="field-unit"
*ngIf="to.unit && to.unit != null && to.unit != ''"
>
<span [innerHtml]="to.unit | safeHtml"></span>
</div>
<div
class="field-button"
*ngIf="to.button && to.button != null && to.button?.show == true"
>
<span
[innerHtml]="to.button.label | safeHtml"
(click)="buttonClick()"
></span>
</div>
</div>
</div>
<div class="item-error" *ngIf="showError">
<kreform-validation-message [field]="field">
</kreform-validation-message>
</div>
<ng-container *ngIf="tags.mark">
<ion-badge class="field-tags" (click)="onBadge(tags)">
{{ tags.mark | tags }}
</ion-badge>
</ng-container>
</ng-container>
`
}] }
];
/** @nocollapse */
KreFormWrapperFormField.ctorParameters = () => [
{ type: PopoverController },
{ type: FormGlobalService }
];
if (false) {
/**
* @type {?}
* @protected
*/
KreFormWrapperFormField.prototype.popoverController;
/**
* @type {?}
* @private
*/
KreFormWrapperFormField.prototype.globalService;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1maWVsZC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BrcmUtZm9ybS9pb25pYy8iLCJzb3VyY2VzIjpbImxpYi93cmFwcGVycy9mb3JtLWZpZWxkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxQyxPQUFPLEVBQUUsWUFBWSxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFakUsT0FBTyxFQUFvQixpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3JFLE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBOEQ1RSxNQUFNLE9BQU8sdUJBQXdCLFNBQVEsWUFBWTs7Ozs7SUFDdkQsWUFDWSxpQkFBb0MsRUFDdEMsYUFBZ0M7UUFFeEMsS0FBSyxFQUFFLENBQUM7UUFIRSxzQkFBaUIsR0FBakIsaUJBQWlCLENBQW1CO1FBQ3RDLGtCQUFhLEdBQWIsYUFBYSxDQUFtQjtJQUcxQyxDQUFDOzs7OztJQUVLLE9BQU8sQ0FBQyxJQUFJOzs7Z0JBQ1osTUFBTSxHQUFHLEVBQUU7WUFDZixRQUFRLElBQUksQ0FBQyxJQUFJLEVBQUU7Z0JBQ2pCLEtBQUssS0FBSztvQkFDUixNQUFNLEdBQUcsSUFBSSxDQUFDO29CQUNkLE1BQU07Z0JBQ1IsS0FBSyxRQUFRO29CQUNYLE1BQU0sR0FBRyxJQUFJLENBQUM7b0JBQ2QsTUFBTTtnQkFDUixLQUFLLFFBQVE7b0JBQ1gsTUFBTSxHQUFHLElBQUksQ0FBQztvQkFDZCxNQUFNO2dCQUNSO29CQUNFLE1BQU07YUFDVDs7a0JBRUssT0FBTyxHQUFHLE1BQU0sSUFBSSxDQUFDLGlCQUFpQixDQUFDLE1BQU0sQ0FBQztnQkFDbEQsU0FBUyxFQUFFLDRCQUE0QjtnQkFDdkMsUUFBUSxFQUFFLGVBQWU7Z0JBQ3pCLGNBQWMsRUFBRTtvQkFDZCxPQUFPLEVBQUUsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLElBQUksT0FBTyxNQUFNLEVBQUU7aUJBQzlDO2dCQUNELFdBQVcsRUFBRSxJQUFJO2dCQUNqQixJQUFJLEVBQUUsS0FBSzthQUNaLENBQUM7WUFDRixNQUFNLE9BQU8sQ0FBQyxPQUFPLEVBQUUsQ0FBQztRQUMxQixDQUFDO0tBQUE7Ozs7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLGFBQWEsQ0FBQyxpQkFBaUIsQ0FBQyxtQkFBbUIsRUFBRTtZQUN4RCxHQUFHLEVBQUUsSUFBSSxDQUFDLE1BQU0sRUFBRTtZQUNsQixNQUFNLEVBQUUsSUFBSSxDQUFDLEtBQUs7U0FDbkIsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzs7O1lBdEdGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsZ0NBQWdDO2dCQUMxQyxRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXlEVDthQUNGOzs7O1lBOUQwQixpQkFBaUI7WUFGckIsaUJBQWlCOzs7Ozs7O0lBbUVwQyxvREFBOEM7Ozs7O0lBQzlDLGdEQUF3QyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBGaWVsZFdyYXBwZXIsIEZvcm1HbG9iYWxTZXJ2aWNlIH0gZnJvbSBcIkBrcmUtZm9ybS9jb3JlXCI7XG5cbmltcG9ydCB7IFBpY2tlckNvbnRyb2xsZXIsIFBvcG92ZXJDb250cm9sbGVyIH0gZnJvbSBcIkBpb25pYy9hbmd1bGFyXCI7XG5pbXBvcnQgeyBLcmVGb3JtRmllbGRJb25UYWdzQ29tcG9uZW50IH0gZnJvbSBcIi4uL2NvbXBvbmVudHMvdGFnc19jb21wb25lbnRcIjtcbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogXCJrcmVmb3JtLXdyYXBwZXItaW9uLWZvcm0tZmllbGRcIixcbiAgdGVtcGxhdGU6IGBcbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiZmllbGQudHlwZSAhPSAnaHRtbCdcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJpdGVtLWJveFwiPlxuICAgICAgICA8bmctY29udGFpbmVyXG4gICAgICAgICAgKm5nSWY9XCJcbiAgICAgICAgICAgIGZpZWxkLnR5cGUgIT0gJ2xpbmUnICYmXG4gICAgICAgICAgICBmaWVsZC50eXBlICE9ICdodG1sY29udGVudCcgJiZcbiAgICAgICAgICAgIGZpZWxkLnR5cGUgIT0gJ2ltYWdlJyAmJlxuICAgICAgICAgICAgZmllbGQudHlwZSAhPSAnbGFiZWwnICYmXG4gICAgICAgICAgICBmaWVsZC50eXBlICE9ICd1cGxvYWQnICYmXG4gICAgICAgICAgICBmaWVsZC50eXBlICE9ICdyYWRpbycgJiZcbiAgICAgICAgICAgIGZpZWxkLnR5cGUgIT0gJ2NoZWNrYm94J1xuICAgICAgICAgIFwiXG4gICAgICAgID5cbiAgICAgICAgICA8aW9uLWxhYmVsXG4gICAgICAgICAgICBbcG9zaXRpb25dPVwidG8ubGFiZWxQb3NpdGlvblwiXG4gICAgICAgICAgICBbbmdTdHlsZV09XCJ7XG4gICAgICAgICAgICAgIGNvbG9yOiBmb250UHJvcGVydHkuY29sb3IsXG4gICAgICAgICAgICAgICdmb250LXNpemUnOiBmb250UHJvcGVydHkuZm9udFNpemUgKyAncHgnLFxuICAgICAgICAgICAgICAnZm9udC1zdHlsZSc6IGZvbnRQcm9wZXJ0eS5mb250U3R5bGUgPyAnaXRhbGljJyA6ICdub3JtYWwnLFxuICAgICAgICAgICAgICAnZm9udC13ZWlnaHQnOiBmb250UHJvcGVydHkuZm9udFdlaWdodCA/ICdib2xkJyA6ICdub3JtYWwnXG4gICAgICAgICAgICB9XCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICA8c3BhbiAqbmdJZj1cInRvLnJlcXVpcmVkXCIgY2xhc3M9XCJyZXF1aXJlZC1pY29uXCI+Kjwvc3BhblxuICAgICAgICAgICAgPnt7IHRvLmxhYmVsIH19XG4gICAgICAgICAgPC9pb24tbGFiZWw+XG4gICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZmllbGQtY29udGVudC1ib3hcIj5cbiAgICAgICAgICA8bmctdGVtcGxhdGUgI2ZpZWxkQ29tcG9uZW50PjwvbmctdGVtcGxhdGU+XG4gICAgICAgICAgPGRpdlxuICAgICAgICAgICAgY2xhc3M9XCJmaWVsZC11bml0XCJcbiAgICAgICAgICAgICpuZ0lmPVwidG8udW5pdCAmJiB0by51bml0ICE9IG51bGwgJiYgdG8udW5pdCAhPSAnJ1wiXG4gICAgICAgICAgPlxuICAgICAgICAgICAgPHNwYW4gW2lubmVySHRtbF09XCJ0by51bml0IHwgc2FmZUh0bWxcIj48L3NwYW4+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPGRpdlxuICAgICAgICAgICAgY2xhc3M9XCJmaWVsZC1idXR0b25cIlxuICAgICAgICAgICAgKm5nSWY9XCJ0by5idXR0b24gJiYgdG8uYnV0dG9uICE9IG51bGwgJiYgdG8uYnV0dG9uPy5zaG93ID09IHRydWVcIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxzcGFuXG4gICAgICAgICAgICAgIFtpbm5lckh0bWxdPVwidG8uYnV0dG9uLmxhYmVsIHwgc2FmZUh0bWxcIlxuICAgICAgICAgICAgICAoY2xpY2spPVwiYnV0dG9uQ2xpY2soKVwiXG4gICAgICAgICAgICA+PC9zcGFuPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuXG4gICAgICA8ZGl2IGNsYXNzPVwiaXRlbS1lcnJvclwiICpuZ0lmPVwic2hvd0Vycm9yXCI+XG4gICAgICAgIDxrcmVmb3JtLXZhbGlkYXRpb24tbWVzc2FnZSBbZmllbGRdPVwiZmllbGRcIj5cbiAgICAgICAgPC9rcmVmb3JtLXZhbGlkYXRpb24tbWVzc2FnZT5cbiAgICAgIDwvZGl2PlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInRhZ3MubWFya1wiPlxuICAgICAgICA8aW9uLWJhZGdlIGNsYXNzPVwiZmllbGQtdGFnc1wiIChjbGljayk9XCJvbkJhZGdlKHRhZ3MpXCI+XG4gICAgICAgICAge3sgdGFncy5tYXJrIHwgdGFncyB9fVxuICAgICAgICA8L2lvbi1iYWRnZT5cbiAgICAgIDwvbmctY29udGFpbmVyPlxuICAgIDwvbmctY29udGFpbmVyPlxuICBgLFxufSlcbmV4cG9ydCBjbGFzcyBLcmVGb3JtV3JhcHBlckZvcm1GaWVsZCBleHRlbmRzIEZpZWxkV3JhcHBlciB7XG4gIGNvbnN0cnVjdG9yKFxuICAgIHByb3RlY3RlZCBwb3BvdmVyQ29udHJvbGxlcjogUG9wb3ZlckNvbnRyb2xsZXIsXG4gICAgcHJpdmF0ZSBnbG9iYWxTZXJ2aWNlOiBGb3JtR2xvYmFsU2VydmljZVxuICApIHtcbiAgICBzdXBlcigpO1xuICB9XG5cbiAgYXN5bmMgb25CYWRnZSh0YWdzKSB7XG4gICAgbGV0IHJlc3VsdCA9IFwiXCI7XG4gICAgc3dpdGNoICh0YWdzLm1hcmspIHtcbiAgICAgIGNhc2UgXCJhZGRcIjpcbiAgICAgICAgcmVzdWx0ID0gXCLmlrDlop5cIjtcbiAgICAgICAgYnJlYWs7XG4gICAgICBjYXNlIFwibW9kaWZ5XCI6XG4gICAgICAgIHJlc3VsdCA9IFwi5L+u5pS5XCI7XG4gICAgICAgIGJyZWFrO1xuICAgICAgY2FzZSBcInJlbW92ZVwiOlxuICAgICAgICByZXN1bHQgPSBcIuWIoOmZpFwiO1xuICAgICAgICBicmVhaztcbiAgICAgIGRlZmF1bHQ6XG4gICAgICAgIGJyZWFrO1xuICAgIH1cblxuICAgIGNvbnN0IHBvcG92ZXIgPSBhd2FpdCB0aGlzLnBvcG92ZXJDb250cm9sbGVyLmNyZWF0ZSh7XG4gICAgICBjb21wb25lbnQ6IEtyZUZvcm1GaWVsZElvblRhZ3NDb21wb25lbnQsXG4gICAgICBjc3NDbGFzczogXCJmaWVsZC1wb3BvdmVyXCIsXG4gICAgICBjb21wb25lbnRQcm9wczoge1xuICAgICAgICBjb250ZW50OiB0aGlzLnRhZ3MuY29udGVudCB8fCBg5pWw5o2u5bey6KKrJHtyZXN1bHR9YCxcbiAgICAgIH0sXG4gICAgICB0cmFuc2x1Y2VudDogdHJ1ZSxcbiAgICAgIG1vZGU6IFwiaW9zXCIsXG4gICAgfSk7XG4gICAgYXdhaXQgcG9wb3Zlci5wcmVzZW50KCk7XG4gIH1cblxuICBidXR0b25DbGljaygpIHtcbiAgICB0aGlzLmdsb2JhbFNlcnZpY2Uubm90aWZ5RGF0YUNoYW5nZWQoXCJGaWVsZFdyYXBwZXJDbGlja1wiLCB7XG4gICAgICByZG06IE1hdGgucmFuZG9tKCksXG4gICAgICBjb25maWc6IHRoaXMuZmllbGQsXG4gICAgfSk7XG4gIH1cbn1cbiJdfQ==