ngx-formly-zorro-antd 16.1.2 → 16.1.4

package/ref-template/public_api.d.ts

@@ -0,0 +1,2 @@
+export { FormlyRefTemplateModule } from './ref-template.module';
+export { FormlyFieldRefTemplate, FormlyRefTemplateFieldConfig } from './ref-template.type';

package/ref-template/ref-template.module.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./ref-template.type";
+import * as i2 from "@angular/common";
+import * as i3 from "ng-zorro-antd/core/outlet";
+import * as i4 from "@pkt/ng.core";
+import * as i5 from "@ngx-formly/core";
+export declare class FormlyRefTemplateModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormlyRefTemplateModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FormlyRefTemplateModule, [typeof i1.FormlyFieldRefTemplate], [typeof i2.CommonModule, typeof i3.NzOutletModule, typeof i4.TrustedHtmlPipe, typeof i5.FormlyModule], never>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<FormlyRefTemplateModule>;
+}

package/ref-template/ref-template.type.d.ts

@@ -0,0 +1,79 @@
+import { TemplateRef, Type } from '@angular/core';
+import { FieldType, FieldTypeConfig } from '@ngx-formly/core';
+import type { FormlyFieldProps } from 'ngx-formly-zorro-antd/form-field';
+import type { NzFormlyFieldConfig } from 'ngx-formly-zorro-antd/common';
+import { FormlyBoxTemplates } from 'ngx-formly-zorro-antd/common';
+import * as i0 from "@angular/core";
+interface RefTemplateProps extends FormlyFieldProps {
+    ref?: string | TemplateRef<{
+        $implicit: FormlyRefTemplateFieldConfig;
+        props: RefTemplateProps;
+    }>;
+    refName?: string;
+}
+/**
+ * RefTemplate 配置
+ */
+export interface FormlyRefTemplateFieldConfig extends NzFormlyFieldConfig<RefTemplateProps> {
+    type: 'ref-template' | Type<FormlyFieldRefTemplate>;
+}
+/**
+ * 引用模板，支持HTML,TemplateRef对象,或者NamedTemplate
+ * @example
+ *
+ * 用法1: 使用NamedTemplate(推荐)
+ *
+ * html
+ * ```html
+ * <formly-form formly-box>
+ *  <ng-template named="test"></ng-template>
+ * </formly-form>
+ * ```
+ *
+ * 配置
+ * ```js
+ * {
+ *   type: 'ref-template',
+ *   props: {
+ *     refName: 'test'
+ *   }
+ * }
+ * ```
+ *
+ * 用法2:TemplateRef对象
+ * ```html
+ * <ng-template #test2></ng-template>
+ * ```
+ *
+ * 配置
+ * @viewChild('test2') test2: TemplateRef<{}>;
+ *
+ * ```js
+ * {
+ *   type: 'ref-template',
+ *   props: {
+ *     ref: this.test2
+ *   }
+ * }
+ * ```
+ *
+ * 用法3: 使用html
+ *
+ * 配置
+ * ```js
+ * {
+ *   type: 'ref-template',
+ *   props: {
+ *     ref: '<div>test text</div>'
+ *   }
+ * }
+ * ```
+ */
+export declare class FormlyFieldRefTemplate extends FieldType<FieldTypeConfig<RefTemplateProps>> {
+    fieldTemplates: FormlyBoxTemplates;
+    constructor(fieldTemplates: FormlyBoxTemplates);
+    get ref(): TemplateRef<any> | undefined;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormlyFieldRefTemplate, [{ optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormlyFieldRefTemplate, "formly-ref-template", never, {}, {}, never, never, false, never>;
+}
+export {};