This repository has been archived by the owner on Aug 1, 2020. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
15.4be466f148116e698474.js
1 lines (1 loc) · 263 KB
/
15.4be466f148116e698474.js
1
(window.webpackJsonp=window.webpackJsonp||[]).push([[15],{vPbr:function(t,e,d){"use strict";d.r(e);var n=d("CcnG"),o=d("r45k"),l=function(){this.item={cols:1,urls:{"zh-CN":"packages/form/docs/customize.md"},content:{"zh-CN":{content:'<article><h2 id="\u5199\u5728\u524d\u9762">\u5199\u5728\u524d\u9762<a onclick="window.location.hash = \'\u5199\u5728\u524d\u9762\'" class="anchor">#</a></h2><p><code>@delon/form</code> \u5c3d\u53ef\u80fd\u6ee1\u8db3\u4e0d\u540c\u9700\u6c42\uff0c\u9664\u73b0\u6709\u5185\u7f6e\u7684\u5341\u51e0\u79cd\u57fa\u7840\u7ec4\u4ef6\u5c0f\u90e8\u4ef6\u5916\uff0c\u53ef\u4ee5\u901a\u8fc7\u4ee5\u4e0b\u4e24\u79cd\u65b9\u5f0f\u8fdb\u4e00\u6b65\u6269\u5c55\u9700\u6c42\uff1a</p><h2 id="\u4e00\u3001\u5229\u7528-custom-\u5c0f\u90e8\u4ef6\u8fdb\u884c\u6269\u5c55">\u4e00\u3001\u5229\u7528 <code>custom</code> \u5c0f\u90e8\u4ef6\u8fdb\u884c\u6269\u5c55<a onclick="window.location.hash = \'\u4e00\u3001\u5229\u7528-custom-\u5c0f\u90e8\u4ef6\u8fdb\u884c\u6269\u5c55\'" class="anchor">#</a></h2><p>\u7ec6\u8282\u8bf7\u53c2\u8003 <a href="/form/custom" data-url="/form/custom">custom-\u81ea\u5b9a\u4e49</a>\u3002</p><h2 id="\u4e8c\u3001\u5b8c\u5168\u81ea\u5b9a\u4e49">\u4e8c\u3001\u5b8c\u5168\u81ea\u5b9a\u4e49<a onclick="window.location.hash = \'\u4e8c\u3001\u5b8c\u5168\u81ea\u5b9a\u4e49\'" class="anchor">#</a></h2><p>\u5f53 <code>custom</code> \u5c0f\u90e8\u4ef6\u65e0\u6cd5\u6ee1\u8db3\u4f60\u7684\u6269\u5c55\u65f6\uff0c\u53ef\u4ee5\u4f7f\u7528\u66f4\u5bbd\u677e\u7684\u6269\u5c55\u65b9\u5f0f\u3002</p><h3 id="\u7f16\u5199\u5c0f\u90e8\u4ef6">\u7f16\u5199\u5c0f\u90e8\u4ef6<a onclick="window.location.hash = \'\u7f16\u5199\u5c0f\u90e8\u4ef6\'" class="anchor">#</a></h3><p><strong>\u5e38\u89c1\u5c0f\u90e8\u4ef6\u5e93</strong></p><p>\u9ed8\u8ba4\u60c5\u51b5\u4e0b @delon/form \u5b9e\u73b0\u4e86\u4e00\u4e9b\u5e38\u89c1\u9700\u6c42\uff0c\u4f46\u9700\u8981\u989d\u5916\u7c7b\u5e93\u652f\u6301\u7684\uff0c\u79f0\u5b83\u4e3a\u7b2c\u4e09\u65b9\u7ec4\u4ef6\u5c0f\u90e8\u4ef6\uff0c\u8fd9\u4e00\u90e8\u5206\u5c0f\u90e8\u4ef6\u5b58\u5728\u4e8e<a target="_blank" href="https://github.com/cipchk/delon/tree/master/packages/form/widgets-third" data-url="https://github.com/cipchk/delon/tree/master/packages/form/widgets-third">widgets-third</a>\u76ee\u5f55\u91cc\uff1b\u4f60\u53ef\u4ee5\u76f4\u63a5\u590d\u5236\u4f7f\u7528\u3002</p><p>\u8fd9\u4e9b\u7ec4\u4ef6\u5305\u62ec\uff1a</p><table><thead><tr><th>\u540d\u79f0</th><th>\u63cf\u8ff0</th><th>\u6587\u6863</th><th>\u6e90\u4ee3\u7801</th></tr></thead><tbody><tr><td><code>tinymce</code></td><td>Tinymce \u5bcc\u6587\u672c\u6846</td><td><a href="/form/tinymce" data-url="/form/tinymce">\u6587\u6863</a></td><td><a target="_blank" href="https://github.com/cipchk/delon/tree/master/packages/form/widgets-third/tinymce" data-url="https://github.com/cipchk/delon/tree/master/packages/form/widgets-third/tinymce">\u6e90\u4ee3\u7801</a></td></tr><tr><td><code>ueditor</code></td><td>UEditor \u5bcc\u6587\u672c\u6846</td><td><a href="/form/ueditor" data-url="/form/ueditor">\u6587\u6863</a></td><td><a target="_blank" href="https://github.com/cipchk/delon/tree/master/packages/form/widgets-third/ueditor" data-url="https://github.com/cipchk/delon/tree/master/packages/form/widgets-third/ueditor">\u6e90\u4ee3\u7801</a></td></tr></tbody></table><p><strong>\u81ea\u5df1\u521b\u5efa\u5c0f\u90e8\u4ef6</strong></p><p>\u5c0f\u90e8\u4ef6\u5c31\u662f\u4e00\u4e2a\u7ec4\u4ef6\uff0c\u4f60\u53ea\u9700\u8981\u7ee7\u627f <code>ControlWidget</code> \u5c31\u76f8\u5f53\u4e8e\u6784\u5efa\u4e00\u4e2a\u5c0f\u90e8\u4ef6\uff0c\u5176\u7ed3\u6784\u5982\u4e0b\uff1a</p><pre class="hljs language-$1"><code>import { Component, OnInit } from \'@angular/core\';\nimport { ControlWidget } from \'@delon/form\';\n\n@Component({\n selector: \'sf-tinymce\',\n template: `\n <sf-item-wrap [id]="id" [schema]="schema" [ui]="ui" [showError]="showError" [error]="error" [showTitle]="schema.title">\n <!-- \u5f00\u59cb\u81ea\u5b9a\u4e49\u63a7\u4ef6\u533a\u57df -->\n <tinymce\n [ngModel]="value"\n (ngModelChange)="change($event)"\n [config]="config"\n [loading]="loading">\n </tinymce>\n <!-- \u7ed3\u675f\u81ea\u5b9a\u4e49\u63a7\u4ef6\u533a\u57df -->\n </sf-item-wrap>`\n})\nexport class TinymceWidget extends ControlWidget implements OnInit {\n /* \u7528\u4e8e\u6ce8\u518c\u5c0f\u90e8\u4ef6 KEY \u503c */\n static readonly KEY = \'tinymce\';\n\n // \u7ec4\u4ef6\u6240\u9700\u8981\u7684\u53c2\u6570\uff0c\u5efa\u8bae\u4f7f\u7528 `ngOnInit` \u83b7\u53d6\n config: any;\n loadingTip: string;\n\n ngOnInit(): void {\n this.loadingTip = this.ui.loadingTip || \'\u52a0\u8f7d\u4e2d\u2026\u2026\';\n this.config = this.ui.config || {};\n }\n\n // reset \u53ef\u4ee5\u66f4\u597d\u7684\u89e3\u51b3\u8868\u5355\u91cd\u7f6e\u8fc7\u7a0b\u4e2d\u6240\u9700\u8981\u7684\u65b0\u6570\u636e\u95ee\u9898\n reset(value: string) {\n\n }\n\n change(value: string) {\n if (this.ui.change) this.ui.change(value);\n this.setValue(value);\n }\n}</code></pre><p><strong>sf-item-wrap</strong></p><p>\u5728\u6a21\u677f\u4e2d\u552f\u4e00\u662f\u5229\u7528 <code>sf-item-wrap</code> \u5305\u88f9\u81ea\u5b9a\u4e49\u5185\u5bb9\uff0c\u5b83\u5185\u90e8\u5c01\u88c5\u8868\u5355\u57fa\u7840\u5143\u7d20\u3002</p><p><strong>\u53d8\u66f4\u68c0\u6d4b</strong></p><p>\u5c0f\u90e8\u4ef6\u5728\u6e32\u67d3\u8fc7\u7a0b\u662f\u624b\u52a8\u53d8\u66f4\u68c0\u6d4b\uff0c\u5927\u90e8\u5206\u60c5\u51b5\u4e0b <code>ControlWidget</code> \u5df2\u7ecf\u5f88\u597d\u7684\u7ba1\u7406\u4ec0\u4e48\u65f6\u673a\u5e94\u8be5\u6267\u884c\u53d8\u66f4\u68c0\u6d4b\uff0c\u5728\u81ea\u5b9a\u4e49\u5c0f\u90e8\u4ef6\u8fc7\u7a0b\u4e2d\u53ef\u80fd\u4f1a\u9047\u5230\u5f02\u6b65\u64cd\u4f5c\u5bfc\u81f4\u754c\u9762\u5e76\u672a\u6e32\u67d3\uff0c\u6b64\u65f6\u53ef\u4ee5\u8c03\u7528 <code>detectChanges</code> \u6765\u89e6\u53d1\u4e00\u6b21\u5c0f\u90e8\u4ef6\u8282\u70b9\u7684\u53d8\u66f4\u68c0\u6d4b\u3002</p><h3 id="\u6ce8\u518c\u5c0f\u90e8\u4ef6">\u6ce8\u518c\u5c0f\u90e8\u4ef6<a onclick="window.location.hash = \'\u6ce8\u518c\u5c0f\u90e8\u4ef6\'" class="anchor">#</a></h3><p>\u5728\u6839\u6a21\u5757\u4e2d\u5b9a\u4e49\uff08<code>declarations</code>\u3001<code>entryComponents</code>\uff09\u6ce8\u518c\u5c0f\u90e8\u4ef6\u7ec4\u4ef6\uff0c\u540c\u65f6\u5728\u6a21\u5757\u4e2d\u5bfc\u5165 <code>WidgetRegistry</code> \u5e76\u6ce8\u518c\u81ea\u5b9a\u4e49\u5c0f\u90e8\u4ef6\u3002</p><pre class="hljs language-$1"><code>@NgModule({\n declarations: [ TinymceWidget ],\n entryComponents: [ TinymceWidget ],\n imports: [\n DelonFormModule.forRoot()\n ]\n})\nexport class AppModule {\n constructor(widgetRegistry: WidgetRegistry) {\n widgetRegistry.register(TinymceWidget.KEY, TinymceWidget);\n }\n}</code></pre><p>\u5f53\u7136\u4e3a\u4e86\u66f4\u53cb\u597d\u7684\u7ef4\u62a4\uff0c\u5efa\u8bae\u5728Shared\u76ee\u5f55\u4e0b\u5b9a\u4e49\u4e00\u4e2a\u4e13\u5c5e Json schema \u6a21\u5757\uff0c\u6709\u5174\u8da3\u53ef\u53c2\u8003 <a target="_blank" href="https://github.com/cipchk/ng-alain/blob/master/src/app/shared/json-schema/json-schema.module.ts" data-url="https://github.com/cipchk/ng-alain/blob/master/src/app/shared/json-schema/json-schema.module.ts">ng-alain\u5b9e\u73b0</a>\u3002</p><h3 id="\u4f7f\u7528\u81ea\u5b9a\u4e49\u5c0f\u90e8\u4ef6">\u4f7f\u7528\u81ea\u5b9a\u4e49\u5c0f\u90e8\u4ef6<a onclick="window.location.hash = \'\u4f7f\u7528\u81ea\u5b9a\u4e49\u5c0f\u90e8\u4ef6\'" class="anchor">#</a></h3><p>\u540c\u5176\u4ed6\u5c0f\u90e8\u4ef6\u4e00\u6837\uff0c\u53ea\u9700\u8981\u6307\u5b9a <code>widget</code> \u503c\uff0c\u4f8b\u5982\uff1a</p><pre class="hljs language-json"><code>"intro": {\n "type": "string",\n "ui": {\n "widget": "tinymce",\n "loadingTip": "loading..."\n }\n}</code></pre></article>',meta:{order:3,title:"\u81ea\u5b9a\u4e49\u5c0f\u90e8\u4ef6",type:"Documents"},toc:[{href:"#\u5199\u5728\u524d\u9762",title:"\u5199\u5728\u524d\u9762",h:2},{href:"#\u4e00\u3001\u5229\u7528-custom-\u5c0f\u90e8\u4ef6\u8fdb\u884c\u6269\u5c55",title:"\u4e00\u3001\u5229\u7528 custom \u5c0f\u90e8\u4ef6\u8fdb\u884c\u6269\u5c55",h:2},{href:"#\u4e8c\u3001\u5b8c\u5168\u81ea\u5b9a\u4e49",title:"\u4e8c\u3001\u5b8c\u5168\u81ea\u5b9a\u4e49",h:2},{href:"#\u7f16\u5199\u5c0f\u90e8\u4ef6",title:"\u7f16\u5199\u5c0f\u90e8\u4ef6",h:3},{href:"#\u6ce8\u518c\u5c0f\u90e8\u4ef6",title:"\u6ce8\u518c\u5c0f\u90e8\u4ef6",h:3},{href:"#\u4f7f\u7528\u81ea\u5b9a\u4e49\u5c0f\u90e8\u4ef6",title:"\u4f7f\u7528\u81ea\u5b9a\u4e49\u5c0f\u90e8\u4ef6",h:3}]}},demo:!1},this.codes=[]},c=function(){this.item={cols:1,urls:{"zh-CN":"packages/form/docs/error.md"},content:{"zh-CN":{content:'<article><h2 id="\u5199\u5728\u524d\u9762">\u5199\u5728\u524d\u9762<a onclick="window.location.hash = \'\u5199\u5728\u524d\u9762\'" class="anchor">#</a></h2><p>JSON Schema \u6821\u9a8c\u8fc7\u7a0b\u4e2d\u4f1a\u751f\u4ea7\u4e00\u7ec4\u9519\u8bef\u4fe1\u606f\uff0c\u6bcf\u4e00\u4e2a\u9519\u8bef\u90fd\u6709\u4e00\u4e2a\u56fa\u5b9a\u7684 <code>keyword</code> \u6765\u8868\u793a\uff0c\u5141\u8bb8\u901a\u8fc7 <code>DelonFormConfig.errors</code> \u6765\u8986\u76d6\u9ed8\u8ba4\u7684\u9519\u8bef\u4fe1\u606f\uff0c\u5305\u62ec\u5904\u7406\u9519\u8bef\u4fe1\u606f\u56fd\u9645\u5316\u95ee\u9898\u3002\u4f8b\u5982\u5f53\u67d0\u5c5e\u6027\u4e3a\u5fc5\u586b\u6027\u65f6\u4ea7\u751f\u7684\u9519\u8bef\u4fe1\u606f\u4e3a:</p><pre class="hljs language-json"><code>[{\n "keyword": "required",\n "dataPath": ".client",\n "schemaPath": "#/required",\n "params": {"missingProperty":"client"},\n "message":"\u5fc5\u586b\u9879"\n}]</code></pre><p>\u5176\u4e2d <code>message</code> \u7528\u4e8e\u9875\u9762\u6e32\u67d3\u7684\u9519\u8bef\u6587\u672c\u3002</p><blockquote><p><strong>\u6ce8\uff1a</strong>\u7b2c\u4e00\u6b21\u6e32\u67d3\u4f1a\u89e6\u53d1\u6821\u9a8c\uff0c\u4f46\u4e0d\u4f1a\u6709\u4efb\u4f55\u89c6\u89c9\u5c55\u793a\uff0c\u82e5\u9700\u8981\u4e00\u5f00\u59cb\u5c31\u4f53\u73b0\u9519\u8bef\u89c6\u89c9\u6548\u679c\u53ef\u4ee5\u6307\u5b9a <code><sf firstVisual></sf></code>\u3002</p></blockquote><h2 id="\u81ea\u5b9a\u4e49\u9519\u8bef\u6587\u672c">\u81ea\u5b9a\u4e49\u9519\u8bef\u6587\u672c<a onclick="window.location.hash = \'\u81ea\u5b9a\u4e49\u9519\u8bef\u6587\u672c\'" class="anchor">#</a></h2><p>\u5206\u522b\u652f\u6301 <code>DelonFormConfig.errors</code>\uff08\u4e00\u822c\u7528\u4e8e\u56fd\u9645\u5316\uff09 \u6216 <code>ui.errors</code>\uff08\u9488\u5bf9\u67d0\u4e2a\u5c5e\u6027\uff09 \u7ed3\u6784\u6765\u5904\u7406\u9519\u8bef\u6587\u672c\u3002</p><p><strong>DelonFormConfig</strong></p><p>\u5728\u6839\u6a21\u5757\u91cd\u65b0\u6ce8\u5165 <code>DelonFormConfig</code> \u5b9e\u4f8b\uff1a</p><pre class="hljs language-$1"><code>import { DelonFormConfig } from \'@delon/abc\';\nexport function fnDelonFormConfig(): DelonFormConfig {\n return Object.assign(new DelonFormConfig(), <DelonFormConfig>{\n errors: {\n \'required\': \'\u5fc5\u586b\u9879\',\n // others\n }\n });\n}\n\n@NgModule({ })\nexport class DelonModule {\n static forRoot(): ModuleWithProviders {\n return {\n ngModule: DelonModule,\n providers: [\n { provide: DelonFormConfig, useFactory: fnDelonFormConfig }\n ]\n };\n }\n}</code></pre><p><strong>ui.errors</strong></p><pre class="hljs language-$1"><code>schema: SFSchema = {\n properties: {\n email: {\n type: \'string\',\n title: \'\u90ae\u7bb1\',\n format: \'email\',\n maxLength: 20,\n ui: {\n errors: {\n \'required\': \'\u5fc5\u586b\u9879\'\n }\n }\n }\n }\n};</code></pre><h3 id="keyword">keyword<a onclick="window.location.hash = \'keyword\'" class="anchor">#</a></h3><p>\u4e0d\u7ba1\u91c7\u7528\u54ea\u79cd\u65b9\u5f0f\u6765\u6784\u5efa\u9519\u8bef\u6587\u672c\uff0c\u90fd\u5fc5\u987b\u901a\u8fc7 <code>keyword</code> \u6765\u533a\u5206\u9519\u8bef\u7c7b\u578b\uff08\u5b8c\u6574\u7c7b\u578b\u89c1 <a target="_blank" href="https://github.com/cipchk/delon/blob/master/packages/form/src/errors.ts#L4" data-url="https://github.com/cipchk/delon/blob/master/packages/form/src/errors.ts#L4">ERRORSDEFAULT</a>\uff09\u3002</p><h2 id="\u81ea\u5b9a\u4e49\u6821\u9a8c">\u81ea\u5b9a\u4e49\u6821\u9a8c<a onclick="window.location.hash = \'\u81ea\u5b9a\u4e49\u6821\u9a8c\'" class="anchor">#</a></h2><p>JSON Schema \u6821\u9a8c\u5e76\u4e0d\u4e00\u5b9a\u80fd\u591f\u6ee1\u8db3\u4e00\u4e9b\u4e1a\u52a1\u7684\u9700\u6c42\uff0c\u4f8b\u5982\u9700\u8981\u6839\u636e\u5176\u4ed6\u5c5e\u6027\u503c\u533a\u5206\u4e0d\u540c\u6821\u9a8c\u89c4\u5219\uff1a</p><h3 id="\u5c5e\u6027\u6821\u9a8c">\u5c5e\u6027\u6821\u9a8c<a onclick="window.location.hash = \'\u5c5e\u6027\u6821\u9a8c\'" class="anchor">#</a></h3><pre class="hljs language-$1"><code>schema: SFSchema = {\n properties: {\n name: {\n type: \'string\'\n },\n email: {\n type: \'string\',\n title: \'\u90ae\u7bb1\',\n format: \'email\',\n ui: {\n validator: (value: any, formProperty: FormProperty, form: PropertyGroup) => {\n return form.value.name === \'cipchk\' ? [] : [{ keyword: \'required\', message: \'\u5fc5\u987b\[email protected]\'}];\n }\n }\n }\n }\n};</code></pre><h3 id="\u5f02\u6b65\u6821\u9a8c">\u5f02\u6b65\u6821\u9a8c<a onclick="window.location.hash = \'\u5f02\u6b65\u6821\u9a8c\'" class="anchor">#</a></h3><p>\u4f8b\u5982\u4e00\u4e2a\u5f02\u6b65\u6821\u9a8c\u7528\u6237\u540d\u662f\u5426\u5b58\u5728\u793a\u4f8b\uff1a</p><pre class="hljs language-$1"><code>schema: SFSchema = {\n properties: {\n name: {\n type: \'string\',\n ui: {\n validator: (value: any) => this.http.get(`/user/check/${value}`).pipe(\n map(res => res ? [ { keyword: \'required\', message: \'\u7528\u6237\u540d\u5df2\u5b58\u5728\'} ] : [])\n )\n }\n }\n }\n};</code></pre><p><strong>\u6ce8\u610f\uff1a</strong> \u7531\u4e8e\u6bcf\u4e00\u6b21\u6821\u9a8c\u90fd\u662f\u91cd\u65b0\u5b9e\u4f8b\u4e00\u6b21\uff0c\u56e0\u6b64\u65e0\u6cd5\u505a\u4e00\u4e9b\u63a7\u5236\u7684\u64cd\u4f5c\uff0c\u4f8b\u5982\uff1a\u53bb\u6296 <code>debounceTime</code>\u3002</p><h2 id="\u89c6\u89c9">\u89c6\u89c9<a onclick="window.location.hash = \'\u89c6\u89c9\'" class="anchor">#</a></h2><p>\u53ef\u4ee5\u901a\u8fc7\u8bbe\u7f6e <code>DelonFormConfig.onlyVisual</code> \u6216 <code>ui.onlyVisual</code> \u5c5e\u6027\u63a7\u5236\u53ea\u5c55\u793a\u9519\u8bef\u89c6\u89c9\u4e0d\u663e\u793a\u9519\u8bef\u6587\u672c\u3002</p></article>',meta:{order:2,title:"\u6821\u9a8c\u9519\u8bef",type:"Documents"},toc:[{href:"#\u5199\u5728\u524d\u9762",title:"\u5199\u5728\u524d\u9762",h:2},{href:"#\u81ea\u5b9a\u4e49\u9519\u8bef\u6587\u672c",title:"\u81ea\u5b9a\u4e49\u9519\u8bef\u6587\u672c",h:2},{href:"#keyword",title:"keyword",h:3},{href:"#\u81ea\u5b9a\u4e49\u6821\u9a8c",title:"\u81ea\u5b9a\u4e49\u6821\u9a8c",h:2},{href:"#\u5c5e\u6027\u6821\u9a8c",title:"\u5c5e\u6027\u6821\u9a8c",h:3},{href:"#\u5f02\u6b65\u6821\u9a8c",title:"\u5f02\u6b65\u6821\u9a8c",h:3},{href:"#\u89c6\u89c9",title:"\u89c6\u89c9",h:2}]}},demo:!1},this.codes=[]},a=function(){this.item={cols:1,urls:{"zh-CN":"packages/form/docs/getting-started.md"},content:{"zh-CN":{content:'<article><p>@delon/form \u662f\u4e00\u4e2a\u57fa\u4e8e <a target="_blank" href="http://json-schema.org/" data-url="http://json-schema.org/">JSON Schema</a> \u6807\u51c6\u7684\u52a8\u6001\u6784\u5efa\u8868\u5355\u3002</p><h2 id="\u7279\u6027">\u7279\u6027<a onclick="window.location.hash = \'\u7279\u6027\'" class="anchor">#</a></h2><ul><li><p>\u7b26\u5408 JSON Schema \u6807\u51c6</p></li><li><p>\u57fa\u4e8e ng-zorro-antd \u57fa\u7840\u7ec4\u4ef6\u5e93</p></li><li><p>\u79c9\u627f Ant Design \u4ef7\u503c\u89c2</p></li><li><p>\u4e8c\u5341\u51e0\u79cd\u5c0f\u90e8\u4ef6</p></li><li><p>\u53ef\u81ea\u5b9a\u4e49\u5c0f\u90e8\u4ef6\u6ee1\u8db3\u4e1a\u52a1\u9700\u6c42</p></li><li><p>\u65e0\u4efb\u4f55\u7b2c\u4e09\u65b9\u4f9d\u8d56\uff0c\u53ef\u9002\u7528\u6240\u6709 antd \u9879\u76ee</p></li></ul><h2 id="\u5982\u4f55\u9605\u8bfb">\u5982\u4f55\u9605\u8bfb<a onclick="window.location.hash = \'\u5982\u4f55\u9605\u8bfb\'" class="anchor">#</a></h2><p>\u5728\u5f00\u59cb\u4e4b\u524d\u9700\u8981\u77e5\u9053\u6587\u6863\u7684\u4e00\u4e9b\u7b80\u5355\u7f16\u5199\u89c4\u5219\uff1a</p><ul><li><p>\u4ee3\u7801\u4ee5 <code>schema.</code> \u5f00\u5934\u7684\u8868\u793a JSON Schema \u5bf9\u8c61\u5c5e\u6027</p></li><li><p>\u4ee3\u7801\u4ee5 <code>ui.</code> \u5f00\u5934\u7684\u8868\u793a UI \u5bf9\u8c61\u5c5e\u6027</p></li><li><p>\u90e8\u5206\u5c0f\u90e8\u4ef6\u6570\u636e\u6e90\u5206\u4e3a <strong>\u9759\u6001</strong> \u548c <strong>\u5b9e\u65f6</strong> \u4e24\u7c7b</p><ul><li><p><strong>\u9759\u6001</strong> \u7406\u89e3\u4e3a <code>schema.enum</code> \u503c\uff0c\u662f\u7b26\u5408 JSON Schema \u6807\u51c6\uff0c\u4e14\u9650\u6570\u7ec4\u683c\u5f0f <code>any[]</code></p></li><li><p><strong>\u5b9e\u65f6</strong> \u7406\u89e3\u4e3a <code>ui.asyncData</code> \u503c\uff0c\u975e JSON Schema \u6807\u51c6\uff0c\u683c\u5f0f <code>(input?: any) => Observable<SFSchemaEnumType[]></code></p></li></ul></li></ul><h2 id="\u5982\u4f55\u4f7f\u7528">\u5982\u4f55\u4f7f\u7528<a onclick="window.location.hash = \'\u5982\u4f55\u4f7f\u7528\'" class="anchor">#</a></h2><p>\u5b89\u88c5 <code>@delon/form</code> \u4f9d\u8d56\u5305\uff1a</p><pre class="hljs language-bash"><code>npm install @delon/form --save</code></pre><p>\u5bfc\u5165 <code>DelonFormModule</code> \u6a21\u5757\uff1a</p><pre class="hljs language-$1"><code>import { DelonFormModule } from \'@delon/form\';\n\n@NgModule({\n imports: [\n DelonFormModule.forRoot()\n ]\n})\nexport class AppModule { }</code></pre><p>\u867d\u7136\u9ed8\u8ba4 <code>@delon/form</code> \u6821\u9a8c\u662f <a target="_blank" href="http://epoberezkin.github.io/ajv/" data-url="http://epoberezkin.github.io/ajv/">ajv</a>\uff0c\u4f46\u8fd9\u5e76\u4e0d\u662f\u552f\u4e00\u7684\u9009\u62e9\uff0c\u4f60\u53ef\u4ee5\u8986\u76d6 <code>SchemaValidatorFactory</code> \u4f7f\u7528\u5176\u4ed6\u6821\u9a8c\u7c7b\u5e93\uff0c\u6240\u4ee5 <code>ajv</code> \u5e76\u6ca1\u6709\u5f3a\u5236\u4f9d\u8d56\uff1b\u5176\u5b9e\u4ece\u53e6\u4e00\u4e2a\u70b9\u6765\u770b\u5c06\u8fd9\u79cd\u7b2c\u4e09\u65b9\u7c7b\u5e93\u7edf\u4e00\u5728 <code>scripts</code> \u52a0\u8f7d\u624d\u662f\u66f4\u5408\u7406\u7684\uff0c\u56e0\u6b64\u4f60\u4f9d\u7136\u8981\u81ea\u5df1\u5b89\u88c5 <code>ajv</code> \u5e76\u5728 <code>angular.json</code> \u4e2d\u5bfc\u5165\u5b83\uff1a</p><pre class="hljs language-bash"><code>npm i --save ajv @types/ajv</code></pre><p>angular.json</p><pre class="hljs language-json"><code>"scripts": [\n "node_modules/ajv/dist/ajv.bundle.js"\n]</code></pre><p><strong>DelonFormConfig</strong></p><p>\u5168\u5c40\u914d\u7f6e\u6027\u53ef\u4ee5\u901a\u8fc7\u5728\u6839\u6a21\u5757\u6216 <code>DelonModule</code> \u91cc\u8986\u76d6\uff0c\u4f8b\u5982\uff1a</p><pre class="hljs language-$1"><code>import { DelonFormConfig } from \'@delon/abc\';\nexport function fnDelonFormConfig(): DelonFormConfig {\n return Object.assign(new DelonFormConfig(), <DelonFormConfig>{\n // values\n });\n}\n\n@NgModule({ })\nexport class DelonModule {\n static forRoot(): ModuleWithProviders {\n return {\n ngModule: DelonModule,\n providers: [\n { provide: DelonFormConfig, useFactory: fnDelonFormConfig }\n ]\n };\n }\n}</code></pre><table><thead><tr><th>\u53c2\u6570</th><th>\u8bf4\u660e</th><th>\u7c7b\u578b</th><th>\u9ed8\u8ba4\u503c</th></tr></thead><tbody><tr><td><code>[ajv]</code></td><td><a target="_blank" href="http://epoberezkin.github.io/ajv/#options" data-url="http://epoberezkin.github.io/ajv/#options">ajv</a> \u53c2\u6570</td><td><code>Ajv.Options</code></td><td>-</td></tr><tr><td><code>[ingoreKeywords]</code></td><td>\u662f\u5426\u5ffd\u7565\u67d0\u4e9b\u6570\u636e\u7c7b\u578b\u6821\u9a8c <code>ERRORSDEFAULT</code></td><td><code>string[]</code></td><td><code>[ \'type\', \'enum\' ]</code></td></tr><tr><td><code>[liveValidate]</code></td><td>\u662f\u5426\u5b9e\u65f6\u6821\u9a8c</td><td><code>boolean</code></td><td><code>true</code></td></tr><tr><td><code>[autocomplete]</code></td><td>\u6307\u5b9a\u8868\u5355 <code>autocomplete</code> \u503c</td><td><code>on,off</code></td><td><code>null</code></td></tr><tr><td><code>[firstVisual]</code></td><td>\u662f\u5426\u7acb\u5373\u5448\u73b0\u9519\u8bef\u89c6\u89c9</td><td><code>boolean</code></td><td><code>false</code></td></tr><tr><td><code>[onlyVisual]</code></td><td>\u662f\u5426\u53ea\u5c55\u793a\u9519\u8bef\u89c6\u89c9\u4e0d\u663e\u793a\u9519\u8bef\u6587\u672c</td><td><code>boolean</code></td><td><code>false</code></td></tr><tr><td><code>[errors]</code></td><td>\u81ea\u5b9a\u4e49\u901a\u7528\u9519\u8bef\u4fe1\u606f</td><td><code>{ [ key: string ]: string }</code></td><td><code>ERRORSDEFAULT</code></td></tr><tr><td><code>[ui]</code></td><td>\u9ed8\u8ba4\u5168\u5c40\u5e03\u5c40</td><td><code>SFUISchemaItem</code></td><td>-</td></tr><tr><td><code>[size]</code></td><td>\u5143\u7d20\u7ec4\u4ef6\u5927\u5c0f\uff0c\u7528\u4e8e <code>nzSize</code> \u503c</td><td><code>default,large,small</code></td><td>-</td></tr><tr><td><code>[button]</code></td><td>\u6309\u94ae\u98ce\u683c</td><td><code>SFButton</code></td><td><code>{submit:\'\u63d0\u4ea4\',submit_type:\'primary\',reset:\'\u91cd\u7f6e\',reset_type:\'default\'}</code></td></tr><tr><td><code>[uiDateStringFormat]</code></td><td>date\u5c0f\u90e8\u4ef6\uff1a<code>type="string"</code> \u4e14\u4e0d\u6307\u5b9a <code>schema.format</code> \u548c <code>ui.format</code> \u65f6\u65e5\u671f\u683c\u5f0f</td><td><code>string</code></td><td><code>YYYY-MM-DD HH:mm:ss</code></td></tr><tr><td><code>[uiDateNumberFormat]</code></td><td>date\u5c0f\u90e8\u4ef6\uff1a<code>type="number"</code> \u4e14\u4e0d\u6307\u5b9a <code>schema.format</code> \u548c <code>ui.format</code> \u65f6\u65e5\u671f\u683c\u5f0f\uff0c\u9ed8\u8ba4\uff1a<code>x</code> 13\u4f4dUnix Timestamp</td><td><code>string</code></td><td><code>x</code></td></tr><tr><td><code>[uiTimeStringFormat]</code></td><td>time\u5c0f\u90e8\u4ef6\uff1a<code>type="string"</code> \u4e14\u4e0d\u6307\u5b9a <code>schema.format</code> \u548c <code>ui.format</code> \u65f6\u65e5\u671f\u683c\u5f0f</td><td><code>string</code></td><td><code>HH:mm:ss</code></td></tr><tr><td><code>[uiTimeNumberFormat]</code></td><td>time\u5c0f\u90e8\u4ef6\uff1a<code>type="number"</code> \u4e14\u4e0d\u6307\u5b9a <code>schema.format</code> \u548c <code>ui.format</code> \u65f6\u65e5\u671f\u683c\u5f0f\uff0c\u9ed8\u8ba4\uff1a<code>x</code> 13\u4f4dUnix Timestamp\uff0c\u65e5\u671f\u7edf\u4e00\u4f7f\u7528 <code>1970-01-01</code></td><td><code>string</code></td><td><code>x</code></td></tr></tbody></table><p>\u6784\u5efa\u4e00\u4e2a\u90ae\u7bb1\u3001\u59d3\u540d\u8868\u5355\uff1a</p><pre class="hljs language-$1"><code>@Component({\n selector: \'app-home\',\n template: `\n <sf [schema]="schema" (formSubmit)="submit($event)"></sf>\n `\n})\nexport class HomeComponent {\n schema: SFSchema = {\n properties: {\n email: {\n type: \'string\',\n title: \'\u90ae\u7bb1\',\n format: \'email\',\n maxLength: 20\n },\n name: {\n type: \'string\',\n title: \'\u59d3\u540d\',\n minLength: 3\n }\n }\n };\n\n submit(value: any) {\n\n }\n}</code></pre><h2 id="sf-\u7ec4\u4ef6\u63a5\u53e3">sf \u7ec4\u4ef6\u63a5\u53e3<a onclick="window.location.hash = \'sf-\u7ec4\u4ef6\u63a5\u53e3\'" class="anchor">#</a></h2><table><thead><tr><th>\u53c2\u6570</th><th>\u8bf4\u660e</th><th>\u7c7b\u578b</th><th>\u9ed8\u8ba4\u503c</th></tr></thead><tbody><tr><td><code>[layout]</code></td><td>\u8868\u5355\u5e03\u5c40\uff0c\u7b49\u540c <code>nzLayout</code></td><td><code>string</code></td><td><code>horizontal</code></td></tr><tr><td><code>[schema]</code></td><td><strong>\u5fc5\u586b\u9879</strong> JSON Schema</td><td><code>SFSchema</code></td><td>-</td></tr><tr><td><code>[ui]</code></td><td>UI Schema</td><td><code>SFUISchema</code></td><td>-</td></tr><tr><td><code>[formData]</code></td><td>\u8868\u5355\u9ed8\u8ba4\u503c</td><td><code>any</code></td><td>-</td></tr><tr><td><code>[mode]</code></td><td>\u8868\u5355\u6a21\u5f0f\uff0c\u7ec6\u8282\u89c1\u5e38\u89c1\u95ee\u9898</td><td><code>default,search,edit</code></td><td><code>default</code></td></tr><tr><td><code>[button]</code></td><td>\u6309\u94ae</td><td><code>SFButton, \'none\'</code></td><td><code>{}</code></td></tr><tr><td><code>[firstVisual]</code></td><td>\u662f\u5426\u7acb\u5373\u5448\u73b0\u9519\u8bef\u89c6\u89c9</td><td><code>boolean</code></td><td><code>true</code></td></tr><tr><td><code>[liveValidate]</code></td><td>\u662f\u5426\u5b9e\u65f6\u6821\u9a8c\uff0c<code>false</code> \u63d0\u4ea4\u65f6\u68c0\u9a8c</td><td><code>boolean</code></td><td><code>true</code></td></tr><tr><td><code>[autocomplete]</code></td><td>\u6307\u5b9a\u8868\u5355 <code>autocomplete</code> \u503c</td><td><code>on,off</code></td><td><code>null</code></td></tr><tr><td><code>(formChange)</code></td><td>\u6570\u636e\u53d8\u66f4\u65f6\u56de\u8c03</td><td><code>EventEmitter<{}></code></td><td>-</td></tr><tr><td><code>(formSubmit)</code></td><td>\u63d0\u4ea4\u8868\u5355\u65f6\u56de\u8c03</td><td><code>EventEmitter<{}></code></td><td>-</td></tr><tr><td><code>(formReset)</code></td><td>\u91cd\u7f6e\u8868\u5355\u65f6\u56de\u8c03</td><td><code>EventEmitter<{}></code></td><td>-</td></tr><tr><td><code>(formError)</code></td><td>\u8868\u5355\u6821\u9a8c\u7ed3\u679c\u56de\u8c03</td><td><code>EventEmitter<ErrorData[]></code></td><td>-</td></tr></tbody></table><h3 id="\u7ec4\u4ef6\u65b9\u6cd5">\u7ec4\u4ef6\u65b9\u6cd5<a onclick="window.location.hash = \'\u7ec4\u4ef6\u65b9\u6cd5\'" class="anchor">#</a></h3><table><thead><tr><th>\u53c2\u6570</th><th>\u8bf4\u660e</th><th>\u8fd4\u56de\u503c</th></tr></thead><tbody><tr><td><code>valid</code></td><td>\u8868\u5355\u662f\u5426\u6709\u6548</td><td><code>boolean</code></td></tr><tr><td><code>value</code></td><td>\u8868\u5355\u503c</td><td><code>any</code></td></tr><tr><td><code>refreshSchema</code></td><td>\u5237\u65b0 JSON Schema</td><td><code>void</code></td></tr><tr><td><code>reset</code></td><td>\u91cd\u7f6e\u8868\u5355</td><td><code>void</code></td></tr><tr><td><code>validator</code></td><td>\u624b\u52a8\u6821\u9a8c\u4e00\u6b21\u8868\u5355</td><td><code>void</code></td></tr></tbody></table><h3 id="\u6309\u94ae\u8bf4\u660e">\u6309\u94ae\u8bf4\u660e<a onclick="window.location.hash = \'\u6309\u94ae\u8bf4\u660e\'" class="anchor">#</a></h3><p><strong>\u6ce8\u610f\u4e8b\u9879</strong></p><ul><li><p>\u503c\u4e3a <code>null</code> \u6216 <code>undefined</code> \u8868\u793a\u624b\u52a8\u6dfb\u52a0\u6309\u94ae\uff0c\u4f46\u4fdd\u7559\u5bb9\u5668</p></li><li><p>\u503c\u4e3a <code>none</code> \u8868\u793a\u624b\u52a8\u6dfb\u52a0\u6309\u94ae\uff0c\u4e14\u4e0d\u4fdd\u7559\u5bb9\u5668</p></li><li><p>\u4f7f\u7528\u56fa\u5b9a <code>label</code> \u6807\u7b7e\u5bbd\u5ea6\u65f6\uff0c\u82e5\u65e0 <code>render.class</code> \u5219\u9ed8\u8ba4\u4e3a\u5c45\u4e2d\u72b6\u6001</p></li></ul><p><strong>\u81ea\u5b9a\u4e49</strong></p><p>\u5f53\u4f60\u5e0c\u671b\u81ea\u5b9a\u4e49\u6309\u94ae\u65f6\uff0c\u52a1\u5fc5\u8bbe\u7f6e <code>button</code> \u503c\u4e3a <code>null</code>\u3002</p><pre class="hljs language-$1"><code><sf #sf [button]="null">\n <button type="submit" nz-button [disabled]="!sf.valid">\u4fdd\u5b58</button>\n <button (click)="sf.reset()" type="button" nz-button>\u91cd\u7f6e</button>\n</sf></code></pre><h2 id="\u5e38\u89c1\u95ee\u9898">\u5e38\u89c1\u95ee\u9898<a onclick="window.location.hash = \'\u5e38\u89c1\u95ee\u9898\'" class="anchor">#</a></h2><h3 id="mode\u6709\u4ec0\u4e48\u4f5c\u7528\uff1f">mode\u6709\u4ec0\u4e48\u4f5c\u7528\uff1f<a onclick="window.location.hash = \'mode\u6709\u4ec0\u4e48\u4f5c\u7528\uff1f\'" class="anchor">#</a></h3><p><code>mode</code> \u53ea\u662f\u5feb\u6377\u4f5c\u7528\uff0c<strong>\u4e14\b\u8bbe\u7f6e\u5c5e\u6027\u7684\u4f18\u5148\u7ea7\u9ad8\u4e8e\u4e00\u5207</strong>\uff0c\u4e00\u5171\u5206\u4e09\u79cd\u6a21\u5f0f\uff1a</p><ul><li><p><code>default</code> \b\u9ed8\u8ba4\u6a21\u5f0f\uff0c\u4ec0\u4e48\u4e5f\u4e0d\u505a</p></li><li><p><code>search</code> \u641c\u7d22\u6a21\u5f0f\uff0c\u81ea\u52a8\u8bbe\u7f6e <code>layout: inline</code>\u3001<code>firstVisual: false</code>\u3001<code>liveValidate: false</code>\u3001<code>button.submit: \'\u641c\u7d22\'</code></p></li><li><p><code>edit</code> \u7f16\u8f91\u6a21\u5f0f\uff0c\u81ea\u52a8\u8bbe\u7f6e <code>layout: horizontal</code>\u3001<code>firstVisual: false</code>\u3001<code>liveValidate: true</code>\u3001<code>button.submit: \'\u4fdd\u5b58\'</code></p></li></ul></article>',meta:{order:1,title:"\u5f00\u59cb\u4f7f\u7528",type:"Documents"},toc:[{href:"#\u7279\u6027",title:"\u7279\u6027",h:2},{href:"#\u5982\u4f55\u9605\u8bfb",title:"\u5982\u4f55\u9605\u8bfb",h:2},{href:"#\u5982\u4f55\u4f7f\u7528",title:"\u5982\u4f55\u4f7f\u7528",h:2},{href:"#sf-\u7ec4\u4ef6\u63a5\u53e3",title:"sf \u7ec4\u4ef6\u63a5\u53e3",h:2},{href:"#\u7ec4\u4ef6\u65b9\u6cd5",title:"\u7ec4\u4ef6\u65b9\u6cd5",h:3},{href:"#\u6309\u94ae\u8bf4\u660e",title:"\u6309\u94ae\u8bf4\u660e",h:3},{href:"#\u5e38\u89c1\u95ee\u9898",title:"\u5e38\u89c1\u95ee\u9898",h:2},{href:"#mode\u6709\u4ec0\u4e48\u4f5c\u7528\uff1f",title:"mode\u6709\u4ec0\u4e48\u4f5c\u7528\uff1f",h:3}]}},demo:!1},this.codes=[]},i=function(){this.item={cols:1,urls:{"zh-CN":"packages/form/docs/qa.md"},content:{"zh-CN":{content:'<article><h2 id="\u4e3a\u4ec0\u4e48\u975e\u5b9e\u65f6\u6821\u9a8c-liveValidate:false-\u90e8\u5206\u81ea\u5b9a\u4e49\u6821\u9a8c\u65e0\u6cd5\u751f\u6548\uff1f">\u4e3a\u4ec0\u4e48\u975e\u5b9e\u65f6\u6821\u9a8c <code>liveValidate:false</code> \u90e8\u5206\u81ea\u5b9a\u4e49\u6821\u9a8c\u65e0\u6cd5\u751f\u6548\uff1f<a onclick="window.location.hash = \'\u4e3a\u4ec0\u4e48\u975e\u5b9e\u65f6\u6821\u9a8c-liveValidate:false-\u90e8\u5206\u81ea\u5b9a\u4e49\u6821\u9a8c\u65e0\u6cd5\u751f\u6548\uff1f\'" class="anchor">#</a></h2><p>\u7531\u4e8e\u975e\u5b9e\u65f6\u6821\u9a8c\u4e0d\u4f1a\u91cd\u65b0\u5bf9\u6bcf\u4e2a\u5143\u7d20\u6267\u884c\u4e00\u6b21\u6821\u9a8c\uff0c\u867d\u7136\u80fd\u505a\u5230\uff0c\u4f46\u81ea\u5b9a\u4e49\u6821\u9a8c\u6709\u53ef\u80fd\u5b58\u5728\u5f02\u6b65\uff0c\u65e0\u6cd5\u4fdd\u8bc1\u6267\u884c\u7684\u987a\u5e8f\uff0c\u56e0\u6b64\u975e\u5b9e\u65f6\u6821\u9a8c\u5b9e\u9645\u53ea\u5bf9 JSON Schema \u672c\u8eab\u7684\u6821\u9a8c\u3002</p><h2 id="\u5982\u4f55\u52a8\u6001\u4f7f\u7528-Schema\uff1f">\u5982\u4f55\u52a8\u6001\u4f7f\u7528 Schema\uff1f<a onclick="window.location.hash = \'\u5982\u4f55\u52a8\u6001\u4f7f\u7528-Schema\uff1f\'" class="anchor">#</a></h2><p>\u4e00\u822c\u5206\u4e3a\u4e24\u79cd\u60c5\u5f62\uff1a</p><p><strong>1\u3001Scheam \u5b9a\u4e49\u540e\u53ef\u80fd\u53d7\u9650\u4e8e\u67d0\u4e2a\u6570\u636e\u6765\u81ea\u8fdc\u7a0b</strong></p><pre class="hljs language-$1"><code>@ViewChild(\'sf\') sf: SFComponent;\nschema: SFSchema = {\n properties: {\n app: {\n type: \'string\',\n title: \'\u9644\u5c5e\u5e94\u7528\',\n ui: \'select\',\n enum: []\n }\n }\n};\n\nngOnInit() {\n this.http.get(\'/apps\').subscribe((res: any) => {\n this.schema.properties.app.enum = res;\n this.sf.refreshSchema();\n });\n}</code></pre><p><strong>2\u3001\u8fdc\u7a0b Schema</strong></p><pre class="hljs language-$1"><code>schema: SFSchema = {\n properties: {}\n};\n\nngOnInit() {\n this.http.get(\'/schema\').subscribe((res: any) => this.sf.refreshSchema(res));\n}</code></pre><h2 id="\u4ec0\u4e48\u65f6\u5019\u4f7f\u7528-default\uff1f">\u4ec0\u4e48\u65f6\u5019\u4f7f\u7528 <code>default</code>\uff1f<a onclick="window.location.hash = \'\u4ec0\u4e48\u65f6\u5019\u4f7f\u7528-default\uff1f\'" class="anchor">#</a></h2><p>Schema \u7684 <code>default</code> \u7528\u4e8e\u8bbe\u7f6e\u521d\u59cb\u5316\uff0c\u4e00\u822c\u60c5\u51b5\u4e0b\u5f53\u4fee\u6539\u8868\u5355\u65f6\u662f\u9700\u8981\u63d0\u4f9b <code>formData</code> \u53c2\u6570\uff0c\u4f46\u5bf9\u4e8e\u589e\u52a0\u8868\u5355\u6765\u8bf4\uff0c\u5e94\u8be5\u4f9d\u9760 <code>default</code> \u63d0\u4f9b\u4e00\u4e2a\u66f4\u53cb\u597d\u7684\u8868\u5355\u7ed9\u7528\u6237\u3002</p></article>',meta:{order:5,title:"\u5e38\u89c1\u95ee\u9898",type:"Documents"},toc:[{href:"#\u4e3a\u4ec0\u4e48\u975e\u5b9e\u65f6\u6821\u9a8c-liveValidate:false-\u90e8\u5206\u81ea\u5b9a\u4e49\u6821\u9a8c\u65e0\u6cd5\u751f\u6548\uff1f",title:"\u4e3a\u4ec0\u4e48\u975e\u5b9e\u65f6\u6821\u9a8c liveValidate:false \u90e8\u5206\u81ea\u5b9a\u4e49\u6821\u9a8c\u65e0\u6cd5\u751f\u6548\uff1f",h:2},{href:"#\u5982\u4f55\u52a8\u6001\u4f7f\u7528-Schema\uff1f",title:"\u5982\u4f55\u52a8\u6001\u4f7f\u7528 Schema\uff1f",h:2},{href:"#\u4ec0\u4e48\u65f6\u5019\u4f7f\u7528-default\uff1f",title:"\u4ec0\u4e48\u65f6\u5019\u4f7f\u7528 default\uff1f",h:2}]}},demo:!1},this.codes=[]},r=function(){this.item={cols:1,urls:{"zh-CN":"packages/form/docs/schema.md"},content:{"zh-CN":{content:'<article><h2 id="\u5199\u5728\u524d\u9762">\u5199\u5728\u524d\u9762<a onclick="window.location.hash = \'\u5199\u5728\u524d\u9762\'" class="anchor">#</a></h2><p><a target="_blank" href="http://json-schema.org/" data-url="http://json-schema.org/">JSON Schema</a> \u662f\u4e00\u79cd\u6807\u51c6\u7684\u5b9a\u4e49 JSON \u6570\u636e\u7ed3\u6784\u7684\u89c4\u8303\uff0c\u5e76\u4e0d\u5305\u542b\u5bf9\u8fd9\u4e9b\u89c4\u8303\u8f6c\u6362\u6210\u8868\u5355\u5177\u4f53\u8bf4\u660e\uff0c<code>@delon/form</code> \u4e5f\u662f\u6839\u636e\u81ea\u5df1\u7684\u7406\u89e3\u5e76\u7ed3\u5408 <code>ng-zorro-antd</code> \u73b0\u6709\u6570\u636e\u5f55\u5165\u7ec4\u4ef6\u5e93\u4ea7\u751f\u7684\u52a8\u6001\u6784\u5efa\u8868\u5355\u7c7b\u5e93\u3002</p><p>JSON Schema <strong>\u59cb\u7ec8</strong>\u90fd\u5fc5\u987b\u6709\u4e00\u4e2a\u7c7b\u578b\u4e3a <code>type="object"</code> \u4f5c\u4e3a<strong>\u6839\u8282\u70b9</strong>\uff0c\u56e0\u6b64\u4e00\u4e2a\u6700\u7b80\u5355\u7684 Schema \u7ed3\u6784\u81f3\u5c11\u662f\uff1a</p><pre class="hljs language-$1"><code>schema = {\n type: \'object\', // \u53ef\u6709\u53ef\u65e0\uff0c\u9ed8\u8ba4\u4f1a\u5f3a\u5236\u4e3a `object`\n properties: {}\n}</code></pre><p>\u5728\u63cf\u8ff0 Schema \u8bf4\u660e\u4e4b\u524d\uff0c\u6709\u5fc5\u8981\u5bf9\u8868\u5355\u5143\u7d20\u4e0e Schema \u4e4b\u524d\u7684\u8054\u7cfb\u505a\u4e00\u4e2a\u7cfb\u7edf\u6027\u8bf4\u660e\u3002</p><p>\u6211\u4eec\u77e5\u9053\uff0c\u8868\u5355\u662f\u7531\u4e00\u7ec4HTML\u5143\u7d20\u7ec4\u4ef6\uff0c\u6bcf\u4e00\u4e2a\u5143\u7d20\u5bf9\u5e94\u4e00\u4e2a Schema \u5c5e\u6027\uff0c\u5c5e\u6027\u6709\u81ea\u5df1\u7684\u6570\u636e\u7c7b\u578b\u3001\u683c\u5f0f\u4fe1\u606f\u3001\u89c6\u89c9\u4fe1\u606f\u7b49\uff0c\u4f46\u8fd9\u4e9b\u4fe1\u606f\u4e0d\u8db3\u4ee5\u8868\u8ff0 <code>ng-zorro-antd</code> \u6240\u63d0\u4f9b\u7684\u4e30\u5bccAPI\u63a5\u53e3\u3002\u4e3a\u4e86\u66f4\u597d\u5229\u7528\u8fd9\u4e9bAPI\u63a5\u53e3\uff0c<code>@delon/form</code> \u9664\u4e86\u5b9e\u73b0\u7edd\u5927\u90e8\u5206 JSON Schema \u6807\u51c6\u4ee5\u5916\uff0c\u989d\u5916\u552f\u4e00\u589e\u52a0\u4e86\u4e00\u4e2a <code>ui</code> \u5c5e\u6027\u7528\u4e8e\u8868\u8ff0\u5c5e\u6027\u5982\u4f55\u6e32\u67d3\u7684\u95ee\u9898\u3002</p><h3 id="\u65e0\u6c61\u67d3">\u65e0\u6c61\u67d3<a onclick="window.location.hash = \'\u65e0\u6c61\u67d3\'" class="anchor">#</a></h3><p>\u5f53\u7136\u82e5\u4f60\u5bf9\u6807\u51c6\u6709\u975e\u5e38\u4e25\u683c\uff0c\u6216\u8005 JSON Schema \u6570\u636e\u7ed3\u6784\u662f\u6765\u81ea\u540e\u7aef\u7684\u4ea7\u751f\u65f6\uff0c\u53ef\u4ee5\u901a\u8fc7 <code><sf [ui]="ui"></code> \u6765\u989d\u5916\u5bf9\u5f53\u524d JSON Schema \u6dfb\u52a0 UI \u6e32\u67d3\u3002\u4f8b\u5982\uff1a</p><pre class="hljs language-$1"><code>schema = {\n properties: {\n url: {\n type: \'string\',\n title: \'Web Site\'\n }\n }\n}</code></pre><p>\u4e00\u4e2aURL\u5c5e\u6027\uff0c\u82e5\u6211\u4eec\u4e0d\u5e0c\u671b\u7528\u4e8e\u6dfb\u52a0 <code>https://</code> \u524d\u7f00\u7684\u60c5\u51b5\u4e0b\uff0c\u5c31\u5355\u7eaf\u7684 JSON Schema \u7ed3\u6784\u662f\u65e0\u6cd5\u8868\u8ff0\uff0c\u800c <code>nz-input</code> \u53c8\u652f\u6301\u975e\u5e38\u4e30\u5bcc\u7684\u524d\u540e\u7f00\u6587\u672c\uff0c\u5219\u6211\u4eec\u53ef\u4ee5\u4e3a <code>ui</code> \u5b9a\u5236\u5e76\u589e\u52a0 <code>https://</code> \u7684\u524d\u7f00\u6587\u672c\uff1a</p><pre class="hljs language-$1"><code>ui = {\n $url: {\n addOnBefore: \'https://\'\n }\n}</code></pre><p>ui \u672c\u8eab\u4e5f\u662f\u4e00\u4e2a JSON \u7ed3\u6784\uff0c\u4e3a\u4e86\u533a\u5206 JSON Schema \u5c5e\u6027\u540d\u7684\u5bf9\u5e94\u5173\u7cfb\uff0c<strong>\u5fc5\u987b</strong>\u7edf\u4e00\u5bf9\u5c5e\u6027\u540d\u52a0\u4e0a <code>$</code> \u524d\u7f00\uff1b\u5bf9\u4e8e\u6570\u7ec4\u7684\u5143\u7d20\u5bf9\u8c61\u5fc5\u987b\u4f7f\u7528 <code>$items</code> \u66ff\u4ee3\u3002</p><h3 id="\u8868\u5355\u5143\u7d20\u4e0e\u6570\u636e\u7ed3\u6784\u7684\u5bf9\u5e94\u5173\u7cfb">\u8868\u5355\u5143\u7d20\u4e0e\u6570\u636e\u7ed3\u6784\u7684\u5bf9\u5e94\u5173\u7cfb<a onclick="window.location.hash = \'\u8868\u5355\u5143\u7d20\u4e0e\u6570\u636e\u7ed3\u6784\u7684\u5bf9\u5e94\u5173\u7cfb\'" class="anchor">#</a></h3><p>\u4e00\u4e2a\u5b8c\u6574\u7684\u8868\u5355\u5143\u7d20\u6211\u4eec\u8ba4\u4e3a\u5e94\u8be5\u5305\u542b\u4ee5\u4e0b\u82e5\u5e72\u5143\u7d20\uff1a</p><p><img src="./assets/img/form-input.png" /></p><p>\u4ece\u5de6\u81f3\u5411\u5404\u5143\u7d20\u63cf\u8ff0\uff1a</p><table><thead><tr><th>\u7ed3\u6784\u6e90</th><th>\u53c2\u6570</th><th>\u8bf4\u660e</th><th>\u7c7b\u578b</th><th>\u9ed8\u8ba4\u503c</th></tr></thead><tbody><tr><td>Schema</td><td><code>[required]</code></td><td>\u662f\u5426\u5fc5\u586b\u9879</td><td><code>string[]</code></td><td>-</td></tr><tr><td>Schema</td><td><code>[title]</code></td><td>\u5c5e\u6027\u63cf\u8ff0</td><td><code>string</code></td><td>-</td></tr><tr><td>ui</td><td><code>[optional]</code></td><td>\u6807\u7b7e\u53ef\u9009\u4fe1\u606f</td><td><code>string</code></td><td>-</td></tr><tr><td>ui</td><td><code>[optionalHelp]</code></td><td>\u6807\u7b7e\u53ef\u9009\u5e2e\u52a9</td><td><code>string</code></td><td>-</td></tr><tr><td>ui</td><td><code>[placeholder]</code></td><td>\u6587\u5b57\u6846\u4e2d\u663e\u793a\u63d0\u793a\u4fe1\u606f</td><td><code>string</code></td><td>-</td></tr><tr><td>Schema</td><td><code>[description]</code></td><td>\u5c5e\u6027\u76ee\u7684\u6027\u89e3\u91ca</td><td><code>string</code></td><td>-</td></tr><tr><td>-</td><td><code>[error]</code></td><td>\u9519\u8bef\u4fe1\u606f</td><td><code>string</code></td><td>-</td></tr></tbody></table><h3 id="\u4e00\u70b9\u89c4\u8303">\u4e00\u70b9\u89c4\u8303<a onclick="window.location.hash = \'\u4e00\u70b9\u89c4\u8303\'" class="anchor">#</a></h3><ul><li><p>\u6240\u6709 <code>key</code> \u6309\u9a7c\u5cf0\u5f0f\u547d\u540d\u6cd5</p></li><li><p>\u82e5\u4f60\u5bf9 JSON Schema \u5f88\u719f\u6089\uff0c\u5219\u5ffd\u7565 <strong>\u4e0d\u5efa\u8bae</strong> \u5b57\u6837</p></li></ul><h2 id="JSON-Schema\uff08SFSchema\uff09">JSON Schema\uff08SFSchema\uff09<a onclick="window.location.hash = \'JSON-Schema\uff08SFSchema\uff09\'" class="anchor">#</a></h2><p>JSON Schema \u6709\u5b8c\u6574\u7684\u5bf9\u6bcf\u4e2a\u5c5e\u6027\u7684\u89c4\u8303\u63cf\u8ff0\uff0c<code>@delon/form</code> \u5f53\u524d\u662f\u57fa\u4e8e <a target="_blank" href="http://json-schema.org/" data-url="http://json-schema.org/">draft-07</a> \u89c4\u8303\uff0c\u4e0b\u5217\u662f\u89c4\u8303\u5177\u4f53\u8bf4\u660e\uff1a</p><h3 id="\u5e38\u89c4\u7c7b">\u5e38\u89c4\u7c7b<a onclick="window.location.hash = \'\u5e38\u89c4\u7c7b\'" class="anchor">#</a></h3><table><thead><tr><th>\u53c2\u6570</th><th>\u8bf4\u660e</th><th>\u7c7b\u578b</th><th>\u9ed8\u8ba4\u503c</th></tr></thead><tbody><tr><td><code>[type]</code></td><td>\u6570\u636e\u7c7b\u578b\uff0c\u652f\u6301 JavaScript \u57fa\u7840\u7c7b\u578b</td><td><code>number,string,boolean,object,array</code></td><td><code>object</code></td></tr><tr><td><code>[enum]</code></td><td>\u679a\u4e3e\uff0c\u9759\u6001\u6570\u636e\u6e90</td><td><code>SFSchemaEnumType[]</code></td><td>-</td></tr></tbody></table><h3 id="\u6570\u503c\u7c7b\u578b">\u6570\u503c\u7c7b\u578b<a onclick="window.location.hash = \'\u6570\u503c\u7c7b\u578b\'" class="anchor">#</a></h3><table><thead><tr><th>\u53c2\u6570</th><th>\u8bf4\u660e</th><th>\u7c7b\u578b</th><th>\u9ed8\u8ba4\u503c</th></tr></thead><tbody><tr><td><code>[minimum]</code></td><td>\u6700\u5c0f\u503c</td><td><code>number</code></td><td>-</td></tr><tr><td><code>[exclusiveMinimum]</code></td><td>\u7ea6\u675f\u662f\u5426\u5305\u62ec <code>minimum</code> \u503c</td><td><code>boolean</code></td><td>-</td></tr><tr><td><code>[maximum]</code></td><td>\u6700\u5927\u503c</td><td><code>number</code></td><td>-</td></tr><tr><td><code>[exclusiveMaximum]</code></td><td>\u7ea6\u675f\u662f\u5426\u5305\u62ec <code>maximum</code> \u503c</td><td><code>boolean</code></td><td>-</td></tr><tr><td><code>[multipleOf]</code></td><td>\u500d\u6570</td><td><code>number</code></td><td>-</td></tr></tbody></table><h3 id="\u5b57\u7b26\u4e32\u7c7b\u578b">\u5b57\u7b26\u4e32\u7c7b\u578b<a onclick="window.location.hash = \'\u5b57\u7b26\u4e32\u7c7b\u578b\'" class="anchor">#</a></h3><table><thead><tr><th>\u53c2\u6570</th><th>\u8bf4\u660e</th><th>\u7c7b\u578b</th><th>\u9ed8\u8ba4\u503c</th></tr></thead><tbody><tr><td><code>[maxLength]</code></td><td>\u5b9a\u4e49\u5b57\u7b26\u4e32\u7684\u6700\u5927\u957f\u5ea6</td><td><code>number</code></td><td>-</td></tr><tr><td><code>[minLength]</code></td><td>\u5b9a\u4e49\u5b57\u7b26\u4e32\u7684\u6700\u5c0f\u957f\u5ea6</td><td><code>number</code></td><td>-</td></tr><tr><td><code>[pattern]</code></td><td>\u9a8c\u8bc1\u8f93\u5165\u5b57\u6bb5\u6b63\u5219\u8868\u8fbe\u5f0f\u5b57\u7b26\u4e32\uff0c\u82e5\u6307\u5b9a <code>format: \'regex\'</code> \u65f6\u52a1\u5fc5\u6307\u5b9a</td><td><code>string</code></td><td>-</td></tr></tbody></table><h3 id="\u6570\u7ec4\u7c7b\u578b">\u6570\u7ec4\u7c7b\u578b<a onclick="window.location.hash = \'\u6570\u7ec4\u7c7b\u578b\'" class="anchor">#</a></h3><table><thead><tr><th>\u53c2\u6570</th><th>\u8bf4\u660e</th><th>\u7c7b\u578b</th><th>\u9ed8\u8ba4\u503c</th></tr></thead><tbody><tr><td><code>[items]</code></td><td>\u6570\u7ec4\u5143\u7d20\u7c7b\u578b\u63cf\u8ff0\uff0c\u53ea\u652f\u6301\u6570\u7ec4\u5bf9\u8c61\uff0c\u82e5\u9700\u8981\u57fa\u7840\u7c7b\u578b\u6570\u7ec4\u53ef\u901a\u8fc7\u5176\u4ed6\u90e8\u4ef6\u652f\u6301</td><td><code>SFSchema</code></td><td>-</td></tr><tr><td><code>[minItems]</code></td><td>\u7ea6\u675f\u6570\u7ec4\u6700\u5c0f\u7684\u5143\u7d20\u4e2a\u6570</td><td><code>number</code></td><td>-</td></tr><tr><td><code>[maxItems]</code></td><td>\u7ea6\u675f\u6570\u7ec4\u6700\u5927\u7684\u5143\u7d20\u4e2a\u6570</td><td><code>number</code></td><td>-</td></tr><tr><td><code>[uniqueItems]</code></td><td>\u7ea6\u675f\u6570\u7ec4\u6bcf\u4e2a\u5143\u7d20\u90fd\u4e0d\u76f8\u540c</td><td><code>boolean</code></td><td>-</td></tr><tr><td><code>[additionalItems]</code></td><td>\u6570\u7ec4\u989d\u5916\u5143\u7d20\u7684\u6821\u9a8c\u89c4\u5219</td><td><code>SFSchema</code></td><td>-</td></tr></tbody></table><h3 id="\u5bf9\u8c61\u7c7b\u578b">\u5bf9\u8c61\u7c7b\u578b<a onclick="window.location.hash = \'\u5bf9\u8c61\u7c7b\u578b\'" class="anchor">#</a></h3><table><thead><tr><th>\u53c2\u6570</th><th>\u8bf4\u660e</th><th>\u7c7b\u578b</th><th>\u9ed8\u8ba4\u503c</th></tr></thead><tbody><tr><td><code>[maxProperties]</code></td><td>\u6700\u5927\u5c5e\u6027\u4e2a\u6570\uff0c\u5fc5\u987b\u662f\u975e\u8d1f\u6574\u6570</td><td><code>number</code></td><td>-</td></tr><tr><td><code>[minProperties]</code></td><td>\u6700\u5c0f\u5c5e\u6027\u4e2a\u6570\uff0c\u5fc5\u987b\u662f\u975e\u8d1f\u6574\u6570</td><td><code>number</code></td><td>-</td></tr><tr><td><code>[required]</code></td><td>\u5fc5\u9700\u5c5e\u6027</td><td><code>string[]</code></td><td>-</td></tr><tr><td><code>[properties]</code></td><td>\u5b9a\u4e49\u5c5e\u6027</td><td><code>{ [key: string]: SFSchema }</code></td><td>-</td></tr></tbody></table><h3 id="\u6761\u4ef6\u7c7b">\u6761\u4ef6\u7c7b<a onclick="window.location.hash = \'\u6761\u4ef6\u7c7b\'" class="anchor">#</a></h3><table><thead><tr><th>\u53c2\u6570</th><th>\u8bf4\u660e</th><th>\u7c7b\u578b</th><th>\u9ed8\u8ba4\u503c</th></tr></thead><tbody><tr><td><code>[if]</code></td><td>\u6761\u4ef6\u9a8c\u8bc1</td><td><code>SFSchema</code></td><td>-</td></tr><tr><td><code>[then]</code></td><td>\u6761\u4ef6\u9a8c\u8bc1</td><td><code>SFSchema</code></td><td>-</td></tr><tr><td><code>[else]</code></td><td>\u6761\u4ef6\u9a8c\u8bc1</td><td><code>SFSchema</code></td><td>-</td></tr></tbody></table><p>\u6761\u4ef6\u7c7b\u7684\u6821\u9a8c\u975e\u5e38\u5f3a\u5927\u548c\u4e30\u5bcc\uff0c\u4f46\u662f\u51fa\u4e8e\u4f1a\u7834\u574fUI\u5bfc\u81f4\u6574\u4e2a\u7ec4\u4ef6\u6784\u5efa\u66f4\u590d\u6742\uff0c<code>@delon/form</code> \u4ec5\u5b9e\u73b0 <code>required</code> \u7684\u5904\u7406\uff0c\u5e76\u4e14\u628a\u5b83\u5f53\u6210\u662f\u5426\u663e\u793a\u6821\u9a8c\u76ee\u6807\uff0c\u6bd4\u5982\uff1a\u4e00\u4e2a\u767b\u5f55\u9875\uff0c\u4f1a\u6839\u636e\u4e0d\u540c\u767b\u5f55\u65b9\u5f0f\u6765\u663e\u793a\u4e0d\u540c\u767b\u5f55\u6a21\u5f0f\uff1a</p><pre class="hljs language-$1"><code>schema: SFSchema = {\n properties: {\n type: { type: \'string\', enum: [ \'mobile\', \'name\' ], default: \'mobile\' },\n name: { type: \'string\' },\n pwd: { type: \'string\' },\n mobile: { type: \'string\' },\n code: { type: \'string\' }\n },\n required: [ \'type\' ],\n if: {\n properties: { type: { enum: [ \'mobile\' ] } }\n },\n then: {\n required: [ \'mobile\', \'code\' ]\n },\n else: {\n required: [ \'name\', \'pwd\' ]\n }\n};</code></pre><p>\u4e0a\u8ff0\u7684\u6700\u7ec8\u884c\u4e3a\u662f\u5f53\u767b\u5f55\u65b9\u5f0f\u4e3a <code>mobile</code> \u65f6UI\u663e\u793a <code>mobile</code> \u548c <code>code</code>\uff0c\u53cd\u4e4bUI\u663e\u793a <code>name</code> \u548c <code>pwd</code>\u3002</p><p>\u5176\u5b9e\u6761\u4ef6\u7c7b\u6700\u7ec8\u88ab\u89e3\u6790\u6210 <code>ui.visibleIf</code>\uff0c\u5728\u672a\u6765\u53ef\u80fd\u4f1a\u589e\u52a0\u6761\u4ef6\u7c7b\u7684\u5904\u7406\u3002</p><h3 id="\u903b\u8f91\u7c7b">\u903b\u8f91\u7c7b<a onclick="window.location.hash = \'\u903b\u8f91\u7c7b\'" class="anchor">#</a></h3><table><thead><tr><th>\u53c2\u6570</th><th>\u8bf4\u660e</th><th>\u7c7b\u578b</th><th>\u9ed8\u8ba4\u503c</th></tr></thead><tbody><tr><td><code>[allOf]</code></td><td><strong>\u4e0d\u5efa\u8bae</strong> \u4f7f\u7528\uff0c\u53ef\u7528 <code>required</code> \u66ff\u4ee3</td><td><code>SFSchema[]</code></td><td>-</td></tr><tr><td><code>[anyOf]</code></td><td><strong>\u4e0d\u5efa\u8bae</strong> \u4f7f\u7528\uff0c\u53ef\u7528 <code>required</code> \u548c <code>minProperties</code> \u66ff\u4ee3</td><td><code>SFSchema[]</code></td><td>-</td></tr><tr><td><code>[oneOf]</code></td><td><strong>\u4e0d\u5efa\u8bae</strong> \u4f7f\u7528\uff0c\u503c\u5fc5\u987b\u662f\u5176\u4e2d\u4e4b\u4e00</td><td><code>SFSchema[]</code></td><td>-</td></tr></tbody></table><blockquote><p><strong>\u4e0d\u5efa\u8bae</strong> \u4e3b\u8981\u662f\u5e76\u6ca1\u6709\u5bf9\u903b\u8f91\u7c7b\u8fdb\u884cUI\u76f8\u5173\u5904\u7406\uff0c\u5b83\u540c\u6761\u4ef6\u7c7b\u7c7b\u4f3c\uff0c\u4f1a\u5f71\u54cdUI\u6e32\u67d3\u3002</p></blockquote><h3 id="\u683c\u5f0f\u4e0e\u89c6\u89c9\u7c7b">\u683c\u5f0f\u4e0e\u89c6\u89c9\u7c7b<a onclick="window.location.hash = \'\u683c\u5f0f\u4e0e\u89c6\u89c9\u7c7b\'" class="anchor">#</a></h3><table><thead><tr><th>\u53c2\u6570</th><th>\u8bf4\u660e</th><th>\u7c7b\u578b</th><th>\u9ed8\u8ba4\u503c</th></tr></thead><tbody><tr><td><code>[title]</code></td><td>\u5c5e\u6027\u63cf\u8ff0</td><td><code>string</code></td><td>-</td></tr><tr><td><code>[description]</code></td><td>\u5c5e\u6027\u76ee\u7684\u6027\u89e3\u91ca</td><td><code>string</code></td><td>-</td></tr><tr><td><code>[default]</code></td><td>\u9ed8\u8ba4\u503c</td><td><code>any</code></td><td>-</td></tr><tr><td><code>[readOnly]</code></td><td>\u662f\u5426\u53ea\u8bfb\u72b6\u6001\uff0c\u7b49\u540c <code>nzDisabled</code></td><td><code>boolean</code></td><td>-</td></tr><tr><td><code>[format]</code></td><td>\u6570\u636e\u683c\u5f0f\uff0c<a target="_blank" href="http://json-schema.org/latest/json-schema-validation.html#rfc.section.7.3" data-url="http://json-schema.org/latest/json-schema-validation.html#rfc.section.7.3">\u6587\u6863</a></td><td><code>string</code></td><td>-</td></tr></tbody></table><h3 id="\u5176\u4ed6">\u5176\u4ed6<a onclick="window.location.hash = \'\u5176\u4ed6\'" class="anchor">#</a></h3><table><thead><tr><th>\u53c2\u6570</th><th>\u8bf4\u660e</th><th>\u7c7b\u578b</th><th>\u9ed8\u8ba4\u503c</th></tr></thead><tbody><tr><td><code>[definitions]</code></td><td>\u5185\u90e8\u7c7b\u578b\u5b9a\u4e49\u4f53</td><td><code>SFSchemaDefinition</code></td><td>-</td></tr><tr><td><code>[$ref]</code></td><td>\u5f15\u7528\u5b9a\u4e49\u4f53</td><td><code>string</code></td><td>-</td></tr><tr><td><code>[$comment]</code></td><td>\u9488\u5bf9\u5f00\u53d1\u8005\u7684\u6ce8\u91ca\uff0c\u65e0\u4efb\u4f55\u610f\u4e49\uff0c\u4e5f\u4e0d\u4f1a\u88ab\u6821\u9a8c</td><td><code>string</code></td><td>-</td></tr></tbody></table><h3 id="\u975e\u6807\u51c6">\u975e\u6807\u51c6<a onclick="window.location.hash = \'\u975e\u6807\u51c6\'" class="anchor">#</a></h3><table><thead><tr><th>\u53c2\u6570</th><th>\u8bf4\u660e</th><th>\u7c7b\u578b</th><th>\u9ed8\u8ba4\u503c</th></tr></thead><tbody><tr><td><code>[ui]</code></td><td>\u6307\u5b9aUI\u914d\u7f6e\u4fe1\u606f\uff0c\u4f18\u5148\u7ea7\u9ad8\u4e8e <code>sf</code> \u7ec4\u4ef6 <code>ui</code> \u5c5e\u6027\u503c</td><td><code>SFUISchemaItem</code></td><td>-</td></tr></tbody></table><h2 id="UI\uff08SFUISchemaItem\uff09">UI\uff08SFUISchemaItem\uff09<a onclick="window.location.hash = \'UI\uff08SFUISchemaItem\uff09\'" class="anchor">#</a></h2><p>UI Schema \u7ed3\u6784\u7531\u901a\u7528\u6027\u548c\u5c0f\u90e8\u4ef6API\u4e24\u90e8\u5206\u7ec4\u6210\uff0c\u4ee5\u4e0b\u662f\u901a\u7528\u6027\u90e8\u5206\u8fdb\u884c\u63a5\u53e3\u8bf4\u660e\uff0c\u5c0f\u90e8\u4ef6\u90e8\u5206\u81ea\u884c\u53c2\u6570\u5c0f\u90e8\u4ef6API\u3002</p><blockquote><p>\u4e3a\u4e86\u5c0f\u90e8\u4ef6\u7684API\u5b8c\u6574\u6027\uff0c\u5c0f\u90e8\u4ef6Schema\u8bf4\u660e\u53ef\u80fd\u4e5f\u4f1a\u5305\u542b\u4e0b\u5217\u901a\u7528\u6027\u90e8\u5206\u3002</p></blockquote><h3 id="SFUISchema">SFUISchema<a onclick="window.location.hash = \'SFUISchema\'" class="anchor">#</a></h3><p>\u7b49\u540c <code><sf [ui]="ui"></code> \u4e00\u7ec4\u4e0e JSON Schema \u7ed3\u6784\u76f8\u5bf9\u5e94\u7684 UI \u7ed3\u6784\u4f53\uff0c\u7c7b\u578b\u4e3a\uff1a<code>[ key: string ]: SFUISchemaItem</code>\u3002</p><h3 id="\u57fa\u7840\u7c7b">\u57fa\u7840\u7c7b<a onclick="window.location.hash = \'\u57fa\u7840\u7c7b\'" class="anchor">#</a></h3><table><thead><tr><th>\u53c2\u6570</th><th>\u8bf4\u660e</th><th>\u7c7b\u578b</th><th>\u9ed8\u8ba4\u503c</th><th></th></tr></thead><tbody><tr><td><code>[debug]</code></td><td>\u8c03\u8bd5\u6a21\u5f0f</td><td><code>boolean</code></td><td>-</td><td></td></tr><tr><td><code>[order]</code></td><td>\u5c5e\u6027\u987a\u5e8f</td><td><code>string[]</code></td><td>-</td><td></td></tr><tr><td><code>[asyncData]</code></td><td>\u5f02\u6b65\u9759\u6001\u6570\u636e\u6e90</td><td><code>(input?: any) => Observable<SFSchemaEnumType[]></code></td><td>-</td><td></td></tr><tr><td><code>[visibleIf]</code></td><td>\u6307\u5b9a\u6761\u4ef6\u65f6\u624d\u663e\u793a</td><td><code>{ [key: string]: any[] | ((value: any) => boolean) }</code></td><td>-</td><td></td></tr></tbody></table><p><strong>visibleIf</strong></p><p>\u6307\u5b9a\u6761\u4ef6\u65f6\u624d\u663e\u793a\uff0c\u4f8b\u5982\uff1a</p><ul><li><p><code>visibleIf: { shown: [ true ] }</code>\uff1a\u5f53 <code>shown: true</code> \u65f6\u624d\u663e\u793a\u5f53\u524d\u5c5e\u6027</p></li><li><p><code>visibleIf: { shown: [ \'$ANY$\' ] }</code>\uff1a\u5f53 <code>shown</code> \u5305\u62ec\u4efb\u610f\u503c\u65f6</p></li><li><p><code>visibleIf: { shown: (value: any) => value > 0 }</code>\uff1a\u590d\u6742\u8868\u8fbe\u5f0f</p></li></ul><h3 id="\u6821\u9a8c\u7c7b">\u6821\u9a8c\u7c7b<a onclick="window.location.hash = \'\u6821\u9a8c\u7c7b\'" class="anchor">#</a></h3><table><thead><tr><th>\u53c2\u6570</th><th>\u8bf4\u660e</th><th>\u7c7b\u578b</th><th>\u9ed8\u8ba4\u503c</th></tr></thead><tbody><tr><td><code>[liveValidate]</code></td><td>\u662f\u5426\u5b9e\u65f6\u6821\u9a8c</td><td><code>boolean</code></td><td><code>true</code></td></tr><tr><td><code>[firstVisual]</code></td><td>\u662f\u5426\u7acb\u5373\u5448\u73b0\u9519\u8bef\u89c6\u89c9</td><td><code>boolean</code></td><td><code>false</code></td></tr><tr><td><code>[onlyVisual]</code></td><td>\u662f\u5426\u53ea\u5c55\u793a\u9519\u8bef\u89c6\u89c9\u4e0d\u663e\u793a\u9519\u8bef\u6587\u672c</td><td><code>boolean</code></td><td><code>false</code></td></tr><tr><td><code>[ingoreKeywords]</code></td><td>\u5ffd\u7565\u67d0\u4e9b\u6570\u636e\u7c7b\u578b\u6821\u9a8c</td><td><code>string[]</code></td><td></td></tr><tr><td><code>[errors]</code></td><td>\u81ea\u5b9a\u4e49\u9519\u8bef\u4fe1\u606f\u6587\u672c</td><td><code>{ [ key: string ]: string | ((obj: ErrorData) => string) }</code></td><td>-</td></tr><tr><td><code>[validator]</code></td><td>\u81ea\u5b9a\u4e49\u6821\u9a8c</td><td><code>(value: any, formProperty: FormProperty, form: PropertyGroup) => ErrorData[]</code></td><td>-</td></tr></tbody></table><h3 id="\u6570\u7ec4\u7c7b">\u6570\u7ec4\u7c7b<a onclick="window.location.hash = \'\u6570\u7ec4\u7c7b\'" class="anchor">#</a></h3><table><thead><tr><th>\u53c2\u6570</th><th>\u8bf4\u660e</th><th>\u7c7b\u578b</th><th>\u9ed8\u8ba4\u503c</th></tr></thead><tbody><tr><td><code>[items]</code></td><td>\u6307\u5b9a\u5b50\u5143\u7d20\u7684UI</td><td><code>SFUISchema</code></td><td>-</td></tr><tr><td><code>[addTitle]</code></td><td>\u6307\u5b9a\u6dfb\u52a0\u6309\u94ae\u6587\u672c</td><td><code>string</code></td><td><code>\u6dfb\u52a0</code></td></tr><tr><td><code>[addType]</code></td><td>\u6307\u5b9a\u6dfb\u52a0\u6309\u94ae\u98ce\u683c\uff0c\u7b49\u540c\u6309\u94ae <code>nzType</code></td><td><code>string</code></td><td><code>dashed</code></td></tr><tr><td><code>[removable]</code></td><td>\u6307\u5b9a\u662f\u5426\u663e\u793a\u79fb\u9664\u6309\u94ae</td><td><code>boolean</code></td><td>-</td></tr><tr><td><code>[removeTitle]</code></td><td>\u6307\u5b9a\u79fb\u9664\u6309\u94ae\u6587\u672c</td><td><code>string</code></td><td><code>\u79fb\u9664</code></td></tr></tbody></table><h3 id="\u8868\u5355\u5143\u7d20\u7c7b">\u8868\u5355\u5143\u7d20\u7c7b<a onclick="window.location.hash = \'\u8868\u5355\u5143\u7d20\u7c7b\'" class="anchor">#</a></h3><table><thead><tr><th>\u53c2\u6570</th><th>\u8bf4\u660e</th><th>\u7c7b\u578b</th><th>\u9ed8\u8ba4\u503c</th></tr></thead><tbody><tr><td><code>[type]</code></td><td>\u6307\u5b9a <code>input</code> \u7684 <code>type</code> \u503c</td><td><code>string</code></td><td><code>text</code></td></tr><tr><td><code>[placeholder]</code></td><td>\u6587\u5b57\u6846\u4e2d\u663e\u793a\u63d0\u793a\u4fe1\u606f</td><td><code>string</code></td><td>-</td></tr><tr><td><code>[autofocus]</code></td><td>\u52a0\u8f7d\u65f6\u662f\u5426\u83b7\u5f97\u7126\u70b9</td><td><code>boolean</code></td><td>-</td></tr></tbody></table><h3 id="\u6e32\u67d3\u7c7b">\u6e32\u67d3\u7c7b<a onclick="window.location.hash = \'\u6e32\u67d3\u7c7b\'" class="anchor">#</a></h3><table><thead><tr><th>\u53c2\u6570</th><th>\u8bf4\u660e</th><th>\u7c7b\u578b</th><th>\u9ed8\u8ba4\u503c</th></tr></thead><tbody><tr><td><code>[widget]</code></td><td>\u6307\u5b9a\u91c7\u7528\u4ec0\u4e48\u5c0f\u90e8\u4ef6\u6e32\u67d3</td><td><code>string</code></td><td>-</td></tr><tr><td><code>[class]</code></td><td>\u81ea\u5b9a\u4e49\u7c7b\uff0c\u7b49\u540c <code>[ngClass]</code> \u503c</td><td><code>string or string[]</code></td><td>-</td></tr><tr><td><code>[width]</code></td><td>\u6307\u5b9a\u5bbd\u5ea6\uff0c\u5355\u4f4d\uff1a<code>px</code></td><td><code>number</code></td><td>-</td></tr><tr><td><code>[size]</code></td><td>\u5143\u7d20\u7ec4\u4ef6\u5927\u5c0f</td><td><code>default,large,small</code></td><td>-</td></tr><tr><td><code>[grid]</code></td><td>\u54cd\u5e94\u5f0f\u5c5e\u6027</td><td><code>SFGridSchema</code></td><td>-</td></tr><tr><td><code>[optional]</code></td><td>\u6807\u7b7e\u53ef\u9009\u4fe1\u606f</td><td><code>string</code></td><td>-</td></tr><tr><td><code>[optionalHelp]</code></td><td>\u6807\u7b7e\u53ef\u9009\u5e2e\u52a9</td><td><code>string</code></td><td>-</td></tr></tbody></table><h3 id="\u54cd\u5e94\u5f0f\u5c5e\u6027-SFGridSchema">\u54cd\u5e94\u5f0f\u5c5e\u6027 SFGridSchema<a onclick="window.location.hash = \'\u54cd\u5e94\u5f0f\u5c5e\u6027-SFGridSchema\'" class="anchor">#</a></h3><p><code>grid</code> \u5c5e\u6027\u7b49\u540c\u5b8c\u6574\u7684 <a target="_blank" href="https://ng.ant.design/#/components/grid" data-url="https://ng.ant.design/#/components/grid">Grid\u6805\u683c\u7cfb\u7edf</a>\uff0c\u900f\u8fc7 <code>grid</code> \u53ef\u4ee5\u51b3\u5b9a\u8868\u5355\u5982\u4f55\u6e32\u67d3\u3002</p><table><thead><tr><th>\u53c2\u6570</th><th>\u8bf4\u660e</th><th>\u7c7b\u578b</th><th>\u9ed8\u8ba4\u503c</th></tr></thead><tbody><tr><td><code>[gutter]</code></td><td>\u6805\u683c\u95f4\u9694</td><td><code>number</code></td><td>-</td></tr><tr><td><code>[span]</code></td><td>\u6bcf\u4e2a\u8868\u5355\u5143\u7d20\u6805\u683c\u5360\u4f4d\u683c\u6570\uff0c\u4e3a <code>0</code> \u65f6\u76f8\u5f53\u4e8e <code>display: none</code></td><td><code>number</code></td><td>-</td></tr><tr><td><code>[xs]</code></td><td><code><768px</code> \u54cd\u5e94\u5f0f\u6805\u683c\uff0c\u53ef\u4e3a\u6805\u683c\u6570\u6216\u4e00\u4e2a\u5305\u542b\u5176\u4ed6\u5c5e\u6027\u7684\u5bf9\u8c61</td><td><code>number, SFGridSizeSchema</code></td><td>-</td></tr><tr><td><code>[sm]</code></td><td><code>\u2265768px</code> \u54cd\u5e94\u5f0f\u6805\u683c\uff0c\u53ef\u4e3a\u6805\u683c\u6570\u6216\u4e00\u4e2a\u5305\u542b\u5176\u4ed6\u5c5e\u6027\u7684\u5bf9\u8c61</td><td><code>number, SFGridSizeSchema</code></td><td>-</td></tr><tr><td><code>[md]</code></td><td><code>\u2265992px</code> \u54cd\u5e94\u5f0f\u6805\u683c\uff0c\u53ef\u4e3a\u6805\u683c\u6570\u6216\u4e00\u4e2a\u5305\u542b\u5176\u4ed6\u5c5e\u6027\u7684\u5bf9\u8c61</td><td><code>number, SFGridSizeSchema</code></td><td>-</td></tr><tr><td><code>[lg]</code></td><td><code>\u22651200px</code> \u54cd\u5e94\u5f0f\u6805\u683c\uff0c\u53ef\u4e3a\u6805\u683c\u6570\u6216\u4e00\u4e2a\u5305\u542b\u5176\u4ed6\u5c5e\u6027\u7684\u5bf9\u8c61</td><td><code>number, SFGridSizeSchema</code></td><td>-</td></tr><tr><td><code>[xl]</code></td><td><code>\u22651600px</code> \u54cd\u5e94\u5f0f\u6805\u683c\uff0c\u53ef\u4e3a\u6805\u683c\u6570\u6216\u4e00\u4e2a\u5305\u542b\u5176\u4ed6\u5c5e\u6027\u7684\u5bf9\u8c61</td><td><code>number, SFGridSizeSchema</code></td><td>-</td></tr><tr><td><code>[xxl]</code></td><td>\u4fdd\u7559\u5b57\u6bb5\uff0c<code>0.7.0</code> \u540e\u652f\u6301</td><td><code>number, SFGridSizeSchema</code></td><td>-</td></tr></tbody></table><h3 id="\u6c34\u5e73\u5e03\u5c40\u7c7b-Schema">\u6c34\u5e73\u5e03\u5c40\u7c7b Schema<a onclick="window.location.hash = \'\u6c34\u5e73\u5e03\u5c40\u7c7b-Schema\'" class="anchor">#</a></h3><blockquote><p><strong>\u52a1\u5fc5</strong>\u4e8c\u8005\u603b\u548c\u4e3a <code>24</code></p></blockquote><table><thead><tr><th>\u53c2\u6570</th><th>\u8bf4\u660e</th><th>\u7c7b\u578b</th><th>\u9ed8\u8ba4\u503c</th></tr></thead><tbody><tr><td><code>[spanLabel]</code></td><td><code>label</code> \u6240\u5360\u6805\u683c\u6570</td><td><code>number</code></td><td>5</td></tr><tr><td><code>[spanControl]</code></td><td>\u8868\u5355\u63a7\u4ef6\u6240\u5360\u6805\u683c\u6570</td><td><code>number</code></td><td>19</td></tr><tr><td><code>[offsetControl]</code></td><td><code>control</code> \u6805\u683c\u5de6\u4fa7\u7684\u95f4\u9694\u683c\u6570\uff0c\u95f4\u9694\u5185\u4e0d\u53ef\u4ee5\u6709\u6805\u683c</td><td><code>number</code></td><td>-</td></tr><tr><td><code>[spanLabelFixed]</code></td><td><code>label</code> \u56fa\u5b9a\u5bbd\u5ea6</td><td><code>number</code></td><td>-</td></tr></tbody></table></article>',meta:{order:4,title:"Schema",type:"Documents"},toc:[{href:"#\u5199\u5728\u524d\u9762",title:"\u5199\u5728\u524d\u9762",h:2},{href:"#\u65e0\u6c61\u67d3",title:"\u65e0\u6c61\u67d3",h:3},{href:"#\u8868\u5355\u5143\u7d20\u4e0e\u6570\u636e\u7ed3\u6784\u7684\u5bf9\u5e94\u5173\u7cfb",title:"\u8868\u5355\u5143\u7d20\u4e0e\u6570\u636e\u7ed3\u6784\u7684\u5bf9\u5e94\u5173\u7cfb",h:3},{href:"#\u4e00\u70b9\u89c4\u8303",title:"\u4e00\u70b9\u89c4\u8303",h:3},{href:"#JSON-Schema\uff08SFSchema\uff09",title:"JSON Schema\uff08SFSchema\uff09",h:2},{href:"#\u5e38\u89c4\u7c7b",title:"\u5e38\u89c4\u7c7b",h:3},{href:"#\u6570\u503c\u7c7b\u578b",title:"\u6570\u503c\u7c7b\u578b",h:3},{href:"#\u5b57\u7b26\u4e32\u7c7b\u578b",title:"\u5b57\u7b26\u4e32\u7c7b\u578b",h:3},{href:"#\u6570\u7ec4\u7c7b\u578b",title:"\u6570\u7ec4\u7c7b\u578b",h:3},{href:"#\u5bf9\u8c61\u7c7b\u578b",title:"\u5bf9\u8c61\u7c7b\u578b",h:3},{href:"#\u6761\u4ef6\u7c7b",title:"\u6761\u4ef6\u7c7b",h:3},{href:"#\u903b\u8f91\u7c7b",title:"\u903b\u8f91\u7c7b",h:3},{href:"#\u683c\u5f0f\u4e0e\u89c6\u89c9\u7c7b",title:"\u683c\u5f0f\u4e0e\u89c6\u89c9\u7c7b",h:3},{href:"#\u5176\u4ed6",title:"\u5176\u4ed6",h:3},{href:"#\u975e\u6807\u51c6",title:"\u975e\u6807\u51c6",h:3},{href:"#UI\uff08SFUISchemaItem\uff09",title:"UI\uff08SFUISchemaItem\uff09",h:2},{href:"#SFUISchema",title:"SFUISchema",h:3},{href:"#\u57fa\u7840\u7c7b",title:"\u57fa\u7840\u7c7b",h:3},{href:"#\u6821\u9a8c\u7c7b",title:"\u6821\u9a8c\u7c7b",h:3},{href:"#\u6570\u7ec4\u7c7b",title:"\u6570\u7ec4\u7c7b",h:3},{href:"#\u8868\u5355\u5143\u7d20\u7c7b",title:"\u8868\u5355\u5143\u7d20\u7c7b",h:3},{href:"#\u6e32\u67d3\u7c7b",title:"\u6e32\u67d3\u7c7b",h:3},{href:"#\u54cd\u5e94\u5f0f\u5c5e\u6027-SFGridSchema",title:"\u54cd\u5e94\u5f0f\u5c5e\u6027 SFGridSchema",h:3},{href:"#\u6c34\u5e73\u5e03\u5c40\u7c7b-Schema",title:"\u6c34\u5e73\u5e03\u5c40\u7c7b Schema",h:3}]}},demo:!1},this.codes=[]},s=function(){this.item={cols:1,urls:{"zh-CN":"packages/form/examples/modal/index.md"},content:{"zh-CN":{content:'<article><p>\u5728\u6a21\u6001\u6846\u91cc\u4f7f\u7528\u8868\u5355\u662f\u4e00\u79cd\u975e\u5e38\u5e38\u89c1\u573a\u666f\uff0c\u5176\u5b9e <code>ng g ng-alain:edit edit</code> \u7684\u65f6\u5019\u4f1a\u5f97\u5230\u4e00\u4e2a\u5b8c\u6574\u793a\u4f8b\uff1b\u4f1a\u5f97\u5230\u8fd9\u6837\u7684\u4e00\u4e2aHTML\u6a21\u677f\uff1a</p><pre class="hljs language-$1"><code><sf mode="edit" [schema]="schema" [ui]="ui" [formData]="i" button="none">\n <div class="modal-footer">\n <button nz-button type="button" (click)="close()">\u5173\u95ed</button>\n <button nz-button type="submit" [nzType]="\'primary\'" (click)="save(sf.value)" [disabled]="!sf.valid" [nzLoading]="http.loading">\u4fdd\u5b58</button>\n </div>\n</sf></code></pre><p><code>.modal-footer</code> \u5df2\u7ecf\u975e\u5e38\u53cb\u597d\u7684\u878d\u5408\u4e86\u81ea\u5b9a\u4e49\u52a8\u6001\u6846\u3002</p></article>',meta:{title:"modal",subtitle:"\u6a21\u6001\u6846",type:"Examples"},toc:[]}},demo:!1},this.codes=[]},u=function(){this.item={cols:1,urls:{"zh-CN":"packages/form/src/widgets/array/index.md"},content:{"zh-CN":{content:'<p>\u521b\u5efa\u5bf9\u8c61\u6570\u7ec4\uff0c\u53ea\u5bf9 <code>schema.type="array"</code> \u65f6\u6709\u6548\u3002</p><h2 id="\u5173\u4e8e\u5e03\u5c40">\u5173\u4e8e\u5e03\u5c40<a onclick="window.location.hash = \'\u5173\u4e8e\u5e03\u5c40\'" class="anchor">#</a></h2><p>\u6570\u7ec4\u7684\u5e03\u5c40\u5206\u4e3a\u6570\u7ec4\u672c\u8eab\u4ee5\u53ca\u6570\u7ec4\u5143\u7d20\u5e03\u5c40\uff0c<code>arraySpan</code> \u51b3\u5b9a\u6bcf\u4e2a\u6570\u7ec4\u5143\u7d20\u5360\u6805\u683c\u6570\u503c\u3002</p><p>Schema \u5185\u5d4c UI \u98ce\u683c\uff1a</p><pre class="hljs language-$1"><code>const schema = {\n list: {\n type: \'array\',\n items: {\n a: { type: \'string\' },\n b: { type: \'number\', ui: { spanLabel: 10 } }\n },\n ui: { spanLabel: 5, grid: { arraySpan: 12 } }\n }\n};</code></pre><p><strong>\u6ce8\u610f\uff1a</strong> <code>items</code> \u4e0b\u6240\u6709\u5c5e\u6027\u90fd\u7ee7\u627f\u4e8e <code>list.ui</code>\uff0c\u6700\u7ec8 <code>items.a</code> \u4e3a <code>5</code> \u4e2a\u5355\u4f4d\u3001<code>items.b</code> \u4e3a <code>10</code> \u4e2a\u5355\u4f4d\u3002</p><p>Schema \u4e0e UI \u5206\u5f00\u98ce\u683c\uff0c\u5047\u5982\u4e0a\u8ff0 Schema \u8f6c\u5316\u6210 UI \u5199\u6cd5\uff1a</p><pre class="hljs language-$1"><code>const ui = {\n $list: {\n $items: {\n $b: { spanLabel: 10 }\n },\n spanLabel: 5,\n grid: { arraySpan: 12 }\n }\n};</code></pre>',api:'<h2 id="API">API<a onclick="window.location.hash = \'API\'" class="anchor">#</a></h2><h3 id="schema-\u5c5e\u6027">schema \u5c5e\u6027<a onclick="window.location.hash = \'schema-\u5c5e\u6027\'" class="anchor">#</a></h3><table><thead><tr><th>\u53c2\u6570</th><th>\u8bf4\u660e</th><th>\u7c7b\u578b</th><th>\u9ed8\u8ba4\u503c</th></tr></thead><tbody><tr><td><code>[items]</code></td><td>\u6570\u7ec4\u5143\u7d20\u7c7b\u578b\u63cf\u8ff0</td><td><code>SFSchema</code></td><td>-</td></tr><tr><td><code>[minItems]</code></td><td>\u7ea6\u675f\u6570\u7ec4\u6700\u5c0f\u7684\u5143\u7d20\u4e2a\u6570</td><td><code>number</code></td><td>-</td></tr><tr><td><code>[maxItems]</code></td><td>\u7ea6\u675f\u6570\u7ec4\u6700\u5927\u7684\u5143\u7d20\u4e2a\u6570</td><td><code>number</code></td><td>-</td></tr><tr><td><code>[uniqueItems]</code></td><td>\u7ea6\u675f\u6570\u7ec4\u6bcf\u4e2a\u5143\u7d20\u90fd\u4e0d\u76f8\u540c</td><td><code>boolean</code></td><td>-</td></tr></tbody></table><h3 id="ui-\u5c5e\u6027">ui \u5c5e\u6027<a onclick="window.location.hash = \'ui-\u5c5e\u6027\'" class="anchor">#</a></h3><table><thead><tr><th>\u53c2\u6570</th><th>\u8bf4\u660e</th><th>\u7c7b\u578b</th><th>\u9ed8\u8ba4\u503c</th></tr></thead><tbody><tr><td><code>[addTitle]</code></td><td>\u6dfb\u52a0\u6309\u94ae\u6587\u672c</td><td><code>string</code></td><td><code>\u6dfb\u52a0</code></td></tr><tr><td><code>[addType]</code></td><td>\u6dfb\u52a0\u6309\u94ae\u7c7b\u578b\uff0c\u7b49\u540c <code>nzType</code></td><td><code>string</code></td><td><code>dashed</code></td></tr><tr><td><code>[removable]</code></td><td>\u662f\u5426\u5305\u542b\u79fb\u9664\u6309\u94ae</td><td><code>boolean</code></td><td><code>true</code></td></tr><tr><td><code>[removeTitle]</code></td><td>\u79fb\u9664\u6309\u94ae\u6587\u672c</td><td><code>string</code></td><td><code>\u79fb\u9664</code></td></tr><tr><td><code>[$items]</code></td><td>\u6570\u7ec4\u5143\u7d20\u7c7b\u578bUI\u63cf\u8ff0</td><td><code>SFUISchema</code></td><td><code>\u79fb\u9664</code></td></tr></tbody></table>',meta:{title:"array",subtitle:"\u6570\u7ec4",type:"Widgets"},toc:[{href:"#\u5173\u4e8e\u5e03\u5c40",title:"\u5173\u4e8e\u5e03\u5c40",h:2},{href:"#API",title:"API",h:2},{href:"#schema-\u5c5e\u6027",title:"schema \u5c5e\u6027",h:3},{href:"#ui-\u5c5e\u6027",title:"ui \u5c5e\u6027",h:3}]}},demo:!0},this.codes=[{id:"form-array-simple",meta:{title:{"zh-CN":"\u57fa\u7840\u6837\u4f8b","en-US":"Basic Usage"},order:0},summary:{"zh-CN":"<p>\u6700\u7b80\u5355\u7684\u7528\u6cd5\u3002</p>","en-US":"<p>Simplest of usage.</p>"},code:"import { Component } from '@angular/core';\nimport { NzMessageService } from 'ng-zorro-antd';\nimport { SFSchema } from '@delon/form';\n\n@Component({\n selector: 'form-array-simple',\n template: `<sf [schema]=\"schema\" (formSubmit)=\"submit($event)\"></sf>`\n})\nexport class FormArraySimpleComponent {\n schema: SFSchema = {\n properties: {\n product: {\n type: 'array',\n title: '\u4ea7\u54c1\u6e05\u5355',\n maxItems: 4,\n items: {\n type: 'object',\n properties: {\n name: {\n type: 'string',\n title: '\u540d\u79f0'\n },\n price: {\n type: 'number',\n title: '\u5355\u4ef7',\n minimum: 1\n }\n },\n required: [ 'name', 'price' ]\n },\n ui: { grid: { arraySpan: 12 } }\n }\n }\n };\n constructor(public msg: NzMessageService) { }\n submit(value: any) { this.msg.success(JSON.stringify(value)); }\n}",name:"simple",urls:"packages/form/src/widgets/array/demo/simple.md",lang:"ts",componentName:"FormArraySimpleComponent",point:0}]},m=function(){function t(t){this.msg=t,this.schema={properties:{product:{type:"array",title:"\u4ea7\u54c1\u6e05\u5355",maxItems:4,items:{type:"object",properties:{name:{type:"string",title:"\u540d\u79f0"},price:{type:"number",title:"\u5355\u4ef7",minimum:1}},required:["name","price"]},ui:{grid:{arraySpan:12}}}}}}return t.prototype.submit=function(t){this.msg.success(JSON.stringify(t))},t}(),h=function(){this.item={cols:1,urls:{"zh-CN":"packages/form/src/widgets/autocomplete/index.md"},content:{"zh-CN":{content:"<p>\u8f93\u5165\u6846\u81ea\u52a8\u5b8c\u6210\u529f\u80fd\u3002</p><h2 id=\"\u6570\u636e\u6e90\u8bf4\u660e\">\u6570\u636e\u6e90\u8bf4\u660e<a onclick=\"window.location.hash = '\u6570\u636e\u6e90\u8bf4\u660e'\" class=\"anchor\">#</a></h2><p><strong>\u9759\u6001</strong></p><p>\u6307\u83b7\u53d6\u540e\u6bcf\u4e00\u6b21\u7b5b\u9009\u662f\u901a\u8fc7 <code>filterOption</code> \u8fc7\u6ee4\uff0c\u6570\u636e\u6765\u6e90\u4e8e <code>asyncData</code>\u3001<code>enum</code>\u3002</p><p>\u82e5 <code>schema.format: 'email'</code> \u65f6\u81ea\u52a8\u6e32\u67d3\u4e3a\u81ea\u52a8\u8865\u5168\u90ae\u7bb1\u540e\u7f00\uff0c\u9ed8\u8ba4 <code>['qq.com', '163.com', 'gmail.com', '126.com', 'aliyun.com']</code> \u53ef\u901a\u8fc7 <code>enum</code> \u6765\u91cd\u65b0\u8c03\u6574\u8be5\u503c\u3002</p><p><strong>\u5b9e\u65f6</strong></p><p>\u6307\u83b7\u53d6\u540e\u6bcf\u4e00\u6b21\u7b5b\u9009\u662f\u901a\u8fc7 <code>filterOption</code> \u8fc7\u6ee4\uff0c\u6570\u636e\u6765\u6e90\u4e8e <code>asyncData</code>\u3002</p>",api:'<h2 id="API">API<a onclick="window.location.hash = \'API\'" class="anchor">#</a></h2><h3 id="schema-\u5c5e\u6027">schema \u5c5e\u6027<a onclick="window.location.hash = \'schema-\u5c5e\u6027\'" class="anchor">#</a></h3><table><thead><tr><th>\u53c2\u6570</th><th>\u8bf4\u660e</th><th>\u7c7b\u578b</th><th>\u9ed8\u8ba4\u503c</th></tr></thead><tbody><tr><td><code>[enum]</code></td><td>\u9759\u6001\u6570\u636e\u6e90</td><td><code>SFSchemaEnumType[]</code></td><td>-</td></tr><tr><td><code>[readOnly]</code></td><td>\u7981\u7528\u72b6\u6001</td><td><code>boolean</code></td><td>-</td></tr></tbody></table><h3 id="ui-\u5c5e\u6027">ui \u5c5e\u6027<a onclick="window.location.hash = \'ui-\u5c5e\u6027\'" class="anchor">#</a></h3><table><thead><tr><th>\u53c2\u6570</th><th>\u8bf4\u660e</th><th>\u7c7b\u578b</th><th>\u9ed8\u8ba4\u503c</th></tr></thead><tbody><tr><td><code>[asyncData]</code></td><td>\u5b9e\u65f6\u6570\u636e\u6e90</td><td><code>(input: string) => Observable<SFSchemaEnumType[]></code></td><td>-</td></tr><tr><td><code>[size]</code></td><td>\u5927\u5c0f\uff0c\u7b49\u540c <code>nzSize</code></td><td><code>string</code></td><td>-</td></tr><tr><td><code>[placeholder]</code></td><td>\u5728\u6587\u5b57\u6846\u4e2d\u663e\u793a\u63d0\u793a\u8baf\u606f</td><td><code>string</code></td><td>-</td></tr><tr><td><code>[filterOption]</code></td><td>\u662f\u5426\u6839\u636e\u8f93\u5165\u9879\u8fdb\u884c\u7b5b\u9009\uff0c\u9ed8\u8ba4\u53ea\u5bf9 <code>label</code> \u5c5e\u6027\u6267\u884c\u4e0d\u533a\u5206\u5927\u5c0f\u5b9a <code>indexOf</code> \u8fc7\u6ee4\u3002\u5f53\u5176\u4e3a\u4e00\u4e2a\u51fd\u6570\u65f6\uff0c\u4f1a\u63a5\u6536 <code>inputValue</code> <code>option</code> \u4e24\u4e2a\u53c2\u6570\uff0c\u5f53 <code>option</code> \u7b26\u5408\u7b5b\u9009\u6761\u4ef6\u65f6\uff0c\u5e94\u8fd4\u56de <code>true</code>\uff0c\u53cd\u4e4b\u5219\u8fd4\u56de <code>false</code>\u3002</td><td><code>boolean or (inputValue: string, option: SFSchemaEnum) => boolean</code></td><td><code>true</code></td></tr><tr><td><code>[type]</code></td><td>\u6a21\u5f0f\uff0c\u81ea\u52a8\u5b8c\u6210\u5e38\u89c1\u90ae\u7bb1\u540e\u7f00\uff0c\u53ef\u4ee5\u91cd\u65b0\u4f7f\u7528 <code>enum</code> \u6765\u6307\u5b9a\u65b0\u540e\u7f00</td><td><code>email</code></td><td>-</td></tr><tr><td><code>[debounceTime]</code></td><td>\u53bb\u6296\u65f6\u95f4\uff0c\u5f53\u5b9e\u65f6\u6570\u636e\u6e90\u65f6\u9ed8\u8ba4\u6700\u5c11 <code>50</code>\uff0c\u5355\u4f4d\uff1a\u6beb\u79d2</td><td><code>number</code></td><td><code>0</code></td></tr></tbody></table>',meta:{title:"autocomplete",subtitle:"\u81ea\u52a8\u5b8c\u6210",type:"Widgets"},toc:[{href:"#\u6570\u636e\u6e90\u8bf4\u660e",title:"\u6570\u636e\u6e90\u8bf4\u660e",h:2},{href:"#API",title:"API",h:2},{href:"#schema-\u5c5e\u6027",title:"schema \u5c5e\u6027",h:3},{href:"#ui-\u5c5e\u6027",title:"ui \u5c5e\u6027",h:3}]}},demo:!0},this.codes=[{id:"form-autocomplete-simple",meta:{title:{"zh-CN":"\u57fa\u7840\u6837\u4f8b","en-US":"Basic Usage"},order:0},summary:{"zh-CN":"<p>\u6700\u7b80\u5355\u7684\u7528\u6cd5\u3002</p>","en-US":"<p>Simplest of usage.</p>"},code:"import { Component } from '@angular/core';\nimport { of } from 'rxjs';\nimport { NzMessageService } from 'ng-zorro-antd';\nimport { SFSchema } from '@delon/form';\n\n@Component({\n selector: 'form-autocomplete-simple',\n template: `<sf [schema]=\"schema\" (formSubmit)=\"submit($event)\"></sf>`\n})\nexport class FormAutocompleteSimpleComponent {\n schema: SFSchema = {\n properties: {\n format: {\n type: 'string',\n title: 'Format',\n format: 'email'\n },\n widget: {\n type: 'string',\n title: '\u6307\u5b9awidget',\n ui: {\n widget: 'autocomplete',\n type: 'email'\n }\n },\n async: {\n type: 'string',\n title: '\u5f02\u6b65',\n ui: {\n widget: 'autocomplete',\n debounceTime: 100,\n asyncData: (input: string) => of(input ? [ input, input + input, input + input + input ] : [])\n }\n }\n }\n };\n constructor(public msg: NzMessageService) { }\n submit(value: any) { this.msg.success(JSON.stringify(value)); }\n}",name:"simple",urls:"packages/form/src/widgets/autocomplete/demo/simple.md",lang:"ts",componentName:"FormAutocompleteSimpleComponent",point:0}]},p=d("F/XL"),b=function(){function t(t){this.msg=t,this.schema={properties:{format:{type:"string",title:"Format",format:"email"},widget:{type:"string",title:"\u6307\u5b9awidget",ui:{widget:"autocomplete",type:"email"}},async:{type:"string",title:"\u5f02\u6b65",ui:{widget:"autocomplete",debounceTime:100,asyncData:function(t){return Object(p.a)(t?[t,t+t,t+t+t]:[])}}}}}}return t.prototype.submit=function(t){this.msg.success(JSON.stringify(t))},t}(),f=function(){this.item={cols:1,urls:{"zh-CN":"packages/form/src/widgets/boolean/index.md"},content:{"zh-CN":{content:"<p>\u5f00\u5173\u9009\u62e9\u5668</p>",api:'<h2 id="API">API<a onclick="window.location.hash = \'API\'" class="anchor">#</a></h2><h3 id="schema-\u5c5e\u6027">schema \u5c5e\u6027<a onclick="window.location.hash = \'schema-\u5c5e\u6027\'" class="anchor">#</a></h3><table><thead><tr><th>\u53c2\u6570</th><th>\u8bf4\u660e</th><th>\u7c7b\u578b</th><th>\u9ed8\u8ba4\u503c</th></tr></thead><tbody><tr><td><code>[readOnly]</code></td><td>\u7981\u7528\u72b6\u6001</td><td><code>boolean</code></td><td>-</td></tr></tbody></table><h3 id="ui-\u5c5e\u6027">ui \u5c5e\u6027<a onclick="window.location.hash = \'ui-\u5c5e\u6027\'" class="anchor">#</a></h3><table><thead><tr><th>\u53c2\u6570</th><th>\u8bf4\u660e</th><th>\u7c7b\u578b</th><th>\u9ed8\u8ba4\u503c</th></tr></thead><tbody><tr><td><code>[size]</code></td><td>\u5927\u5c0f\uff0c\u7b49\u540c <code>nzSize</code></td><td><code>string</code></td><td>-</td></tr><tr><td><code>[checkedChildren]</code></td><td>\u9009\u4e2d\u65f6\u7684\u5185\u5bb9</td><td><code>string</code></td><td>-</td></tr><tr><td><code>[unCheckedChildren]</code></td><td>\u975e\u9009\u4e2d\u65f6\u7684\u5185\u5bb9</td><td><code>string</code></td><td>-</td></tr></tbody></table>',meta:{title:"boolean",subtitle:"\u5f00\u5173",type:"Widgets"},toc:[{href:"#API",title:"API",h:2},{href:"#schema-\u5c5e\u6027",title:"schema \u5c5e\u6027",h:3},{href:"#ui-\u5c5e\u6027",title:"ui \u5c5e\u6027",h:3}]}},demo:!0},this.codes=[{id:"form-boolean-simple",meta:{title:{"zh-CN":"\u57fa\u7840\u6837\u4f8b","en-US":"Basic Usage"},order:0},summary:{"zh-CN":"<p>\u6700\u7b80\u5355\u7684\u7528\u6cd5\u3002</p>","en-US":"<p>Simplest of usage.</p>"},code:"import { Component } from '@angular/core';\nimport { NzMessageService } from 'ng-zorro-antd';\nimport { SFSchema } from '@delon/form';\n\n@Component({\n selector: 'form-boolean-simple',\n template: `<sf [schema]=\"schema\" (formSubmit)=\"submit($event)\"></sf>`\n})\nexport class FormBooleanSimpleComponent {\n schema: SFSchema = {\n properties: {\n status: {\n type: 'boolean',\n title: '\u662f\u5426\u542f\u7528'\n },\n // \u6307\u5b9a\u5185\u5bb9\u6587\u672c\n enabled: {\n type: 'boolean',\n title: '\u662f\u5426\u542f\u7528',\n ui: {\n checkedChildren: '\u5f00',\n unCheckedChildren: '\u5173'\n }\n }\n }\n };\n constructor(public msg: NzMessageService) { }\n submit(value: any) { this.msg.success(JSON.stringify(value)); }\n}",name:"simple",urls:"packages/form/src/widgets/boolean/demo/simple.md",lang:"ts",componentName:"FormBooleanSimpleComponent",point:0}]},g=function(){function t(t){this.msg=t,this.schema={properties:{status:{type:"boolean",title:"\u662f\u5426\u542f\u7528"},enabled:{type:"boolean",title:"\u662f\u5426\u542f\u7528",ui:{checkedChildren:"\u5f00",unCheckedChildren:"\u5173"}}}}}return t.prototype.submit=function(t){this.msg.success(JSON.stringify(t))},t}(),S=function(){this.item={cols:1,urls:{"zh-CN":"packages/form/src/widgets/cascader/index.md"},content:{"zh-CN":{content:'<p>\u4e00\u822c\u7528\u4e8e\u7701\u5e02\u533a\uff0c\u516c\u53f8\u5c42\u7ea7\uff0c\u4e8b\u7269\u5206\u7c7b\u7b49\u3002</p><h2 id="\u6ce8\u610f\u4e8b\u9879">\u6ce8\u610f\u4e8b\u9879<a onclick="window.location.hash = \'\u6ce8\u610f\u4e8b\u9879\'" class="anchor">#</a></h2><ul><li><p><code>default</code> \u6216 <code>formData</code> \u503c\u59cb\u7ec8\u5e94\u8be5\u4fdd\u6301\u4e00\u4e2a\u6570\u7ec4\uff0c\u4f8b\u5982\uff1a\u57ce\u5e02\u7ea7\u8054\u53ef\u80fd\u53ea\u5b58\u50a8\u53f6\u8282\u70b9 <code>value</code>\uff0c\u6b64\u65f6\u9700\u8981\u624b\u52a8\u5904\u7406\u5e76\u7ed9\u51fa\u5b8c\u6574\u6570\u636e\u94fe <code>value</code> \u6570\u7ec4</p></li></ul><h2 id="\u6570\u636e\u6e90\u8bf4\u660e">\u6570\u636e\u6e90\u8bf4\u660e<a onclick="window.location.hash = \'\u6570\u636e\u6e90\u8bf4\u660e\'" class="anchor">#</a></h2><p><strong>\u9759\u6001</strong></p><p>\u6307\u4e00\u6b21\u6027\u83b7\u53d6\u6570\u636e\uff0c\u6570\u636e\u6765\u6e90\u4e8e <code>asyncData</code>\u3001<code>enum</code>\u3002</p><p><strong>\u5b9e\u65f6</strong></p><p>\u6307\u6bcf\u4e00\u6b21\u6bcf\u4e00\u6b21\u9009\u62e9\u4f1a\u89e6\u53d1HTTP\u8bf7\u6c42\uff0c\u6570\u636e\u6765\u6e90\u4e8e <code>asyncData</code>\uff1b\u5305\u542b\u4e09\u4e2a\u53c2\u6570 <code>(node: CascaderOption, index: number, me: CascaderWidget) => PromiseLike<any></code>\uff0c\u5176\u4e2d <code>me</code> \u8868\u793a\u5f53\u524d\u5c0f\u90e8\u4ef6\u5b9e\u4f8b\uff0c\u7531\u4e8e\u6240\u6709\u5c0f\u90e8\u4ef6\u7684\u53d8\u66f4\u68c0\u6d4b\u90fd\u662f\u624b\u63a7\uff0c\u56e0\u6b64\u6570\u636e\u8bf7\u6c42\u8fd4\u56de\u540e\uff0c<strong>\u52a1\u5fc5\u8c03\u7528</strong> <code>me.detectChanges()</code> \u89e6\u53d1\u5c0f\u90e8\u4ef6\u53d8\u66f4\u68c0\u6d4b\u3002</p>',api:'<h2 id="API">API<a onclick="window.location.hash = \'API\'" class="anchor">#</a></h2><h3 id="schema-\u5c5e\u6027">schema \u5c5e\u6027<a onclick="window.location.hash = \'schema-\u5c5e\u6027\'" class="anchor">#</a></h3><table><thead><tr><th>\u53c2\u6570</th><th>\u8bf4\u660e</th><th>\u7c7b\u578b</th><th>\u9ed8\u8ba4\u503c</th></tr></thead><tbody><tr><td><code>[enum]</code></td><td>\u9759\u6001\u6570\u636e\u6e90</td><td><code>SFSchemaEnumType[]</code></td><td>-</td></tr><tr><td><code>[readOnly]</code></td><td>\u7981\u7528\u72b6\u6001</td><td><code>boolean</code></td><td>-</td></tr></tbody></table><h3 id="ui-\u5c5e\u6027">ui \u5c5e\u6027<a onclick="window.location.hash = \'ui-\u5c5e\u6027\'" class="anchor">#</a></h3><table><thead><tr><th>\u53c2\u6570</th><th>\u8bf4\u660e</th><th>\u7c7b\u578b</th><th>\u9ed8\u8ba4\u503c</th></tr></thead><tbody><tr><td><code>[asyncData]</code></td><td>\u5f02\u6b65\u9759\u6001\u6570\u636e\u6e90</td><td><code>(node: CascaderOption, index: number, me: CascaderWidget) => PromiseLike<any></code></td><td>-</td></tr><tr><td><code>[size]</code></td><td>\u5927\u5c0f\uff0c\u7b49\u540c <code>nzSize</code></td><td><code>string</code></td><td>-</td></tr><tr><td><code>[placeholder]</code></td><td>\u5728\u6587\u5b57\u6846\u4e2d\u663e\u793a\u63d0\u793a\u8baf\u606f</td><td><code>string</code></td><td>-</td></tr><tr><td><code>[showSearch]</code></td><td>\u662f\u5426\u652f\u6301\u641c\u7d22</td><td><code>bool</code></td><td><code>false</code></td></tr><tr><td><code>[allowClear]</code></td><td>\u662f\u5426\u663e\u793a\u6e05\u9664\u6309\u94ae</td><td><code>bool</code></td><td><code>true</code></td></tr><tr><td><code>[clearText]</code></td><td>\u6e05\u9664\u6309\u94ae\u7684\u6807\u9898</td><td><code>string</code></td><td><code>\u6e05\u9664</code></td></tr><tr><td><code>[showArrow]</code></td><td>\u662f\u5426\u663e\u793a\u7bad\u5934</td><td><code>bool</code></td><td><code>true</code></td></tr><tr><td><code>[menuClassName]</code></td><td>\u81ea\u5b9a\u4e49\u6d6e\u5c42\u7c7b\u540d</td><td><code>string</code></td><td>-</td></tr><tr><td><code>[nzMenuStyle]</code></td><td>\u81ea\u5b9a\u4e49\u6d6e\u5c42\u6837\u5f0f</td><td><code>string</code></td><td>-</td></tr><tr><td><code>[columnClassName]</code></td><td>\u5f39\u51fa\u83dc\u5355\u4e2d\u6570\u636e\u5217\u7684\u81ea\u5b9a\u4e49\u6837\u5f0f</td><td><code>string</code></td><td>-</td></tr><tr><td><code>[data]</code></td><td>\u521d\u59cb\u5316\u5217\u6570\u636e\uff0c\u7528\u4e8e\u7b2c\u4e00\u5217\u7684\u6570\u636e\uff0c\u5b50\u5217\u901a\u8fc7\u9009\u9879\u7684 <code>children</code> \u52a0\u8f7d\uff0c\u6216\u8005\u901a\u8fc7 <code>load</code> \u4e8b\u4ef6\u5f02\u6b65\u52a0\u8f7d\u3002</td><td><code>Array</code></td><td>-</td></tr><tr><td><code>[enableCache]</code></td><td>\u662f\u5426\u7f13\u5b58\u5f02\u6b65\u52a0\u8f7d\u7684\u6570\u636e\uff0c\u82e5\u6bcf\u6b21\u5f02\u6b65\u52a0\u8f7d\u7684\u6570\u636e\u90fd\u662f\u53d8\u5316\u7684\uff0c\u9700\u5c06\u8be5\u503c\u8bbe\u7f6e\u4e3a false</td><td><code>bool</code></td><td><code>true</code></td></tr><tr><td><code>[expandTrigger]</code></td><td>\u6b21\u7ea7\u83dc\u5355\u7684\u5c55\u5f00\u65b9\u5f0f\uff0c\u53ef\u9009 \'click\' \u548c \'hover\'</td><td><code>string</code></td><td><code>click</code></td></tr><tr><td><code>[changeOnSelect]</code></td><td>\u5f53\u6b64\u9879\u4e3a true \u65f6\uff0c\u70b9\u9009\u6bcf\u7ea7\u83dc\u5355\u9009\u9879\u503c\u90fd\u4f1a\u53d1\u751f\u53d8\u5316\uff0c\u5177\u4f53\u89c1\u4e0a\u9762\u7684\u6f14\u793a</td><td><code>bool</code></td><td><code>false</code></td></tr><tr><td><code>[changeOn]</code></td><td>\u53ef\u901a\u8fc7\u81ea\u5b9a\u4e49\u7684\u51fd\u6570\u6765\u5224\u65ad\u70b9\u51fb\u83dc\u5355\u9009\u9879\u662f\u5426\u5e94\u8be5\u53d1\u751f\u53d8\u5316\uff0c\u5f53\u51fd\u6570\u8fd4\u56de true \u65f6\uff0c\u5c06\u53d1\u751f\u53d8\u5316</td><td><code>(option: CascaderOption, level: number) => boolean</code></td><td>-</td></tr><tr><td><code>[triggerAction]</code></td><td>\u89e6\u53d1\u83dc\u5355\u51fa\u73b0\u7684\u884c\u4e3a</td><td><code>(\'click\', \'hover\')[]</code></td><td><code>[\'click\']</code></td></tr><tr><td><code>[valueProperty]</code></td><td>\u503c <code>value</code> \u7684\u5c5e\u6027\u540d\u79f0</td><td><code>string</code></td><td><code>value</code></td></tr><tr><td><code>[labelProperty]</code></td><td>\u503c <code>label</code> \u7684\u5c5e\u6027\u540d\u79f0</td><td><code>string</code></td><td><code>label</code></td></tr><tr><td><code>[visibleChange]</code></td><td>\u5f02\u6b65\u52a0\u8f7d\u4e8b\u4ef6</td><td><code>(value: boolean) => void</code></td><td>-</td></tr><tr><td><code>[change]</code></td><td>\u9009\u9879\u503c\u53d8\u66f4\u4e8b\u4ef6</td><td><code>(values: any[]) => void</code></td><td>-</td></tr><tr><td><code>[selectionChange]</code></td><td>\u9009\u9879\u53d8\u66f4\u4e8b\u4ef6</td><td><code>(values: CascaderOption[]) => void</code></td><td>-</td></tr><tr><td><code>[select]</code></td><td>\u9009\u9879\u88ab\u9009\u4e2d\u4e8b\u4ef6</td><td><code>(values: { option: CascaderOption, index: number }) => void</code></td><td>-</td></tr><tr><td><code>[clear]</code></td><td>\u5185\u5bb9\u88ab\u6e05\u7a7a\u4e8b\u4ef6</td><td><code>() => void</code></td><td>-</td></tr></tbody></table>',meta:{title:"cascader",subtitle:"\u7ea7\u8054\u9009\u62e9",type:"Widgets"},toc:[{href:"#\u6ce8\u610f\u4e8b\u9879",title:"\u6ce8\u610f\u4e8b\u9879",h:2},{href:"#\u6570\u636e\u6e90\u8bf4\u660e",title:"\u6570\u636e\u6e90\u8bf4\u660e",h:2},{href:"#API",title:"API",h:2},{href:"#schema-\u5c5e\u6027",title:"schema \u5c5e\u6027",h:3},{href:"#ui-\u5c5e\u6027",title:"ui \u5c5e\u6027",h:3}]}},demo:!0},this.codes=[{id:"form-cascader-simple",meta:{title:{"zh-CN":"\u57fa\u7840\u6837\u4f8b","en-US":"Basic Usage"},order:0},summary:{"zh-CN":"<p>\u6700\u7b80\u5355\u7684\u7528\u6cd5\u3002</p>","en-US":"<p>Simplest of usage.</p>"},code:"import { Component } from '@angular/core';\nimport { of } from 'rxjs';\nimport { NzMessageService, CascaderOption } from 'ng-zorro-antd';\nimport { SFSchema, CascaderWidget } from '@delon/form';\n\n@Component({\n selector: 'form-cascader-simple',\n template: `<sf [schema]=\"schema\" (formSubmit)=\"submit($event)\"></sf>`\n})\nexport class FormCascaderSimpleComponent {\n schema: SFSchema = {\n properties: {\n static: {\n type: 'number',\n title: 'Static',\n enum: [\n {\n value: 110000, label: '\u5317\u4eac', parent: 0, children: [\n { value: 110100, label: '\u5317\u4eac\u5e02', parent: 110000, children: [\n { value: 110101, label: '\u4e1c\u57ce\u533a', parent: 110100, isLeaf: true },\n { value: 110105, label: '\u671d\u9633\u533a', parent: 110100, isLeaf: true }\n ]}\n ]\n }\n ],\n ui: 'cascader',\n default: [110000, 110100, 110105]\n },\n // \u5f02\u6b65\u83b7\u53d6\u6240\u6709\u6570\u636e\n async: {\n type: 'number',\n title: 'Async',\n ui: {\n widget: 'cascader',\n asyncData: () => of([\n {\n value: 110000, label: '\u5317\u4eac', parent: 0, children: [\n { value: 110100, label: '\u5317\u4eac\u5e02', parent: 110000, children: [\n { value: 110101, label: '\u4e1c\u57ce\u533a', parent: 110100, isLeaf: true },\n { value: 110105, label: '\u671d\u9633\u533a', parent: 110100, isLeaf: true }\n ]}\n ]\n }\n ])\n },\n default: [110000, 110100, 110105]\n },\n real_time: {\n type: 'number',\n title: 'RealTime',\n ui: {\n widget: 'cascader',\n loadData: (node: CascaderOption, index: number, me: CascaderWidget) => {\n return new Promise((resolve) => {\n setTimeout(() => {\n (node as any).children = [\n { value: 110000, label: '\u5317\u4eac', parent: 0 },\n { value: 110100, label: '\u5317\u4eac\u5e02', parent: 110000 },\n { value: 110101, label: '\u4e1c\u57ce\u533a', parent: 110100 },\n { value: 110105, label: '\u671d\u9633\u533a', parent: 110100 },\n { value: 310000, label: '\u4e0a\u6d77', parent: 0 },\n { value: 310100, label: '\u4e0a\u6d77\u5e02', parent: 310000 },\n { value: 310101, label: '\u9ec4\u6d66\u533a', parent: 310100 },\n { value: 310104, label: '\u5f90\u6c47\u533a', parent: 310100 }\n ]\n .filter((w: any) => {\n w.isLeaf = index === 1;\n return w.parent === (node.value || 0);\n });\n resolve();\n me.detectChanges();\n }, 100);\n });\n }\n },\n default: [110000, 110100, 110105]\n }\n }\n };\n constructor(public msg: NzMessageService) { }\n submit(value: any) { this.msg.success(JSON.stringify(value)); }\n}",name:"simple",urls:"packages/form/src/widgets/cascader/demo/simple.md",lang:"ts",componentName:"FormCascaderSimpleComponent",point:0}]},y=function(){function t(t){this.msg=t,this.schema={properties:{static:{type:"number",title:"Static",enum:[{value:11e4,label:"\u5317\u4eac",parent:0,children:[{value:110100,label:"\u5317\u4eac\u5e02",parent:11e4,children:[{value:110101,label:"\u4e1c\u57ce\u533a",parent:110100,isLeaf:!0},{value:110105,label:"\u671d\u9633\u533a",parent:110100,isLeaf:!0}]}]}],ui:"cascader",default:[11e4,110100,110105]},async:{type:"number",title:"Async",ui:{widget:"cascader",asyncData:function(){return Object(p.a)([{value:11e4,label:"\u5317\u4eac",parent:0,children:[{value:110100,label:"\u5317\u4eac\u5e02",parent:11e4,children:[{value:110101,label:"\u4e1c\u57ce\u533a",parent:110100,isLeaf:!0},{value:110105,label:"\u671d\u9633\u533a",parent:110100,isLeaf:!0}]}]}])}},default:[11e4,110100,110105]},real_time:{type:"number",title:"RealTime",ui:{widget:"cascader",loadData:function(t,e,d){return new Promise(function(n){setTimeout(function(){t.children=[{value:11e4,label:"\u5317\u4eac",parent:0},{value:110100,label:"\u5317\u4eac\u5e02",parent:11e4},{value:110101,label:"\u4e1c\u57ce\u533a",parent:110100},{value:110105,label:"\u671d\u9633\u533a",parent:110100},{value:31e4,label:"\u4e0a\u6d77",parent:0},{value:310100,label:"\u4e0a\u6d77\u5e02",parent:31e4},{value:310101,label:"\u9ec4\u6d66\u533a",parent:310100},{value:310104,label:"\u5f90\u6c47\u533a",parent:310100}].filter(function(d){return d.isLeaf=1===e,d.parent===(t.value||0)}),n(),d.detectChanges()},100)})}},default:[11e4,110100,110105]}}}}return t.prototype.submit=function(t){this.msg.success(JSON.stringify(t))},t}(),w=function(){this.item={cols:1,urls:{"zh-CN":"packages/form/src/widgets/checkbox/index.md"},content:{"zh-CN":{content:"<p>\u4e00\u7ec4\u53ef\u9009\u9879\u4e2d\u8fdb\u884c\u591a\u9879\u9009\u62e9\u65f6</p>",api:'<h2 id="API">API<a onclick="window.location.hash = \'API\'" class="anchor">#</a></h2><h3 id="schema-\u5c5e\u6027">schema \u5c5e\u6027<a onclick="window.location.hash = \'schema-\u5c5e\u6027\'" class="anchor">#</a></h3><table><thead><tr><th>\u53c2\u6570</th><th>\u8bf4\u660e</th><th>\u7c7b\u578b</th><th>\u9ed8\u8ba4\u503c</th></tr></thead><tbody><tr><td><code>[enum]</code></td><td>\u6570\u636e\u6e90\uff0c\u5f53\u6570\u636e\u6e90\u5b58\u5728\u4e8e\u8868\u793a\u4e00\u7ec4\u591a\u9009\u6846</td><td><code>SFSchemaEnumType[]</code></td><td>-</td></tr><tr><td><code>[readOnly]</code></td><td>\u7981\u7528\u72b6\u6001</td><td><code>boolean</code></td><td>-</td></tr><tr><td><code>[title]</code></td><td>\u65e0 <code>enum</code> \u65f6\u8868\u793a\u591a\u9009\u6846\u6587\u672c\u5185\u5bb9</td><td><code>string</code></td><td>-</td></tr><tr><td><code>[description]</code></td><td>\u65e0 <code>enum</code> \u65f6\u8868\u793a\u591a\u9009\u6846\u540e\u5e2e\u52a9\u4fe1\u606f</td><td><code>string</code></td><td>-</td></tr></tbody></table><h3 id="ui-\u5c5e\u6027">ui \u5c5e\u6027<a onclick="window.location.hash = \'ui-\u5c5e\u6027\'" class="anchor">#</a></h3><table><thead><tr><th>\u53c2\u6570</th><th>\u8bf4\u660e</th><th>\u7c7b\u578b</th><th>\u9ed8\u8ba4\u503c</th></tr></thead><tbody><tr><td><code>[asyncData]</code></td><td>\u5f02\u6b65\u6570\u636e\u6e90</td><td><code>() => Observable<SFSchemaEnumType[]></code></td><td>-</td></tr><tr><td><code>[size]</code></td><td>\u5927\u5c0f\uff0c\u7b49\u540c <code>nzSize</code></td><td><code>string</code></td><td>-</td></tr><tr><td><code>[span]</code></td><td>\u6307\u5b9a\u6bcf\u4e2a\u9009\u6846\u5355\u5143\u683c\u6570\u91cf\uff0c\u53c2\u8003<a target="_blank" href="https://ng.ant.design/components/checkbox/zh#components-checkbox-demo-layout" data-url="https://ng.ant.design/components/checkbox/zh#components-checkbox-demo-layout">\u5e03\u5c40</a></td><td><code>number</code></td><td>-</td></tr><tr><td><code>[styleType]</code></td><td>radio\u7684\u6837\u5f0f</td><td><code>default, button</code></td><td><code>default</code></td></tr><tr><td><code>[checkAll]</code></td><td>\u662f\u5426\u9700\u8981\u5168\u9009</td><td><code>boolean</code></td><td>-</td></tr><tr><td><code>[checkAllText]</code></td><td>\u5168\u9009\u6309\u94ae\u6587\u672c</td><td><code>string</code></td><td><code>\u5168\u9009</code></td></tr><tr><td><code>[change]</code></td><td>\u503c\u53d8\u66f4\u4e8b\u4ef6\uff0c\u53c2\u6570\uff1a\u5355\u4e2a\u591a\u9009\u6846\u4e3a <code>boolean</code>\uff0c\u5426\u5219\u4e3a <code>SFSchemaEnum[]</code></td><td><code>(res: boolean | SFSchemaEnum[]) => void</code></td><td>-</td></tr></tbody></table>',meta:{title:"checkbox",subtitle:"\u591a\u9009\u6846",type:"Widgets"},toc:[{href:"#API",title:"API",h:2},{href:"#schema-\u5c5e\u6027",title:"schema \u5c5e\u6027",h:3},{href:"#ui-\u5c5e\u6027",title:"ui \u5c5e\u6027",h:3}]}},demo:!0},this.codes=[{id:"form-checkbox-simple",meta:{title:{"zh-CN":"\u57fa\u7840\u6837\u4f8b","en-US":"Basic Usage"},order:0},summary:{"zh-CN":"<p>\u6700\u7b80\u5355\u7684\u7528\u6cd5\u3002</p>","en-US":"<p>Simplest of usage.</p>"},code:"import { Component } from '@angular/core';\nimport { of } from 'rxjs';\nimport { delay } from 'rxjs/operators';\nimport { NzMessageService } from 'ng-zorro-antd';\nimport { SFSchema } from '@delon/form';\n\n@Component({\n selector: 'form-checkbox-simple',\n template: `<sf [schema]=\"schema\" (formSubmit)=\"submit($event)\"></sf>`,\n})\nexport class FormCheckboxSimpleComponent {\n schema: SFSchema = {\n properties: {\n // \u5355\u4e2a\u591a\u9009\u6846\n single: {\n type: 'boolean',\n title: '\u540c\u610f\u672c\u534f\u8bae',\n description: '\u300a\u7528\u6237\u534f\u8bae\u300b',\n ui: {\n widget: 'checkbox',\n },\n default: true,\n },\n // \u591a\u9009\u6846\u7ec4\n mulit: {\n type: 'string',\n title: 'Mulit',\n enum: ['Apple', 'Pear', 'Orange'],\n ui: {\n widget: 'checkbox',\n span: 8, // \u6307\u5b9a\u6bcf\u4e00\u9879 8 \u4e2a\u5355\u5143\u7684\u5e03\u5c40\n checkAll: true\n },\n default: ['Apple'],\n },\n // \u5f02\u6b65\u6570\u636e\n async: {\n type: 'string',\n title: 'Async',\n ui: {\n widget: 'checkbox',\n asyncData: () =>\n of([\n { label: 'Apple', value: 'Apple' },\n { label: 'Pear', value: 'Pear' },\n { label: 'Orange', value: 'Orange' },\n ]).pipe(delay(200)),\n },\n default: ['Apple'],\n },\n },\n };\n constructor(public msg: NzMessageService) {}\n submit(value: any) {\n this.msg.success(JSON.stringify(value));\n }\n}",name:"simple",urls:"packages/form/src/widgets/checkbox/demo/simple.md",lang:"ts",componentName:"FormCheckboxSimpleComponent",point:0}]},v=d("vubp"),x=function(){function t(t){this.msg=t,this.schema={properties:{single:{type:"boolean",title:"\u540c\u610f\u672c\u534f\u8bae",description:"\u300a\u7528\u6237\u534f\u8bae\u300b",ui:{widget:"checkbox"},default:!0},mulit:{type:"string",title:"Mulit",enum:["Apple","Pear","Orange"],ui:{widget:"checkbox",span:8,checkAll:!0},default:["Apple"]},async:{type:"string",title:"Async",ui:{widget:"checkbox",asyncData:function(){return Object(p.a)([{label:"Apple",value:"Apple"},{label:"Pear",value:"Pear"},{label:"Orange",value:"Orange"}]).pipe(Object(v.a)(200))}},default:["Apple"]}}}}return t.prototype.submit=function(t){this.msg.success(JSON.stringify(t))},t}(),z=function(){this.item={cols:1,urls:{"zh-CN":"packages/form/src/widgets/custom/index.md"},content:{"zh-CN":{content:'<p>\u5b8c\u6574\u66f4\u590d\u6742\u7684\u81ea\u5b9a\u4e49\u9700\u6c42\u3002</p><h2 id="\u5982\u4f55\u4f7f\u7528\uff1f">\u5982\u4f55\u4f7f\u7528\uff1f<a onclick="window.location.hash = \'\u5982\u4f55\u4f7f\u7528\uff1f\'" class="anchor">#</a></h2><p>\u81ea\u5b9a\u4e49\u5c0f\u90e8\u4ef6\u8981\u6c42 Schema \u4e2d\u76f8\u5e94\u8282\u70b9\u7684<code>ui</code>\u4e2d<code>widget</code>\u914d\u7f6e\u4e3a<code>widget: \'custom\'</code>\uff0c\u5e76\u52a1\u5fc5\u786e\u4fdd <strong>sf-template</strong> \u662f\u4e00\u4e2a\u6709\u6548\u8def\u5f84\u503c\uff1b\u5b83\u7b49\u540c Schema \u5c5e\u6027\u540d\u3002</p>',api:'<h2 id="API">API<a onclick="window.location.hash = \'API\'" class="anchor">#</a></h2><p>\u6a21\u677f\u4f1a\u4f20\u9012\uff08<code>{$implicit: this, schema: schema, ui: ui }</code>\uff09\u4e09\u4e2a\u53c2\u6570\uff0c\u7ec6\u8282\u8bf7\u53c2\u8003DEMO\uff1a</p><table><thead><tr><th>\u53c2\u6570</th><th>\u8bf4\u660e</th><th>\u7c7b\u578b</th></tr></thead><tbody><tr><td><code>[$implicit]</code></td><td>\u5f53\u524d\u4e0a\u4e0b\u6587</td><td><code>ControlWidget</code></td></tr><tr><td><code>[schema]</code></td><td>\u5f53\u524d\u8282\u70b9Schema</td><td><code>SFSchema</code></td></tr><tr><td><code>[ui]</code></td><td>\u5f53\u524d\u8282\u70b9UI</td><td><code>SFUISchemaItem</code></td></tr></tbody></table><p>\u4e0a\u4e0b\u6587\u5305\u62ec <code>formProperty</code> \u5c5e\u6027\uff0c\u5b83\u662f\u4f20\u9012\u6570\u636e\u7684\u552f\u4e00\u4e2d\u95f4\u5c42\uff0c\u56e0\u6b64\u7ef4\u62a4 <code>formProperty.value</code> \u662f\u552f\u4e00\u4e0e\u81ea\u5b9a\u4e49\u7ec4\u4ef6\u901a\u4fe1\u7684\u5a92\u4ecb\u3002</p><p>\u4e0a\u4e0b\u6587\u8fd8\u5305\u542b\u4e86\u4e00\u4e9b\u5feb\u6377\u5c5e\u6027\u548c\u65b9\u6cd5\uff0c\u6709\u5173\u66f4\u591a\u7ec6\u8282\u8bf7\u9605\u8bfb Widget \u7684\u5b9a\u4e49\u3002</p>',meta:{title:"custom",subtitle:"\u81ea\u5b9a\u4e49",type:"Widgets"},toc:[{href:"#\u5982\u4f55\u4f7f\u7528\uff1f",title:"\u5982\u4f55\u4f7f\u7528\uff1f",h:2},{href:"#API",title:"API",h:2}]}},demo:!0},this.codes=[{id:"form-custom-simple",meta:{title:{"zh-CN":"\u57fa\u7840\u6837\u4f8b","en-US":"Basic Usage"},order:0},summary:{"zh-CN":"<p>\u6700\u7b80\u5355\u7684\u7528\u6cd5\u3002</p>","en-US":"<p>Simplest of usage.</p>"},code:'import { Component } from \'@angular/core\';\nimport { NzMessageService } from \'ng-zorro-antd\';\nimport { SFSchema } from \'@delon/form\';\n\n@Component({\n selector: \'form-custom-simple\',\n template: `\n <sf [schema]="schema" (formSubmit)="submit($event)">\n \x3c!--sf-template\u5fc5\u987b\u4e0eproperties\u4e0b\u7684\u8282\u70b9\u5c5e\u6027\u540d\u76f8\u540c--\x3e\n <ng-template sf-template="property1" let-me let-ui="ui" let-schema="schema">\n \u81ea\u5b9a\u4e49\u5185\u5bb9:\n <input nz-input\n [attr.id]="id"\n [disabled]="me.disabled"\n [attr.disabled]="me.disabled"\n [nzSize]="ui.size"\n [ngModel]="me.formProperty.value"\n (ngModelChange)="me.setValue($event)">\n </ng-template>\n </sf>\n `\n})\nexport class FormCustomSimpleComponent {\n schema: SFSchema = {\n properties: {\n property1: {\n type: \'string\',\n title: \'\u81ea\u5b9a\u4e49\u5185\u5bb9\',\n ui: {\n widget: \'custom\'\n },\n default: \'test\'\n }\n }\n };\n constructor(public msg: NzMessageService) { }\n submit(value: any) { this.msg.success(JSON.stringify(value)); }\n}',name:"simple",urls:"packages/form/src/widgets/custom/demo/simple.md",lang:"ts",componentName:"FormCustomSimpleComponent",point:0}]},k=function(){function t(t){this.msg=t,this.schema={properties:{property1:{type:"string",title:"\u81ea\u5b9a\u4e49\u5185\u5bb9",ui:{widget:"custom"},default:"test"}}}}return t.prototype.submit=function(t){this.msg.success(JSON.stringify(t))},t}(),F=function(){this.item={cols:1,urls:{"zh-CN":"packages/form/src/widgets/date/index.md"},content:{"zh-CN":{content:'<p>\u8f93\u5165\u6216\u9009\u62e9\u65e5\u671f\u7684\u63a7\u4ef6\uff1b<code>ng-zorro-antd</code> \u672a\u63d0\u4f9b\u65e5\u671f\u65f6\u95f4\u7c7b\u7ec4\u4ef6\uff0c\u6682\u65f6\u4ee5\u539f\u751f\u66ff\u4ee3\u3002</p><h2 id="\u6ce8\u610f\u4e8b\u9879">\u6ce8\u610f\u4e8b\u9879<a onclick="window.location.hash = \'\u6ce8\u610f\u4e8b\u9879\'" class="anchor">#</a></h2><ul><li><p>\u683c\u5f0f\u5316\u5206\u4e3a\uff1a<strong>\u6570\u636e\u683c\u5f0f\u5316</strong>\u8868\u793a\u8868\u5355\u6570\u636e\u548c<strong>\u663e\u793a\u683c\u5f0f\u5316</strong>\u663e\u793a\u6570\u636e\uff08\u7b49\u540c <a target="_blank" href="https://ng.ant.design/components/date-picker/zh#api" data-url="https://ng.ant.design/components/date-picker/zh#api">nzFormat</a> \u503c\uff09</p></li><li><p>\u6240\u6709 <strong>\u6570\u636e\u683c\u5f0f\u5316</strong> \u5355\u4f4d\uff0c\u53c2\u8003 <a target="_blank" href="https://date-fns.org/v1.29.0/docs/format" data-url="https://date-fns.org/v1.29.0/docs/format">date-fns format</a>\uff08\u56fd\u5185\u955c\u50cf\uff1a<a target="_blank" href="http://momentjs.cn/docs/#/displaying/format/" data-url="http://momentjs.cn/docs/#/displaying/format/">moment format</a>\uff09</p></li><li><p>\u6307\u5b9a <code>schema.format</code> \u5219\u5fc5\u987b\u9075\u5b88 <a target="_blank" href="https://tools.ietf.org/html/rfc3339#section-5.6" data-url="https://tools.ietf.org/html/rfc3339#section-5.6">RFC3339</a> \u65f6\u95f4\u683c\u5f0f\uff0c\u5426\u5219\u90fd\u89c6\u4e3a\u683c\u5f0f\u9519\u8bef\uff0c\u9ed8\u8ba4\u7684\u6570\u636e\u683c\u5f0f\u5316\uff1a</p><ul><li><p><code>date-time</code> \u9ed8\u8ba4 <code>YYYY-MM-DDTHH:mm:ssZ</code>\uff0c\u6ce8\u610f\u8fd9\u91cc\u91c7\u7528\u7684\u662f <code>type="datetime-local"</code> \u56e0\u6b64\u4f1a\u6d89\u53ca\u5230<strong>\u65f6\u533a\u95ee\u9898</strong></p></li><li><p><code>date</code>\u3001<code>full-date</code> \u9ed8\u8ba4 <code>YYYY-MM-DD</code></p></li><li><p><code>time</code>\u3001<code>full-time</code> \u9ed8\u8ba4 <code>HH:mm:ss</code></p></li><li><p>\u975e\u6807\u51c6\uff1a<code>week</code> \u9ed8\u8ba4 <code>YYYY-WW</code></p></li><li><p>\u975e\u6807\u51c6\uff1a<code>month</code> \u9ed8\u8ba4 <code>YYYY-MM</code></p></li></ul></li><li><p>\u4e0d\u6307\u5b9a <code>schema.format</code> \u6839\u636e <code>schema.type</code> \u503c\u6309\u4ee5\u4e0b\u89c4\u5219\u5904\u7406\uff08\u5141\u8bb8\u901a\u8fc7 <code>DelonFormConfig</code> \u66ff\u6362\uff09\u6570\u636e\u683c\u5f0f\u5316\uff1a</p><ul><li><p><code>string</code> \u9ed8\u8ba4 <code>YYYY-MM-DD HH:mm:ss</code></p></li><li><p><code>number</code> \u9ed8\u8ba4 <code>x</code> 13\u4f4dUnix Timestamp</p></li></ul></li></ul>',api:'<h2 id="API">API<a onclick="window.location.hash = \'API\'" class="anchor">#</a></h2><h3 id="schema-\u5c5e\u6027">schema \u5c5e\u6027<a onclick="window.location.hash = \'schema-\u5c5e\u6027\'" class="anchor">#</a></h3><table><thead><tr><th>\u53c2\u6570</th><th>\u8bf4\u660e</th><th>\u7c7b\u578b</th><th>\u9ed8\u8ba4\u503c</th></tr></thead><tbody><tr><td><code>[readOnly]</code></td><td>\u7981\u7528\u72b6\u6001</td><td><code>boolean</code></td><td>-</td></tr><tr><td><code>[format]</code></td><td>\u6570\u636e\u683c\u5f0f\u7c7b\u578b</td><td><code>string</code></td><td>-</td></tr></tbody></table><h3 id="ui-\u5c5e\u6027">ui \u5c5e\u6027<a onclick="window.location.hash = \'ui-\u5c5e\u6027\'" class="anchor">#</a></h3><table><thead><tr><th>\u53c2\u6570</th><th>\u8bf4\u660e</th><th>\u7c7b\u578b</th><th>\u9ed8\u8ba4\u503c</th></tr></thead><tbody><tr><td><code>[size]</code></td><td>\u5927\u5c0f\uff0c\u7b49\u540c <code>nzSize</code></td><td><code>string</code></td><td>-</td></tr><tr><td><code>[placeholder]</code></td><td>\u5728\u6587\u5b57\u6846\u4e2d\u663e\u793a\u63d0\u793a\u8baf\u606f</td><td><code>string</code></td><td>-</td></tr><tr><td><code>[format]</code></td><td>\u6570\u636e\u683c\u5f0f\u5316</td><td><code>string</code></td><td>-</td></tr><tr><td><code>[displayFormat]</code></td><td>\u663e\u793a\u683c\u5f0f\u5316\uff0c\uff08\u7b49\u540c <a target="_blank" href="https://ng.ant.design/components/date-picker/zh#api" data-url="https://ng.ant.design/components/date-picker/zh#api">nzFormat</a> \u503c\uff09</td><td><code>string</code></td><td><code>yyyy-MM-dd HH:mm:ss</code></td></tr><tr><td><code>[allowClear]</code></td><td>\u662f\u5426\u663e\u793a\u6e05\u9664\u6309\u94ae</td><td><code>boolean</code></td><td><code>true</code></td></tr><tr><td><code>[className]</code></td><td>\u9009\u62e9\u5668 className</td><td><code>string</code></td><td>-</td></tr><tr><td><code>[disabledDate]</code></td><td>\u4e0d\u53ef\u9009\u62e9\u7684\u65e5\u671f</td><td><code>(current: Date) => boolean</code></td><td>-</td></tr><tr><td><code>[locale]</code></td><td>\u56fd\u9645\u5316\u914d\u7f6e</td><td><code>object</code></td><td>-</td></tr><tr><td><code>[popupStyle]</code></td><td>\u989d\u5916\u7684\u5f39\u51fa\u65e5\u5386\u6837\u5f0f</td><td><code>object</code></td><td>-</td></tr><tr><td><code>[dropdownClassName]</code></td><td>\u989d\u5916\u7684\u5f39\u51fa\u65e5\u5386 className</td><td><code>string</code></td><td>-</td></tr><tr><td><code>[onOpenChange]</code></td><td>\u5f39\u51fa\u65e5\u5386\u548c\u5173\u95ed\u65e5\u5386\u7684\u56de\u8c03</td><td><code>(status: boolean) => void</code></td><td>-</td></tr><tr><td><code>[disabledDate]</code></td><td>\u4e0d\u53ef\u9009\u62e9\u7684\u65e5\u671f</td><td><code>(current: Date) => boolean</code></td><td>-</td></tr><tr><td><code>[disabledTime]</code></td><td>\u4e0d\u53ef\u9009\u62e9\u7684\u65f6\u95f4</td><td><code>(current: Date) => { nzDisabledHours, nzDisabledMinutes, nzDisabledSeconds }</code></td><td>-</td></tr><tr><td><code>[renderExtraFooter]</code></td><td>\u5728\u9762\u677f\u4e2d\u6dfb\u52a0\u989d\u5916\u7684\u9875\u811a</td><td><code>string</code></td><td>-</td></tr><tr><td><code>[showTime]</code></td><td>\u589e\u52a0\u65f6\u95f4\u9009\u62e9\u529f\u80fd</td><td><code>boolean</code></td><td><code>true</code></td></tr><tr><td><code>[showToday]</code></td><td>\u662f\u5426\u5c55\u793a\u201c\u4eca\u5929\u201d\u6309\u94ae</td><td><code>boolean</code></td><td><code>true</code></td></tr><tr><td><code>[onOk]</code></td><td>\u70b9\u51fb\u786e\u5b9a\u6309\u94ae\u7684\u56de\u8c03</td><td><code>(data: Data | Data[]) => void</code></td><td>-</td></tr></tbody></table>',meta:{title:"date",subtitle:"\u65e5\u671f",type:"Widgets"},toc:[{href:"#\u6ce8\u610f\u4e8b\u9879",title:"\u6ce8\u610f\u4e8b\u9879",h:2},{href:"#API",title:"API",h:2},{href:"#schema-\u5c5e\u6027",title:"schema \u5c5e\u6027",h:3},{href:"#ui-\u5c5e\u6027",title:"ui \u5c5e\u6027",h:3}]}},demo:!0},this.codes=[{id:"form-date-simple",meta:{title:{"zh-CN":"\u57fa\u7840\u6837\u4f8b","en-US":"Basic Usage"},order:0},summary:{"zh-CN":"<p>\u6700\u7b80\u5355\u7684\u7528\u6cd5\u3002</p>","en-US":"<p>Simplest of usage.</p>"},code:"import { Component } from '@angular/core';\nimport { NzMessageService } from 'ng-zorro-antd';\nimport { SFSchema } from '@delon/form';\n\n@Component({\n selector: 'form-date-simple',\n template: `<sf [schema]=\"schema\" (formSubmit)=\"submit($event)\"\n (formChange)=\"change($event)\"></sf>`\n})\nexport class FormDateSimpleComponent {\n schema: SFSchema = {\n properties: {\n 'datetime': {\n 'type': 'string',\n 'format': 'date-time'\n },\n 'date': {\n 'type': 'string',\n 'format': 'date'\n },\n 'date_number': {\n 'type': 'number',\n ui: { widget: 'date' }\n },\n 'month': {\n 'type': 'string',\n 'format': 'month'\n },\n 'week': {\n 'type': 'string',\n 'format': 'week'\n },\n 'range': {\n 'type': 'string',\n ui: { widget: 'date', mode: 'range' }\n }\n }\n };\n constructor(public msg: NzMessageService) { }\n submit(value: any) { this.msg.success(JSON.stringify(value)); }\n\n change(value: any) {\n console.log('change', value);\n }\n}",name:"simple",urls:"packages/form/src/widgets/date/demo/simple.md",lang:"ts",componentName:"FormDateSimpleComponent",point:0}]},C=function(){function t(t){this.msg=t,this.schema={properties:{datetime:{type:"string",format:"date-time"},date:{type:"string",format:"date"},date_number:{type:"number",ui:{widget:"date"}},month:{type:"string",format:"month"},week:{type:"string",format:"week"},range:{type:"string",ui:{widget:"date",mode:"range"}}}}}return t.prototype.submit=function(t){this.msg.success(JSON.stringify(t))},t.prototype.change=function(t){console.log("change",t)},t}(),H=function(){this.item={cols:1,urls:{"zh-CN":"packages/form/src/widgets/mention/index.md"},content:{"zh-CN":{content:'<p>\u63d0\u53ca\u7ec4\u4ef6\u3002</p><h2 id="\u6ce8\u610f\u4e8b\u9879">\u6ce8\u610f\u4e8b\u9879<a onclick="window.location.hash = \'\u6ce8\u610f\u4e8b\u9879\'" class="anchor">#</a></h2><ul><li><p>\u82e5\u6570\u636e\u4e2d\u4e0d\u5305\u62ec <code>label</code> \u5c5e\u6027\uff0c\u5219<strong>\u52a1\u5fc5</strong>\u6307\u5b9a <code>valueWith</code> \u53c2\u6570\u3002</p></li></ul><h2 id="\u6570\u636e\u6e90\u8bf4\u660e">\u6570\u636e\u6e90\u8bf4\u660e<a onclick="window.location.hash = \'\u6570\u636e\u6e90\u8bf4\u660e\'" class="anchor">#</a></h2><p><strong>\u9759\u6001</strong></p><p>\u6307\u4e00\u6b21\u6027\u83b7\u53d6\u6570\u636e\uff0c\u6570\u636e\u6765\u6e90\u4e8e <code>asyncData</code>\u3001<code>enum</code>\u3002</p><p><strong>\u5b9e\u65f6</strong></p><p>\u6307\u6bcf\u4e00\u6b21\u9009\u62e9\u4f1a\u89e6\u53d1HTTP\u8bf7\u6c42\uff0c\u6570\u636e\u6765\u6e90\u4e8e <code>loadData</code>\u3002</p>',api:'<h2 id="API">API<a onclick="window.location.hash = \'API\'" class="anchor">#</a></h2><h3 id="schema-\u5c5e\u6027">schema \u5c5e\u6027<a onclick="window.location.hash = \'schema-\u5c5e\u6027\'" class="anchor">#</a></h3><table><thead><tr><th>\u53c2\u6570</th><th>\u8bf4\u660e</th><th>\u7c7b\u578b</th><th>\u9ed8\u8ba4\u503c</th></tr></thead><tbody><tr><td><code>[enum]</code></td><td>\u9759\u6001\u6570\u636e\u6e90</td><td><code>SFSchemaEnumType[]</code></td><td>-</td></tr><tr><td><code>[readOnly]</code></td><td>\u7981\u7528\u72b6\u6001</td><td><code>boolean</code></td><td>-</td></tr><tr><td><code>[minimum]</code></td><td>\u6700\u5c11\u63d0\u53ca\u6b21\u6570</td><td><code>number</code></td><td>-</td></tr><tr><td><code>[maximum]</code></td><td>\u6700\u591a\u63d0\u53ca\u6b21\u6570</td><td><code>number</code></td><td>-</td></tr></tbody></table><h3 id="ui-\u5c5e\u6027">ui \u5c5e\u6027<a onclick="window.location.hash = \'ui-\u5c5e\u6027\'" class="anchor">#</a></h3><table><thead><tr><th>\u53c2\u6570</th><th>\u8bf4\u660e</th><th>\u7c7b\u578b</th><th>\u9ed8\u8ba4\u503c</th></tr></thead><tbody><tr><td><code>[asyncData]</code></td><td>\u5f02\u6b65\u9759\u6001\u6570\u636e\u6e90</td><td><code>(input: string) => Observable<SFSchemaEnumType[]></code></td><td>-</td></tr><tr><td><code>[size]</code></td><td>\u5927\u5c0f\uff0c\u7b49\u540c <code>nzSize</code></td><td><code>string</code></td><td>-</td></tr><tr><td><code>[placeholder]</code></td><td>\u5728\u6587\u5b57\u6846\u4e2d\u663e\u793a\u63d0\u793a\u8baf\u606f</td><td><code>string</code></td><td>-</td></tr><tr><td><code>[loadData]</code></td><td>\u5b9e\u65f6\u6570\u636e</td><td><code>(option: MentionOnSearchTypes) => Observable<SFSchemaEnumType[]></code></td><td>-</td></tr><tr><td><code>[notFoundContent]</code></td><td>\u672a\u627e\u5230\u65f6\u7684\u5185\u5bb9</td><td><code>string</code></td><td><code>\u65e0\u5339\u914d\u7ed3\u679c\uff0c\u8f7b\u6572\u7a7a\u683c\u5b8c\u6210\u8f93\u5165</code></td></tr><tr><td><code>[placement]</code></td><td>\u5efa\u8bae\u6846\u4f4d\u7f6e</td><td><code>button,top</code></td><td><code>button</code></td></tr><tr><td><code>[prefix]</code></td><td>\u89e6\u53d1\u5f39\u51fa\u4e0b\u62c9\u6846\u7684\u5b57\u7b26</td><td><code>\'string\'</code> <code>\'string[]\'</code></td><td><code>@</code></td></tr><tr><td><code>[valueWith]</code></td><td>\u5efa\u8bae\u9009\u9879\u7684\u53d6\u503c\u65b9\u6cd5</td><td><code>(any) => string</code></td><td><code>(value: string) => string</code></td></tr><tr><td><code>[select]</code></td><td>\u4e0b\u62c9\u6846\u9009\u62e9\u5efa\u8bae\u65f6\u56de\u8c03</td><td><code>(value: any) => void</code></td><td>-</td></tr><tr><td><code>[inputStyle]</code></td><td>\u6587\u672c\u6846\u7c7b\u578b</td><td><code>text, textarea</code></td><td><code>text</code></td></tr><tr><td><code>[autosize]</code></td><td>\u81ea\u9002\u5e94\u5185\u5bb9\u9ad8\u5ea6\uff0c\u53ef\u8bbe\u7f6e\u4e3a <code>true|false</code> \u6216\u5bf9\u8c61\uff1a<code>{ minRows: 2, maxRows: 6 }</code></td><td><code>Boolean|Object</code></td><td><code>true</code></td></tr></tbody></table>',meta:{title:"mention",subtitle:"\u63d0\u53ca",type:"Widgets"},toc:[{href:"#\u6ce8\u610f\u4e8b\u9879",title:"\u6ce8\u610f\u4e8b\u9879",h:2},{href:"#\u6570\u636e\u6e90\u8bf4\u660e",title:"\u6570\u636e\u6e90\u8bf4\u660e",h:2},{href:"#API",title:"API",h:2},{href:"#schema-\u5c5e\u6027",title:"schema \u5c5e\u6027",h:3},{href:"#ui-\u5c5e\u6027",title:"ui \u5c5e\u6027",h:3}]}},demo:!0},this.codes=[{id:"form-mention-simple",meta:{title:{"zh-CN":"\u57fa\u7840\u6837\u4f8b","en-US":"Basic Usage"},order:0},summary:{"zh-CN":"<p>\u6700\u7b80\u5355\u7684\u7528\u6cd5\u3002</p>","en-US":"<p>Simplest of usage.</p>"},code:"import { Component } from '@angular/core';\nimport { SFSchema } from '@delon/form';\nimport { of } from 'rxjs';\nimport { delay } from 'rxjs/operators';\nimport { MentionOnSearchTypes, NzMessageService } from 'ng-zorro-antd';\n\n@Component({\n selector: 'form-mention-simple',\n template: `<sf [schema]=\"schema\" (formSubmit)=\"submit($event)\"></sf>`\n})\nexport class FormMentionSimpleComponent {\n schema: SFSchema = {\n properties: {\n remark: {\n type: 'string',\n title: '\u63cf\u8ff0',\n enum: ['afc163', 'benjycui', 'yiminghe', 'RaoHai', '\u4e2d\u6587', '\u306b\u307b\u3093\u3054'],\n minimum: 2,\n maximum: 5,\n ui: {\n widget: 'mention',\n inputStyle: 'textarea'\n }\n },\n // \u5f02\u6b65\u9759\u6001\u6570\u636e\u6e90\n async: {\n type: 'string',\n title: 'Async',\n ui: {\n widget: 'mention',\n asyncData: () => of(['afc163', 'benjycui', 'yiminghe', 'RaoHai', '\u4e2d\u6587', '\u306b\u307b\u3093\u3054']).pipe(delay(1000))\n }\n },\n // \u5b9e\u65f6\u6570\u636e\n real_time: {\n type: 'string',\n title: 'RealTime',\n ui: {\n widget: 'mention',\n loadData: (option: MentionOnSearchTypes) => of(\n ['afc163', 'benjycui', 'yiminghe', 'jljsj33', 'dqaria', 'RaoHai'].filter(item => item.indexOf(option.value) !== -1)\n ).pipe(delay(300))\n }\n }\n }\n };\n constructor(public msg: NzMessageService) { }\n submit(value: any) { this.msg.success(JSON.stringify(value)); }\n}",name:"simple",urls:"packages/form/src/widgets/mention/demo/simple.md",lang:"ts",componentName:"FormMentionSimpleComponent",point:0}]},N=function(){function t(t){this.msg=t,this.schema={properties:{remark:{type:"string",title:"\u63cf\u8ff0",enum:["afc163","benjycui","yiminghe","RaoHai","\u4e2d\u6587","\u306b\u307b\u3093\u3054"],minimum:2,maximum:5,ui:{widget:"mention",inputStyle:"textarea"}},async:{type:"string",title:"Async",ui:{widget:"mention",asyncData:function(){return Object(p.a)(["afc163","benjycui","yiminghe","RaoHai","\u4e2d\u6587","\u306b\u307b\u3093\u3054"]).pipe(Object(v.a)(1e3))}}},real_time:{type:"string",title:"RealTime",ui:{widget:"mention",loadData:function(t){return Object(p.a)(["afc163","benjycui","yiminghe","jljsj33","dqaria","RaoHai"].filter(function(e){return-1!==e.indexOf(t.value)})).pipe(Object(v.a)(300))}}}}}}return t.prototype.submit=function(t){this.msg.success(JSON.stringify(t))},t}(),M=function(){this.item={cols:1,urls:{"zh-CN":"packages/form/src/widgets/number/index.md"},content:{"zh-CN":{content:'<p>\u901a\u8fc7\u9f20\u6807\u6216\u952e\u76d8\uff0c\u8f93\u5165\u8303\u56f4\u5185\u7684\u6570\u503c</p><h2 id="\u6ce8\u610f\u4e8b\u9879">\u6ce8\u610f\u4e8b\u9879<a onclick="window.location.hash = \'\u6ce8\u610f\u4e8b\u9879\'" class="anchor">#</a></h2><ul><li><p>\u82e5 <code>type="integer"</code> \u4f1a<strong>\u5f3a\u5236</strong>\u79fb\u9664\u5c0f\u6570\u90e8\u5206\u3002</p></li></ul>',api:'<h2 id="API">API<a onclick="window.location.hash = \'API\'" class="anchor">#</a></h2><h3 id="schema-\u5c5e\u6027">schema \u5c5e\u6027<a onclick="window.location.hash = \'schema-\u5c5e\u6027\'" class="anchor">#</a></h3><table><thead><tr><th>\u53c2\u6570</th><th>\u8bf4\u660e</th><th>\u7c7b\u578b</th><th>\u9ed8\u8ba4\u503c</th></tr></thead><tbody><tr><td><code>[minimum]</code></td><td>\u6700\u5c0f\u503c</td><td><code>number</code></td><td>-</td></tr><tr><td><code>[exclusiveMinimum]</code></td><td>\u7ea6\u675f\u662f\u5426\u5305\u62ec <code>minimum</code> \u503c\uff0c<code>true</code> \u8868\u793a\u6392\u9664 <code>minimum</code> \u503c</td><td><code>boolean</code></td><td>-</td></tr><tr><td><code>[maximum]</code></td><td>\u6700\u5c0f\u503c</td><td><code>number</code></td><td>-</td></tr><tr><td><code>[exclusiveMaximum]</code></td><td>\u7ea6\u675f\u662f\u5426\u5305\u62ec <code>maximum</code> \u503c\uff0c<code>true</code> \u8868\u793a\u6392\u9664 <code>maximum</code> \u503c</td><td><code>boolean</code></td><td>-</td></tr><tr><td><code>[multipleOf]</code></td><td>\u500d\u6570</td><td><code>number</code></td><td><code>1</code></td></tr></tbody></table><h3 id="ui-\u5c5e\u6027">ui \u5c5e\u6027<a onclick="window.location.hash = \'ui-\u5c5e\u6027\'" class="anchor">#</a></h3><table><thead><tr><th>\u53c2\u6570</th><th>\u8bf4\u660e</th><th>\u7c7b\u578b</th><th>\u9ed8\u8ba4\u503c</th></tr></thead><tbody><tr><td><code>[formatter]</code></td><td>\u7b49\u540c <code>nzFormatter</code></td><td>-</td><td>-</td></tr><tr><td><code>[parser]</code></td><td>\u7b49\u540c <code>nzParser</code></td><td>-</td><td>-</td></tr><tr><td><code>[precision]</code></td><td>\u7b49\u540c <code>nzPrecision</code></td><td>-</td><td>-</td></tr></tbody></table>',meta:{title:"number",subtitle:"\u6570\u5b57",type:"Widgets"},toc:[{href:"#\u6ce8\u610f\u4e8b\u9879",title:"\u6ce8\u610f\u4e8b\u9879",h:2},{href:"#API",title:"API",h:2},{href:"#schema-\u5c5e\u6027",title:"schema \u5c5e\u6027",h:3},{href:"#ui-\u5c5e\u6027",title:"ui \u5c5e\u6027",h:3}]}},demo:!0},this.codes=[{id:"form-number-simple",meta:{title:{"zh-CN":"\u57fa\u7840\u6837\u4f8b","en-US":"Basic Usage"},order:0},summary:{"zh-CN":"<p>\u6700\u7b80\u5355\u7684\u7528\u6cd5\u3002</p>","en-US":"<p>Simplest of usage.</p>"},code:"import { Component } from '@angular/core';\nimport { NzMessageService } from 'ng-zorro-antd';\nimport { SFSchema } from '@delon/form';\n\n@Component({\n selector: 'form-number-simple',\n template: `<sf [schema]=\"schema\" (formSubmit)=\"submit($event)\"></sf>`,\n})\nexport class FormNumberSimpleComponent {\n schema: SFSchema = {\n properties: {\n number: { type: 'number', minimum: 18, maximum: 100, multipleOf: 2 },\n integer: { type: 'integer', default: 10 },\n },\n };\n constructor(public msg: NzMessageService) {}\n submit(value: any) {\n this.msg.success(JSON.stringify(value));\n }\n}",name:"simple",urls:"packages/form/src/widgets/number/demo/simple.md",lang:"ts",componentName:"FormNumberSimpleComponent",point:0}]},I=function(){function t(t){this.msg=t,this.schema={properties:{number:{type:"number",minimum:18,maximum:100,multipleOf:2},integer:{type:"integer",default:10}}}}return t.prototype.submit=function(t){this.msg.success(JSON.stringify(t))},t}(),A=function(){this.item={cols:1,urls:{"zh-CN":"packages/form/src/widgets/object/index.md"},content:{"zh-CN":{content:'<p>\u521b\u5efa\u5bf9\u8c61\uff0c\u53ea\u5bf9 <code>schema.type="object"</code> \u65f6\u6709\u6548\u3002</p>',api:'<h2 id="API">API<a onclick="window.location.hash = \'API\'" class="anchor">#</a></h2><h3 id="schema-\u5c5e\u6027">schema \u5c5e\u6027<a onclick="window.location.hash = \'schema-\u5c5e\u6027\'" class="anchor">#</a></h3><table><thead><tr><th>\u53c2\u6570</th><th>\u8bf4\u660e</th><th>\u7c7b\u578b</th><th>\u9ed8\u8ba4\u503c</th></tr></thead><tbody><tr><td><code>[properties]</code></td><td>\u5b9a\u4e49\u5bf9\u8c61\u7684\u5c5e\u6027</td><td><code>{ [key: string]: SFSchema }</code></td><td>-</td></tr><tr><td><code>[required]</code></td><td>\u5fc5\u586b\u9879\u5c5e\u6027</td><td><code>string[]</code></td><td>-</td></tr><tr><td><code>[maxProperties]</code></td><td>\u6700\u5927\u5c5e\u6027\u4e2a\u6570\uff0c\u5fc5\u987b\u662f\u975e\u8d1f\u6574\u6570</td><td><code>number</code></td><td>-</td></tr><tr><td><code>[minProperties]</code></td><td>\u6700\u5c0f\u5c5e\u6027\u4e2a\u6570\uff0c\u5fc5\u987b\u662f\u975e\u8d1f\u6574\u6570</td><td><code>number</code></td><td>-</td></tr></tbody></table><h3 id="ui-\u5c5e\u6027">ui \u5c5e\u6027<a onclick="window.location.hash = \'ui-\u5c5e\u6027\'" class="anchor">#</a></h3><table><thead><tr><th>\u53c2\u6570</th><th>\u8bf4\u660e</th><th>\u7c7b\u578b</th><th>\u9ed8\u8ba4\u503c</th></tr></thead><tbody><tr><td><code>[ui]</code></td><td>\u6307\u5b9aUI\u914d\u7f6e\u4fe1\u606f\uff0c\u4f18\u5148\u7ea7\u9ad8\u4e8e <code>sf</code> \u7ec4\u4ef6 <code>ui</code> \u5c5e\u6027\u503c</td><td><code>SFUISchemaItem</code></td><td>-</td></tr></tbody></table>',meta:{title:"object",subtitle:"\u5bf9\u8c61",type:"Widgets"},toc:[{href:"#API",title:"API",h:2},{href:"#schema-\u5c5e\u6027",title:"schema \u5c5e\u6027",h:3},{href:"#ui-\u5c5e\u6027",title:"ui \u5c5e\u6027",h:3}]}},demo:!0},this.codes=[{id:"form-object-simple",meta:{title:{"zh-CN":"\u57fa\u7840\u6837\u4f8b","en-US":"Basic Usage"},order:0},summary:{"zh-CN":"<p>\u6700\u7b80\u5355\u7684\u7528\u6cd5\u3002</p>","en-US":"<p>Simplest of usage.</p>"},code:"import { Component } from '@angular/core';\nimport { SFSchema } from '@delon/form';\nimport { NzMessageService } from 'ng-zorro-antd';\n\n@Component({\n selector: 'form-object-simple',\n template: `<sf [schema]=\"schema\" (formSubmit)=\"submit($event)\"></sf>`\n})\nexport class FormObjectSimpleComponent {\n schema: SFSchema = {\n properties: {\n name: { type: 'string' },\n age: { type: 'number' }\n },\n required: [ 'name', 'age' ],\n ui: {\n // \u6307\u5b9a `label` \u548c `control` \u5728\u4e00\u884c\u4e2d\u5404\u5360\u6805\u683c\u6570\n spanLabel: 4,\n spanControl: 5\n }\n };\n constructor(public msg: NzMessageService) { }\n submit(value: any) { this.msg.success(JSON.stringify(value)); }\n}",name:"simple",urls:"packages/form/src/widgets/object/demo/simple.md",lang:"ts",componentName:"FormObjectSimpleComponent",point:0}]},R=function(){function t(t){this.msg=t,this.schema={properties:{name:{type:"string"},age:{type:"number"}},required:["name","age"],ui:{spanLabel:4,spanControl:5}}}return t.prototype.submit=function(t){this.msg.success(JSON.stringify(t))},t}(),O=function(){this.item={cols:1,urls:{"zh-CN":"packages/form/src/widgets/radio/index.md"},content:{"zh-CN":{content:"<p>\u4e00\u822c\u7528\u4e8e\u5728\u591a\u4e2a\u5907\u9009\u9879\u4e2d\u9009\u4e2d\u5355\u4e2a\u72b6\u6001\u3002</p>",api:'<h2 id="API">API<a onclick="window.location.hash = \'API\'" class="anchor">#</a></h2><h3 id="schema-\u5c5e\u6027">schema \u5c5e\u6027<a onclick="window.location.hash = \'schema-\u5c5e\u6027\'" class="anchor">#</a></h3><table><thead><tr><th>\u53c2\u6570</th><th>\u8bf4\u660e</th><th>\u7c7b\u578b</th><th>\u9ed8\u8ba4\u503c</th></tr></thead><tbody><tr><td><code>[enum]</code></td><td>\u6570\u636e\u6e90</td><td><code>SFSchemaEnumType[]</code></td><td>-</td></tr><tr><td><code>[readOnly]</code></td><td>\u7981\u7528\u72b6\u6001</td><td><code>boolean</code></td><td>-</td></tr></tbody></table><h3 id="ui-\u5c5e\u6027">ui \u5c5e\u6027<a onclick="window.location.hash = \'ui-\u5c5e\u6027\'" class="anchor">#</a></h3><table><thead><tr><th>\u53c2\u6570</th><th>\u8bf4\u660e</th><th>\u7c7b\u578b</th><th>\u9ed8\u8ba4\u503c</th></tr></thead><tbody><tr><td><code>[asyncData]</code></td><td>\u5f02\u6b65\u6570\u636e\u6e90</td><td><code>() => Observable<SFSchemaEnumType[]></code></td><td>-</td></tr><tr><td><code>[size]</code></td><td>\u5927\u5c0f\uff0c\u7b49\u540c <code>nzSize</code></td><td><code>string</code></td><td>-</td></tr><tr><td><code>[styleType]</code></td><td>radio\u7684\u6837\u5f0f</td><td><code>default, button</code></td><td><code>default</code></td></tr></tbody></table>',meta:{title:"radio",subtitle:"\u5355\u9009\u7ec4",type:"Widgets"},toc:[{href:"#API",title:"API",h:2},{href:"#schema-\u5c5e\u6027",title:"schema \u5c5e\u6027",h:3},{href:"#ui-\u5c5e\u6027",title:"ui \u5c5e\u6027",h:3}]}},demo:!0},this.codes=[{id:"form-radio-simple",meta:{title:{"zh-CN":"\u57fa\u7840\u6837\u4f8b","en-US":"Basic Usage"},order:0},summary:{"zh-CN":"<p>\u6700\u7b80\u5355\u7684\u7528\u6cd5\u3002</p>","en-US":"<p>Simplest of usage.</p>"},code:"import { Component } from '@angular/core';\nimport { SFSchema } from '@delon/form';\nimport { NzMessageService } from 'ng-zorro-antd';\nimport { of } from 'rxjs';\n\n@Component({\n selector: 'form-radio-simple',\n template: `<sf [schema]=\"schema\" (formSubmit)=\"submit($event)\"></sf>`\n})\nexport class FormRadioSimpleComponent {\n schema: SFSchema = {\n properties: {\n 'sex': {\n 'type': 'string',\n 'title': 'Sex',\n 'enum': [ '\u7537', '\u5973', '\u672a\u77e5' ],\n 'ui': {\n 'widget': 'radio',\n 'styleType': 'button'\n },\n 'default': '\u672a\u77e5'\n },\n // \u5f02\u6b65\u6570\u636e\n 'async': {\n 'type': 'string',\n 'title': 'Async',\n 'ui': {\n 'widget': 'radio',\n asyncData: () => of([ '\u7537', '\u5973', '\u672a\u77e5' ])\n }\n }\n }\n };\n constructor(public msg: NzMessageService) { }\n submit(value: any) { this.msg.success(JSON.stringify(value)); }\n}",name:"simple",urls:"packages/form/src/widgets/radio/demo/simple.md",lang:"ts",componentName:"FormRadioSimpleComponent",point:0}]},P=function(){function t(t){this.msg=t,this.schema={properties:{sex:{type:"string",title:"Sex",enum:["\u7537","\u5973","\u672a\u77e5"],ui:{widget:"radio",styleType:"button"},default:"\u672a\u77e5"},async:{type:"string",title:"Async",ui:{widget:"radio",asyncData:function(){return Object(p.a)(["\u7537","\u5973","\u672a\u77e5"])}}}}}}return t.prototype.submit=function(t){this.msg.success(JSON.stringify(t))},t}(),E=function(){this.item={cols:1,urls:{"zh-CN":"packages/form/src/widgets/rate/index.md"},content:{"zh-CN":{content:"<p>\u5bf9\u8bc4\u4ef7\u8fdb\u884c\u5c55\u793a\uff0c\u5bf9\u4e8b\u7269\u8fdb\u884c\u5feb\u901f\u7684\u8bc4\u7ea7\u64cd\u4f5c\u3002</p>",api:'<h2 id="API">API<a onclick="window.location.hash = \'API\'" class="anchor">#</a></h2><h3 id="schema-\u5c5e\u6027">schema \u5c5e\u6027<a onclick="window.location.hash = \'schema-\u5c5e\u6027\'" class="anchor">#</a></h3><table><thead><tr><th>\u53c2\u6570</th><th>\u8bf4\u660e</th><th>\u7c7b\u578b</th><th>\u9ed8\u8ba4\u503c</th></tr></thead><tbody><tr><td><code>[maximum]</code></td><td>\u603b\u661f\u6570</td><td><code>number</code></td><td><code>5</code></td></tr><tr><td><code>[multipleOf]</code></td><td><code>0.5</code> \u8868\u793a\u5141\u8bb8\u534a\u9009\uff0c\u5176\u5b83\u503c\u8868\u793a\u4e0d\u5141\u8bb8</td><td><code>number</code></td><td><code>0.5</code></td></tr></tbody></table><h3 id="ui-\u5c5e\u6027">ui \u5c5e\u6027<a onclick="window.location.hash = \'ui-\u5c5e\u6027\'" class="anchor">#</a></h3><table><thead><tr><th>\u53c2\u6570</th><th>\u8bf4\u660e</th><th>\u7c7b\u578b</th><th>\u9ed8\u8ba4\u503c</th></tr></thead><tbody><tr><td><code>[allowClear]</code></td><td>\u662f\u5426\u5141\u8bb8\u518d\u6b21\u70b9\u51fb\u540e\u6e05\u9664</td><td><code>boolean</code></td><td><code>true</code></td></tr><tr><td><code>[autoFocus]</code></td><td>\u81ea\u52a8\u83b7\u53d6\u7126\u70b9</td><td><code>boolean</code></td><td><code>false</code></td></tr><tr><td><code>[text]</code></td><td>\u65b9\u6848\uff0c<code>{{value}}</code> \u8868\u793a\u5f53\u524d\u503c\uff08\u6ce8\u610f\u65e0\u4efb\u4f55\u7a7a\u683c\uff09</td><td><code>string</code></td><td>-</td></tr></tbody></table>',meta:{title:"rate",subtitle:"\u8bc4\u5206",type:"Widgets"},toc:[{href:"#API",title:"API",h:2},{href:"#schema-\u5c5e\u6027",title:"schema \u5c5e\u6027",h:3},{href:"#ui-\u5c5e\u6027",title:"ui \u5c5e\u6027",h:3}]}},demo:!0},this.codes=[{id:"form-rate-simple",meta:{title:{"zh-CN":"\u57fa\u7840\u6837\u4f8b","en-US":"Basic Usage"},order:0},summary:{"zh-CN":"<p>\u6700\u7b80\u5355\u7684\u7528\u6cd5\u3002</p>","en-US":"<p>Simplest of usage.</p>"},code:"import { Component } from '@angular/core';\nimport { SFSchema } from '@delon/form';\nimport { NzMessageService } from 'ng-zorro-antd';\n\n@Component({\n selector: 'form-rate-simple',\n template: `<sf [schema]=\"schema\" (formSubmit)=\"submit($event)\"></sf>`\n})\nexport class FormRateSimpleComponent {\n schema: SFSchema = {\n properties: {\n rate: {\n type: 'number',\n title: '\u8bc4\u7ea7',\n default: 4.5,\n ui: {\n widget: 'rate'\n }\n },\n // \u5141\u8bb8\u534a\u9009\n rate2: {\n type: 'number',\n title: '\u8bc4\u7ea7',\n maximum: 5,\n multipleOf: 0.5,\n default: 4.5,\n ui: {\n widget: 'rate',\n text: '{{value}} starts'\n }\n }\n }\n };\n constructor(public msg: NzMessageService) { }\n submit(value: any) { this.msg.success(JSON.stringify(value)); }\n}",name:"simple",urls:"packages/form/src/widgets/rate/demo/simple.md",lang:"ts",componentName:"FormRateSimpleComponent",point:0}]},L=function(){function t(t){this.msg=t,this.schema={properties:{rate:{type:"number",title:"\u8bc4\u7ea7",default:4.5,ui:{widget:"rate"}},rate2:{type:"number",title:"\u8bc4\u7ea7",maximum:5,multipleOf:.5,default:4.5,ui:{widget:"rate",text:"{{value}} starts"}}}}}return t.prototype.submit=function(t){this.msg.success(JSON.stringify(t))},t}(),D=function(){this.item={cols:1,urls:{"zh-CN":"packages/form/src/widgets/select/index.md"},content:{"zh-CN":{content:"<p>\u4e0b\u62c9\u9009\u62e9\u5668\u3002</p>",api:'<h2 id="API">API<a onclick="window.location.hash = \'API\'" class="anchor">#</a></h2><h3 id="schema-\u5c5e\u6027">schema \u5c5e\u6027<a onclick="window.location.hash = \'schema-\u5c5e\u6027\'" class="anchor">#</a></h3><table><thead><tr><th>\u53c2\u6570</th><th>\u8bf4\u660e</th><th>\u7c7b\u578b</th><th>\u9ed8\u8ba4\u503c</th></tr></thead><tbody><tr><td><code>[enum]</code></td><td>\u6570\u636e\u6e90</td><td><code>SFSchemaEnumType[]</code></td><td>-</td></tr><tr><td><code>[readOnly]</code></td><td>\u7981\u7528\u72b6\u6001</td><td><code>boolean</code></td><td>-</td></tr></tbody></table><h3 id="ui-\u5c5e\u6027">ui \u5c5e\u6027<a onclick="window.location.hash = \'ui-\u5c5e\u6027\'" class="anchor">#</a></h3><table><thead><tr><th>\u53c2\u6570</th><th>\u8bf4\u660e</th><th>\u7c7b\u578b</th><th>\u9ed8\u8ba4\u503c</th></tr></thead><tbody><tr><td><code>[asyncData]</code></td><td>\u5f02\u6b65\u6570\u636e\u6e90</td><td><code>() => Observable<SFSchemaEnumType[]></code></td><td>-</td></tr><tr><td><code>[size]</code></td><td>\u5927\u5c0f\uff0c\u7b49\u540c <code>nzSize</code></td><td><code>string</code></td><td>-</td></tr><tr><td><code>[placeholder]</code></td><td>\u5728\u6587\u5b57\u6846\u4e2d\u663e\u793a\u63d0\u793a\u8baf\u606f</td><td><code>string</code></td><td>-</td></tr><tr><td><code>[allowClear]</code></td><td>\u652f\u6301\u6e05\u9664</td><td><code>boolean</code></td><td><code>false</code></td></tr><tr><td><code>[autoFocus]</code></td><td>\u9ed8\u8ba4\u83b7\u53d6\u7126\u70b9</td><td><code>boolean</code></td><td><code>false</code></td></tr><tr><td><code>[dropdownClassName]</code></td><td>\u4e0b\u62c9\u83dc\u5355\u7684 className \u5c5e\u6027</td><td><code>string</code></td><td>-</td></tr><tr><td><code>[dropdownMatchSelectWidth]</code></td><td>\u4e0b\u62c9\u83dc\u5355\u548c\u9009\u62e9\u5668\u540c\u5bbd</td><td><code>boolean</code></td><td><code>true</code></td></tr><tr><td><code>[dropdownStyle]</code></td><td>\u4e0b\u62c9\u83dc\u5355\u7684 style \u5c5e\u6027</td><td><code>object</code></td><td>-</td></tr><tr><td><code>[serverSearch]</code></td><td>\u662f\u5426\u4f7f\u7528\u670d\u52a1\u7aef\u641c\u7d22\uff0c\u5f53\u4e3a true \u65f6\uff0c\u5c06\u4e0d\u518d\u5728\u524d\u7aef\u5bf9 nz-option \u8fdb\u884c\u8fc7\u6ee4</td><td><code>boolean</code></td><td><code>false</code></td></tr><tr><td><code>[maxMultipleCount]</code></td><td>\u6700\u591a\u9009\u4e2d\u591a\u5c11\u4e2a\u6807\u7b7e</td><td><code>number</code></td><td><code>Infinity</code></td></tr><tr><td><code>[mode]</code></td><td>\u8bbe\u7f6e nz-select \u7684\u6a21\u5f0f\uff0c<code>tags</code> \u5efa\u8bae\u589e\u52a0 <code>default: null</code>\uff0c\u5426\u5219\u53ef\u80fd\u4f1a\u9047\u5230\u521d\u59cb\u5316\u6709\u4e00\u4e2a\u7a7a\u7684\u6807\u7b7e\u3002</td><td><code>multiple,tags,default</code></td><td><code>default</code></td></tr><tr><td><code>[notFoundContent]</code></td><td>\u5f53\u4e0b\u62c9\u5217\u8868\u4e3a\u7a7a\u65f6\u663e\u793a\u7684\u5185\u5bb9</td><td><code>string</code></td><td>-</td></tr><tr><td><code>[showSearch]</code></td><td>\u4f7f\u5355\u9009\u6a21\u5f0f\u53ef\u641c\u7d22</td><td><code>boolean</code></td><td><code>false</code></td></tr><tr><td><code>[onSearch]</code></td><td>\u641c\u7d22\u5185\u5bb9\u53d8\u5316\u56de\u8c03\u51fd\u6570\uff0c\u53c2\u6570\u4e3a\u641c\u7d22\u5185\u5bb9\uff0c\u5fc5\u987b\u8fd4\u56de <code>Promise</code> \u5bf9\u8c61</td><td><code>(text: string) => Promise<any[]></code></td><td>-</td></tr><tr><td><code>[change]</code></td><td>\u9009\u4e2d\u7684 nz-option \u53d1\u751f\u53d8\u5316\u65f6\uff0c\u8c03\u7528\u6b64\u51fd\u6570</td><td><code>(ngModel:any\u4e28any[])=>{}</code></td><td>-</td></tr><tr><td><code>[openChange]</code></td><td>\u4e0b\u62c9\u83dc\u5355\u6253\u5f00\u5173\u95ed\u56de\u8c03\u51fd\u6570</td><td><code>(nzOpen:boolean)=>{}</code></td><td>-</td></tr><tr><td><code>[scrollToBottom]</code></td><td>\u4e0b\u62c9\u83dc\u5355\u6eda\u52a8\u5230\u5e95\u90e8\u56de\u8c03\uff0c\u53ef\u7528\u4e8e\u4f5c\u4e3a\u52a8\u6001\u52a0\u8f7d\u7684\u89e6\u53d1\u6761\u4ef6</td><td><code>()=>{}</code></td><td>-</td></tr></tbody></table>',meta:{title:"select",subtitle:"\u9009\u62e9\u5668",type:"Widgets"},toc:[{href:"#API",title:"API",h:2},{href:"#schema-\u5c5e\u6027",title:"schema \u5c5e\u6027",h:3},{href:"#ui-\u5c5e\u6027",title:"ui \u5c5e\u6027",h:3}]}},demo:!0},this.codes=[{id:"form-select-simple",meta:{title:{"zh-CN":"\u57fa\u7840\u6837\u4f8b","en-US":"Basic Usage"},order:0},summary:{"zh-CN":"<p>\u6700\u7b80\u5355\u7684\u7528\u6cd5\u3002</p>","en-US":"<p>Simplest of usage.</p>"},code:"import { Component } from '@angular/core';\nimport { SFSchema } from '@delon/form';\nimport { NzMessageService } from 'ng-zorro-antd';\nimport { of } from 'rxjs';\nimport { delay } from 'rxjs/operators';\n\n@Component({\n selector: 'form-select-simple',\n template: `<sf [schema]=\"schema\" (formSubmit)=\"submit($event)\"></sf>`\n})\nexport class FormSelectSimpleComponent {\n schema: SFSchema = {\n properties: {\n status: {\n type: 'string',\n title: '\u72b6\u6001',\n enum: [\n { label: '\u5f85\u652f\u4ed8', value: 'WAIT_BUYER_PAY' },\n { label: '\u5df2\u652f\u4ed8', value: 'TRADE_SUCCESS' },\n { label: '\u4ea4\u6613\u5b8c\u6210', value: 'TRADE_FINISHED' }\n ],\n default: 'WAIT_BUYER_PAY',\n ui: {\n widget: 'select'\n }\n },\n // \u6807\u7b7e\n tags: {\n type: 'string',\n title: '\u6807\u7b7e',\n enum: [\n { label: '\u5f85\u652f\u4ed8', value: 'WAIT_BUYER_PAY' },\n { label: '\u5df2\u652f\u4ed8', value: 'TRADE_SUCCESS' },\n { label: '\u4ea4\u6613\u5b8c\u6210', value: 'TRADE_FINISHED' }\n ],\n ui: {\n widget: 'select',\n mode: 'tags'\n },\n default: null\n },\n // \u5f02\u6b65\u6570\u636e\n async: {\n type: 'string',\n title: 'Async',\n ui: {\n widget: 'select',\n asyncData: () => of([\n {\n label: '\u8ba2\u5355\u72b6\u6001',\n group: true,\n children: [\n { label: '\u5f85\u652f\u4ed8', value: 'WAIT_BUYER_PAY' },\n { label: '\u5df2\u652f\u4ed8', value: 'TRADE_SUCCESS' },\n { label: '\u4ea4\u6613\u5b8c\u6210', value: 'TRADE_FINISHED' }\n ]\n }\n ]).pipe(delay(1200))\n }\n }\n }\n };\n constructor(public msg: NzMessageService) { }\n submit(value: any) { this.msg.success(JSON.stringify(value)); }\n}",name:"simple",urls:"packages/form/src/widgets/select/demo/simple.md",lang:"ts",componentName:"FormSelectSimpleComponent",point:0}]},U=function(){function t(t){this.msg=t,this.schema={properties:{status:{type:"string",title:"\u72b6\u6001",enum:[{label:"\u5f85\u652f\u4ed8",value:"WAIT_BUYER_PAY"},{label:"\u5df2\u652f\u4ed8",value:"TRADE_SUCCESS"},{label:"\u4ea4\u6613\u5b8c\u6210",value:"TRADE_FINISHED"}],default:"WAIT_BUYER_PAY",ui:{widget:"select"}},tags:{type:"string",title:"\u6807\u7b7e",enum:[{label:"\u5f85\u652f\u4ed8",value:"WAIT_BUYER_PAY"},{label:"\u5df2\u652f\u4ed8",value:"TRADE_SUCCESS"},{label:"\u4ea4\u6613\u5b8c\u6210",value:"TRADE_FINISHED"}],ui:{widget:"select",mode:"tags"},default:null},async:{type:"string",title:"Async",ui:{widget:"select",asyncData:function(){return Object(p.a)([{label:"\u8ba2\u5355\u72b6\u6001",group:!0,children:[{label:"\u5f85\u652f\u4ed8",value:"WAIT_BUYER_PAY"},{label:"\u5df2\u652f\u4ed8",value:"TRADE_SUCCESS"},{label:"\u4ea4\u6613\u5b8c\u6210",value:"TRADE_FINISHED"}]}]).pipe(Object(v.a)(1200))}}}}}}return t.prototype.submit=function(t){this.msg.success(JSON.stringify(t))},t}(),T=function(){this.item={cols:1,urls:{"zh-CN":"packages/form/src/widgets/slider/index.md"},content:{"zh-CN":{content:'<p>\u6ed1\u52a8\u578b\u8f93\u5165\u5668\uff0c\u5c55\u793a\u5f53\u524d\u503c\u548c\u53ef\u9009\u8303\u56f4\u3002</p><h2 id="\u6ce8\u610f\u4e8b\u9879">\u6ce8\u610f\u4e8b\u9879<a onclick="window.location.hash = \'\u6ce8\u610f\u4e8b\u9879\'" class="anchor">#</a></h2><ul><li><p><code>exclusiveMinimum</code>\u3001<code>exclusiveMaximum</code> \u65e0\u6548</p></li></ul>',api:'<h2 id="API">API<a onclick="window.location.hash = \'API\'" class="anchor">#</a></h2><h3 id="schema-\u5c5e\u6027">schema \u5c5e\u6027<a onclick="window.location.hash = \'schema-\u5c5e\u6027\'" class="anchor">#</a></h3><table><thead><tr><th>\u53c2\u6570</th><th>\u8bf4\u660e</th><th>\u7c7b\u578b</th><th>\u9ed8\u8ba4\u503c</th></tr></thead><tbody><tr><td><code>[minimum]</code></td><td>\u6700\u5c0f\u503c</td><td><code>number</code></td><td>-</td></tr><tr><td><code>[maximum]</code></td><td>\u6700\u5c0f\u503c</td><td><code>number</code></td><td>-</td></tr><tr><td><code>[multipleOf]</code></td><td>\u500d\u6570</td><td><code>number</code></td><td><code>1</code></td></tr></tbody></table><h3 id="ui-\u5c5e\u6027">ui \u5c5e\u6027<a onclick="window.location.hash = \'ui-\u5c5e\u6027\'" class="anchor">#</a></h3><table><thead><tr><th>\u53c2\u6570</th><th>\u8bf4\u660e</th><th>\u7c7b\u578b</th><th>\u9ed8\u8ba4\u503c</th></tr></thead><tbody><tr><td><code>[range]</code></td><td>\u5f53\u6dfb\u52a0\u8be5\u5c5e\u6027\u65f6\uff0c\u542f\u52a8\u53cc\u6ed1\u5757\u6a21\u5f0f</td><td><code>attribute</code></td><td>-</td></tr><tr><td><code>[marks]</code></td><td>\u523b\u5ea6\u6807\u8bb0</td><td><code>object</code></td><td>-</td></tr><tr><td><code>[dots]</code></td><td>\u662f\u5426\u53ea\u80fd\u62d6\u62fd\u5230\u523b\u5ea6\u4e0a</td><td><code>Boolean</code></td><td><code>false</code></td></tr><tr><td><code>[included]</code></td><td>\u662f\u5426\u5305\u542b\u3002<code>marks</code> \u4e0d\u4e3a\u7a7a\u5bf9\u8c61\u65f6\u6709\u6548\uff0c\u503c\u4e3a <code>true</code> \u65f6\u8868\u793a\u503c\u4e3a\u5305\u542b\u5173\u7cfb\uff0c<code>false</code> \u8868\u793a\u5e76\u5217</td><td><code>Boolean</code></td><td><code>true</code></td></tr><tr><td><code>[vertical]</code></td><td>\u7ad6\u76f4\u663e\u793a\u3002\u6dfb\u52a0\u8be5\u5c5e\u6027\u65f6\uff0cSlider \u4e3a\u5782\u76f4\u65b9\u5411\u3002</td><td><code>attribute</code></td><td>-</td></tr><tr><td><code>[afterChange]</code></td><td>\u4e0e <code>onmouseup</code> \u89e6\u53d1\u65f6\u673a\u4e00\u81f4\uff0c\u628a\u5f53\u524d\u503c\u4f5c\u4e3a\u53c2\u6570\u4f20\u5165\u3002</td><td><code>Function</code></td><td>-</td></tr><tr><td><code>[formatter]</code></td><td>\u683c\u5f0f\u5316 tip</td><td><code>Function</code></td><td>-</td></tr></tbody></table><h2 id="Demo">Demo<a onclick="window.location.hash = \'Demo\'" class="anchor">#</a></h2><pre class="hljs language-$1"><code>schema = {\n properties: {\n count: {\n type: \'number\',\n title: \'\u6570\u91cf\',\n ui: {\n widget: \'slider\'\n },\n default: 10\n },\n // \u53cc\u6ed1\u5757\u6a21\u5f0f\n range: {\n type: \'number\',\n title: \'\u8303\u56f4\',\n ui: {\n widget: \'slider\',\n range: true\n },\n default: [ 10, 20 ]\n }\n }\n}</code></pre>',meta:{title:"range",subtitle:"\u6ed1\u52a8\u8f93\u5165\u6761",type:"Widgets"},toc:[{href:"#\u6ce8\u610f\u4e8b\u9879",title:"\u6ce8\u610f\u4e8b\u9879",h:2},{href:"#API",title:"API",h:2},{href:"#schema-\u5c5e\u6027",title:"schema \u5c5e\u6027",h:3},{href:"#ui-\u5c5e\u6027",title:"ui \u5c5e\u6027",h:3},{href:"#Demo",title:"Demo",h:2}]}},demo:!0},this.codes=[{id:"form-slider-simple",meta:{title:{"zh-CN":"\u57fa\u7840\u6837\u4f8b","en-US":"Basic Usage"},order:0},summary:{"zh-CN":"<p>\u6700\u7b80\u5355\u7684\u7528\u6cd5\u3002</p>","en-US":"<p>Simplest of usage.</p>"},code:"import { Component } from '@angular/core';\nimport { SFSchema } from '@delon/form';\nimport { NzMessageService } from 'ng-zorro-antd';\n\n@Component({\n selector: 'form-slider-simple',\n template: `<sf [schema]=\"schema\" (formSubmit)=\"submit($event)\"></sf>`\n})\nexport class FormSliderSimpleComponent {\n schema: SFSchema = {\n properties: {\n count: {\n type: 'number',\n title: '\u6570\u91cf',\n ui: {\n widget: 'slider'\n },\n default: 10\n },\n // \u53cc\u6ed1\u5757\u6a21\u5f0f\n range: {\n type: 'number',\n title: '\u8303\u56f4',\n ui: {\n widget: 'slider',\n range: true\n },\n default: [ 10, 20 ]\n }\n }\n };\n constructor(public msg: NzMessageService) { }\n submit(value: any) { this.msg.success(JSON.stringify(value)); }\n}",name:"simple",urls:"packages/form/src/widgets/slider/demo/simple.md",lang:"ts",componentName:"FormSliderSimpleComponent",point:0}]},_=function(){function t(t){this.msg=t,this.schema={properties:{count:{type:"number",title:"\u6570\u91cf",ui:{widget:"slider"},default:10},range:{type:"number",title:"\u8303\u56f4",ui:{widget:"slider",range:!0},default:[10,20]}}}}return t.prototype.submit=function(t){this.msg.success(JSON.stringify(t))},t}(),j=function(){this.item={cols:1,urls:{"zh-CN":"packages/form/src/widgets/string/index.md"},content:{"zh-CN":{content:"<p>\u9ed8\u8ba4\u5c0f\u90e8\u4ef6\uff0c\u4e00\u822c\u7528\u4e8e\u5b57\u7b26\u4e32\u5143\u7d20\u3002</p>",api:'<h2 id="API">API<a onclick="window.location.hash = \'API\'" class="anchor">#</a></h2><h3 id="schema-\u5c5e\u6027">schema \u5c5e\u6027<a onclick="window.location.hash = \'schema-\u5c5e\u6027\'" class="anchor">#</a></h3><table><thead><tr><th>\u53c2\u6570</th><th>\u8bf4\u660e</th><th>\u7c7b\u578b</th><th>\u9ed8\u8ba4\u503c</th></tr></thead><tbody><tr><td><code>[maxLength]</code></td><td>\u8868\u5355\u6700\u5927\u957f\u5ea6</td><td><code>number</code></td><td>-</td></tr><tr><td><code>[readOnly]</code></td><td>\u7981\u7528\u72b6\u6001</td><td><code>boolean</code></td><td>-</td></tr></tbody></table><h3 id="ui-\u5c5e\u6027">ui \u5c5e\u6027<a onclick="window.location.hash = \'ui-\u5c5e\u6027\'" class="anchor">#</a></h3><table><thead><tr><th>\u53c2\u6570</th><th>\u8bf4\u660e</th><th>\u7c7b\u578b</th><th>\u9ed8\u8ba4\u503c</th></tr></thead><tbody><tr><td><code>[type]</code></td><td>\u7b49\u540c input \u7684 <code>type</code> \u503c\uff0c\u4f8b\u5982\uff1a<code>password</code></td><td><code>string</code></td><td>-</td></tr><tr><td><code>[placeholder]</code></td><td>\u5728\u6587\u5b57\u6846\u4e2d\u663e\u793a\u63d0\u793a\u8baf\u606f</td><td><code>string</code></td><td>-</td></tr><tr><td><code>[autocomplete]</code></td><td>\u81ea\u52a8\u5b8c\u6210\u529f\u80fd\u7684\u8868\u5355</td><td><code>HTML Attribute</code></td><td>-</td></tr><tr><td><code>[autofocus]</code></td><td>\u5f53\u9875\u9762\u52a0\u8f7d\u65f6\u83b7\u5f97\u7126\u70b9</td><td><code>HTML Attribute</code></td><td>-</td></tr><tr><td><code>[addOnBefore]</code></td><td>\u524d\u7f6e\u6807\u7b7e\uff0c\u7b49\u540c <code>nzAddOnBefore</code></td><td><code>string</code></td><td>-</td></tr><tr><td><code>[addOnAfter]</code></td><td>\u540e\u7f6e\u6807\u7b7e\uff0c\u7b49\u540c <code>nzAddOnAfter</code></td><td><code>string</code></td><td>-</td></tr><tr><td><code>[addOnBeforeIcon]</code></td><td>\u524d\u7f6eIcon\uff0c\u7b49\u540c <code>nzAddOnBeforeIcon</code></td><td><code>string</code></td><td>-</td></tr><tr><td><code>[addOnAfterIcon]</code></td><td>\u540e\u7f6eIcon\uff0c\u7b49\u540c <code>nzAddOnAfterIcon</code></td><td><code>string</code></td><td>-</td></tr><tr><td><code>[prefix]</code></td><td>\u5e26\u6709\u524d\u7f00\u56fe\u6807\u7684 input\uff0c\u7b49\u540c <code>nzPrefix</code></td><td><code>string</code></td><td>-</td></tr><tr><td><code>[prefixIcon]</code></td><td>\u524d\u7f00\u56fe\u6807\uff0c\u7b49\u540c <code>nzPrefixIcon</code></td><td><code>string</code></td><td>-</td></tr><tr><td><code>[suffix]</code></td><td>\u5e26\u6709\u540e\u7f00\u56fe\u6807\u7684 input\uff0c\u7b49\u540c <code>nzSuffix</code></td><td><code>string</code></td><td>-</td></tr><tr><td><code>[suffixIcon]</code></td><td>\u540e\u7f00\u56fe\u6807\uff0c\u7b49\u540c <code>nzSuffixIcon</code></td><td><code>string</code></td><td>-</td></tr></tbody></table>',meta:{title:"string",subtitle:"\u6587\u672c\u6846",type:"Widgets"},toc:[{href:"#API",title:"API",h:2},{href:"#schema-\u5c5e\u6027",title:"schema \u5c5e\u6027",h:3},{href:"#ui-\u5c5e\u6027",title:"ui \u5c5e\u6027",h:3}]}},demo:!0},this.codes=[{id:"form-string-simple",meta:{title:{"zh-CN":"\u57fa\u7840\u6837\u4f8b","en-US":"Basic Usage"},order:0},summary:{"zh-CN":"<p>\u6700\u7b80\u5355\u7684\u7528\u6cd5\u3002</p>","en-US":"<p>Simplest of usage.</p>"},code:"import { Component } from '@angular/core';\nimport { NzMessageService } from 'ng-zorro-antd';\nimport { SFSchema } from '@delon/form';\n\n@Component({\n selector: 'form-string-simple',\n template: `<sf [schema]=\"schema\" (formSubmit)=\"submit($event)\"></sf>`,\n})\nexport class FormStringSimpleComponent {\n schema: SFSchema = {\n properties: {\n name: {\n type: 'string',\n title: 'Name',\n ui: {\n addOnAfter: 'RMB',\n placeholder: 'RMB\u7ed3\u7b97',\n },\n format: 'mobile',\n },\n mobile: {\n type: 'string',\n format: 'mobile',\n title: '\u624b\u673a\u53f7'\n },\n sfz: {\n type: 'string',\n format: 'id-card',\n title: '\u8eab\u4efd\u8bc1\u53f7'\n },\n color: {\n type: 'string',\n format: 'color',\n title: '\u989c\u8272'\n },\n },\n required: ['name'],\n };\n constructor(public msg: NzMessageService) {}\n submit(value: any) {\n this.msg.success(JSON.stringify(value));\n }\n}",name:"simple",urls:"packages/form/src/widgets/string/demo/simple.md",lang:"ts",componentName:"FormStringSimpleComponent",point:0}]},W=function(){function t(t){this.msg=t,this.schema={properties:{name:{type:"string",title:"Name",ui:{addOnAfter:"RMB",placeholder:"RMB\u7ed3\u7b97"},format:"mobile"},mobile:{type:"string",format:"mobile",title:"\u624b\u673a\u53f7"},sfz:{type:"string",format:"id-card",title:"\u8eab\u4efd\u8bc1\u53f7"},color:{type:"string",format:"color",title:"\u989c\u8272"}},required:["name"]}}return t.prototype.submit=function(t){this.msg.success(JSON.stringify(t))},t}(),G=function(){this.item={cols:1,urls:{"zh-CN":"packages/form/src/widgets/tag/index.md"},content:{"zh-CN":{content:"<p>\u8fdb\u884c\u6807\u8bb0\u6807\u7b7e\uff0c<strong>\u6ce8\uff1a</strong> \u53ea\u652f\u6301 <code>checkable</code> \u6807\u7b7e\u6a21\u5f0f\u3002</p>",api:'<h2 id="API">API<a onclick="window.location.hash = \'API\'" class="anchor">#</a></h2><h3 id="schema-\u5c5e\u6027">schema \u5c5e\u6027<a onclick="window.location.hash = \'schema-\u5c5e\u6027\'" class="anchor">#</a></h3><table><thead><tr><th>\u53c2\u6570</th><th>\u8bf4\u660e</th><th>\u7c7b\u578b</th><th>\u9ed8\u8ba4\u503c</th></tr></thead><tbody><tr><td><code>[enum]</code></td><td>\u6570\u636e\u6e90</td><td><code>SFSchemaEnumType[]</code></td><td>-</td></tr></tbody></table><h3 id="ui-\u5c5e\u6027">ui \u5c5e\u6027<a onclick="window.location.hash = \'ui-\u5c5e\u6027\'" class="anchor">#</a></h3><table><thead><tr><th>\u53c2\u6570</th><th>\u8bf4\u660e</th><th>\u7c7b\u578b</th><th>\u9ed8\u8ba4\u503c</th></tr></thead><tbody><tr><td><code>[asyncData]</code></td><td>\u5f02\u6b65\u6570\u636e\u6e90</td><td><code>() => Observable<SFSchemaEnumType[]></code></td><td>-</td></tr><tr><td><code>[afterClose]</code></td><td>\u5173\u95ed\u52a8\u753b\u5b8c\u6210\u540e\u7684\u56de\u8c03</td><td><code>() => void</code></td><td>-</td></tr><tr><td><code>[onClose]</code></td><td>\u5173\u95ed\u65f6\u7684\u56de\u8c03\uff0c\u5728 <code>nzMode="closable"</code> \u65f6\u53ef\u7528</td><td><code>(e:MouseEvent) => void</code></td><td>-</td></tr><tr><td><code>[checkedChange]</code></td><td>\u8bbe\u7f6e\u6807\u7b7e\u7684\u9009\u4e2d\u72b6\u6001\u7684\u56de\u8c03</td><td><code>(status: boolean) => void</code></td><td>-</td></tr></tbody></table>',meta:{title:"tag",subtitle:"\u70ed\u95e8\u6807\u7b7e",type:"Widgets"},toc:[{href:"#API",title:"API",h:2},{href:"#schema-\u5c5e\u6027",title:"schema \u5c5e\u6027",h:3},{href:"#ui-\u5c5e\u6027",title:"ui \u5c5e\u6027",h:3}]}},demo:!0},this.codes=[{id:"form-tag-simple",meta:{title:{"zh-CN":"\u57fa\u7840\u6837\u4f8b","en-US":"Basic Usage"},order:0},summary:{"zh-CN":"<p>\u6700\u7b80\u5355\u7684\u7528\u6cd5\u3002</p>","en-US":"<p>Simplest of usage.</p>"},code:"import { Component } from '@angular/core';\nimport { SFSchema } from '@delon/form';\nimport { NzMessageService } from 'ng-zorro-antd';\n\n@Component({\n selector: 'form-tag-simple',\n template: `<sf [schema]=\"schema\" (formSubmit)=\"submit($event)\"></sf>`\n})\nexport class FormTagSimpleComponent {\n schema: SFSchema = {\n properties: {\n like: {\n type: 'number',\n title: '\u5174\u8da3',\n enum: [\n { value: 1, label: '\u7535\u5f71' },\n { value: 2, label: '\u4e66' },\n { value: 3, label: '\u65c5\u884c' }\n ],\n ui: {\n widget: 'tag'\n },\n default: [ 1, 2 ]\n }\n }\n };\n constructor(public msg: NzMessageService) { }\n submit(value: any) { this.msg.success(JSON.stringify(value)); }\n}",name:"simple",urls:"packages/form/src/widgets/tag/demo/simple.md",lang:"ts",componentName:"FormTagSimpleComponent",point:0}]},Y=function(){function t(t){this.msg=t,this.schema={properties:{like:{type:"number",title:"\u5174\u8da3",enum:[{value:1,label:"\u7535\u5f71"},{value:2,label:"\u4e66"},{value:3,label:"\u65c5\u884c"}],ui:{widget:"tag"},default:[1,2]}}}}return t.prototype.submit=function(t){this.msg.success(JSON.stringify(t))},t}(),J=function(){this.item={cols:1,urls:{"zh-CN":"packages/form/src/widgets/text/index.md"},content:{"zh-CN":{content:'<p>\u4e00\u822c\u7528\u4e8e\u76f4\u63a5\u663e\u793a\u6587\u672c\u3002</p><h2 id="\u89c4\u5219">\u89c4\u5219<a onclick="window.location.hash = \'\u89c4\u5219\'" class="anchor">#</a></h2><ul><li><p>\u5f3a\u5236\u53d6\u6d88 <code>required</code> \u6548\u679c</p></li><li><p>\u82e5\u4e0d\u6307\u5b9a <code>defaultText</code> \u503c\u4e0d\u5b58\u5728\u65f6\u81ea\u52a8\u6e32\u67d3 <code>-</code></p></li></ul>',api:'<h2 id="API">API<a onclick="window.location.hash = \'API\'" class="anchor">#</a></h2><h3 id="ui-\u5c5e\u6027">ui \u5c5e\u6027<a onclick="window.location.hash = \'ui-\u5c5e\u6027\'" class="anchor">#</a></h3><table><thead><tr><th>\u53c2\u6570</th><th>\u8bf4\u660e</th><th>\u7c7b\u578b</th><th>\u9ed8\u8ba4\u503c</th></tr></thead><tbody><tr><td><code>[defaultText]</code></td><td>\u5f53\u503c\u4e0d\u5b58\u5728\u65f6\u6240\u6307\u5b9a\u7684\u6587\u672c</td><td><code>string</code></td><td><code>-</code></td></tr></tbody></table>',meta:{title:"text",subtitle:"\u6587\u672c",type:"Widgets"},toc:[{href:"#\u89c4\u5219",title:"\u89c4\u5219",h:2},{href:"#API",title:"API",h:2},{href:"#ui-\u5c5e\u6027",title:"ui \u5c5e\u6027",h:3}]}},demo:!0},this.codes=[{id:"form-text-simple",meta:{title:{"zh-CN":"\u57fa\u7840\u6837\u4f8b","en-US":"Basic Usage"},order:0},summary:{"zh-CN":"<p>\u6700\u7b80\u5355\u7684\u7528\u6cd5\u3002</p>","en-US":"<p>Simplest of usage.</p>"},code:"import { Component } from '@angular/core';\nimport { NzMessageService } from 'ng-zorro-antd';\nimport { SFSchema } from '@delon/form';\n\n@Component({\n selector: 'form-text-simple',\n template: `<sf [schema]=\"schema\" (formSubmit)=\"submit($event)\"></sf>`\n})\nexport class FormTextSimpleComponent {\n schema: SFSchema = {\n properties: {\n id1: { type: 'number', ui: { widget: 'text' } },\n id2: { type: 'number', ui: { widget: 'text', defaultText: 'default text' } },\n name: {\n type: 'string',\n title: 'Name',\n ui: {\n addOnAfter: 'RMB',\n placeholder: 'RMB\u7ed3\u7b97'\n }\n }\n },\n required: ['name']\n };\n constructor(public msg: NzMessageService) { }\n submit(value: any) { this.msg.success(JSON.stringify(value)); }\n}",name:"simple",urls:"packages/form/src/widgets/text/demo/simple.md",lang:"ts",componentName:"FormTextSimpleComponent",point:0}]},B=function(){function t(t){this.msg=t,this.schema={properties:{id1:{type:"number",ui:{widget:"text"}},id2:{type:"number",ui:{widget:"text",defaultText:"default text"}},name:{type:"string",title:"Name",ui:{addOnAfter:"RMB",placeholder:"RMB\u7ed3\u7b97"}}},required:["name"]}}return t.prototype.submit=function(t){this.msg.success(JSON.stringify(t))},t}(),$=function(){this.item={cols:1,urls:{"zh-CN":"packages/form/src/widgets/textarea/index.md"},content:{"zh-CN":{content:"<p>\u4e00\u822c\u7528\u4e8e\u591a\u884c\u5b57\u7b26\u4e32\u3002</p>",api:'<h2 id="API">API<a onclick="window.location.hash = \'API\'" class="anchor">#</a></h2><h3 id="schema-\u5c5e\u6027">schema \u5c5e\u6027<a onclick="window.location.hash = \'schema-\u5c5e\u6027\'" class="anchor">#</a></h3><table><thead><tr><th>\u53c2\u6570</th><th>\u8bf4\u660e</th><th>\u7c7b\u578b</th><th>\u9ed8\u8ba4\u503c</th></tr></thead><tbody><tr><td><code>[maxLength]</code></td><td>\u8868\u5355\u6700\u5927\u957f\u5ea6</td><td><code>number</code></td><td>-</td></tr><tr><td><code>[readOnly]</code></td><td>\u7981\u7528\u72b6\u6001</td><td><code>boolean</code></td><td>-</td></tr></tbody></table><h3 id="ui-\u5c5e\u6027">ui \u5c5e\u6027<a onclick="window.location.hash = \'ui-\u5c5e\u6027\'" class="anchor">#</a></h3><table><thead><tr><th>\u53c2\u6570</th><th>\u8bf4\u660e</th><th>\u7c7b\u578b</th><th>\u9ed8\u8ba4\u503c</th></tr></thead><tbody><tr><td><code>[size]</code></td><td>\u5927\u5c0f\uff0c\u7b49\u540c <code>nzSize</code></td><td><code>string</code></td><td>-</td></tr><tr><td><code>[placeholder]</code></td><td>\u5728\u6587\u5b57\u6846\u4e2d\u663e\u793a\u63d0\u793a\u8baf\u606f</td><td><code>string</code></td><td>-</td></tr><tr><td><code>[autosize]</code></td><td>\u81ea\u9002\u5e94\u5185\u5bb9\u9ad8\u5ea6\uff0c\u53ef\u8bbe\u7f6e\u4e3a <code>true|false</code> \u6216\u5bf9\u8c61\uff1a<code>{ minRows: 2, maxRows: 6 }</code></td><td><code>Boolean|Object</code></td><td><code>true</code></td></tr></tbody></table>',meta:{title:"textarea",subtitle:"\u591a\u884c\u6587\u672c\u6846",type:"Widgets"},toc:[{href:"#API",title:"API",h:2},{href:"#schema-\u5c5e\u6027",title:"schema \u5c5e\u6027",h:3},{href:"#ui-\u5c5e\u6027",title:"ui \u5c5e\u6027",h:3}]}},demo:!0},this.codes=[{id:"form-textarea-simple",meta:{title:{"zh-CN":"\u57fa\u7840\u6837\u4f8b","en-US":"Basic Usage"},order:0},summary:{"zh-CN":"<p>\u6700\u7b80\u5355\u7684\u7528\u6cd5\u3002</p>","en-US":"<p>Simplest of usage.</p>"},code:"import { Component } from '@angular/core';\nimport { SFSchema } from '@delon/form';\nimport { NzMessageService } from 'ng-zorro-antd';\n\n@Component({\n selector: 'form-textarea-simple',\n template: `<sf [schema]=\"schema\" (formSubmit)=\"submit($event)\"></sf>`\n})\nexport class FormTextareaSimpleComponent {\n schema: SFSchema = {\n properties: {\n remark: {\n type: 'string',\n title: '\u63cf\u8ff0',\n ui: {\n widget: 'textarea',\n autosize: { minRows: 2, maxRows: 6 }\n }\n }\n }\n };\n constructor(public msg: NzMessageService) { }\n submit(value: any) { this.msg.success(JSON.stringify(value)); }\n}",name:"simple",urls:"packages/form/src/widgets/textarea/demo/simple.md",lang:"ts",componentName:"FormTextareaSimpleComponent",point:0}]},q=function(){function t(t){this.msg=t,this.schema={properties:{remark:{type:"string",title:"\u63cf\u8ff0",ui:{widget:"textarea",autosize:{minRows:2,maxRows:6}}}}}}return t.prototype.submit=function(t){this.msg.success(JSON.stringify(t))},t}(),V=function(){this.item={cols:1,urls:{"zh-CN":"packages/form/src/widgets/time/index.md"},content:{"zh-CN":{content:'<p>\u8f93\u5165\u6216\u9009\u62e9\u65f6\u95f4\u7684\u63a7\u4ef6\u3002</p><h2 id="\u6ce8\u610f\u4e8b\u9879">\u6ce8\u610f\u4e8b\u9879<a onclick="window.location.hash = \'\u6ce8\u610f\u4e8b\u9879\'" class="anchor">#</a></h2><ul><li><p>\u683c\u5f0f\u5316\u5206\u4e3a\uff1a<strong>\u6570\u636e\u683c\u5f0f\u5316</strong>\u8868\u793a\u8868\u5355\u6570\u636e\u548c<strong>\u663e\u793a\u683c\u5f0f\u5316</strong>\u663e\u793a\u6570\u636e\uff08\u7b49\u540c <a target="_blank" href="https://ng.ant.design/components/time-picker/zh#api" data-url="https://ng.ant.design/components/time-picker/zh#api">nzFormat</a> \u503c\uff09</p></li><li><p>\u6240\u6709 <strong>\u6570\u636e\u683c\u5f0f\u5316</strong> \u5355\u4f4d\uff0c\u53c2\u8003 <a target="_blank" href="https://date-fns.org/v1.29.0/docs/format" data-url="https://date-fns.org/v1.29.0/docs/format">date-fns format</a>\uff08\u56fd\u5185\u955c\u50cf\uff1a<a target="_blank" href="http://momentjs.cn/docs/#/displaying/format/" data-url="http://momentjs.cn/docs/#/displaying/format/">moment format</a>\uff09</p></li><li><p>\u6307\u5b9a <code>schema.format</code> \u5219\u5fc5\u987b\u9075\u5b88 <a target="_blank" href="https://tools.ietf.org/html/rfc3339#section-5.6" data-url="https://tools.ietf.org/html/rfc3339#section-5.6">RFC3339</a> \u65f6\u95f4\u683c\u5f0f\uff0c\u5426\u5219\u90fd\u89c6\u4e3a\u683c\u5f0f\u9519\u8bef\uff0c\u9ed8\u8ba4\u7684\u6570\u636e\u683c\u5f0f\u5316\uff1a</p><ul><li><p><code>time</code>\u3001<code>full-time</code> \u9ed8\u8ba4 <code>HH:mm:ss</code></p></li></ul></li><li><p>\u4e0d\u6307\u5b9a <code>schema.format</code> \u6839\u636e <code>schema.type</code> \u503c\u6309\u4ee5\u4e0b\u89c4\u5219\u5904\u7406\uff08\u5141\u8bb8\u901a\u8fc7 <code>DelonFormConfig</code> \u66ff\u6362\uff09\u6570\u636e\u683c\u5f0f\u5316\uff1a</p><ul><li><p><code>string</code> \u9ed8\u8ba4 <code>HH:mm:ss</code></p></li><li><p><code>number</code> \u9ed8\u8ba4 <code>x</code> 13\u4f4dUnix Timestamp</p></li></ul></li><li><p>\u7531\u4e8e <code>disabledHours</code>\u3001<code>disabledMinutes</code>\u3001<code>disabledSeconds</code> \u7ec4\u5408\u5bfc\u81f4\u65f6\u95f4\u683c\u5f0f\u88ab\u7834\u574f\uff0c\u53ef\u80fd\u4f1a\u5bfc\u81f4\u65e0\u6cd5\u6b63\u5e38\u663e\u793a\u6216\u663e\u793a\u4e0d\u6b63\u786e\u65f6\u53ef\u4ee5\u6307\u5b9a\u4e00\u4e2a\u5b8c\u6574\u7684 <code>Date</code> \u5bf9\u8c61\u7ed9\u9ed8\u8ba4\u503c\uff08<code>schema.default</code> \u6216 <code>formData</code>\uff09</p></li></ul>',api:'<h2 id="API">API<a onclick="window.location.hash = \'API\'" class="anchor">#</a></h2><h3 id="schema-\u5c5e\u6027">schema \u5c5e\u6027<a onclick="window.location.hash = \'schema-\u5c5e\u6027\'" class="anchor">#</a></h3><table><thead><tr><th>\u53c2\u6570</th><th>\u8bf4\u660e</th><th>\u7c7b\u578b</th><th>\u9ed8\u8ba4\u503c</th></tr></thead><tbody><tr><td><code>[readOnly]</code></td><td>\u7981\u7528\u72b6\u6001</td><td><code>boolean</code></td><td>-</td></tr><tr><td><code>[format]</code></td><td>\u6570\u636e\u683c\u5f0f\u7c7b\u578b</td><td><code>string</code></td><td>-</td></tr></tbody></table><h3 id="ui-\u5c5e\u6027">ui \u5c5e\u6027<a onclick="window.location.hash = \'ui-\u5c5e\u6027\'" class="anchor">#</a></h3><table><thead><tr><th>\u53c2\u6570</th><th>\u8bf4\u660e</th><th>\u7c7b\u578b</th><th>\u9ed8\u8ba4\u503c</th></tr></thead><tbody><tr><td><code>[size]</code></td><td>\u5927\u5c0f\uff0c\u7b49\u540c <code>nzSize</code></td><td><code>string</code></td><td>-</td></tr><tr><td><code>[placeholder]</code></td><td>\u5728\u6587\u5b57\u6846\u4e2d\u663e\u793a\u63d0\u793a\u8baf\u606f</td><td><code>string</code></td><td>-</td></tr><tr><td><code>[format]</code></td><td>\u6570\u636e\u683c\u5f0f\u5316</td><td><code>string</code></td><td><code>HH:mm:ss</code></td></tr><tr><td><code>[displayFormat]</code></td><td>\u663e\u793a\u683c\u5f0f\u5316\uff0c\uff08\u7b49\u540c <a target="_blank" href="https://ng.ant.design/components/time-picker/zh#api" data-url="https://ng.ant.design/components/time-picker/zh#api">nzFormat</a> \u503c\uff09</td><td><code>string</code></td><td><code>HH:mm:ss</code></td></tr><tr><td><code>[utcEpoch]</code></td><td>\u662f\u5426UTC\u65b0\u7eaa\u5143\uff08\u8868\u793a\u4ece <code>1970</code> \u5f00\u59cb\u8ba1\u6beb\u79d2\u6570\uff09\uff0c\u5f53 <code>type=\'number\'</code> \u65f6\u6709\u6548</td><td><code>boolean</code></td><td><code>false</code></td></tr><tr><td><code>[allowEmpty]</code></td><td>\u662f\u5426\u5c55\u793a\u6e05\u9664\u6309\u94ae</td><td><code>boolean</code></td><td><code>true</code></td></tr><tr><td><code>[clearText]</code></td><td>\u6e05\u9664\u6309\u94ae\u7684\u63d0\u793a\u6587\u6848</td><td><code>string</code></td><td><code>\u6e05\u9664</code></td></tr><tr><td><code>[defaultOpenValue]</code></td><td>\u8bbe\u7f6e\u9762\u677f\u6253\u5f00\u65f6\u9ed8\u8ba4\u9009\u4e2d\u7684\u503c</td><td><code>Date</code></td><td><code>new Date()</code></td></tr><tr><td><code>[disabledHours]</code></td><td>\u7981\u6b62\u9009\u62e9\u90e8\u5206\u5c0f\u65f6\u9009\u9879</td><td><code>function()</code></td><td>-</td></tr><tr><td><code>[disabledMinutes]</code></td><td>\u7981\u6b62\u9009\u62e9\u90e8\u5206\u5206\u949f\u9009\u9879</td><td><code>function(selectedHour)</code></td><td>-</td></tr><tr><td><code>[disabledSeconds]</code></td><td>\u7981\u6b62\u9009\u62e9\u90e8\u5206\u79d2\u9009\u9879</td><td><code>function(selectedHour, selectedMinute)</code></td><td>-</td></tr><tr><td><code>[hideDisabledOptions]</code></td><td>\u9690\u85cf\u7981\u6b62\u9009\u62e9\u7684\u9009\u9879</td><td><code>boolean</code></td><td><code>false</code></td></tr><tr><td><code>[hourStep]</code></td><td>\u5c0f\u65f6\u9009\u9879\u95f4\u9694</td><td><code>number</code></td><td><code>1</code></td></tr><tr><td><code>[minuteStep]</code></td><td>\u5206\u949f\u9009\u9879\u95f4\u9694</td><td><code>number</code></td><td><code>1</code></td></tr><tr><td><code>[secondStep]</code></td><td>\u79d2\u9009\u9879\u95f4\u9694</td><td><code>number</code></td><td><code>1</code></td></tr><tr><td><code>[popupClassName]</code></td><td>\u5f39\u51fa\u5c42\u7c7b\u540d</td><td><code>string</code></td><td>-</td></tr></tbody></table>',meta:{title:"time",subtitle:"\u65f6\u95f4",type:"Widgets"},toc:[{href:"#\u6ce8\u610f\u4e8b\u9879",title:"\u6ce8\u610f\u4e8b\u9879",h:2},{href:"#API",title:"API",h:2},{href:"#schema-\u5c5e\u6027",title:"schema \u5c5e\u6027",h:3},{href:"#ui-\u5c5e\u6027",title:"ui \u5c5e\u6027",h:3}]}},demo:!0},this.codes=[{id:"form-time-simple",meta:{title:{"zh-CN":"\u57fa\u7840\u6837\u4f8b","en-US":"Basic Usage"},order:0},summary:{"zh-CN":"<p>\u6700\u7b80\u5355\u7684\u7528\u6cd5\u3002</p>","en-US":"<p>Simplest of usage.</p>"},code:"import { Component } from '@angular/core';\nimport { SFSchema } from '@delon/form';\nimport { NzMessageService } from 'ng-zorro-antd';\n\n@Component({\n selector: 'form-time-simple',\n template: `<sf [schema]=\"schema\" (formSubmit)=\"submit($event)\"></sf>`\n})\nexport class FormTimeSimpleComponent {\n schema: SFSchema = {\n properties: {\n 'time': {\n 'type': 'string',\n 'format': 'time'\n },\n 'time_number': {\n 'type': 'number',\n ui: { widget: 'time' }\n },\n 'time_string': {\n 'type': 'string',\n ui: { widget: 'time' }\n }\n }\n };\n constructor(public msg: NzMessageService) { }\n submit(value: any) { this.msg.success(JSON.stringify(value)); }\n}",name:"simple",urls:"packages/form/src/widgets/time/demo/simple.md",lang:"ts",componentName:"FormTimeSimpleComponent",point:0}]},Z=function(){function t(t){this.msg=t,this.schema={properties:{time:{type:"string",format:"time"},time_number:{type:"number",ui:{widget:"time"}},time_string:{type:"string",ui:{widget:"time"}}}}}return t.prototype.submit=function(t){this.msg.success(JSON.stringify(t))},t}(),K=function(){this.item={cols:1,urls:{"zh-CN":"packages/form/src/widgets/transfer/index.md"},content:{"zh-CN":{content:'<p>\u53cc\u680f\u7a7f\u68ad\u9009\u62e9\u6846\u3002</p><h2 id="\u6ce8\u610f\u4e8b\u9879">\u6ce8\u610f\u4e8b\u9879<a onclick="window.location.hash = \'\u6ce8\u610f\u4e8b\u9879\'" class="anchor">#</a></h2><ul><li><p><code>default</code> \u503c\u88ab\u5f53\u6210 <code>direction: \'right\'</code> \u8868\u793a\u53f3\u680f\u4e2d</p></li></ul>',api:'<h2 id="API">API<a onclick="window.location.hash = \'API\'" class="anchor">#</a></h2><h3 id="schema-\u5c5e\u6027">schema \u5c5e\u6027<a onclick="window.location.hash = \'schema-\u5c5e\u6027\'" class="anchor">#</a></h3><table><thead><tr><th>\u53c2\u6570</th><th>\u8bf4\u660e</th><th>\u7c7b\u578b</th><th>\u9ed8\u8ba4\u503c</th></tr></thead><tbody><tr><td><code>[enum]</code></td><td>\u6570\u636e\u6e90</td><td><code>SFSchemaEnumType[]</code></td><td>-</td></tr></tbody></table><h3 id="ui-\u5c5e\u6027">ui \u5c5e\u6027<a onclick="window.location.hash = \'ui-\u5c5e\u6027\'" class="anchor">#</a></h3><table><thead><tr><th>\u53c2\u6570</th><th>\u8bf4\u660e</th><th>\u7c7b\u578b</th><th>\u9ed8\u8ba4\u503c</th></tr></thead><tbody><tr><td><code>[asyncData]</code></td><td>\u5f02\u6b65\u6570\u636e\u6e90</td><td><code>() => Observable<SFSchemaEnumType[]></code></td><td>-</td></tr><tr><td><code>[titles]</code></td><td>\u6807\u9898\u96c6\u5408\uff0c\u987a\u5e8f\u4ece\u5de6\u81f3\u53f3</td><td><code>string[]</code></td><td><code>[\'\', \'\']</code></td></tr><tr><td><code>[operations]</code></td><td>\u64cd\u4f5c\u6587\u6848\u96c6\u5408\uff0c\u987a\u5e8f\u4ece\u4e0b\u81f3\u4e0a</td><td><code>string[]</code></td><td><code>[\'\', \'\']</code></td></tr><tr><td><code>[listStyle]</code></td><td>\u4e24\u4e2a\u7a7f\u68ad\u6846\u7684\u81ea\u5b9a\u4e49\u6837\u5f0f\uff0c\u4ee5<code>ngStyle</code>\u5199\u6cd5\u6807\u9898</td><td><code>object</code></td><td>-</td></tr><tr><td><code>[itemUnit]</code></td><td>\u5355\u6570\u5355\u4f4d</td><td><code>string</code></td><td><code>\u9879\u76ee</code></td></tr><tr><td><code>[itemsUnit]</code></td><td>\u590d\u6570\u5355\u4f4d</td><td><code>string</code></td><td><code>\u9879\u76ee</code></td></tr><tr><td><code>[showSearch]</code></td><td>\u662f\u5426\u663e\u793a\u641c\u7d22\u6846</td><td><code>boolean</code></td><td><code>false</code></td></tr><tr><td><code>[filterOption]</code></td><td>\u63a5\u6536 <code>inputValueoption</code> \u4e24\u4e2a\u53c2\u6570\uff0c\u5f53 <code>option</code> \u7b26\u5408\u7b5b\u9009\u6761\u4ef6\u65f6\uff0c\u5e94\u8fd4\u56de <code>true</code>\uff0c\u53cd\u4e4b\u5219\u8fd4\u56de <code>false</code>\u3002</td><td>-</td><td>-</td></tr><tr><td><code>[searchPlaceholder]</code></td><td>\u641c\u7d22\u6846\u7684\u9ed8\u8ba4\u503c</td><td><code>string</code></td><td>-</td></tr><tr><td><code>[notFoundContent]</code></td><td>\u5f53\u5217\u8868\u4e3a\u7a7a\u65f6\u663e\u793a\u7684\u5185\u5bb9</td><td><code>string</code></td><td>-</td></tr><tr><td><code>[canMove]</code></td><td>\u7a7f\u68ad\u65f6\u4e8c\u6b21\u6821\u9a8c\u3002</td><td><code>function</code></td><td>-</td></tr><tr><td><code>[change]</code></td><td>\u9009\u9879\u5728\u4e24\u680f\u4e4b\u95f4\u8f6c\u79fb\u65f6\u7684\u56de\u8c03\u51fd\u6570</td><td><code>Function</code></td><td>-</td></tr><tr><td><code>[searchChange]</code></td><td>\u641c\u7d22\u6846\u5185\u5bb9\u65f6\u6539\u53d8\u65f6\u7684\u56de\u8c03\u51fd\u6570</td><td><code>Function</code></td><td>-</td></tr><tr><td><code>[selectChange]</code></td><td>\u9009\u4e2d\u9879\u53d1\u751f\u6539\u53d8\u65f6\u7684\u56de\u8c03\u51fd\u6570</td><td><code>Function</code></td><td>-</td></tr></tbody></table>',meta:{title:"transfer",subtitle:"\u7a7f\u68ad\u6846",type:"Widgets"},toc:[{href:"#\u6ce8\u610f\u4e8b\u9879",title:"\u6ce8\u610f\u4e8b\u9879",h:2},{href:"#API",title:"API",h:2},{href:"#schema-\u5c5e\u6027",title:"schema \u5c5e\u6027",h:3},{href:"#ui-\u5c5e\u6027",title:"ui \u5c5e\u6027",h:3}]}},demo:!0},this.codes=[{id:"form-transfer-simple",meta:{title:{"zh-CN":"\u57fa\u7840\u6837\u4f8b","en-US":"Basic Usage"},order:0},summary:{"zh-CN":"<p>\u6700\u7b80\u5355\u7684\u7528\u6cd5\u3002</p>","en-US":"<p>Simplest of usage.</p>"},code:"import { Component } from '@angular/core';\nimport { SFSchema } from '@delon/form';\nimport { NzMessageService } from 'ng-zorro-antd';\n\n@Component({\n selector: 'form-transfer-simple',\n template: `<sf [schema]=\"schema\" (formSubmit)=\"submit($event)\"></sf>`\n})\nexport class FormTransferSimpleComponent {\n schema: SFSchema = {\n properties: {\n roles: {\n type: 'number',\n title: '\u89d2\u8272',\n enum: [\n { title: 'DNS\u7ba1\u7406', value: 10 },\n { title: 'ECS\u7ba1\u7406', value: 11 },\n { title: 'OSS\u7ba1\u7406', value: 12 },\n { title: 'RDS\u7ba1\u7406', value: 13 }\n ],\n ui: {\n widget: 'transfer',\n titles: [ '\u672a\u62e5\u6709', '\u5df2\u62e5\u6709' ]\n },\n default: [ 11, 12 ]\n }\n }\n };\n constructor(public msg: NzMessageService) { }\n submit(value: any) { this.msg.success(JSON.stringify(value)); }\n}",name:"simple",urls:"packages/form/src/widgets/transfer/demo/simple.md",lang:"ts",componentName:"FormTransferSimpleComponent",point:0}]},Q=function(){function t(t){this.msg=t,this.schema={properties:{roles:{type:"number",title:"\u89d2\u8272",enum:[{title:"DNS\u7ba1\u7406",value:10},{title:"ECS\u7ba1\u7406",value:11},{title:"OSS\u7ba1\u7406",value:12},{title:"RDS\u7ba1\u7406",value:13}],ui:{widget:"transfer",titles:["\u672a\u62e5\u6709","\u5df2\u62e5\u6709"]},default:[11,12]}}}}return t.prototype.submit=function(t){this.msg.success(JSON.stringify(t))},t}(),X=function(){this.item={cols:1,urls:{"zh-CN":"packages/form/src/widgets/tree-select/index.md"},content:{"zh-CN":{content:"<p>\u6811\u578b\u9009\u62e9\u63a7\u4ef6\u3002</p>",api:'<h2 id="API">API<a onclick="window.location.hash = \'API\'" class="anchor">#</a></h2><h3 id="schema-\u5c5e\u6027">schema \u5c5e\u6027<a onclick="window.location.hash = \'schema-\u5c5e\u6027\'" class="anchor">#</a></h3><table><thead><tr><th>\u53c2\u6570</th><th>\u8bf4\u660e</th><th>\u7c7b\u578b</th><th>\u9ed8\u8ba4\u503c</th></tr></thead><tbody><tr><td><code>[enum]</code></td><td>\u6570\u636e\u6e90</td><td><code>SFSchemaEnumType[]</code></td><td>-</td></tr><tr><td><code>[readOnly]</code></td><td>\u7981\u7528\u72b6\u6001</td><td><code>boolean</code></td><td>-</td></tr></tbody></table><h3 id="ui-\u5c5e\u6027">ui \u5c5e\u6027<a onclick="window.location.hash = \'ui-\u5c5e\u6027\'" class="anchor">#</a></h3><table><thead><tr><th>\u53c2\u6570</th><th>\u8bf4\u660e</th><th>\u7c7b\u578b</th><th>\u9ed8\u8ba4\u503c</th></tr></thead><tbody><tr><td><code>[asyncData]</code></td><td>\u5f02\u6b65\u6570\u636e\u6e90</td><td><code>() => Observable<SFSchemaEnumType[]></code></td><td>-</td></tr><tr><td><code>[size]</code></td><td>\u5927\u5c0f\uff0c\u7b49\u540c <code>nzSize</code></td><td><code>string</code></td><td><code>default</code></td></tr><tr><td><code>[placeholder]</code></td><td>\u5728\u6587\u5b57\u6846\u4e2d\u663e\u793a\u63d0\u793a\u8baf\u606f</td><td><code>string</code></td><td>-</td></tr><tr><td><code>[allowClear]</code></td><td>\u652f\u6301\u6e05\u9664</td><td><code>boolean</code></td><td><code>false</code></td></tr><tr><td><code>[dropdownMatchSelectWidth]</code></td><td>\u4e0b\u62c9\u83dc\u5355\u548c\u9009\u62e9\u5668\u540c\u5bbd</td><td><code>boolean</code></td><td><code>true</code></td></tr><tr><td><code>[dropdownStyle]</code></td><td>\u4e0b\u62c9\u83dc\u5355\u7684 style \u5c5e\u6027</td><td><code>object</code></td><td>-</td></tr><tr><td><code>[multiple]</code></td><td>\u652f\u6301\u591a\u9009\uff08\u5f53\u8bbe\u7f6e <code>checkable</code> \u65f6\u81ea\u52a8\u53d8\u4e3atrue\uff09\uff0c\u91cd\u7f6e\u65f6\u65e0\u6cd5\u5237\u65b0\u9ed8\u8ba4\u503c <a target="_blank" href="https://github.com/NG-ZORRO/ng-zorro-antd/issues/2085" data-url="https://github.com/NG-ZORRO/ng-zorro-antd/issues/2085">#2085</a></td><td><code>boolean</code></td><td><code>false</code></td></tr><tr><td><code>[checkable]</code></td><td>\u8282\u70b9\u524d\u6dfb\u52a0 Checkbox \u590d\u9009\u6846</td><td><code>boolean</code></td><td><code>false</code></td></tr><tr><td><code>[showExpand]</code></td><td>\u8282\u70b9\u524d\u6dfb\u52a0\u5c55\u5f00\u56fe\u6807</td><td><code>boolean</code></td><td><code>true</code></td></tr><tr><td><code>[showLine]</code></td><td>\u8282\u70b9\u524d\u6dfb\u52a0\u5c55\u5f00\u56fe\u6807</td><td><code>boolean</code></td><td><code>false</code></td></tr><tr><td><code>[defaultExpandAll]</code></td><td>\u9ed8\u8ba4\u5c55\u5f00\u6240\u6709\u6811\u8282\u70b9</td><td><code>boolean</code></td><td><code>false</code></td></tr><tr><td><code>[displayWith]</code></td><td>\u5982\u4f55\u5728\u8f93\u5165\u6846\u663e\u793a\u6240\u9009\u7684\u8282\u70b9\u503c\u7684\u65b9\u6cd5</td><td><code>(node: NzTreeNode) => string</code></td><td><code>(node: NzTreeNode) => node.title</code></td></tr><tr><td><code>[expandChange]</code></td><td>\u70b9\u51fb\u5c55\u5f00\u6811\u8282\u70b9\u56fe\u6807\u8c03\u7528</td><td><code>(e: NzFormatEmitEvent) => Observable<SFSchemaEnum[]></code></td><td>-</td></tr></tbody></table><blockquote><p>\u5f02\u6b65\u6570\u636e\u52a1\u5fc5\u5148\u6307\u5b9a\u521d\u59cb\u5316\u6570\u636e\uff08\u4f7f\u7528 <code>enum</code>\u3001<code>asyncData</code> \u9009\u5176\u4e00\uff09\uff0c\u5426\u5219\u65e0\u6cd5\u89e6\u53d1 <code>expandChange</code>\u3002</p></blockquote>',meta:{title:"tree-select",subtitle:"\u6811\u9009\u62e9",type:"Widgets"},toc:[{href:"#API",title:"API",h:2},{href:"#schema-\u5c5e\u6027",title:"schema \u5c5e\u6027",h:3},{href:"#ui-\u5c5e\u6027",title:"ui \u5c5e\u6027",h:3}]}},demo:!0},this.codes=[{id:"form-tree-select-simple",meta:{title:{"zh-CN":"\u57fa\u7840\u6837\u4f8b","en-US":"Basic Usage"},order:0},summary:{"zh-CN":'<p>\u6700\u7b80\u5355\u7684\u7528\u6cd5\u3002</p><blockquote><p>\u591a\u9009\uff1a\u91cd\u7f6e\u65f6\u65e0\u6cd5\u5237\u65b0\u9ed8\u8ba4\u503c <a target="_blank" href="https://github.com/NG-ZORRO/ng-zorro-antd/issues/2085" data-url="https://github.com/NG-ZORRO/ng-zorro-antd/issues/2085">#2085</a></p></blockquote>',"en-US":"<p>Simplest of usage.</p>"},code:"import { Component } from '@angular/core';\nimport { SFSchema } from '@delon/form';\nimport { NzMessageService, NzFormatEmitEvent } from 'ng-zorro-antd';\nimport { of } from 'rxjs';\n\n@Component({\n selector: 'form-tree-select-simple',\n template: `<sf [schema]=\"schema\" (formSubmit)=\"submit($event)\"></sf>`,\n})\nexport class FormTreeSelectSimpleComponent {\n schema: SFSchema = {\n properties: {\n status1: {\n type: 'string',\n title: '\u57fa\u672c',\n enum: [\n { title: '\u5f85\u652f\u4ed8', key: 'WAIT_BUYER_PAY' },\n { title: '\u5df2\u652f\u4ed8', key: 'TRADE_SUCCESS' },\n { title: '\u4ea4\u6613\u5b8c\u6210', key: 'TRADE_FINISHED' },\n ],\n default: 'WAIT_BUYER_PAY',\n ui: {\n widget: 'tree-select',\n },\n },\n status2: {\n type: 'string',\n title: '\u591a\u9009',\n enum: [\n { title: '\u5f85\u652f\u4ed8', key: 'WAIT_BUYER_PAY' },\n { title: '\u5df2\u652f\u4ed8', key: 'TRADE_SUCCESS' },\n { title: '\u4ea4\u6613\u5b8c\u6210', key: 'TRADE_FINISHED' },\n ],\n default: [ 'WAIT_BUYER_PAY', 'TRADE_SUCCESS' ],\n ui: {\n widget: 'tree-select',\n multiple: true\n },\n },\n status3: {\n type: 'string',\n title: '\u53ef\u52fe\u9009',\n enum: [\n { title: '\u5f85\u652f\u4ed8', key: 'WAIT_BUYER_PAY' },\n { title: '\u5df2\u652f\u4ed8', key: 'TRADE_SUCCESS' },\n { title: '\u4ea4\u6613\u5b8c\u6210', key: 'TRADE_FINISHED' },\n ],\n default: [ 'WAIT_BUYER_PAY', 'TRADE_FINISHED' ],\n ui: {\n widget: 'tree-select',\n checkable: true\n },\n },\n // \u5f02\u6b65\u6570\u636e\n async: {\n type: 'string',\n title: 'Async',\n enum: [\n { title: '\u5f85\u652f\u4ed8', key: 'WAIT_BUYER_PAY' },\n { title: '\u5df2\u652f\u4ed8', key: 'TRADE_SUCCESS' },\n { title: '\u4ea4\u6613\u5b8c\u6210', key: 'TRADE_FINISHED' },\n ],\n ui: {\n widget: 'tree-select',\n expandChange: (e: NzFormatEmitEvent) => {\n return of([\n { title: '\u5f85\u652f\u4ed8', key: 'WAIT_BUYER_PAY' },\n { title: '\u5df2\u652f\u4ed8', key: 'TRADE_SUCCESS' },\n { title: '\u4ea4\u6613\u5b8c\u6210', key: 'TRADE_FINISHED' },\n ]);\n },\n },\n },\n },\n };\n constructor(public msg: NzMessageService) {}\n submit(value: any) {\n this.msg.success(JSON.stringify(value));\n }\n}",name:"simple",urls:"packages/form/src/widgets/tree-select/demo/simple.md",lang:"ts",componentName:"FormTreeSelectSimpleComponent",point:0}]},tt=function(){function t(t){this.msg=t,this.schema={properties:{status1:{type:"string",title:"\u57fa\u672c",enum:[{title:"\u5f85\u652f\u4ed8",key:"WAIT_BUYER_PAY"},{title:"\u5df2\u652f\u4ed8",key:"TRADE_SUCCESS"},{title:"\u4ea4\u6613\u5b8c\u6210",key:"TRADE_FINISHED"}],default:"WAIT_BUYER_PAY",ui:{widget:"tree-select"}},status2:{type:"string",title:"\u591a\u9009",enum:[{title:"\u5f85\u652f\u4ed8",key:"WAIT_BUYER_PAY"},{title:"\u5df2\u652f\u4ed8",key:"TRADE_SUCCESS"},{title:"\u4ea4\u6613\u5b8c\u6210",key:"TRADE_FINISHED"}],default:["WAIT_BUYER_PAY","TRADE_SUCCESS"],ui:{widget:"tree-select",multiple:!0}},status3:{type:"string",title:"\u53ef\u52fe\u9009",enum:[{title:"\u5f85\u652f\u4ed8",key:"WAIT_BUYER_PAY"},{title:"\u5df2\u652f\u4ed8",key:"TRADE_SUCCESS"},{title:"\u4ea4\u6613\u5b8c\u6210",key:"TRADE_FINISHED"}],default:["WAIT_BUYER_PAY","TRADE_FINISHED"],ui:{widget:"tree-select",checkable:!0}},async:{type:"string",title:"Async",enum:[{title:"\u5f85\u652f\u4ed8",key:"WAIT_BUYER_PAY"},{title:"\u5df2\u652f\u4ed8",key:"TRADE_SUCCESS"},{title:"\u4ea4\u6613\u5b8c\u6210",key:"TRADE_FINISHED"}],ui:{widget:"tree-select",expandChange:function(t){return Object(p.a)([{title:"\u5f85\u652f\u4ed8",key:"WAIT_BUYER_PAY"},{title:"\u5df2\u652f\u4ed8",key:"TRADE_SUCCESS"},{title:"\u4ea4\u6613\u5b8c\u6210",key:"TRADE_FINISHED"}])}}}}}}return t.prototype.submit=function(t){this.msg.success(JSON.stringify(t))},t}(),et=function(){this.item={cols:1,urls:{"zh-CN":"packages/form/src/widgets/upload/index.md"},content:{"zh-CN":{content:'<p>\u6587\u4ef6\u9009\u62e9\u4e0a\u4f20\u548c\u62d6\u62fd\u4e0a\u4f20\u63a7\u4ef6\u3002</p><h2 id="\u6ce8\u610f\u4e8b\u9879">\u6ce8\u610f\u4e8b\u9879<a onclick="window.location.hash = \'\u6ce8\u610f\u4e8b\u9879\'" class="anchor">#</a></h2><ul><li><p><strong>\u52a1\u5fc5</strong> \u6307\u5b9a <code>resReName</code> \u6765\u83b7\u53d6\u6b63\u786e\u6570\u636e</p></li><li><p><code>multiple</code> \u51b3\u5b9a\u8fd4\u56de\u6570\u7ec4\u6216\u8005\u5355\u4f53\u6570\u636e</p></li><li><p><code>enum</code>\u3001<code>asyncData</code> \u6700\u540e\u88ab\u8f6c\u5316\u6210 <code>nzFileList</code> \u503c\uff0c\u4e14<strong>\u52a1\u5fc5</strong>\u521d\u59cb\u4fdd\u8bc1\u4e00\u4e2a <code>response</code> \u5c5e\u6027\u8868\u793a\u8fdc\u7a0b\u6570\u636e\u5e76 <code>resReName</code> \u80fd\u6b63\u786e\u83b7\u53d6\uff0c\u82e5\u9700\u8981\u8fdc\u7a0b\u5220\u9664\u529f\u80fd\u9700\u8981\u6307\u5b9a <code>remove</code> \u5c5e\u6027</p></li><li><p>\u7167\u7247\u5899\u6a21\u5f0f\uff1a\u9884\u89c8\u7edf\u4e00\u4f7f\u7528 <code>nzModal</code> \u5b9e\u73b0\u4e14\u65e0\u6cd5\u81ea\u5b9a\u4e49</p></li></ul>',api:'<h2 id="API">API<a onclick="window.location.hash = \'API\'" class="anchor">#</a></h2><h3 id="schema-\u5c5e\u6027">schema \u5c5e\u6027<a onclick="window.location.hash = \'schema-\u5c5e\u6027\'" class="anchor">#</a></h3><table><thead><tr><th>\u53c2\u6570</th><th>\u8bf4\u660e</th><th>\u7c7b\u578b</th><th>\u9ed8\u8ba4\u503c</th></tr></thead><tbody><tr><td><code>[enum]</code></td><td>\u6570\u636e\u6e90</td><td><code>SFSchemaEnumType[]</code></td><td>-</td></tr><tr><td><code>[readOnly]</code></td><td>\u7981\u7528\u72b6\u6001</td><td><code>boolean</code></td><td>-</td></tr></tbody></table><h3 id="ui-\u5c5e\u6027">ui \u5c5e\u6027<a onclick="window.location.hash = \'ui-\u5c5e\u6027\'" class="anchor">#</a></h3><table><thead><tr><th>\u53c2\u6570</th><th>\u8bf4\u660e</th><th>\u7c7b\u578b</th><th>\u9ed8\u8ba4\u503c</th></tr></thead><tbody><tr><td><code>[asyncData]</code></td><td>\u5f02\u6b65\u6570\u636e\u6e90</td><td><code>() => Observable<SFSchemaEnumType[]></code></td><td>-</td></tr><tr><td><code>[type]</code></td><td>\u4e0a\u4f20\u7c7b\u578b</td><td><code>select,drag</code></td><td><code>select</code></td></tr><tr><td><code>[text]</code></td><td>\u6309\u94ae\u6587\u672c</td><td><code>string</code></td><td><code>\u70b9\u51fb\u4e0a\u4f20</code></td></tr><tr><td><code>[hint]</code></td><td>\u63d0\u9192\u6587\u672c\uff0cdrag \u65f6\u6709\u6548</td><td><code>string</code></td><td><code>\u652f\u6301\u5355\u4e2a\u6216\u6279\u91cf\uff0c\u4e25\u7981\u4e0a\u4f20\u516c\u53f8\u6570\u636e\u6216\u5176\u4ed6\u5b89\u5168\u6587\u4ef6</code></td></tr><tr><td><code>[resReName]</code></td><td>\u91cd\u547d\u540d\u8fd4\u56de\u53c2\u6570\uff0c\u652f\u6301 <code>a.b.c</code> \u7684\u5d4c\u5957\u5199\u6cd5\uff0c\u82e5\u4e0d\u6307\u5b9a\u8868\u793a\u6574\u4e2a\u8fd4\u56de\u4f53</td><td><code>string</code></td><td>-</td></tr><tr><td><code>[action]</code></td><td>\u5fc5\u9009\u53c2\u6570, \u4e0a\u4f20\u7684\u5730\u5740</td><td><code>string</code></td><td>-</td></tr><tr><td><code>[accept]</code></td><td>\u63a5\u53d7\u4e0a\u4f20\u7684\u6587\u4ef6\u7c7b\u578b, \u8be6\u89c1 <a target="_blank" href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-accept" data-url="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-accept">input accept Attribute</a></td><td><code>string</code></td><td>-</td></tr><tr><td><code>[limit]</code></td><td>\u9650\u5236\u5355\u6b21\u6700\u591a\u4e0a\u4f20\u6570\u91cf\uff0c<code>multiple</code> \u6253\u5f00\u65f6\u6709\u6548\uff1b<code>0</code> \u8868\u793a\u4e0d\u9650</td><td><code>number</code></td><td><code>0</code></td></tr><tr><td><code>[fileSize]</code></td><td>\u9650\u5236\u6587\u4ef6\u5927\u5c0f\uff0c\u5355\u4f4d\uff1aKB\uff1b<code>0</code> \u8868\u793a\u4e0d\u9650</td><td><code>number</code></td><td><code>0</code></td></tr><tr><td><code>[fileType]</code></td><td>\u9650\u5236\u6587\u4ef6\u7c7b\u578b\uff0c\u4f8b\u5982\uff1a<code>image/png,image/jpeg,image/gif,image/bmp</code></td><td><code>string</code></td><td>-</td></tr><tr><td><code>[headers]</code></td><td>\u8bbe\u7f6e\u4e0a\u4f20\u7684\u8bf7\u6c42\u5934\u90e8</td><td><code>Object, (file: UploadFile) => Object</code></td><td>-</td></tr><tr><td><code>[listType]</code></td><td>\u4e0a\u4f20\u5217\u8868\u7684\u5185\u5efa\u6837\u5f0f</td><td><code>text,picture,picture-card</code></td><td><code>text</code></td></tr><tr><td><code>[showUploadList]</code></td><td>\u662f\u5426\u5c55\u793a\u5217\u8868, \u53ef\u8bbe\u4e3a\u4e00\u4e2a\u5bf9\u8c61\uff0c\u7528\u4e8e\u5355\u72ec\u8bbe\u5b9a <code>showPreviewIcon</code> \u548c <code>showRemoveIcon</code></td><td><code>boolean</code></td><td><code>true</code></td></tr><tr><td><code>[multiple]</code></td><td>\u662f\u5426\u652f\u6301\u591a\u9009\u6587\u4ef6\uff0c<code>IE10+</code> \u652f\u6301\u3002\u5f00\u542f\u540e\u6309\u4f4f <code>ctrl</code> \u53ef\u9009\u62e9\u591a\u4e2a\u6587\u4ef6\u3002</td><td><code>boolean</code></td><td><code>false</code></td></tr><tr><td><code>[name]</code></td><td>\u53d1\u5230\u540e\u53f0\u7684\u6587\u4ef6\u53c2\u6570\u540d</td><td><code>string</code></td><td><code>file</code></td></tr><tr><td><code>[data]</code></td><td>\u4e0a\u4f20\u6240\u9700\u53c2\u6570\u6216\u8fd4\u56de\u4e0a\u4f20\u53c2\u6570\u7684\u65b9\u6cd5</td><td><code>Object, (file: UploadFile) => Object</code></td><td>-</td></tr><tr><td><code>[withCredentials]</code></td><td>\u4e0a\u4f20\u8bf7\u6c42\u65f6\u662f\u5426\u643a\u5e26 cookie</td><td><code>boolean</code></td><td><code>false</code></td></tr><tr><td><code>[remove]</code></td><td>\u70b9\u51fb\u79fb\u9664\u6587\u4ef6\u65f6\u7684\u56de\u8c03\uff0c\u8fd4\u56de\u503c\u4e3a <code>false</code> \u65f6\u4e0d\u79fb\u9664</td><td><code>(file: UploadFile) => boolean\uff5cObservable</code></td><td>-</td></tr><tr><td><code>[change]</code></td><td>\u4e0a\u4f20\u6587\u4ef6\u6539\u53d8\u65f6\u7684\u72b6\u6001</td><td><code>(args: UploadChangeParam) => void</code></td><td>-</td></tr></tbody></table>',meta:{title:"upload",subtitle:"\u4e0a\u4f20",type:"Widgets"},toc:[{href:"#\u6ce8\u610f\u4e8b\u9879",title:"\u6ce8\u610f\u4e8b\u9879",h:2},{href:"#API",title:"API",h:2},{href:"#schema-\u5c5e\u6027",title:"schema \u5c5e\u6027",h:3},{href:"#ui-\u5c5e\u6027",title:"ui \u5c5e\u6027",h:3}]}},demo:!0},this.codes=[{id:"form-upload-simple",meta:{title:{"zh-CN":"\u57fa\u7840\u6837\u4f8b","en-US":"Basic Usage"},order:0},summary:{"zh-CN":"<p>\u6700\u7b80\u5355\u7684\u7528\u6cd5\u3002</p>","en-US":"<p>Simplest of usage.</p>"},code:"import { Component } from '@angular/core';\nimport { SFSchema } from '@delon/form';\nimport { NzMessageService } from 'ng-zorro-antd';\n\n@Component({\n selector: 'form-upload-simple',\n template: `<sf [schema]=\"schema\" (formSubmit)=\"submit($event)\"></sf>`\n})\nexport class FormUploadSimpleComponent {\n schema: SFSchema = {\n properties: {\n avatar: {\n type: 'string',\n title: '\u5934\u50cf',\n enum: [\n {\n uid: -1,\n name: 'xxx.png',\n status: 'done',\n url: 'https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png',\n response: {\n resource_id: 1\n }\n }\n ],\n ui: {\n widget: 'upload',\n action: '/upload',\n resReName: 'resource_id'\n }\n },\n // \u62d6\u52a8\u6a21\u5f0f\n drag: {\n type: 'string',\n title: 'Drag',\n ui: {\n widget: 'upload',\n action: '/upload',\n resReName: 'resource_id',\n type: 'drag'\n }\n }\n }\n };\n constructor(public msg: NzMessageService) { }\n submit(value: any) { this.msg.success(JSON.stringify(value)); }\n}",name:"simple",urls:"packages/form/src/widgets/upload/demo/simple.md",lang:"ts",componentName:"FormUploadSimpleComponent",point:0}]},dt=function(){function t(t){this.msg=t,this.schema={properties:{avatar:{type:"string",title:"\u5934\u50cf",enum:[{uid:-1,name:"xxx.png",status:"done",url:"https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png",response:{resource_id:1}}],ui:{widget:"upload",action:"/upload",resReName:"resource_id"}},drag:{type:"string",title:"Drag",ui:{widget:"upload",action:"/upload",resReName:"resource_id",type:"drag"}}}}}return t.prototype.submit=function(t){this.msg.success(JSON.stringify(t))},t}(),nt=function(){this.item={cols:1,urls:{"zh-CN":"packages/form/widgets-third/markdown/index.md"},content:{"zh-CN":{content:'<p>Markdown\u7f16\u8f91\u5668\u3002</p><blockquote><p>\u6ce8\uff1a\u7b2c\u4e09\u65b9\u5c0f\u90e8\u4ef6\u9ed8\u8ba4\u5e76\u672a\u6ce8\u518c\uff0c\u7ec6\u8282\u89c1<a href="https://ng-alain.com/form/customize" data-url="https://ng-alain.com/form/customize">\u81ea\u5b9a\u4e49\u5c0f\u90e8\u4ef6</a>\u3002</p></blockquote><h2 id="\u5982\u4f55\u4f7f\u7528">\u5982\u4f55\u4f7f\u7528<a onclick="window.location.hash = \'\u5982\u4f55\u4f7f\u7528\'" class="anchor">#</a></h2><p><strong>\u5bfc\u5165\u6a21\u5757</strong></p><p>\u9ed8\u8ba4\u9700\u8981\u81ea\u884c\u5728\u4e24\u4e2a\u5730\u65b9\u6ce8\u518c <code>SimplemdeModule</code>\u3002</p><ul><li><p>\u5728 <code>AppModule</code> \u5bfc\u5165 <code>SimplemdeModule.forRoot({})</code> \u5141\u8bb8\u6307\u5b9a\u4e00\u4e2a\u5168\u5c40\u914d\u7f6e</p></li><li><p>\u5728 <code>SharedModule</code> \u5bfc\u5165 <code>SimplemdeModule</code> \u786e\u4fdd\u6240\u6709\u5b50\u6a21\u5757\u53ef\u4ee5\u4f7f\u7528</p></li></ul><p><strong>\u5bfc\u5165\u8d44\u6e90</strong></p><p>\u5728 <code>angular.json</code> \u5bfc\u5165\u76f8\u5e94\u8d44\u6e90\u3002</p><pre class="hljs language-json"><code>"styles": [\n "node_modules/ngx-simplemde/src/index.css",\n],\n"scripts": [\n "node_modules/simplemde-antd/dist/simplemde.min.js",\n]</code></pre><h2 id="\u6e90\u4ee3\u7801">\u6e90\u4ee3\u7801<a onclick="window.location.hash = \'\u6e90\u4ee3\u7801\'" class="anchor">#</a></h2><p><a target="_blank" href="https://github.com/cipchk/delon/tree/master/packages/form/widgets-third/markdown" data-url="https://github.com/cipchk/delon/tree/master/packages/form/widgets-third/markdown">\u6e90\u4ee3\u7801</a>\u3002</p>',api:'<h2 id="API">API<a onclick="window.location.hash = \'API\'" class="anchor">#</a></h2><h3 id="ui-\u5c5e\u6027">ui \u5c5e\u6027<a onclick="window.location.hash = \'ui-\u5c5e\u6027\'" class="anchor">#</a></h3><table><thead><tr><th>\u53c2\u6570</th><th>\u8bf4\u660e</th><th>\u7c7b\u578b</th><th>\u9ed8\u8ba4\u503c</th></tr></thead><tbody><tr><td><code>[options]</code></td><td>\u914d\u7f6e\u9879\u8bf4\u660e\uff0c<a target="_blank" href="https://github.com/cipchk/ngx-simplemde" data-url="https://github.com/cipchk/ngx-simplemde">\u89c1\u5b98\u7f51</a></td><td><code>Object</code></td><td>-</td></tr><tr><td><code>[change]</code></td><td>\u7f16\u8f91\u5668\u5185\u5bb9\u53d1\u751f\u6539\u53d8\u65f6\u4f1a\u89e6\u53d1\u8be5\u4e8b\u4ef6</td><td><code>(md: string) => void</code></td><td>-</td></tr></tbody></table>',meta:{title:"markdown",subtitle:"Markdown\u7f16\u8f91\u5668",type:"Third Widgets"},toc:[{href:"#\u5982\u4f55\u4f7f\u7528",title:"\u5982\u4f55\u4f7f\u7528",h:2},{href:"#\u6e90\u4ee3\u7801",title:"\u6e90\u4ee3\u7801",h:2},{href:"#API",title:"API",h:2},{href:"#ui-\u5c5e\u6027",title:"ui \u5c5e\u6027",h:3}]}},demo:!0},this.codes=[{id:"form-markdown-simple",meta:{title:{"zh-CN":"\u57fa\u7840\u6837\u4f8b","en-US":"Basic Usage"},order:0},summary:{"zh-CN":"<p>\u6700\u7b80\u5355\u7684\u7528\u6cd5\u3002</p>","en-US":"<p>Simplest of usage.</p>"},code:"import { Component } from '@angular/core';\nimport { SFSchema } from '@delon/form';\nimport { NzMessageService } from 'ng-zorro-antd';\n\n@Component({\n selector: 'form-markdown-simple',\n template: `<sf [schema]=\"schema\" (formSubmit)=\"submit($event)\"></sf>`\n})\nexport class FormMarkdownSimpleComponent {\n schema: SFSchema = {\n properties: {\n remark: {\n type: 'string',\n title: '\u63cf\u8ff0',\n ui: {\n widget: 'md'\n }\n }\n }\n };\n constructor(public msg: NzMessageService) { }\n submit(value: any) { this.msg.success(JSON.stringify(value)); }\n}",name:"simple",urls:"packages/form/widgets-third/markdown/demo/simple.md",lang:"ts",componentName:"FormMarkdownSimpleComponent",point:0}]},ot=function(){function t(t){this.msg=t,this.schema={properties:{remark:{type:"string",title:"\u63cf\u8ff0",ui:{widget:"md"}}}}}return t.prototype.submit=function(t){this.msg.success(JSON.stringify(t))},t}(),lt=function(){this.item={cols:1,urls:{"zh-CN":"packages/form/widgets-third/tinymce/index.md"},content:{"zh-CN":{content:'<p>Tinymce\u5bcc\u6587\u672c\u3002</p><blockquote><p>\u6ce8\uff1a\u7b2c\u4e09\u65b9\u5c0f\u90e8\u4ef6\u9ed8\u8ba4\u5e76\u672a\u6ce8\u518c\uff0c\u7ec6\u8282\u89c1<a href="https://ng-alain.com/form/customize" data-url="https://ng-alain.com/form/customize">\u81ea\u5b9a\u4e49\u5c0f\u90e8\u4ef6</a>\u3002</p></blockquote><h2 id="\u6e90\u4ee3\u7801">\u6e90\u4ee3\u7801<a onclick="window.location.hash = \'\u6e90\u4ee3\u7801\'" class="anchor">#</a></h2><p><a target="_blank" href="https://github.com/cipchk/delon/tree/master/packages/form/widgets-third/tinymce" data-url="https://github.com/cipchk/delon/tree/master/packages/form/widgets-third/tinymce">\u6e90\u4ee3\u7801</a>\u3002</p>',api:'<h2 id="API">API<a onclick="window.location.hash = \'API\'" class="anchor">#</a></h2><h3 id="ui-\u5c5e\u6027">ui \u5c5e\u6027<a onclick="window.location.hash = \'ui-\u5c5e\u6027\'" class="anchor">#</a></h3><table><thead><tr><th>\u53c2\u6570</th><th>\u8bf4\u660e</th><th>\u7c7b\u578b</th><th>\u9ed8\u8ba4\u503c</th></tr></thead><tbody><tr><td><code>[config]</code></td><td>\u914d\u7f6e\u9879\u8bf4\u660e\uff0c<a target="_blank" href="https://www.tinymce.com/docs/configure/integration-and-setup/" data-url="https://www.tinymce.com/docs/configure/integration-and-setup/">\u89c1\u5b98\u7f51</a></td><td><code>Object</code></td><td>-</td></tr><tr><td><code>[loading]</code></td><td>\u521d\u59cb\u5316\u63d0\u793a\u6587\u672c</td><td><code>string</code></td><td><code>\u52a0\u8f7d\u4e2d...</code></td></tr><tr><td><code>[change]</code></td><td>\u7f16\u8f91\u5668\u5185\u5bb9\u53d1\u751f\u6539\u53d8\u65f6\u4f1a\u89e6\u53d1\u8be5\u4e8b\u4ef6</td><td><code>(html: string) => void</code></td><td>-</td></tr></tbody></table>',meta:{title:"tinymce",subtitle:"Tinymce\u5bcc\u6587\u672c",type:"Third Widgets"},toc:[{href:"#\u6e90\u4ee3\u7801",title:"\u6e90\u4ee3\u7801",h:2},{href:"#API",title:"API",h:2},{href:"#ui-\u5c5e\u6027",title:"ui \u5c5e\u6027",h:3}]}},demo:!0},this.codes=[{id:"form-tinymce-simple",meta:{title:{"zh-CN":"\u57fa\u7840\u6837\u4f8b","en-US":"Basic Usage"},order:0},summary:{"zh-CN":"<p>\u6700\u7b80\u5355\u7684\u7528\u6cd5\u3002</p>","en-US":"<p>Simplest of usage.</p>"},code:"import { Component } from '@angular/core';\nimport { SFSchema } from '@delon/form';\nimport { NzMessageService } from 'ng-zorro-antd';\n\n@Component({\n selector: 'form-tinymce-simple',\n template: `<sf [schema]=\"schema\" (formSubmit)=\"submit($event)\"></sf>`\n})\nexport class FormTinymceSimpleComponent {\n schema: SFSchema = {\n properties: {\n remark: {\n type: 'string',\n title: '\u63cf\u8ff0',\n ui: {\n widget: 'tinymce'\n }\n }\n }\n };\n constructor(public msg: NzMessageService) { }\n submit(value: any) { this.msg.success(JSON.stringify(value)); }\n}",name:"simple",urls:"packages/form/widgets-third/tinymce/demo/simple.md",lang:"ts",componentName:"FormTinymceSimpleComponent",point:0}]},ct=function(){function t(t){this.msg=t,this.schema={properties:{remark:{type:"string",title:"\u63cf\u8ff0",ui:{widget:"tinymce"}}}}}return t.prototype.submit=function(t){this.msg.success(JSON.stringify(t))},t}(),at=function(){this.item={cols:1,urls:{"zh-CN":"packages/form/widgets-third/ueditor/index.md"},content:{"zh-CN":{content:'<p>Ueditor\u5bcc\u6587\u672c\u3002</p><blockquote><p>\u6ce8\uff1a\u7b2c\u4e09\u65b9\u5c0f\u90e8\u4ef6\u9ed8\u8ba4\u5e76\u672a\u6ce8\u518c\uff0c\u7ec6\u8282\u89c1<a href="https://ng-alain.com/form/customize" data-url="https://ng-alain.com/form/customize">\u81ea\u5b9a\u4e49\u5c0f\u90e8\u4ef6</a>\u3002</p></blockquote><h2 id="\u6e90\u4ee3\u7801">\u6e90\u4ee3\u7801<a onclick="window.location.hash = \'\u6e90\u4ee3\u7801\'" class="anchor">#</a></h2><p><a target="_blank" href="https://github.com/cipchk/delon/tree/master/packages/form/widgets-third/ueditor" data-url="https://github.com/cipchk/delon/tree/master/packages/form/widgets-third/ueditor">\u6e90\u4ee3\u7801</a>\u3002</p>',api:'<h2 id="API">API<a onclick="window.location.hash = \'API\'" class="anchor">#</a></h2><h3 id="ui-\u5c5e\u6027">ui \u5c5e\u6027<a onclick="window.location.hash = \'ui-\u5c5e\u6027\'" class="anchor">#</a></h3><table><thead><tr><th>\u53c2\u6570</th><th>\u8bf4\u660e</th><th>\u7c7b\u578b</th><th>\u9ed8\u8ba4\u503c</th></tr></thead><tbody><tr><td><code>[config]</code></td><td>\u524d\u7aef\u914d\u7f6e\u9879\u8bf4\u660e\uff0c<a target="_blank" href="http://fex.baidu.com/ueditor/#start-config" data-url="http://fex.baidu.com/ueditor/#start-config">\u89c1\u5b98\u7f51</a></td><td><code>Object</code></td><td>-</td></tr><tr><td><code>[loading]</code></td><td>\u521d\u59cb\u5316\u63d0\u793a\u6587\u672c</td><td><code>string</code></td><td><code>\u52a0\u8f7d\u4e2d...</code></td></tr><tr><td><code>[delay]</code></td><td>\u5ef6\u8fdf\u521d\u59cb\u5316UEditor\uff0c\u5355\u4f4d\uff1a\u6beb\u79d2</td><td><code>number</code></td><td><code>300</code></td></tr><tr><td><code>[change]</code></td><td>\u7f16\u8f91\u5668\u5185\u5bb9\u53d1\u751f\u6539\u53d8\u65f6\u4f1a\u89e6\u53d1\u8be5\u4e8b\u4ef6</td><td><code>(html: string) => void</code></td><td>-</td></tr></tbody></table>',meta:{title:"ueditor",subtitle:"Ueditor\u5bcc\u6587\u672c",type:"Third Widgets"},toc:[{href:"#\u6e90\u4ee3\u7801",title:"\u6e90\u4ee3\u7801",h:2},{href:"#API",title:"API",h:2},{href:"#ui-\u5c5e\u6027",title:"ui \u5c5e\u6027",h:3}]}},demo:!0},this.codes=[{id:"form-ueditor-simple",meta:{title:{"zh-CN":"\u57fa\u7840\u6837\u4f8b","en-US":"Basic Usage"},order:0},summary:{"zh-CN":"<p>\u6700\u7b80\u5355\u7684\u7528\u6cd5\u3002</p>","en-US":"<p>Simplest of usage.</p>"},code:"import { Component } from '@angular/core';\nimport { SFSchema } from '@delon/form';\nimport { NzMessageService } from 'ng-zorro-antd';\n\n@Component({\n selector: 'form-ueditor-simple',\n template: `<sf [schema]=\"schema\" (formSubmit)=\"submit($event)\"></sf>`\n})\nexport class FormUeditorSimpleComponent {\n schema: SFSchema = {\n properties: {\n remark: {\n type: 'string',\n title: '\u63cf\u8ff0',\n ui: {\n widget: 'ueditor'\n }\n }\n }\n };\n constructor(public msg: NzMessageService) { }\n submit(value: any) { this.msg.success(JSON.stringify(value)); }\n}",name:"simple",urls:"packages/form/widgets-third/ueditor/demo/simple.md",lang:"ts",componentName:"FormUeditorSimpleComponent",point:0}]},it=function(){function t(t){this.msg=t,this.schema={properties:{remark:{type:"string",title:"\u63cf\u8ff0",ui:{widget:"ueditor"}}}}}return t.prototype.submit=function(t){this.msg.success(JSON.stringify(t))},t}(),rt=function(){},st=d("pMnS"),ut=d("ebDo"),mt=d("GYi0"),ht=d("R6D3"),pt=d("WP5L"),bt=d("71F0"),ft=d("fE+l"),gt=d("0RMT"),St=d("QcbP"),yt=d("0D9X"),wt=d("SpJI"),vt=d("hBP+"),xt=d("QPFe"),zt=d("RdGh"),kt=d("D9vs"),Ft=d("DyZ0"),Ct=d("TY3c"),Ht=d("u+Cy"),Nt=d("8+8K"),Mt=d("YVZs"),It=d("F/j7"),At=d("/EOF"),Rt=d("ZKYL"),Ot=d("SZk1"),Pt=d("5eO6"),Et=d("p+4O"),Lt=d("bLMo"),Dt=d("ieBQ"),Ut=d("651C"),Tt=d("AKjh"),_t=d("Z4UC"),jt=d("ZYCi"),Wt=d("ZYjt"),Gt=n.vb({encapsulation:0,styles:["[_nghost-%COMP%] { display: block }"],data:{}});function Yt(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,1,"app-docs",[],null,null,null,Dt.b,Dt.a)),n.wb(1,245760,null,0,Ut.a,[Tt.a,_t.a,jt.o,Wt.c],{codes:[0,"codes"],item:[1,"item"]},null)],function(t,e){var d=e.component;t(e,1,0,d.codes,d.item)},null)}var Jt=n.tb("app-form-customize",l,function(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,1,"app-form-customize",[],null,null,null,Yt,Gt)),n.wb(1,49152,null,0,l,[],null,null)],null,null)},{},{},[]),Bt=n.vb({encapsulation:0,styles:["[_nghost-%COMP%] { display: block }"],data:{}});function $t(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,1,"app-docs",[],null,null,null,Dt.b,Dt.a)),n.wb(1,245760,null,0,Ut.a,[Tt.a,_t.a,jt.o,Wt.c],{codes:[0,"codes"],item:[1,"item"]},null)],function(t,e){var d=e.component;t(e,1,0,d.codes,d.item)},null)}var qt=n.tb("app-form-error",c,function(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,1,"app-form-error",[],null,null,null,$t,Bt)),n.wb(1,49152,null,0,c,[],null,null)],null,null)},{},{},[]),Vt=n.vb({encapsulation:0,styles:["[_nghost-%COMP%] { display: block }"],data:{}});function Zt(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,1,"app-docs",[],null,null,null,Dt.b,Dt.a)),n.wb(1,245760,null,0,Ut.a,[Tt.a,_t.a,jt.o,Wt.c],{codes:[0,"codes"],item:[1,"item"]},null)],function(t,e){var d=e.component;t(e,1,0,d.codes,d.item)},null)}var Kt=n.tb("app-form-getting-started",a,function(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,1,"app-form-getting-started",[],null,null,null,Zt,Vt)),n.wb(1,49152,null,0,a,[],null,null)],null,null)},{},{},[]),Qt=n.vb({encapsulation:0,styles:["[_nghost-%COMP%] { display: block }"],data:{}});function Xt(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,1,"app-docs",[],null,null,null,Dt.b,Dt.a)),n.wb(1,245760,null,0,Ut.a,[Tt.a,_t.a,jt.o,Wt.c],{codes:[0,"codes"],item:[1,"item"]},null)],function(t,e){var d=e.component;t(e,1,0,d.codes,d.item)},null)}var te=n.tb("app-form-qa",i,function(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,1,"app-form-qa",[],null,null,null,Xt,Qt)),n.wb(1,49152,null,0,i,[],null,null)],null,null)},{},{},[]),ee=n.vb({encapsulation:0,styles:["[_nghost-%COMP%] { display: block }"],data:{}});function de(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,1,"app-docs",[],null,null,null,Dt.b,Dt.a)),n.wb(1,245760,null,0,Ut.a,[Tt.a,_t.a,jt.o,Wt.c],{codes:[0,"codes"],item:[1,"item"]},null)],function(t,e){var d=e.component;t(e,1,0,d.codes,d.item)},null)}var ne=n.tb("app-form-schema",r,function(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,1,"app-form-schema",[],null,null,null,de,ee)),n.wb(1,49152,null,0,r,[],null,null)],null,null)},{},{},[]),oe=n.vb({encapsulation:0,styles:["[_nghost-%COMP%] { display: block }"],data:{}});function le(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,1,"app-docs",[],null,null,null,Dt.b,Dt.a)),n.wb(1,245760,null,0,Ut.a,[Tt.a,_t.a,jt.o,Wt.c],{codes:[0,"codes"],item:[1,"item"]},null)],function(t,e){var d=e.component;t(e,1,0,d.codes,d.item)},null)}var ce=n.tb("app-form-modal",s,function(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,1,"app-form-modal",[],null,null,null,le,oe)),n.wb(1,49152,null,0,s,[],null,null)],null,null)},{},{},[]),ae=d("6Cds"),ie=d("Ewum"),re=d("UlPz"),se=d("995Z"),ue=d("mnwr"),me=d("h6ZI"),he=d("HrHe"),pe=d("w1IW"),be=d("WVOv"),fe=d("gXEi"),ge=d("54Ps"),Se=n.vb({encapsulation:2,styles:[],data:{}});function ye(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,4,"sf",[],[[2,"sf",null],[2,"sf-search",null],[2,"sf-edit",null]],[[null,"formSubmit"]],function(t,e,d){var n=!0;return"formSubmit"===e&&(n=!1!==t.component.submit(d)&&n),n},ue.b,ue.a)),n.Mb(4608,null,me.a,me.a,[me.b,n.k]),n.Mb(1024,null,he.a,pe.b,[be.b,fe.a]),n.Mb(512,null,ge.a,ge.a,[]),n.wb(4,770048,null,0,pe.a,[he.a,ge.a,fe.a,n.i],{schema:[0,"schema"]},{formSubmit:"formSubmit"})],function(t,e){t(e,4,0,e.component.schema)},function(t,e){t(e,0,0,!0,"search"===n.Hb(e,4).mode,"edit"===n.Hb(e,4).mode)})}var we=n.vb({encapsulation:0,styles:["[_nghost-%COMP%] { display: block }"],data:{}});function ve(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,11,"app-docs",[],null,null,null,Dt.b,Dt.a)),n.wb(1,245760,null,0,Ut.a,[Tt.a,_t.a,jt.o,Wt.c],{codes:[0,"codes"],item:[1,"item"]},null),(t()(),n.xb(2,0,null,0,9,"nz-row",[],null,[["window","resize"]],function(t,e,d){var o=!0;return"window:resize"===e&&(o=!1!==n.Hb(t,4).onWindowResize(d)&&o),o},ut.rb,ut.h)),n.Mb(512,null,ae.L,ae.L,[n.H]),n.wb(4,114688,null,0,ae.E,[n.l,n.H,ae.L],{nzGutter:[0,"nzGutter"]},null),(t()(),n.xb(5,0,null,0,6,"nz-col",[["nzSpan","24"]],[[4,"padding-left","px"],[4,"padding-right","px"]],null,null,ut.sb,ut.i)),n.Mb(512,null,ae.L,ae.L,[n.H]),n.wb(7,638976,null,0,ae.G,[ae.L,n.l,[2,ae.E],[8,null],n.H],{nzSpan:[0,"nzSpan"]},null),(t()(),n.xb(8,0,null,0,3,"code-box",[],[[1,"id",0],[2,"code-box",null],[2,"expand",null]],null,null,ie.b,ie.a)),n.wb(9,245760,null,0,re.a,[Tt.a,ae.d,se.a],{item:[0,"item"]},null),(t()(),n.xb(10,0,null,0,1,"form-array-simple",[],null,null,null,ye,Se)),n.wb(11,49152,null,0,m,[ae.d],null,null)],function(t,e){var d=e.component;t(e,1,0,d.codes,d.item),t(e,4,0,16),t(e,7,0,"24"),t(e,9,0,d.codes[0])},function(t,e){var d=e.component;t(e,5,0,n.Hb(e,7).paddingLeft,n.Hb(e,7).paddingRight),t(e,8,0,d.codes[0].id,!0,n.Hb(e,9).expand)})}var xe=n.tb("app-form-array",u,function(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,1,"app-form-array",[],null,null,null,ve,we)),n.wb(1,49152,null,0,u,[],null,null)],null,null)},{},{},[]),ze=n.vb({encapsulation:2,styles:[],data:{}});function ke(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,4,"sf",[],[[2,"sf",null],[2,"sf-search",null],[2,"sf-edit",null]],[[null,"formSubmit"]],function(t,e,d){var n=!0;return"formSubmit"===e&&(n=!1!==t.component.submit(d)&&n),n},ue.b,ue.a)),n.Mb(4608,null,me.a,me.a,[me.b,n.k]),n.Mb(1024,null,he.a,pe.b,[be.b,fe.a]),n.Mb(512,null,ge.a,ge.a,[]),n.wb(4,770048,null,0,pe.a,[he.a,ge.a,fe.a,n.i],{schema:[0,"schema"]},{formSubmit:"formSubmit"})],function(t,e){t(e,4,0,e.component.schema)},function(t,e){t(e,0,0,!0,"search"===n.Hb(e,4).mode,"edit"===n.Hb(e,4).mode)})}var Fe=n.vb({encapsulation:0,styles:["[_nghost-%COMP%] { display: block }"],data:{}});function Ce(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,11,"app-docs",[],null,null,null,Dt.b,Dt.a)),n.wb(1,245760,null,0,Ut.a,[Tt.a,_t.a,jt.o,Wt.c],{codes:[0,"codes"],item:[1,"item"]},null),(t()(),n.xb(2,0,null,0,9,"nz-row",[],null,[["window","resize"]],function(t,e,d){var o=!0;return"window:resize"===e&&(o=!1!==n.Hb(t,4).onWindowResize(d)&&o),o},ut.rb,ut.h)),n.Mb(512,null,ae.L,ae.L,[n.H]),n.wb(4,114688,null,0,ae.E,[n.l,n.H,ae.L],{nzGutter:[0,"nzGutter"]},null),(t()(),n.xb(5,0,null,0,6,"nz-col",[["nzSpan","24"]],[[4,"padding-left","px"],[4,"padding-right","px"]],null,null,ut.sb,ut.i)),n.Mb(512,null,ae.L,ae.L,[n.H]),n.wb(7,638976,null,0,ae.G,[ae.L,n.l,[2,ae.E],[8,null],n.H],{nzSpan:[0,"nzSpan"]},null),(t()(),n.xb(8,0,null,0,3,"code-box",[],[[1,"id",0],[2,"code-box",null],[2,"expand",null]],null,null,ie.b,ie.a)),n.wb(9,245760,null,0,re.a,[Tt.a,ae.d,se.a],{item:[0,"item"]},null),(t()(),n.xb(10,0,null,0,1,"form-autocomplete-simple",[],null,null,null,ke,ze)),n.wb(11,49152,null,0,b,[ae.d],null,null)],function(t,e){var d=e.component;t(e,1,0,d.codes,d.item),t(e,4,0,16),t(e,7,0,"24"),t(e,9,0,d.codes[0])},function(t,e){var d=e.component;t(e,5,0,n.Hb(e,7).paddingLeft,n.Hb(e,7).paddingRight),t(e,8,0,d.codes[0].id,!0,n.Hb(e,9).expand)})}var He=n.tb("app-form-autocomplete",h,function(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,1,"app-form-autocomplete",[],null,null,null,Ce,Fe)),n.wb(1,49152,null,0,h,[],null,null)],null,null)},{},{},[]),Ne=n.vb({encapsulation:2,styles:[],data:{}});function Me(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,4,"sf",[],[[2,"sf",null],[2,"sf-search",null],[2,"sf-edit",null]],[[null,"formSubmit"]],function(t,e,d){var n=!0;return"formSubmit"===e&&(n=!1!==t.component.submit(d)&&n),n},ue.b,ue.a)),n.Mb(4608,null,me.a,me.a,[me.b,n.k]),n.Mb(1024,null,he.a,pe.b,[be.b,fe.a]),n.Mb(512,null,ge.a,ge.a,[]),n.wb(4,770048,null,0,pe.a,[he.a,ge.a,fe.a,n.i],{schema:[0,"schema"]},{formSubmit:"formSubmit"})],function(t,e){t(e,4,0,e.component.schema)},function(t,e){t(e,0,0,!0,"search"===n.Hb(e,4).mode,"edit"===n.Hb(e,4).mode)})}var Ie=n.vb({encapsulation:0,styles:["[_nghost-%COMP%] { display: block }"],data:{}});function Ae(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,11,"app-docs",[],null,null,null,Dt.b,Dt.a)),n.wb(1,245760,null,0,Ut.a,[Tt.a,_t.a,jt.o,Wt.c],{codes:[0,"codes"],item:[1,"item"]},null),(t()(),n.xb(2,0,null,0,9,"nz-row",[],null,[["window","resize"]],function(t,e,d){var o=!0;return"window:resize"===e&&(o=!1!==n.Hb(t,4).onWindowResize(d)&&o),o},ut.rb,ut.h)),n.Mb(512,null,ae.L,ae.L,[n.H]),n.wb(4,114688,null,0,ae.E,[n.l,n.H,ae.L],{nzGutter:[0,"nzGutter"]},null),(t()(),n.xb(5,0,null,0,6,"nz-col",[["nzSpan","24"]],[[4,"padding-left","px"],[4,"padding-right","px"]],null,null,ut.sb,ut.i)),n.Mb(512,null,ae.L,ae.L,[n.H]),n.wb(7,638976,null,0,ae.G,[ae.L,n.l,[2,ae.E],[8,null],n.H],{nzSpan:[0,"nzSpan"]},null),(t()(),n.xb(8,0,null,0,3,"code-box",[],[[1,"id",0],[2,"code-box",null],[2,"expand",null]],null,null,ie.b,ie.a)),n.wb(9,245760,null,0,re.a,[Tt.a,ae.d,se.a],{item:[0,"item"]},null),(t()(),n.xb(10,0,null,0,1,"form-boolean-simple",[],null,null,null,Me,Ne)),n.wb(11,49152,null,0,g,[ae.d],null,null)],function(t,e){var d=e.component;t(e,1,0,d.codes,d.item),t(e,4,0,16),t(e,7,0,"24"),t(e,9,0,d.codes[0])},function(t,e){var d=e.component;t(e,5,0,n.Hb(e,7).paddingLeft,n.Hb(e,7).paddingRight),t(e,8,0,d.codes[0].id,!0,n.Hb(e,9).expand)})}var Re=n.tb("app-form-boolean",f,function(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,1,"app-form-boolean",[],null,null,null,Ae,Ie)),n.wb(1,49152,null,0,f,[],null,null)],null,null)},{},{},[]),Oe=n.vb({encapsulation:2,styles:[],data:{}});function Pe(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,4,"sf",[],[[2,"sf",null],[2,"sf-search",null],[2,"sf-edit",null]],[[null,"formSubmit"]],function(t,e,d){var n=!0;return"formSubmit"===e&&(n=!1!==t.component.submit(d)&&n),n},ue.b,ue.a)),n.Mb(4608,null,me.a,me.a,[me.b,n.k]),n.Mb(1024,null,he.a,pe.b,[be.b,fe.a]),n.Mb(512,null,ge.a,ge.a,[]),n.wb(4,770048,null,0,pe.a,[he.a,ge.a,fe.a,n.i],{schema:[0,"schema"]},{formSubmit:"formSubmit"})],function(t,e){t(e,4,0,e.component.schema)},function(t,e){t(e,0,0,!0,"search"===n.Hb(e,4).mode,"edit"===n.Hb(e,4).mode)})}var Ee=n.vb({encapsulation:0,styles:["[_nghost-%COMP%] { display: block }"],data:{}});function Le(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,11,"app-docs",[],null,null,null,Dt.b,Dt.a)),n.wb(1,245760,null,0,Ut.a,[Tt.a,_t.a,jt.o,Wt.c],{codes:[0,"codes"],item:[1,"item"]},null),(t()(),n.xb(2,0,null,0,9,"nz-row",[],null,[["window","resize"]],function(t,e,d){var o=!0;return"window:resize"===e&&(o=!1!==n.Hb(t,4).onWindowResize(d)&&o),o},ut.rb,ut.h)),n.Mb(512,null,ae.L,ae.L,[n.H]),n.wb(4,114688,null,0,ae.E,[n.l,n.H,ae.L],{nzGutter:[0,"nzGutter"]},null),(t()(),n.xb(5,0,null,0,6,"nz-col",[["nzSpan","24"]],[[4,"padding-left","px"],[4,"padding-right","px"]],null,null,ut.sb,ut.i)),n.Mb(512,null,ae.L,ae.L,[n.H]),n.wb(7,638976,null,0,ae.G,[ae.L,n.l,[2,ae.E],[8,null],n.H],{nzSpan:[0,"nzSpan"]},null),(t()(),n.xb(8,0,null,0,3,"code-box",[],[[1,"id",0],[2,"code-box",null],[2,"expand",null]],null,null,ie.b,ie.a)),n.wb(9,245760,null,0,re.a,[Tt.a,ae.d,se.a],{item:[0,"item"]},null),(t()(),n.xb(10,0,null,0,1,"form-cascader-simple",[],null,null,null,Pe,Oe)),n.wb(11,49152,null,0,y,[ae.d],null,null)],function(t,e){var d=e.component;t(e,1,0,d.codes,d.item),t(e,4,0,16),t(e,7,0,"24"),t(e,9,0,d.codes[0])},function(t,e){var d=e.component;t(e,5,0,n.Hb(e,7).paddingLeft,n.Hb(e,7).paddingRight),t(e,8,0,d.codes[0].id,!0,n.Hb(e,9).expand)})}var De=n.tb("app-form-cascader",S,function(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,1,"app-form-cascader",[],null,null,null,Le,Ee)),n.wb(1,49152,null,0,S,[],null,null)],null,null)},{},{},[]),Ue=n.vb({encapsulation:2,styles:[],data:{}});function Te(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,4,"sf",[],[[2,"sf",null],[2,"sf-search",null],[2,"sf-edit",null]],[[null,"formSubmit"]],function(t,e,d){var n=!0;return"formSubmit"===e&&(n=!1!==t.component.submit(d)&&n),n},ue.b,ue.a)),n.Mb(4608,null,me.a,me.a,[me.b,n.k]),n.Mb(1024,null,he.a,pe.b,[be.b,fe.a]),n.Mb(512,null,ge.a,ge.a,[]),n.wb(4,770048,null,0,pe.a,[he.a,ge.a,fe.a,n.i],{schema:[0,"schema"]},{formSubmit:"formSubmit"})],function(t,e){t(e,4,0,e.component.schema)},function(t,e){t(e,0,0,!0,"search"===n.Hb(e,4).mode,"edit"===n.Hb(e,4).mode)})}var _e=n.vb({encapsulation:0,styles:["[_nghost-%COMP%] { display: block }"],data:{}});function je(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,11,"app-docs",[],null,null,null,Dt.b,Dt.a)),n.wb(1,245760,null,0,Ut.a,[Tt.a,_t.a,jt.o,Wt.c],{codes:[0,"codes"],item:[1,"item"]},null),(t()(),n.xb(2,0,null,0,9,"nz-row",[],null,[["window","resize"]],function(t,e,d){var o=!0;return"window:resize"===e&&(o=!1!==n.Hb(t,4).onWindowResize(d)&&o),o},ut.rb,ut.h)),n.Mb(512,null,ae.L,ae.L,[n.H]),n.wb(4,114688,null,0,ae.E,[n.l,n.H,ae.L],{nzGutter:[0,"nzGutter"]},null),(t()(),n.xb(5,0,null,0,6,"nz-col",[["nzSpan","24"]],[[4,"padding-left","px"],[4,"padding-right","px"]],null,null,ut.sb,ut.i)),n.Mb(512,null,ae.L,ae.L,[n.H]),n.wb(7,638976,null,0,ae.G,[ae.L,n.l,[2,ae.E],[8,null],n.H],{nzSpan:[0,"nzSpan"]},null),(t()(),n.xb(8,0,null,0,3,"code-box",[],[[1,"id",0],[2,"code-box",null],[2,"expand",null]],null,null,ie.b,ie.a)),n.wb(9,245760,null,0,re.a,[Tt.a,ae.d,se.a],{item:[0,"item"]},null),(t()(),n.xb(10,0,null,0,1,"form-checkbox-simple",[],null,null,null,Te,Ue)),n.wb(11,49152,null,0,x,[ae.d],null,null)],function(t,e){var d=e.component;t(e,1,0,d.codes,d.item),t(e,4,0,16),t(e,7,0,"24"),t(e,9,0,d.codes[0])},function(t,e){var d=e.component;t(e,5,0,n.Hb(e,7).paddingLeft,n.Hb(e,7).paddingRight),t(e,8,0,d.codes[0].id,!0,n.Hb(e,9).expand)})}var We=n.tb("app-form-checkbox",w,function(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,1,"app-form-checkbox",[],null,null,null,je,_e)),n.wb(1,49152,null,0,w,[],null,null)],null,null)},{},{},[]),Ge=d("gIcY"),Ye=d("7KYW"),Je=n.vb({encapsulation:2,styles:[],data:{}});function Be(t){return n.Rb(0,[(t()(),n.Pb(-1,null,[" \u81ea\u5b9a\u4e49\u5185\u5bb9: "])),(t()(),n.xb(1,0,null,null,6,"input",[["nz-input",""]],[[1,"id",0],[1,"disabled",0],[2,"ng-untouched",null],[2,"ng-touched",null],[2,"ng-pristine",null],[2,"ng-dirty",null],[2,"ng-valid",null],[2,"ng-invalid",null],[2,"ng-pending",null],[2,"ant-input",null],[2,"ant-input-disabled",null],[2,"ant-input-lg",null],[2,"ant-input-sm",null]],[[null,"ngModelChange"],[null,"input"],[null,"blur"],[null,"compositionstart"],[null,"compositionend"]],function(t,e,d){var o=!0;return"input"===e&&(o=!1!==n.Hb(t,2)._handleInput(d.target.value)&&o),"blur"===e&&(o=!1!==n.Hb(t,2).onTouched()&&o),"compositionstart"===e&&(o=!1!==n.Hb(t,2)._compositionStart()&&o),"compositionend"===e&&(o=!1!==n.Hb(t,2)._compositionEnd(d.target.value)&&o),"input"===e&&(o=!1!==n.Hb(t,7).textAreaOnChange()&&o),"ngModelChange"===e&&(o=!1!==t.context.$implicit.setValue(d)&&o),o},null,null)),n.wb(2,16384,null,0,Ge.c,[n.H,n.l,[2,Ge.a]],null,null),n.Mb(1024,null,Ge.k,function(t){return[t]},[Ge.c]),n.wb(4,671744,null,0,Ge.p,[[8,null],[8,null],[8,null],[6,Ge.k]],{isDisabled:[0,"isDisabled"],model:[1,"model"]},{update:"ngModelChange"}),n.Mb(2048,null,Ge.l,null,[Ge.p]),n.wb(6,16384,null,0,Ge.m,[[4,Ge.l]],null,null),n.wb(7,4472832,null,0,ae.wb,[n.l,n.H,[2,Ge.p],[6,Ge.l]],{nzSize:[0,"nzSize"],disabled:[1,"disabled"]},null)],function(t,e){t(e,4,0,e.context.$implicit.disabled,e.context.$implicit.formProperty.value),t(e,7,0,e.context.ui.size,e.context.$implicit.disabled)},function(t,e){t(e,1,1,[e.component.id,e.context.$implicit.disabled,n.Hb(e,6).ngClassUntouched,n.Hb(e,6).ngClassTouched,n.Hb(e,6).ngClassPristine,n.Hb(e,6).ngClassDirty,n.Hb(e,6).ngClassValid,n.Hb(e,6).ngClassInvalid,n.Hb(e,6).ngClassPending,!0,n.Hb(e,7).disabled,n.Hb(e,7).setLgClass,n.Hb(e,7).setSmClass])})}function $e(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,6,"sf",[],[[2,"sf",null],[2,"sf-search",null],[2,"sf-edit",null]],[[null,"formSubmit"]],function(t,e,d){var n=!0;return"formSubmit"===e&&(n=!1!==t.component.submit(d)&&n),n},ue.b,ue.a)),n.Mb(4608,null,me.a,me.a,[me.b,n.k]),n.Mb(1024,null,he.a,pe.b,[be.b,fe.a]),n.Mb(512,null,ge.a,ge.a,[]),n.wb(4,770048,null,0,pe.a,[he.a,ge.a,fe.a,n.i],{schema:[0,"schema"]},{formSubmit:"formSubmit"}),(t()(),n.ob(0,null,0,1,null,Be)),n.wb(6,81920,null,0,Ye.a,[n.R,pe.a],{path:[0,"path"]},null)],function(t,e){t(e,4,0,e.component.schema),t(e,6,0,"property1")},function(t,e){t(e,0,0,!0,"search"===n.Hb(e,4).mode,"edit"===n.Hb(e,4).mode)})}var qe=n.vb({encapsulation:0,styles:["[_nghost-%COMP%] { display: block }"],data:{}});function Ve(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,11,"app-docs",[],null,null,null,Dt.b,Dt.a)),n.wb(1,245760,null,0,Ut.a,[Tt.a,_t.a,jt.o,Wt.c],{codes:[0,"codes"],item:[1,"item"]},null),(t()(),n.xb(2,0,null,0,9,"nz-row",[],null,[["window","resize"]],function(t,e,d){var o=!0;return"window:resize"===e&&(o=!1!==n.Hb(t,4).onWindowResize(d)&&o),o},ut.rb,ut.h)),n.Mb(512,null,ae.L,ae.L,[n.H]),n.wb(4,114688,null,0,ae.E,[n.l,n.H,ae.L],{nzGutter:[0,"nzGutter"]},null),(t()(),n.xb(5,0,null,0,6,"nz-col",[["nzSpan","24"]],[[4,"padding-left","px"],[4,"padding-right","px"]],null,null,ut.sb,ut.i)),n.Mb(512,null,ae.L,ae.L,[n.H]),n.wb(7,638976,null,0,ae.G,[ae.L,n.l,[2,ae.E],[8,null],n.H],{nzSpan:[0,"nzSpan"]},null),(t()(),n.xb(8,0,null,0,3,"code-box",[],[[1,"id",0],[2,"code-box",null],[2,"expand",null]],null,null,ie.b,ie.a)),n.wb(9,245760,null,0,re.a,[Tt.a,ae.d,se.a],{item:[0,"item"]},null),(t()(),n.xb(10,0,null,0,1,"form-custom-simple",[],null,null,null,$e,Je)),n.wb(11,49152,null,0,k,[ae.d],null,null)],function(t,e){var d=e.component;t(e,1,0,d.codes,d.item),t(e,4,0,16),t(e,7,0,"24"),t(e,9,0,d.codes[0])},function(t,e){var d=e.component;t(e,5,0,n.Hb(e,7).paddingLeft,n.Hb(e,7).paddingRight),t(e,8,0,d.codes[0].id,!0,n.Hb(e,9).expand)})}var Ze=n.tb("app-form-custom",z,function(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,1,"app-form-custom",[],null,null,null,Ve,qe)),n.wb(1,49152,null,0,z,[],null,null)],null,null)},{},{},[]),Ke=n.vb({encapsulation:2,styles:[],data:{}});function Qe(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,4,"sf",[],[[2,"sf",null],[2,"sf-search",null],[2,"sf-edit",null]],[[null,"formSubmit"],[null,"formChange"]],function(t,e,d){var n=!0,o=t.component;return"formSubmit"===e&&(n=!1!==o.submit(d)&&n),"formChange"===e&&(n=!1!==o.change(d)&&n),n},ue.b,ue.a)),n.Mb(4608,null,me.a,me.a,[me.b,n.k]),n.Mb(1024,null,he.a,pe.b,[be.b,fe.a]),n.Mb(512,null,ge.a,ge.a,[]),n.wb(4,770048,null,0,pe.a,[he.a,ge.a,fe.a,n.i],{schema:[0,"schema"]},{formChange:"formChange",formSubmit:"formSubmit"})],function(t,e){t(e,4,0,e.component.schema)},function(t,e){t(e,0,0,!0,"search"===n.Hb(e,4).mode,"edit"===n.Hb(e,4).mode)})}var Xe=n.vb({encapsulation:0,styles:["[_nghost-%COMP%] { display: block }"],data:{}});function td(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,11,"app-docs",[],null,null,null,Dt.b,Dt.a)),n.wb(1,245760,null,0,Ut.a,[Tt.a,_t.a,jt.o,Wt.c],{codes:[0,"codes"],item:[1,"item"]},null),(t()(),n.xb(2,0,null,0,9,"nz-row",[],null,[["window","resize"]],function(t,e,d){var o=!0;return"window:resize"===e&&(o=!1!==n.Hb(t,4).onWindowResize(d)&&o),o},ut.rb,ut.h)),n.Mb(512,null,ae.L,ae.L,[n.H]),n.wb(4,114688,null,0,ae.E,[n.l,n.H,ae.L],{nzGutter:[0,"nzGutter"]},null),(t()(),n.xb(5,0,null,0,6,"nz-col",[["nzSpan","24"]],[[4,"padding-left","px"],[4,"padding-right","px"]],null,null,ut.sb,ut.i)),n.Mb(512,null,ae.L,ae.L,[n.H]),n.wb(7,638976,null,0,ae.G,[ae.L,n.l,[2,ae.E],[8,null],n.H],{nzSpan:[0,"nzSpan"]},null),(t()(),n.xb(8,0,null,0,3,"code-box",[],[[1,"id",0],[2,"code-box",null],[2,"expand",null]],null,null,ie.b,ie.a)),n.wb(9,245760,null,0,re.a,[Tt.a,ae.d,se.a],{item:[0,"item"]},null),(t()(),n.xb(10,0,null,0,1,"form-date-simple",[],null,null,null,Qe,Ke)),n.wb(11,49152,null,0,C,[ae.d],null,null)],function(t,e){var d=e.component;t(e,1,0,d.codes,d.item),t(e,4,0,16),t(e,7,0,"24"),t(e,9,0,d.codes[0])},function(t,e){var d=e.component;t(e,5,0,n.Hb(e,7).paddingLeft,n.Hb(e,7).paddingRight),t(e,8,0,d.codes[0].id,!0,n.Hb(e,9).expand)})}var ed=n.tb("app-form-date",F,function(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,1,"app-form-date",[],null,null,null,td,Xe)),n.wb(1,49152,null,0,F,[],null,null)],null,null)},{},{},[]),dd=n.vb({encapsulation:2,styles:[],data:{}});function nd(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,4,"sf",[],[[2,"sf",null],[2,"sf-search",null],[2,"sf-edit",null]],[[null,"formSubmit"]],function(t,e,d){var n=!0;return"formSubmit"===e&&(n=!1!==t.component.submit(d)&&n),n},ue.b,ue.a)),n.Mb(4608,null,me.a,me.a,[me.b,n.k]),n.Mb(1024,null,he.a,pe.b,[be.b,fe.a]),n.Mb(512,null,ge.a,ge.a,[]),n.wb(4,770048,null,0,pe.a,[he.a,ge.a,fe.a,n.i],{schema:[0,"schema"]},{formSubmit:"formSubmit"})],function(t,e){t(e,4,0,e.component.schema)},function(t,e){t(e,0,0,!0,"search"===n.Hb(e,4).mode,"edit"===n.Hb(e,4).mode)})}var od=n.vb({encapsulation:0,styles:["[_nghost-%COMP%] { display: block }"],data:{}});function ld(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,11,"app-docs",[],null,null,null,Dt.b,Dt.a)),n.wb(1,245760,null,0,Ut.a,[Tt.a,_t.a,jt.o,Wt.c],{codes:[0,"codes"],item:[1,"item"]},null),(t()(),n.xb(2,0,null,0,9,"nz-row",[],null,[["window","resize"]],function(t,e,d){var o=!0;return"window:resize"===e&&(o=!1!==n.Hb(t,4).onWindowResize(d)&&o),o},ut.rb,ut.h)),n.Mb(512,null,ae.L,ae.L,[n.H]),n.wb(4,114688,null,0,ae.E,[n.l,n.H,ae.L],{nzGutter:[0,"nzGutter"]},null),(t()(),n.xb(5,0,null,0,6,"nz-col",[["nzSpan","24"]],[[4,"padding-left","px"],[4,"padding-right","px"]],null,null,ut.sb,ut.i)),n.Mb(512,null,ae.L,ae.L,[n.H]),n.wb(7,638976,null,0,ae.G,[ae.L,n.l,[2,ae.E],[8,null],n.H],{nzSpan:[0,"nzSpan"]},null),(t()(),n.xb(8,0,null,0,3,"code-box",[],[[1,"id",0],[2,"code-box",null],[2,"expand",null]],null,null,ie.b,ie.a)),n.wb(9,245760,null,0,re.a,[Tt.a,ae.d,se.a],{item:[0,"item"]},null),(t()(),n.xb(10,0,null,0,1,"form-mention-simple",[],null,null,null,nd,dd)),n.wb(11,49152,null,0,N,[ae.d],null,null)],function(t,e){var d=e.component;t(e,1,0,d.codes,d.item),t(e,4,0,16),t(e,7,0,"24"),t(e,9,0,d.codes[0])},function(t,e){var d=e.component;t(e,5,0,n.Hb(e,7).paddingLeft,n.Hb(e,7).paddingRight),t(e,8,0,d.codes[0].id,!0,n.Hb(e,9).expand)})}var cd=n.tb("app-form-mention",H,function(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,1,"app-form-mention",[],null,null,null,ld,od)),n.wb(1,49152,null,0,H,[],null,null)],null,null)},{},{},[]),ad=n.vb({encapsulation:2,styles:[],data:{}});function id(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,4,"sf",[],[[2,"sf",null],[2,"sf-search",null],[2,"sf-edit",null]],[[null,"formSubmit"]],function(t,e,d){var n=!0;return"formSubmit"===e&&(n=!1!==t.component.submit(d)&&n),n},ue.b,ue.a)),n.Mb(4608,null,me.a,me.a,[me.b,n.k]),n.Mb(1024,null,he.a,pe.b,[be.b,fe.a]),n.Mb(512,null,ge.a,ge.a,[]),n.wb(4,770048,null,0,pe.a,[he.a,ge.a,fe.a,n.i],{schema:[0,"schema"]},{formSubmit:"formSubmit"})],function(t,e){t(e,4,0,e.component.schema)},function(t,e){t(e,0,0,!0,"search"===n.Hb(e,4).mode,"edit"===n.Hb(e,4).mode)})}var rd=n.vb({encapsulation:0,styles:["[_nghost-%COMP%] { display: block }"],data:{}});function sd(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,11,"app-docs",[],null,null,null,Dt.b,Dt.a)),n.wb(1,245760,null,0,Ut.a,[Tt.a,_t.a,jt.o,Wt.c],{codes:[0,"codes"],item:[1,"item"]},null),(t()(),n.xb(2,0,null,0,9,"nz-row",[],null,[["window","resize"]],function(t,e,d){var o=!0;return"window:resize"===e&&(o=!1!==n.Hb(t,4).onWindowResize(d)&&o),o},ut.rb,ut.h)),n.Mb(512,null,ae.L,ae.L,[n.H]),n.wb(4,114688,null,0,ae.E,[n.l,n.H,ae.L],{nzGutter:[0,"nzGutter"]},null),(t()(),n.xb(5,0,null,0,6,"nz-col",[["nzSpan","24"]],[[4,"padding-left","px"],[4,"padding-right","px"]],null,null,ut.sb,ut.i)),n.Mb(512,null,ae.L,ae.L,[n.H]),n.wb(7,638976,null,0,ae.G,[ae.L,n.l,[2,ae.E],[8,null],n.H],{nzSpan:[0,"nzSpan"]},null),(t()(),n.xb(8,0,null,0,3,"code-box",[],[[1,"id",0],[2,"code-box",null],[2,"expand",null]],null,null,ie.b,ie.a)),n.wb(9,245760,null,0,re.a,[Tt.a,ae.d,se.a],{item:[0,"item"]},null),(t()(),n.xb(10,0,null,0,1,"form-number-simple",[],null,null,null,id,ad)),n.wb(11,49152,null,0,I,[ae.d],null,null)],function(t,e){var d=e.component;t(e,1,0,d.codes,d.item),t(e,4,0,16),t(e,7,0,"24"),t(e,9,0,d.codes[0])},function(t,e){var d=e.component;t(e,5,0,n.Hb(e,7).paddingLeft,n.Hb(e,7).paddingRight),t(e,8,0,d.codes[0].id,!0,n.Hb(e,9).expand)})}var ud=n.tb("app-form-number",M,function(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,1,"app-form-number",[],null,null,null,sd,rd)),n.wb(1,49152,null,0,M,[],null,null)],null,null)},{},{},[]),md=n.vb({encapsulation:2,styles:[],data:{}});function hd(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,4,"sf",[],[[2,"sf",null],[2,"sf-search",null],[2,"sf-edit",null]],[[null,"formSubmit"]],function(t,e,d){var n=!0;return"formSubmit"===e&&(n=!1!==t.component.submit(d)&&n),n},ue.b,ue.a)),n.Mb(4608,null,me.a,me.a,[me.b,n.k]),n.Mb(1024,null,he.a,pe.b,[be.b,fe.a]),n.Mb(512,null,ge.a,ge.a,[]),n.wb(4,770048,null,0,pe.a,[he.a,ge.a,fe.a,n.i],{schema:[0,"schema"]},{formSubmit:"formSubmit"})],function(t,e){t(e,4,0,e.component.schema)},function(t,e){t(e,0,0,!0,"search"===n.Hb(e,4).mode,"edit"===n.Hb(e,4).mode)})}var pd=n.vb({encapsulation:0,styles:["[_nghost-%COMP%] { display: block }"],data:{}});function bd(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,11,"app-docs",[],null,null,null,Dt.b,Dt.a)),n.wb(1,245760,null,0,Ut.a,[Tt.a,_t.a,jt.o,Wt.c],{codes:[0,"codes"],item:[1,"item"]},null),(t()(),n.xb(2,0,null,0,9,"nz-row",[],null,[["window","resize"]],function(t,e,d){var o=!0;return"window:resize"===e&&(o=!1!==n.Hb(t,4).onWindowResize(d)&&o),o},ut.rb,ut.h)),n.Mb(512,null,ae.L,ae.L,[n.H]),n.wb(4,114688,null,0,ae.E,[n.l,n.H,ae.L],{nzGutter:[0,"nzGutter"]},null),(t()(),n.xb(5,0,null,0,6,"nz-col",[["nzSpan","24"]],[[4,"padding-left","px"],[4,"padding-right","px"]],null,null,ut.sb,ut.i)),n.Mb(512,null,ae.L,ae.L,[n.H]),n.wb(7,638976,null,0,ae.G,[ae.L,n.l,[2,ae.E],[8,null],n.H],{nzSpan:[0,"nzSpan"]},null),(t()(),n.xb(8,0,null,0,3,"code-box",[],[[1,"id",0],[2,"code-box",null],[2,"expand",null]],null,null,ie.b,ie.a)),n.wb(9,245760,null,0,re.a,[Tt.a,ae.d,se.a],{item:[0,"item"]},null),(t()(),n.xb(10,0,null,0,1,"form-object-simple",[],null,null,null,hd,md)),n.wb(11,49152,null,0,R,[ae.d],null,null)],function(t,e){var d=e.component;t(e,1,0,d.codes,d.item),t(e,4,0,16),t(e,7,0,"24"),t(e,9,0,d.codes[0])},function(t,e){var d=e.component;t(e,5,0,n.Hb(e,7).paddingLeft,n.Hb(e,7).paddingRight),t(e,8,0,d.codes[0].id,!0,n.Hb(e,9).expand)})}var fd=n.tb("app-form-object",A,function(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,1,"app-form-object",[],null,null,null,bd,pd)),n.wb(1,49152,null,0,A,[],null,null)],null,null)},{},{},[]),gd=n.vb({encapsulation:2,styles:[],data:{}});function Sd(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,4,"sf",[],[[2,"sf",null],[2,"sf-search",null],[2,"sf-edit",null]],[[null,"formSubmit"]],function(t,e,d){var n=!0;return"formSubmit"===e&&(n=!1!==t.component.submit(d)&&n),n},ue.b,ue.a)),n.Mb(4608,null,me.a,me.a,[me.b,n.k]),n.Mb(1024,null,he.a,pe.b,[be.b,fe.a]),n.Mb(512,null,ge.a,ge.a,[]),n.wb(4,770048,null,0,pe.a,[he.a,ge.a,fe.a,n.i],{schema:[0,"schema"]},{formSubmit:"formSubmit"})],function(t,e){t(e,4,0,e.component.schema)},function(t,e){t(e,0,0,!0,"search"===n.Hb(e,4).mode,"edit"===n.Hb(e,4).mode)})}var yd=n.vb({encapsulation:0,styles:["[_nghost-%COMP%] { display: block }"],data:{}});function wd(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,11,"app-docs",[],null,null,null,Dt.b,Dt.a)),n.wb(1,245760,null,0,Ut.a,[Tt.a,_t.a,jt.o,Wt.c],{codes:[0,"codes"],item:[1,"item"]},null),(t()(),n.xb(2,0,null,0,9,"nz-row",[],null,[["window","resize"]],function(t,e,d){var o=!0;return"window:resize"===e&&(o=!1!==n.Hb(t,4).onWindowResize(d)&&o),o},ut.rb,ut.h)),n.Mb(512,null,ae.L,ae.L,[n.H]),n.wb(4,114688,null,0,ae.E,[n.l,n.H,ae.L],{nzGutter:[0,"nzGutter"]},null),(t()(),n.xb(5,0,null,0,6,"nz-col",[["nzSpan","24"]],[[4,"padding-left","px"],[4,"padding-right","px"]],null,null,ut.sb,ut.i)),n.Mb(512,null,ae.L,ae.L,[n.H]),n.wb(7,638976,null,0,ae.G,[ae.L,n.l,[2,ae.E],[8,null],n.H],{nzSpan:[0,"nzSpan"]},null),(t()(),n.xb(8,0,null,0,3,"code-box",[],[[1,"id",0],[2,"code-box",null],[2,"expand",null]],null,null,ie.b,ie.a)),n.wb(9,245760,null,0,re.a,[Tt.a,ae.d,se.a],{item:[0,"item"]},null),(t()(),n.xb(10,0,null,0,1,"form-radio-simple",[],null,null,null,Sd,gd)),n.wb(11,49152,null,0,P,[ae.d],null,null)],function(t,e){var d=e.component;t(e,1,0,d.codes,d.item),t(e,4,0,16),t(e,7,0,"24"),t(e,9,0,d.codes[0])},function(t,e){var d=e.component;t(e,5,0,n.Hb(e,7).paddingLeft,n.Hb(e,7).paddingRight),t(e,8,0,d.codes[0].id,!0,n.Hb(e,9).expand)})}var vd=n.tb("app-form-radio",O,function(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,1,"app-form-radio",[],null,null,null,wd,yd)),n.wb(1,49152,null,0,O,[],null,null)],null,null)},{},{},[]),xd=n.vb({encapsulation:2,styles:[],data:{}});function zd(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,4,"sf",[],[[2,"sf",null],[2,"sf-search",null],[2,"sf-edit",null]],[[null,"formSubmit"]],function(t,e,d){var n=!0;return"formSubmit"===e&&(n=!1!==t.component.submit(d)&&n),n},ue.b,ue.a)),n.Mb(4608,null,me.a,me.a,[me.b,n.k]),n.Mb(1024,null,he.a,pe.b,[be.b,fe.a]),n.Mb(512,null,ge.a,ge.a,[]),n.wb(4,770048,null,0,pe.a,[he.a,ge.a,fe.a,n.i],{schema:[0,"schema"]},{formSubmit:"formSubmit"})],function(t,e){t(e,4,0,e.component.schema)},function(t,e){t(e,0,0,!0,"search"===n.Hb(e,4).mode,"edit"===n.Hb(e,4).mode)})}var kd=n.vb({encapsulation:0,styles:["[_nghost-%COMP%] { display: block }"],data:{}});function Fd(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,11,"app-docs",[],null,null,null,Dt.b,Dt.a)),n.wb(1,245760,null,0,Ut.a,[Tt.a,_t.a,jt.o,Wt.c],{codes:[0,"codes"],item:[1,"item"]},null),(t()(),n.xb(2,0,null,0,9,"nz-row",[],null,[["window","resize"]],function(t,e,d){var o=!0;return"window:resize"===e&&(o=!1!==n.Hb(t,4).onWindowResize(d)&&o),o},ut.rb,ut.h)),n.Mb(512,null,ae.L,ae.L,[n.H]),n.wb(4,114688,null,0,ae.E,[n.l,n.H,ae.L],{nzGutter:[0,"nzGutter"]},null),(t()(),n.xb(5,0,null,0,6,"nz-col",[["nzSpan","24"]],[[4,"padding-left","px"],[4,"padding-right","px"]],null,null,ut.sb,ut.i)),n.Mb(512,null,ae.L,ae.L,[n.H]),n.wb(7,638976,null,0,ae.G,[ae.L,n.l,[2,ae.E],[8,null],n.H],{nzSpan:[0,"nzSpan"]},null),(t()(),n.xb(8,0,null,0,3,"code-box",[],[[1,"id",0],[2,"code-box",null],[2,"expand",null]],null,null,ie.b,ie.a)),n.wb(9,245760,null,0,re.a,[Tt.a,ae.d,se.a],{item:[0,"item"]},null),(t()(),n.xb(10,0,null,0,1,"form-rate-simple",[],null,null,null,zd,xd)),n.wb(11,49152,null,0,L,[ae.d],null,null)],function(t,e){var d=e.component;t(e,1,0,d.codes,d.item),t(e,4,0,16),t(e,7,0,"24"),t(e,9,0,d.codes[0])},function(t,e){var d=e.component;t(e,5,0,n.Hb(e,7).paddingLeft,n.Hb(e,7).paddingRight),t(e,8,0,d.codes[0].id,!0,n.Hb(e,9).expand)})}var Cd=n.tb("app-form-rate",E,function(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,1,"app-form-rate",[],null,null,null,Fd,kd)),n.wb(1,49152,null,0,E,[],null,null)],null,null)},{},{},[]),Hd=n.vb({encapsulation:2,styles:[],data:{}});function Nd(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,4,"sf",[],[[2,"sf",null],[2,"sf-search",null],[2,"sf-edit",null]],[[null,"formSubmit"]],function(t,e,d){var n=!0;return"formSubmit"===e&&(n=!1!==t.component.submit(d)&&n),n},ue.b,ue.a)),n.Mb(4608,null,me.a,me.a,[me.b,n.k]),n.Mb(1024,null,he.a,pe.b,[be.b,fe.a]),n.Mb(512,null,ge.a,ge.a,[]),n.wb(4,770048,null,0,pe.a,[he.a,ge.a,fe.a,n.i],{schema:[0,"schema"]},{formSubmit:"formSubmit"})],function(t,e){t(e,4,0,e.component.schema)},function(t,e){t(e,0,0,!0,"search"===n.Hb(e,4).mode,"edit"===n.Hb(e,4).mode)})}var Md=n.vb({encapsulation:0,styles:["[_nghost-%COMP%] { display: block }"],data:{}});function Id(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,11,"app-docs",[],null,null,null,Dt.b,Dt.a)),n.wb(1,245760,null,0,Ut.a,[Tt.a,_t.a,jt.o,Wt.c],{codes:[0,"codes"],item:[1,"item"]},null),(t()(),n.xb(2,0,null,0,9,"nz-row",[],null,[["window","resize"]],function(t,e,d){var o=!0;return"window:resize"===e&&(o=!1!==n.Hb(t,4).onWindowResize(d)&&o),o},ut.rb,ut.h)),n.Mb(512,null,ae.L,ae.L,[n.H]),n.wb(4,114688,null,0,ae.E,[n.l,n.H,ae.L],{nzGutter:[0,"nzGutter"]},null),(t()(),n.xb(5,0,null,0,6,"nz-col",[["nzSpan","24"]],[[4,"padding-left","px"],[4,"padding-right","px"]],null,null,ut.sb,ut.i)),n.Mb(512,null,ae.L,ae.L,[n.H]),n.wb(7,638976,null,0,ae.G,[ae.L,n.l,[2,ae.E],[8,null],n.H],{nzSpan:[0,"nzSpan"]},null),(t()(),n.xb(8,0,null,0,3,"code-box",[],[[1,"id",0],[2,"code-box",null],[2,"expand",null]],null,null,ie.b,ie.a)),n.wb(9,245760,null,0,re.a,[Tt.a,ae.d,se.a],{item:[0,"item"]},null),(t()(),n.xb(10,0,null,0,1,"form-select-simple",[],null,null,null,Nd,Hd)),n.wb(11,49152,null,0,U,[ae.d],null,null)],function(t,e){var d=e.component;t(e,1,0,d.codes,d.item),t(e,4,0,16),t(e,7,0,"24"),t(e,9,0,d.codes[0])},function(t,e){var d=e.component;t(e,5,0,n.Hb(e,7).paddingLeft,n.Hb(e,7).paddingRight),t(e,8,0,d.codes[0].id,!0,n.Hb(e,9).expand)})}var Ad=n.tb("app-form-select",D,function(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,1,"app-form-select",[],null,null,null,Id,Md)),n.wb(1,49152,null,0,D,[],null,null)],null,null)},{},{},[]),Rd=n.vb({encapsulation:2,styles:[],data:{}});function Od(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,4,"sf",[],[[2,"sf",null],[2,"sf-search",null],[2,"sf-edit",null]],[[null,"formSubmit"]],function(t,e,d){var n=!0;return"formSubmit"===e&&(n=!1!==t.component.submit(d)&&n),n},ue.b,ue.a)),n.Mb(4608,null,me.a,me.a,[me.b,n.k]),n.Mb(1024,null,he.a,pe.b,[be.b,fe.a]),n.Mb(512,null,ge.a,ge.a,[]),n.wb(4,770048,null,0,pe.a,[he.a,ge.a,fe.a,n.i],{schema:[0,"schema"]},{formSubmit:"formSubmit"})],function(t,e){t(e,4,0,e.component.schema)},function(t,e){t(e,0,0,!0,"search"===n.Hb(e,4).mode,"edit"===n.Hb(e,4).mode)})}var Pd=n.vb({encapsulation:0,styles:["[_nghost-%COMP%] { display: block }"],data:{}});function Ed(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,11,"app-docs",[],null,null,null,Dt.b,Dt.a)),n.wb(1,245760,null,0,Ut.a,[Tt.a,_t.a,jt.o,Wt.c],{codes:[0,"codes"],item:[1,"item"]},null),(t()(),n.xb(2,0,null,0,9,"nz-row",[],null,[["window","resize"]],function(t,e,d){var o=!0;return"window:resize"===e&&(o=!1!==n.Hb(t,4).onWindowResize(d)&&o),o},ut.rb,ut.h)),n.Mb(512,null,ae.L,ae.L,[n.H]),n.wb(4,114688,null,0,ae.E,[n.l,n.H,ae.L],{nzGutter:[0,"nzGutter"]},null),(t()(),n.xb(5,0,null,0,6,"nz-col",[["nzSpan","24"]],[[4,"padding-left","px"],[4,"padding-right","px"]],null,null,ut.sb,ut.i)),n.Mb(512,null,ae.L,ae.L,[n.H]),n.wb(7,638976,null,0,ae.G,[ae.L,n.l,[2,ae.E],[8,null],n.H],{nzSpan:[0,"nzSpan"]},null),(t()(),n.xb(8,0,null,0,3,"code-box",[],[[1,"id",0],[2,"code-box",null],[2,"expand",null]],null,null,ie.b,ie.a)),n.wb(9,245760,null,0,re.a,[Tt.a,ae.d,se.a],{item:[0,"item"]},null),(t()(),n.xb(10,0,null,0,1,"form-slider-simple",[],null,null,null,Od,Rd)),n.wb(11,49152,null,0,_,[ae.d],null,null)],function(t,e){var d=e.component;t(e,1,0,d.codes,d.item),t(e,4,0,16),t(e,7,0,"24"),t(e,9,0,d.codes[0])},function(t,e){var d=e.component;t(e,5,0,n.Hb(e,7).paddingLeft,n.Hb(e,7).paddingRight),t(e,8,0,d.codes[0].id,!0,n.Hb(e,9).expand)})}var Ld=n.tb("app-form-slider",T,function(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,1,"app-form-slider",[],null,null,null,Ed,Pd)),n.wb(1,49152,null,0,T,[],null,null)],null,null)},{},{},[]),Dd=n.vb({encapsulation:2,styles:[],data:{}});function Ud(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,4,"sf",[],[[2,"sf",null],[2,"sf-search",null],[2,"sf-edit",null]],[[null,"formSubmit"]],function(t,e,d){var n=!0;return"formSubmit"===e&&(n=!1!==t.component.submit(d)&&n),n},ue.b,ue.a)),n.Mb(4608,null,me.a,me.a,[me.b,n.k]),n.Mb(1024,null,he.a,pe.b,[be.b,fe.a]),n.Mb(512,null,ge.a,ge.a,[]),n.wb(4,770048,null,0,pe.a,[he.a,ge.a,fe.a,n.i],{schema:[0,"schema"]},{formSubmit:"formSubmit"})],function(t,e){t(e,4,0,e.component.schema)},function(t,e){t(e,0,0,!0,"search"===n.Hb(e,4).mode,"edit"===n.Hb(e,4).mode)})}var Td=n.vb({encapsulation:0,styles:["[_nghost-%COMP%] { display: block }"],data:{}});function _d(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,11,"app-docs",[],null,null,null,Dt.b,Dt.a)),n.wb(1,245760,null,0,Ut.a,[Tt.a,_t.a,jt.o,Wt.c],{codes:[0,"codes"],item:[1,"item"]},null),(t()(),n.xb(2,0,null,0,9,"nz-row",[],null,[["window","resize"]],function(t,e,d){var o=!0;return"window:resize"===e&&(o=!1!==n.Hb(t,4).onWindowResize(d)&&o),o},ut.rb,ut.h)),n.Mb(512,null,ae.L,ae.L,[n.H]),n.wb(4,114688,null,0,ae.E,[n.l,n.H,ae.L],{nzGutter:[0,"nzGutter"]},null),(t()(),n.xb(5,0,null,0,6,"nz-col",[["nzSpan","24"]],[[4,"padding-left","px"],[4,"padding-right","px"]],null,null,ut.sb,ut.i)),n.Mb(512,null,ae.L,ae.L,[n.H]),n.wb(7,638976,null,0,ae.G,[ae.L,n.l,[2,ae.E],[8,null],n.H],{nzSpan:[0,"nzSpan"]},null),(t()(),n.xb(8,0,null,0,3,"code-box",[],[[1,"id",0],[2,"code-box",null],[2,"expand",null]],null,null,ie.b,ie.a)),n.wb(9,245760,null,0,re.a,[Tt.a,ae.d,se.a],{item:[0,"item"]},null),(t()(),n.xb(10,0,null,0,1,"form-string-simple",[],null,null,null,Ud,Dd)),n.wb(11,49152,null,0,W,[ae.d],null,null)],function(t,e){var d=e.component;t(e,1,0,d.codes,d.item),t(e,4,0,16),t(e,7,0,"24"),t(e,9,0,d.codes[0])},function(t,e){var d=e.component;t(e,5,0,n.Hb(e,7).paddingLeft,n.Hb(e,7).paddingRight),t(e,8,0,d.codes[0].id,!0,n.Hb(e,9).expand)})}var jd=n.tb("app-form-string",j,function(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,1,"app-form-string",[],null,null,null,_d,Td)),n.wb(1,49152,null,0,j,[],null,null)],null,null)},{},{},[]),Wd=n.vb({encapsulation:2,styles:[],data:{}});function Gd(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,4,"sf",[],[[2,"sf",null],[2,"sf-search",null],[2,"sf-edit",null]],[[null,"formSubmit"]],function(t,e,d){var n=!0;return"formSubmit"===e&&(n=!1!==t.component.submit(d)&&n),n},ue.b,ue.a)),n.Mb(4608,null,me.a,me.a,[me.b,n.k]),n.Mb(1024,null,he.a,pe.b,[be.b,fe.a]),n.Mb(512,null,ge.a,ge.a,[]),n.wb(4,770048,null,0,pe.a,[he.a,ge.a,fe.a,n.i],{schema:[0,"schema"]},{formSubmit:"formSubmit"})],function(t,e){t(e,4,0,e.component.schema)},function(t,e){t(e,0,0,!0,"search"===n.Hb(e,4).mode,"edit"===n.Hb(e,4).mode)})}var Yd=n.vb({encapsulation:0,styles:["[_nghost-%COMP%] { display: block }"],data:{}});function Jd(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,11,"app-docs",[],null,null,null,Dt.b,Dt.a)),n.wb(1,245760,null,0,Ut.a,[Tt.a,_t.a,jt.o,Wt.c],{codes:[0,"codes"],item:[1,"item"]},null),(t()(),n.xb(2,0,null,0,9,"nz-row",[],null,[["window","resize"]],function(t,e,d){var o=!0;return"window:resize"===e&&(o=!1!==n.Hb(t,4).onWindowResize(d)&&o),o},ut.rb,ut.h)),n.Mb(512,null,ae.L,ae.L,[n.H]),n.wb(4,114688,null,0,ae.E,[n.l,n.H,ae.L],{nzGutter:[0,"nzGutter"]},null),(t()(),n.xb(5,0,null,0,6,"nz-col",[["nzSpan","24"]],[[4,"padding-left","px"],[4,"padding-right","px"]],null,null,ut.sb,ut.i)),n.Mb(512,null,ae.L,ae.L,[n.H]),n.wb(7,638976,null,0,ae.G,[ae.L,n.l,[2,ae.E],[8,null],n.H],{nzSpan:[0,"nzSpan"]},null),(t()(),n.xb(8,0,null,0,3,"code-box",[],[[1,"id",0],[2,"code-box",null],[2,"expand",null]],null,null,ie.b,ie.a)),n.wb(9,245760,null,0,re.a,[Tt.a,ae.d,se.a],{item:[0,"item"]},null),(t()(),n.xb(10,0,null,0,1,"form-tag-simple",[],null,null,null,Gd,Wd)),n.wb(11,49152,null,0,Y,[ae.d],null,null)],function(t,e){var d=e.component;t(e,1,0,d.codes,d.item),t(e,4,0,16),t(e,7,0,"24"),t(e,9,0,d.codes[0])},function(t,e){var d=e.component;t(e,5,0,n.Hb(e,7).paddingLeft,n.Hb(e,7).paddingRight),t(e,8,0,d.codes[0].id,!0,n.Hb(e,9).expand)})}var Bd=n.tb("app-form-tag",G,function(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,1,"app-form-tag",[],null,null,null,Jd,Yd)),n.wb(1,49152,null,0,G,[],null,null)],null,null)},{},{},[]),$d=n.vb({encapsulation:2,styles:[],data:{}});function qd(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,4,"sf",[],[[2,"sf",null],[2,"sf-search",null],[2,"sf-edit",null]],[[null,"formSubmit"]],function(t,e,d){var n=!0;return"formSubmit"===e&&(n=!1!==t.component.submit(d)&&n),n},ue.b,ue.a)),n.Mb(4608,null,me.a,me.a,[me.b,n.k]),n.Mb(1024,null,he.a,pe.b,[be.b,fe.a]),n.Mb(512,null,ge.a,ge.a,[]),n.wb(4,770048,null,0,pe.a,[he.a,ge.a,fe.a,n.i],{schema:[0,"schema"]},{formSubmit:"formSubmit"})],function(t,e){t(e,4,0,e.component.schema)},function(t,e){t(e,0,0,!0,"search"===n.Hb(e,4).mode,"edit"===n.Hb(e,4).mode)})}var Vd=n.vb({encapsulation:0,styles:["[_nghost-%COMP%] { display: block }"],data:{}});function Zd(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,11,"app-docs",[],null,null,null,Dt.b,Dt.a)),n.wb(1,245760,null,0,Ut.a,[Tt.a,_t.a,jt.o,Wt.c],{codes:[0,"codes"],item:[1,"item"]},null),(t()(),n.xb(2,0,null,0,9,"nz-row",[],null,[["window","resize"]],function(t,e,d){var o=!0;return"window:resize"===e&&(o=!1!==n.Hb(t,4).onWindowResize(d)&&o),o},ut.rb,ut.h)),n.Mb(512,null,ae.L,ae.L,[n.H]),n.wb(4,114688,null,0,ae.E,[n.l,n.H,ae.L],{nzGutter:[0,"nzGutter"]},null),(t()(),n.xb(5,0,null,0,6,"nz-col",[["nzSpan","24"]],[[4,"padding-left","px"],[4,"padding-right","px"]],null,null,ut.sb,ut.i)),n.Mb(512,null,ae.L,ae.L,[n.H]),n.wb(7,638976,null,0,ae.G,[ae.L,n.l,[2,ae.E],[8,null],n.H],{nzSpan:[0,"nzSpan"]},null),(t()(),n.xb(8,0,null,0,3,"code-box",[],[[1,"id",0],[2,"code-box",null],[2,"expand",null]],null,null,ie.b,ie.a)),n.wb(9,245760,null,0,re.a,[Tt.a,ae.d,se.a],{item:[0,"item"]},null),(t()(),n.xb(10,0,null,0,1,"form-text-simple",[],null,null,null,qd,$d)),n.wb(11,49152,null,0,B,[ae.d],null,null)],function(t,e){var d=e.component;t(e,1,0,d.codes,d.item),t(e,4,0,16),t(e,7,0,"24"),t(e,9,0,d.codes[0])},function(t,e){var d=e.component;t(e,5,0,n.Hb(e,7).paddingLeft,n.Hb(e,7).paddingRight),t(e,8,0,d.codes[0].id,!0,n.Hb(e,9).expand)})}var Kd=n.tb("app-form-text",J,function(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,1,"app-form-text",[],null,null,null,Zd,Vd)),n.wb(1,49152,null,0,J,[],null,null)],null,null)},{},{},[]),Qd=n.vb({encapsulation:2,styles:[],data:{}});function Xd(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,4,"sf",[],[[2,"sf",null],[2,"sf-search",null],[2,"sf-edit",null]],[[null,"formSubmit"]],function(t,e,d){var n=!0;return"formSubmit"===e&&(n=!1!==t.component.submit(d)&&n),n},ue.b,ue.a)),n.Mb(4608,null,me.a,me.a,[me.b,n.k]),n.Mb(1024,null,he.a,pe.b,[be.b,fe.a]),n.Mb(512,null,ge.a,ge.a,[]),n.wb(4,770048,null,0,pe.a,[he.a,ge.a,fe.a,n.i],{schema:[0,"schema"]},{formSubmit:"formSubmit"})],function(t,e){t(e,4,0,e.component.schema)},function(t,e){t(e,0,0,!0,"search"===n.Hb(e,4).mode,"edit"===n.Hb(e,4).mode)})}var tn=n.vb({encapsulation:0,styles:["[_nghost-%COMP%] { display: block }"],data:{}});function en(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,11,"app-docs",[],null,null,null,Dt.b,Dt.a)),n.wb(1,245760,null,0,Ut.a,[Tt.a,_t.a,jt.o,Wt.c],{codes:[0,"codes"],item:[1,"item"]},null),(t()(),n.xb(2,0,null,0,9,"nz-row",[],null,[["window","resize"]],function(t,e,d){var o=!0;return"window:resize"===e&&(o=!1!==n.Hb(t,4).onWindowResize(d)&&o),o},ut.rb,ut.h)),n.Mb(512,null,ae.L,ae.L,[n.H]),n.wb(4,114688,null,0,ae.E,[n.l,n.H,ae.L],{nzGutter:[0,"nzGutter"]},null),(t()(),n.xb(5,0,null,0,6,"nz-col",[["nzSpan","24"]],[[4,"padding-left","px"],[4,"padding-right","px"]],null,null,ut.sb,ut.i)),n.Mb(512,null,ae.L,ae.L,[n.H]),n.wb(7,638976,null,0,ae.G,[ae.L,n.l,[2,ae.E],[8,null],n.H],{nzSpan:[0,"nzSpan"]},null),(t()(),n.xb(8,0,null,0,3,"code-box",[],[[1,"id",0],[2,"code-box",null],[2,"expand",null]],null,null,ie.b,ie.a)),n.wb(9,245760,null,0,re.a,[Tt.a,ae.d,se.a],{item:[0,"item"]},null),(t()(),n.xb(10,0,null,0,1,"form-textarea-simple",[],null,null,null,Xd,Qd)),n.wb(11,49152,null,0,q,[ae.d],null,null)],function(t,e){var d=e.component;t(e,1,0,d.codes,d.item),t(e,4,0,16),t(e,7,0,"24"),t(e,9,0,d.codes[0])},function(t,e){var d=e.component;t(e,5,0,n.Hb(e,7).paddingLeft,n.Hb(e,7).paddingRight),t(e,8,0,d.codes[0].id,!0,n.Hb(e,9).expand)})}var dn=n.tb("app-form-textarea",$,function(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,1,"app-form-textarea",[],null,null,null,en,tn)),n.wb(1,49152,null,0,$,[],null,null)],null,null)},{},{},[]),nn=n.vb({encapsulation:2,styles:[],data:{}});function on(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,4,"sf",[],[[2,"sf",null],[2,"sf-search",null],[2,"sf-edit",null]],[[null,"formSubmit"]],function(t,e,d){var n=!0;return"formSubmit"===e&&(n=!1!==t.component.submit(d)&&n),n},ue.b,ue.a)),n.Mb(4608,null,me.a,me.a,[me.b,n.k]),n.Mb(1024,null,he.a,pe.b,[be.b,fe.a]),n.Mb(512,null,ge.a,ge.a,[]),n.wb(4,770048,null,0,pe.a,[he.a,ge.a,fe.a,n.i],{schema:[0,"schema"]},{formSubmit:"formSubmit"})],function(t,e){t(e,4,0,e.component.schema)},function(t,e){t(e,0,0,!0,"search"===n.Hb(e,4).mode,"edit"===n.Hb(e,4).mode)})}var ln=n.vb({encapsulation:0,styles:["[_nghost-%COMP%] { display: block }"],data:{}});function cn(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,11,"app-docs",[],null,null,null,Dt.b,Dt.a)),n.wb(1,245760,null,0,Ut.a,[Tt.a,_t.a,jt.o,Wt.c],{codes:[0,"codes"],item:[1,"item"]},null),(t()(),n.xb(2,0,null,0,9,"nz-row",[],null,[["window","resize"]],function(t,e,d){var o=!0;return"window:resize"===e&&(o=!1!==n.Hb(t,4).onWindowResize(d)&&o),o},ut.rb,ut.h)),n.Mb(512,null,ae.L,ae.L,[n.H]),n.wb(4,114688,null,0,ae.E,[n.l,n.H,ae.L],{nzGutter:[0,"nzGutter"]},null),(t()(),n.xb(5,0,null,0,6,"nz-col",[["nzSpan","24"]],[[4,"padding-left","px"],[4,"padding-right","px"]],null,null,ut.sb,ut.i)),n.Mb(512,null,ae.L,ae.L,[n.H]),n.wb(7,638976,null,0,ae.G,[ae.L,n.l,[2,ae.E],[8,null],n.H],{nzSpan:[0,"nzSpan"]},null),(t()(),n.xb(8,0,null,0,3,"code-box",[],[[1,"id",0],[2,"code-box",null],[2,"expand",null]],null,null,ie.b,ie.a)),n.wb(9,245760,null,0,re.a,[Tt.a,ae.d,se.a],{item:[0,"item"]},null),(t()(),n.xb(10,0,null,0,1,"form-time-simple",[],null,null,null,on,nn)),n.wb(11,49152,null,0,Z,[ae.d],null,null)],function(t,e){var d=e.component;t(e,1,0,d.codes,d.item),t(e,4,0,16),t(e,7,0,"24"),t(e,9,0,d.codes[0])},function(t,e){var d=e.component;t(e,5,0,n.Hb(e,7).paddingLeft,n.Hb(e,7).paddingRight),t(e,8,0,d.codes[0].id,!0,n.Hb(e,9).expand)})}var an=n.tb("app-form-time",V,function(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,1,"app-form-time",[],null,null,null,cn,ln)),n.wb(1,49152,null,0,V,[],null,null)],null,null)},{},{},[]),rn=n.vb({encapsulation:2,styles:[],data:{}});function sn(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,4,"sf",[],[[2,"sf",null],[2,"sf-search",null],[2,"sf-edit",null]],[[null,"formSubmit"]],function(t,e,d){var n=!0;return"formSubmit"===e&&(n=!1!==t.component.submit(d)&&n),n},ue.b,ue.a)),n.Mb(4608,null,me.a,me.a,[me.b,n.k]),n.Mb(1024,null,he.a,pe.b,[be.b,fe.a]),n.Mb(512,null,ge.a,ge.a,[]),n.wb(4,770048,null,0,pe.a,[he.a,ge.a,fe.a,n.i],{schema:[0,"schema"]},{formSubmit:"formSubmit"})],function(t,e){t(e,4,0,e.component.schema)},function(t,e){t(e,0,0,!0,"search"===n.Hb(e,4).mode,"edit"===n.Hb(e,4).mode)})}var un=n.vb({encapsulation:0,styles:["[_nghost-%COMP%] { display: block }"],data:{}});function mn(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,11,"app-docs",[],null,null,null,Dt.b,Dt.a)),n.wb(1,245760,null,0,Ut.a,[Tt.a,_t.a,jt.o,Wt.c],{codes:[0,"codes"],item:[1,"item"]},null),(t()(),n.xb(2,0,null,0,9,"nz-row",[],null,[["window","resize"]],function(t,e,d){var o=!0;return"window:resize"===e&&(o=!1!==n.Hb(t,4).onWindowResize(d)&&o),o},ut.rb,ut.h)),n.Mb(512,null,ae.L,ae.L,[n.H]),n.wb(4,114688,null,0,ae.E,[n.l,n.H,ae.L],{nzGutter:[0,"nzGutter"]},null),(t()(),n.xb(5,0,null,0,6,"nz-col",[["nzSpan","24"]],[[4,"padding-left","px"],[4,"padding-right","px"]],null,null,ut.sb,ut.i)),n.Mb(512,null,ae.L,ae.L,[n.H]),n.wb(7,638976,null,0,ae.G,[ae.L,n.l,[2,ae.E],[8,null],n.H],{nzSpan:[0,"nzSpan"]},null),(t()(),n.xb(8,0,null,0,3,"code-box",[],[[1,"id",0],[2,"code-box",null],[2,"expand",null]],null,null,ie.b,ie.a)),n.wb(9,245760,null,0,re.a,[Tt.a,ae.d,se.a],{item:[0,"item"]},null),(t()(),n.xb(10,0,null,0,1,"form-transfer-simple",[],null,null,null,sn,rn)),n.wb(11,49152,null,0,Q,[ae.d],null,null)],function(t,e){var d=e.component;t(e,1,0,d.codes,d.item),t(e,4,0,16),t(e,7,0,"24"),t(e,9,0,d.codes[0])},function(t,e){var d=e.component;t(e,5,0,n.Hb(e,7).paddingLeft,n.Hb(e,7).paddingRight),t(e,8,0,d.codes[0].id,!0,n.Hb(e,9).expand)})}var hn=n.tb("app-form-transfer",K,function(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,1,"app-form-transfer",[],null,null,null,mn,un)),n.wb(1,49152,null,0,K,[],null,null)],null,null)},{},{},[]),pn=n.vb({encapsulation:2,styles:[],data:{}});function bn(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,4,"sf",[],[[2,"sf",null],[2,"sf-search",null],[2,"sf-edit",null]],[[null,"formSubmit"]],function(t,e,d){var n=!0;return"formSubmit"===e&&(n=!1!==t.component.submit(d)&&n),n},ue.b,ue.a)),n.Mb(4608,null,me.a,me.a,[me.b,n.k]),n.Mb(1024,null,he.a,pe.b,[be.b,fe.a]),n.Mb(512,null,ge.a,ge.a,[]),n.wb(4,770048,null,0,pe.a,[he.a,ge.a,fe.a,n.i],{schema:[0,"schema"]},{formSubmit:"formSubmit"})],function(t,e){t(e,4,0,e.component.schema)},function(t,e){t(e,0,0,!0,"search"===n.Hb(e,4).mode,"edit"===n.Hb(e,4).mode)})}var fn=n.vb({encapsulation:0,styles:["[_nghost-%COMP%] { display: block }"],data:{}});function gn(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,11,"app-docs",[],null,null,null,Dt.b,Dt.a)),n.wb(1,245760,null,0,Ut.a,[Tt.a,_t.a,jt.o,Wt.c],{codes:[0,"codes"],item:[1,"item"]},null),(t()(),n.xb(2,0,null,0,9,"nz-row",[],null,[["window","resize"]],function(t,e,d){var o=!0;return"window:resize"===e&&(o=!1!==n.Hb(t,4).onWindowResize(d)&&o),o},ut.rb,ut.h)),n.Mb(512,null,ae.L,ae.L,[n.H]),n.wb(4,114688,null,0,ae.E,[n.l,n.H,ae.L],{nzGutter:[0,"nzGutter"]},null),(t()(),n.xb(5,0,null,0,6,"nz-col",[["nzSpan","24"]],[[4,"padding-left","px"],[4,"padding-right","px"]],null,null,ut.sb,ut.i)),n.Mb(512,null,ae.L,ae.L,[n.H]),n.wb(7,638976,null,0,ae.G,[ae.L,n.l,[2,ae.E],[8,null],n.H],{nzSpan:[0,"nzSpan"]},null),(t()(),n.xb(8,0,null,0,3,"code-box",[],[[1,"id",0],[2,"code-box",null],[2,"expand",null]],null,null,ie.b,ie.a)),n.wb(9,245760,null,0,re.a,[Tt.a,ae.d,se.a],{item:[0,"item"]},null),(t()(),n.xb(10,0,null,0,1,"form-tree-select-simple",[],null,null,null,bn,pn)),n.wb(11,49152,null,0,tt,[ae.d],null,null)],function(t,e){var d=e.component;t(e,1,0,d.codes,d.item),t(e,4,0,16),t(e,7,0,"24"),t(e,9,0,d.codes[0])},function(t,e){var d=e.component;t(e,5,0,n.Hb(e,7).paddingLeft,n.Hb(e,7).paddingRight),t(e,8,0,d.codes[0].id,!0,n.Hb(e,9).expand)})}var Sn=n.tb("app-form-tree-select",X,function(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,1,"app-form-tree-select",[],null,null,null,gn,fn)),n.wb(1,49152,null,0,X,[],null,null)],null,null)},{},{},[]),yn=n.vb({encapsulation:2,styles:[],data:{}});function wn(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,4,"sf",[],[[2,"sf",null],[2,"sf-search",null],[2,"sf-edit",null]],[[null,"formSubmit"]],function(t,e,d){var n=!0;return"formSubmit"===e&&(n=!1!==t.component.submit(d)&&n),n},ue.b,ue.a)),n.Mb(4608,null,me.a,me.a,[me.b,n.k]),n.Mb(1024,null,he.a,pe.b,[be.b,fe.a]),n.Mb(512,null,ge.a,ge.a,[]),n.wb(4,770048,null,0,pe.a,[he.a,ge.a,fe.a,n.i],{schema:[0,"schema"]},{formSubmit:"formSubmit"})],function(t,e){t(e,4,0,e.component.schema)},function(t,e){t(e,0,0,!0,"search"===n.Hb(e,4).mode,"edit"===n.Hb(e,4).mode)})}var vn=n.vb({encapsulation:0,styles:["[_nghost-%COMP%] { display: block }"],data:{}});function xn(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,11,"app-docs",[],null,null,null,Dt.b,Dt.a)),n.wb(1,245760,null,0,Ut.a,[Tt.a,_t.a,jt.o,Wt.c],{codes:[0,"codes"],item:[1,"item"]},null),(t()(),n.xb(2,0,null,0,9,"nz-row",[],null,[["window","resize"]],function(t,e,d){var o=!0;return"window:resize"===e&&(o=!1!==n.Hb(t,4).onWindowResize(d)&&o),o},ut.rb,ut.h)),n.Mb(512,null,ae.L,ae.L,[n.H]),n.wb(4,114688,null,0,ae.E,[n.l,n.H,ae.L],{nzGutter:[0,"nzGutter"]},null),(t()(),n.xb(5,0,null,0,6,"nz-col",[["nzSpan","24"]],[[4,"padding-left","px"],[4,"padding-right","px"]],null,null,ut.sb,ut.i)),n.Mb(512,null,ae.L,ae.L,[n.H]),n.wb(7,638976,null,0,ae.G,[ae.L,n.l,[2,ae.E],[8,null],n.H],{nzSpan:[0,"nzSpan"]},null),(t()(),n.xb(8,0,null,0,3,"code-box",[],[[1,"id",0],[2,"code-box",null],[2,"expand",null]],null,null,ie.b,ie.a)),n.wb(9,245760,null,0,re.a,[Tt.a,ae.d,se.a],{item:[0,"item"]},null),(t()(),n.xb(10,0,null,0,1,"form-upload-simple",[],null,null,null,wn,yn)),n.wb(11,49152,null,0,dt,[ae.d],null,null)],function(t,e){var d=e.component;t(e,1,0,d.codes,d.item),t(e,4,0,16),t(e,7,0,"24"),t(e,9,0,d.codes[0])},function(t,e){var d=e.component;t(e,5,0,n.Hb(e,7).paddingLeft,n.Hb(e,7).paddingRight),t(e,8,0,d.codes[0].id,!0,n.Hb(e,9).expand)})}var zn=n.tb("app-form-upload",et,function(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,1,"app-form-upload",[],null,null,null,xn,vn)),n.wb(1,49152,null,0,et,[],null,null)],null,null)},{},{},[]),kn=n.vb({encapsulation:2,styles:[],data:{}});function Fn(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,4,"sf",[],[[2,"sf",null],[2,"sf-search",null],[2,"sf-edit",null]],[[null,"formSubmit"]],function(t,e,d){var n=!0;return"formSubmit"===e&&(n=!1!==t.component.submit(d)&&n),n},ue.b,ue.a)),n.Mb(4608,null,me.a,me.a,[me.b,n.k]),n.Mb(1024,null,he.a,pe.b,[be.b,fe.a]),n.Mb(512,null,ge.a,ge.a,[]),n.wb(4,770048,null,0,pe.a,[he.a,ge.a,fe.a,n.i],{schema:[0,"schema"]},{formSubmit:"formSubmit"})],function(t,e){t(e,4,0,e.component.schema)},function(t,e){t(e,0,0,!0,"search"===n.Hb(e,4).mode,"edit"===n.Hb(e,4).mode)})}var Cn=n.vb({encapsulation:0,styles:["[_nghost-%COMP%] { display: block }"],data:{}});function Hn(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,11,"app-docs",[],null,null,null,Dt.b,Dt.a)),n.wb(1,245760,null,0,Ut.a,[Tt.a,_t.a,jt.o,Wt.c],{codes:[0,"codes"],item:[1,"item"]},null),(t()(),n.xb(2,0,null,0,9,"nz-row",[],null,[["window","resize"]],function(t,e,d){var o=!0;return"window:resize"===e&&(o=!1!==n.Hb(t,4).onWindowResize(d)&&o),o},ut.rb,ut.h)),n.Mb(512,null,ae.L,ae.L,[n.H]),n.wb(4,114688,null,0,ae.E,[n.l,n.H,ae.L],{nzGutter:[0,"nzGutter"]},null),(t()(),n.xb(5,0,null,0,6,"nz-col",[["nzSpan","24"]],[[4,"padding-left","px"],[4,"padding-right","px"]],null,null,ut.sb,ut.i)),n.Mb(512,null,ae.L,ae.L,[n.H]),n.wb(7,638976,null,0,ae.G,[ae.L,n.l,[2,ae.E],[8,null],n.H],{nzSpan:[0,"nzSpan"]},null),(t()(),n.xb(8,0,null,0,3,"code-box",[],[[1,"id",0],[2,"code-box",null],[2,"expand",null]],null,null,ie.b,ie.a)),n.wb(9,245760,null,0,re.a,[Tt.a,ae.d,se.a],{item:[0,"item"]},null),(t()(),n.xb(10,0,null,0,1,"form-markdown-simple",[],null,null,null,Fn,kn)),n.wb(11,49152,null,0,ot,[ae.d],null,null)],function(t,e){var d=e.component;t(e,1,0,d.codes,d.item),t(e,4,0,16),t(e,7,0,"24"),t(e,9,0,d.codes[0])},function(t,e){var d=e.component;t(e,5,0,n.Hb(e,7).paddingLeft,n.Hb(e,7).paddingRight),t(e,8,0,d.codes[0].id,!0,n.Hb(e,9).expand)})}var Nn=n.tb("app-form-markdown",nt,function(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,1,"app-form-markdown",[],null,null,null,Hn,Cn)),n.wb(1,49152,null,0,nt,[],null,null)],null,null)},{},{},[]),Mn=n.vb({encapsulation:2,styles:[],data:{}});function In(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,4,"sf",[],[[2,"sf",null],[2,"sf-search",null],[2,"sf-edit",null]],[[null,"formSubmit"]],function(t,e,d){var n=!0;return"formSubmit"===e&&(n=!1!==t.component.submit(d)&&n),n},ue.b,ue.a)),n.Mb(4608,null,me.a,me.a,[me.b,n.k]),n.Mb(1024,null,he.a,pe.b,[be.b,fe.a]),n.Mb(512,null,ge.a,ge.a,[]),n.wb(4,770048,null,0,pe.a,[he.a,ge.a,fe.a,n.i],{schema:[0,"schema"]},{formSubmit:"formSubmit"})],function(t,e){t(e,4,0,e.component.schema)},function(t,e){t(e,0,0,!0,"search"===n.Hb(e,4).mode,"edit"===n.Hb(e,4).mode)})}var An=n.vb({encapsulation:0,styles:["[_nghost-%COMP%] { display: block }"],data:{}});function Rn(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,11,"app-docs",[],null,null,null,Dt.b,Dt.a)),n.wb(1,245760,null,0,Ut.a,[Tt.a,_t.a,jt.o,Wt.c],{codes:[0,"codes"],item:[1,"item"]},null),(t()(),n.xb(2,0,null,0,9,"nz-row",[],null,[["window","resize"]],function(t,e,d){var o=!0;return"window:resize"===e&&(o=!1!==n.Hb(t,4).onWindowResize(d)&&o),o},ut.rb,ut.h)),n.Mb(512,null,ae.L,ae.L,[n.H]),n.wb(4,114688,null,0,ae.E,[n.l,n.H,ae.L],{nzGutter:[0,"nzGutter"]},null),(t()(),n.xb(5,0,null,0,6,"nz-col",[["nzSpan","24"]],[[4,"padding-left","px"],[4,"padding-right","px"]],null,null,ut.sb,ut.i)),n.Mb(512,null,ae.L,ae.L,[n.H]),n.wb(7,638976,null,0,ae.G,[ae.L,n.l,[2,ae.E],[8,null],n.H],{nzSpan:[0,"nzSpan"]},null),(t()(),n.xb(8,0,null,0,3,"code-box",[],[[1,"id",0],[2,"code-box",null],[2,"expand",null]],null,null,ie.b,ie.a)),n.wb(9,245760,null,0,re.a,[Tt.a,ae.d,se.a],{item:[0,"item"]},null),(t()(),n.xb(10,0,null,0,1,"form-tinymce-simple",[],null,null,null,In,Mn)),n.wb(11,49152,null,0,ct,[ae.d],null,null)],function(t,e){var d=e.component;t(e,1,0,d.codes,d.item),t(e,4,0,16),t(e,7,0,"24"),t(e,9,0,d.codes[0])},function(t,e){var d=e.component;t(e,5,0,n.Hb(e,7).paddingLeft,n.Hb(e,7).paddingRight),t(e,8,0,d.codes[0].id,!0,n.Hb(e,9).expand)})}var On=n.tb("app-form-tinymce",lt,function(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,1,"app-form-tinymce",[],null,null,null,Rn,An)),n.wb(1,49152,null,0,lt,[],null,null)],null,null)},{},{},[]),Pn=n.vb({encapsulation:2,styles:[],data:{}});function En(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,4,"sf",[],[[2,"sf",null],[2,"sf-search",null],[2,"sf-edit",null]],[[null,"formSubmit"]],function(t,e,d){var n=!0;return"formSubmit"===e&&(n=!1!==t.component.submit(d)&&n),n},ue.b,ue.a)),n.Mb(4608,null,me.a,me.a,[me.b,n.k]),n.Mb(1024,null,he.a,pe.b,[be.b,fe.a]),n.Mb(512,null,ge.a,ge.a,[]),n.wb(4,770048,null,0,pe.a,[he.a,ge.a,fe.a,n.i],{schema:[0,"schema"]},{formSubmit:"formSubmit"})],function(t,e){t(e,4,0,e.component.schema)},function(t,e){t(e,0,0,!0,"search"===n.Hb(e,4).mode,"edit"===n.Hb(e,4).mode)})}var Ln=n.vb({encapsulation:0,styles:["[_nghost-%COMP%] { display: block }"],data:{}});function Dn(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,11,"app-docs",[],null,null,null,Dt.b,Dt.a)),n.wb(1,245760,null,0,Ut.a,[Tt.a,_t.a,jt.o,Wt.c],{codes:[0,"codes"],item:[1,"item"]},null),(t()(),n.xb(2,0,null,0,9,"nz-row",[],null,[["window","resize"]],function(t,e,d){var o=!0;return"window:resize"===e&&(o=!1!==n.Hb(t,4).onWindowResize(d)&&o),o},ut.rb,ut.h)),n.Mb(512,null,ae.L,ae.L,[n.H]),n.wb(4,114688,null,0,ae.E,[n.l,n.H,ae.L],{nzGutter:[0,"nzGutter"]},null),(t()(),n.xb(5,0,null,0,6,"nz-col",[["nzSpan","24"]],[[4,"padding-left","px"],[4,"padding-right","px"]],null,null,ut.sb,ut.i)),n.Mb(512,null,ae.L,ae.L,[n.H]),n.wb(7,638976,null,0,ae.G,[ae.L,n.l,[2,ae.E],[8,null],n.H],{nzSpan:[0,"nzSpan"]},null),(t()(),n.xb(8,0,null,0,3,"code-box",[],[[1,"id",0],[2,"code-box",null],[2,"expand",null]],null,null,ie.b,ie.a)),n.wb(9,245760,null,0,re.a,[Tt.a,ae.d,se.a],{item:[0,"item"]},null),(t()(),n.xb(10,0,null,0,1,"form-ueditor-simple",[],null,null,null,En,Pn)),n.wb(11,49152,null,0,it,[ae.d],null,null)],function(t,e){var d=e.component;t(e,1,0,d.codes,d.item),t(e,4,0,16),t(e,7,0,"24"),t(e,9,0,d.codes[0])},function(t,e){var d=e.component;t(e,5,0,n.Hb(e,7).paddingLeft,n.Hb(e,7).paddingRight),t(e,8,0,d.codes[0].id,!0,n.Hb(e,9).expand)})}var Un=n.tb("app-form-ueditor",at,function(t){return n.Rb(0,[(t()(),n.xb(0,0,null,null,1,"app-form-ueditor",[],null,null,null,Dn,Ln)),n.wb(1,49152,null,0,at,[],null,null)],null,null)},{},{},[]),Tn=d("Ip0R"),_n=d("t/Na"),jn=d("M2Lx"),Wn=d("eDkP"),Gn=d("Fzqc"),Yn=d("jE6/"),Jn=d("Bob9"),Bn=d("Ybye"),$n=d("dWZg"),qn=d("4c35"),Vn=d("qAlS"),Zn=d("9J0+"),Kn=d("CGSU"),Qn=d("5CFV"),Xn=d("GTZx"),to=d("hS58"),eo=d("XZsx"),no=d("+ndR"),oo=d("EWQH"),lo=d("HjCm"),co=d("aq9g"),ao=d("7Dpl"),io=d("ekmu"),ro=d("vjj7"),so=d("qdwt"),uo=d("l/Xz"),mo=d("sRo1"),ho=d("mX2v"),po=d("BQzg"),bo=d("hDaA"),fo=d("YQXl"),go=d("M3JP"),So=d("WNQ9"),yo=d("5Oon"),wo=d("lM9c"),vo=d("OSVY"),xo=d("MNSj"),zo=d("MZBU"),ko=d("ev4S"),Fo=d("G1y0"),Co=d("KmAc"),Ho=d("zGKZ"),No=d("xly9"),Mo=d("u7PB"),Io=d("1Ry3"),Ao=d("4+vV"),Ro=d("ZgPA"),Oo=d("37MH"),Po=d("fZ1T"),Eo=d("iwTp"),Lo=d("mSU2"),Do=d("4vQL"),Uo=d("iTTW"),To=d("gQlp"),_o=d("oCVe"),jo=d("XYAa"),Wo=d("qT06"),Go=d("A7o+"),Yo=d("gMdr"),Jo=d("AYLd"),Bo=d("ADoS"),$o=d("slxf");d.d(e,"FormModuleNgFactory",function(){return qo});var qo=n.ub(rt,[],function(t){return n.Eb([n.Fb(512,n.k,n.ib,[[8,[st.a,ut.uc,ut.vc,ut.wc,ut.xc,ut.yc,ut.zc,ut.Ac,ut.Bc,mt.a,ht.a,pt.a,bt.a,ft.a,gt.a,St.a,yt.a,wt.a,vt.a,xt.a,zt.a,kt.a,Ft.a,Ct.a,Ht.a,Nt.a,Mt.a,It.a,At.a,Rt.a,Ot.a,Pt.a,Et.a,Lt.a,Jt,qt,Kt,te,ne,ce,xe,He,Re,De,We,Ze,ed,cd,ud,fd,vd,Cd,Ad,Ld,jd,Bd,Kd,dn,an,hn,Sn,zn,Nn,On,Un]],[3,n.k],n.A]),n.Fb(4608,Tn.q,Tn.p,[n.x,[2,Tn.D]]),n.Fb(4608,Ge.w,Ge.w,[]),n.Fb(4608,Ge.d,Ge.d,[]),n.Fb(4608,_n.m,_n.s,[Tn.e,n.E,_n.q]),n.Fb(4608,_n.t,_n.t,[_n.m,_n.r]),n.Fb(5120,_n.a,function(t){return[t]},[_n.t]),n.Fb(4608,_n.p,_n.p,[]),n.Fb(6144,_n.n,null,[_n.p]),n.Fb(4608,_n.l,_n.l,[_n.n]),n.Fb(6144,_n.b,null,[_n.l]),n.Fb(4608,_n.g,_n.o,[_n.b,n.t]),n.Fb(4608,_n.c,_n.c,[_n.g]),n.Fb(4608,jn.c,jn.c,[]),n.Fb(5120,ae.Fe,ae.He,[[3,ae.Fe],ae.Ge]),n.Fb(4608,Tn.f,Tn.f,[n.x]),n.Fb(5120,ae.Ce,ae.De,[[3,ae.Ce],ae.Ee,ae.Fe,Tn.f]),n.Fb(4608,Wn.d,Wn.d,[Wn.k,Wn.f,n.k,Wn.i,Wn.g,n.t,n.C,Tn.e,Gn.b]),n.Fb(5120,Wn.l,Wn.m,[Wn.d]),n.Fb(5120,ae.Y,ae.Z,[Tn.e,[3,ae.Y]]),n.Fb(4608,ae.mb,ae.mb,[]),n.Fb(4608,ae.Gb,ae.Gb,[]),n.Fb(4608,ae.od,ae.od,[Wn.d]),n.Fb(4608,ae.Td,ae.Td,[Wn.d,n.t,n.k,n.g]),n.Fb(4608,ae.ae,ae.ae,[Wn.d,n.t,n.k,n.g]),n.Fb(4608,ae.ke,ae.ke,[[3,ae.ke]]),n.Fb(4608,ae.me,ae.me,[Wn.d,ae.Fe,ae.ke]),n.Fb(4608,Yn.c,Yn.c,[]),n.Fb(4608,Jn.d,Jn.d,[Tn.e]),n.Fb(4608,Bn.a,Bn.a,[ae.f]),n.Fb(1073742336,Tn.c,Tn.c,[]),n.Fb(1073742336,Ge.u,Ge.u,[]),n.Fb(1073742336,Ge.h,Ge.h,[]),n.Fb(1073742336,jt.s,jt.s,[[2,jt.y],[2,jt.o]]),n.Fb(1073742336,Ge.r,Ge.r,[]),n.Fb(1073742336,_n.e,_n.e,[]),n.Fb(1073742336,_n.d,_n.d,[]),n.Fb(1073742336,jn.d,jn.d,[]),n.Fb(1073742336,$n.b,$n.b,[]),n.Fb(1073742336,ae.Dd,ae.Dd,[]),n.Fb(1073742336,ae.xe,ae.xe,[]),n.Fb(1073742336,ae.k,ae.k,[]),n.Fb(1073742336,ae.n,ae.n,[]),n.Fb(1073742336,ae.m,ae.m,[]),n.Fb(1073742336,ae.p,ae.p,[]),n.Fb(1073742336,Gn.a,Gn.a,[]),n.Fb(1073742336,qn.e,qn.e,[]),n.Fb(1073742336,Vn.a,Vn.a,[]),n.Fb(1073742336,Wn.h,Wn.h,[]),n.Fb(1073742336,ae.t,ae.t,[]),n.Fb(1073742336,ae.Ae,ae.Ae,[]),n.Fb(1073742336,ae.D,ae.D,[]),n.Fb(1073742336,ae.I,ae.I,[]),n.Fb(1073742336,ae.K,ae.K,[]),n.Fb(1073742336,ae.T,ae.T,[]),n.Fb(1073742336,ae.bb,ae.bb,[]),n.Fb(1073742336,ae.W,ae.W,[]),n.Fb(1073742336,ae.db,ae.db,[]),n.Fb(1073742336,ae.fb,ae.fb,[]),n.Fb(1073742336,ae.nb,ae.nb,[]),n.Fb(1073742336,ae.qb,ae.qb,[]),n.Fb(1073742336,ae.sb,ae.sb,[]),n.Fb(1073742336,ae.vb,ae.vb,[]),n.Fb(1073742336,ae.yb,ae.yb,[]),n.Fb(1073742336,ae.Cb,ae.Cb,[]),n.Fb(1073742336,ae.Lb,ae.Lb,[]),n.Fb(1073742336,ae.Eb,ae.Eb,[]),n.Fb(1073742336,ae.Ob,ae.Ob,[]),n.Fb(1073742336,ae.Qb,ae.Qb,[]),n.Fb(1073742336,ae.Sb,ae.Sb,[]),n.Fb(1073742336,ae.Ub,ae.Ub,[]),n.Fb(1073742336,ae.Wb,ae.Wb,[]),n.Fb(1073742336,ae.Yb,ae.Yb,[]),n.Fb(1073742336,ae.fc,ae.fc,[]),n.Fb(1073742336,ae.kc,ae.kc,[]),n.Fb(1073742336,ae.mc,ae.mc,[]),n.Fb(1073742336,ae.pc,ae.pc,[]),n.Fb(1073742336,ae.tc,ae.tc,[]),n.Fb(1073742336,ae.vc,ae.vc,[]),n.Fb(1073742336,ae.yc,ae.yc,[]),n.Fb(1073742336,ae.Jc,ae.Jc,[]),n.Fb(1073742336,ae.Ic,ae.Ic,[]),n.Fb(1073742336,ae.Hc,ae.Hc,[]),n.Fb(1073742336,ae.jd,ae.jd,[]),n.Fb(1073742336,ae.ld,ae.ld,[]),n.Fb(1073742336,ae.pd,ae.pd,[]),n.Fb(1073742336,ae.yd,ae.yd,[]),n.Fb(1073742336,ae.Cd,ae.Cd,[]),n.Fb(1073742336,ae.Hd,ae.Hd,[]),n.Fb(1073742336,ae.Md,ae.Md,[]),n.Fb(1073742336,ae.Od,ae.Od,[]),n.Fb(1073742336,ae.Ud,ae.Ud,[]),n.Fb(1073742336,ae.be,ae.be,[]),n.Fb(1073742336,ae.ee,ae.ee,[]),n.Fb(1073742336,ae.he,ae.he,[]),n.Fb(1073742336,ae.ne,ae.ne,[]),n.Fb(1073742336,ae.pe,ae.pe,[]),n.Fb(1073742336,ae.re,ae.re,[]),n.Fb(1073742336,ae.ve,ae.ve,[]),n.Fb(1073742336,ae.ye,ae.ye,[]),n.Fb(1073742336,ae.a,ae.a,[]),n.Fb(1073742336,Zn.a,Zn.a,[ae.c]),n.Fb(1073742336,Kn.a,Kn.a,[]),n.Fb(1073742336,Qn.a,Qn.a,[]),n.Fb(1073742336,Xn.a,Xn.a,[]),n.Fb(1073742336,to.a,to.a,[]),n.Fb(1073742336,eo.a,eo.a,[]),n.Fb(1073742336,no.a,no.a,[]),n.Fb(1073742336,oo.a,oo.a,[]),n.Fb(1073742336,lo.a,lo.a,[]),n.Fb(1073742336,co.a,co.a,[]),n.Fb(1073742336,ao.a,ao.a,[]),n.Fb(1073742336,io.a,io.a,[]),n.Fb(1073742336,ro.a,ro.a,[]),n.Fb(1073742336,so.a,so.a,[]),n.Fb(1073742336,uo.a,uo.a,[]),n.Fb(1073742336,mo.a,mo.a,[]),n.Fb(1073742336,ho.a,ho.a,[]),n.Fb(1073742336,po.a,po.a,[]),n.Fb(1073742336,bo.a,bo.a,[]),n.Fb(1073742336,Yn.b,Yn.b,[]),n.Fb(1073742336,fo.a,fo.a,[]),n.Fb(1073742336,go.a,go.a,[]),n.Fb(1073742336,So.a,So.a,[]),n.Fb(1073742336,yo.a,yo.a,[]),n.Fb(1073742336,wo.a,wo.a,[]),n.Fb(1073742336,vo.a,vo.a,[]),n.Fb(1073742336,xo.a,xo.a,[]),n.Fb(1073742336,zo.a,zo.a,[]),n.Fb(1073742336,ko.a,ko.a,[]),n.Fb(1073742336,Fo.a,Fo.a,[]),n.Fb(1073742336,Co.a,Co.a,[]),n.Fb(1073742336,Ho.a,Ho.a,[]),n.Fb(1073742336,No.a,No.a,[]),n.Fb(1073742336,Mo.a,Mo.a,[]),n.Fb(1073742336,Io.a,Io.a,[]),n.Fb(1073742336,Ao.a,Ao.a,[]),n.Fb(1073742336,Ro.a,Ro.a,[]),n.Fb(1073742336,Oo.a,Oo.a,[]),n.Fb(1073742336,Po.a,Po.a,[]),n.Fb(1073742336,Eo.a,Eo.a,[]),n.Fb(1073742336,Lo.a,Lo.a,[]),n.Fb(1073742336,Do.a,Do.a,[]),n.Fb(1073742336,Uo.a,Uo.a,[]),n.Fb(1073742336,To.a,To.a,[]),n.Fb(1073742336,_o.a,_o.a,[]),n.Fb(1073742336,jo.a,jo.a,[]),n.Fb(1073742336,Wo.a,Wo.a,[]),n.Fb(1073742336,Go.h,Go.h,[]),n.Fb(1073742336,Yo.b,Yo.b,[]),n.Fb(1073742336,Jo.a,Jo.a,[]),n.Fb(1073742336,Jn.c,Jn.c,[]),n.Fb(1073742336,Bo.c,Bo.c,[]),n.Fb(1073742336,$o.a,$o.a,[]),n.Fb(1073742336,rt,rt,[]),n.Fb(256,_n.q,"XSRF-TOKEN",[]),n.Fb(256,_n.r,"X-XSRF-TOKEN",[]),n.Fb(256,ae.Ge,!1,[]),n.Fb(256,ae.Ee,void 0,[]),n.Fb(256,ae.Qd,{nzDuration:3e3,nzAnimate:!0,nzPauseOnHover:!0,nzMaxStack:7},[]),n.Fb(256,ae.Xd,{nzTop:"24px",nzBottom:"24px",nzPlacement:"topRight",nzDuration:4500,nzMaxStack:7,nzPauseOnHover:!0,nzAnimate:!0},[]),n.Fb(1024,jt.m,function(){return[[{path:"",component:o.a,children:[{path:"",redirectTo:"getting-started",pathMatch:"full"},{path:"customize",component:l},{path:"error",component:c},{path:"getting-started",component:a},{path:"qa",component:i},{path:"schema",component:r},{path:"modal",component:s},{path:"array",component:u},{path:"autocomplete",component:h},{path:"boolean",component:f},{path:"cascader",component:S},{path:"checkbox",component:w},{path:"custom",component:z},{path:"date",component:F},{path:"mention",component:H},{path:"number",component:M},{path:"object",component:A},{path:"radio",component:O},{path:"rate",component:E},{path:"select",component:D},{path:"slider",component:T},{path:"string",component:j},{path:"tag",component:G},{path:"text",component:J},{path:"textarea",component:$},{path:"time",component:V},{path:"transfer",component:K},{path:"tree-select",component:X},{path:"upload",component:et},{path:"markdown",component:nt},{path:"tinymce",component:lt},{path:"ueditor",component:at}]}]]},[])])})}}]);