@next-bricks/form 0.19.2 → 0.19.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/bricks.json +15 -15
  2. package/dist/examples.json +6 -6
  3. package/dist/index.28e43061.js +2 -0
  4. package/dist/{index.7704ca4d.js.map → index.28e43061.js.map} +1 -1
  5. package/dist/manifest.json +337 -337
  6. package/dist/types.json +642 -642
  7. package/package.json +2 -2
  8. package/dist/index.7704ca4d.js +0 -2
package/dist/bricks.json CHANGED
@@ -2,9 +2,6 @@
2
2
  "id": "bricks/form",
3
3
  "bricks": [
4
4
  "form.general-input",
5
- "form.general-textarea",
6
- "form.general-form",
7
- "form.general-form-item",
8
5
  "form.general-radio",
9
6
  "form.general-select",
10
7
  "form.submit-buttons",
@@ -13,13 +10,13 @@
13
10
  "form.general-search",
14
11
  "form.icon-select",
15
12
  "form.upload-image",
16
- "form.general-switch"
13
+ "form.general-switch",
14
+ "form.general-textarea",
15
+ "form.general-form-item",
16
+ "form.general-form"
17
17
  ],
18
18
  "elements": [
19
19
  "eo-input",
20
- "eo-textarea",
21
- "eo-form",
22
- "eo-form-item",
23
20
  "eo-radio",
24
21
  "eo-select",
25
22
  "eo-submit-buttons",
@@ -32,7 +29,10 @@
32
29
  "eo-upload-file",
33
30
  "eo-auto-complete",
34
31
  "eo-time-picker",
35
- "eo-date-picker"
32
+ "eo-textarea",
33
+ "eo-date-picker",
34
+ "eo-form-item",
35
+ "eo-form"
36
36
  ],
37
37
  "processors": [],
38
38
  "dependencies": {
@@ -44,12 +44,6 @@
44
44
  "eo-icon",
45
45
  "eo-form-item"
46
46
  ],
47
- "eo-textarea": [
48
- "eo-form-item"
49
- ],
50
- "form.general-textarea": [
51
- "eo-form-item"
52
- ],
53
47
  "eo-radio": [
54
48
  "eo-icon",
55
49
  "eo-form-item"
@@ -158,10 +152,16 @@
158
152
  "eo-time-picker": [
159
153
  "eo-form-item"
160
154
  ],
155
+ "eo-textarea": [
156
+ "eo-form-item"
157
+ ],
158
+ "form.general-textarea": [
159
+ "eo-form-item"
160
+ ],
161
161
  "eo-date-picker": [
162
162
  "eo-form-item",
163
163
  "eo-icon"
164
164
  ]
165
165
  },
166
- "filePath": "bricks/form/dist/index.7704ca4d.js"
166
+ "filePath": "bricks/form/dist/index.28e43061.js"
167
167
  }
package/dist/examples.json CHANGED
@@ -2,12 +2,6 @@
2
2
  "eo-input": {
3
3
  "doc": "表单输入框构件。\n\n```yaml preview\n- brick: eo-input\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-input></eo-input>\n# \n```\n\n## Examples\n\n### Label\n\n```yaml preview\n- brick: eo-input\n properties:\n label: 输入框\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-input label=\"输入框\"></eo-input>\n# \n```\n\n### Value\n\n```yaml preview\n- brick: eo-input\n properties:\n value: Default Value\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-input value=\"Default Value\"></eo-input>\n# \n```\n\n### Disabled\n\n```yaml preview\n- brick: eo-input\n properties:\n value: Default Value\n disabled: true\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-input value=\"Default Value\" disabled></eo-input>\n# \n```\n\n### Clearable\n\n```yaml preview\n- brick: eo-input\n properties:\n value: Default Value\n clearable: true\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-input value=\"Default Value\" clearable></eo-input>\n# \n```\n\n### Placeholder\n\n```yaml preview\n- brick: eo-input\n properties:\n placeholder: This is placeholder...\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-input placeholder=\"This is placeholder...\"></eo-input>\n# \n```\n\n### max length\n\n```yaml preview\n- brick: eo-input\n properties:\n placeholder: max length = 5\n maxLength: 5\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-input placeholder=\"max length = 5\" max-length=\"5\"></eo-input>\n# \n```\n\n### Type\n\n```yaml preview\n- brick: eo-input\n properties:\n label: password\n type: password\n- brick: eo-input\n properties:\n label: date\n type: date\n- brick: eo-input\n properties:\n label: color\n type: color\n- brick: eo-input\n properties:\n label: search\n type: search\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-input label=\"password\" type=\"password\"></eo-input>\n# <eo-input label=\"date\" type=\"date\"></eo-input>\n# <eo-input label=\"color\" type=\"color\"></eo-input>\n# <eo-input label=\"search\" type=\"search\"></eo-input>\n# \n```\n\n### Size\n\n```yaml preview\n- brick: eo-input\n properties:\n size: large\n placeholder: large\n- brick: eo-input\n properties:\n size: medium\n placeholder: medium\n- brick: eo-input\n properties:\n size: small\n placeholder: small\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-input size=\"large\" placeholder=\"large\"></eo-input>\n# <eo-input size=\"medium\" placeholder=\"medium\"></eo-input>\n# <eo-input size=\"small\" placeholder=\"small\"></eo-input>\n# \n```\n\n### Input Style\n\n```yaml preview\n- brick: eo-input\n properties:\n placeholder: \"width: 180px\"\n inputStyle:\n width: 180px\n- brick: eo-input\n properties:\n placeholder: \"width: 250px\"\n inputStyle:\n width: 250px\n- brick: eo-input\n properties:\n placeholder: \"border style\"\n inputStyle:\n border: \"1px solid #8b2121\"\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-input placeholder=\"width: 180px\" id=\"brick-1\"></eo-input>\n# <eo-input placeholder=\"width: 250px\" id=\"brick-2\"></eo-input>\n# <eo-input placeholder=\"border style\" id=\"brick-3\"></eo-input>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.inputStyle = {\n# width: \"180px\",\n# };\n# \n# const brick_2 = document.getElementById(\"brick-2\");\n# brick_2.inputStyle = {\n# width: \"250px\",\n# };\n# \n# const brick_3 = document.getElementById(\"brick-3\");\n# brick_3.inputStyle = {\n# border: \"1px solid #8b2121\",\n# };\n# </script>\n# \n```\n\n### Event\n\n```yaml preview\n- brick: eo-input\n events:\n label: Event\n change:\n action: message.success\n args:\n - <% EVENT.detail %>\n focus:\n action: message.success\n args:\n - focus\n blur:\n action: message.success\n args:\n - blur\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-input id=\"brick-1\"></eo-input>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.addEventListener(\"label\", (e) => {\n# // WARN: encountered incompatible event handlers in HTML mode, please try YAML.\n# });\n# brick_1.addEventListener(\"change\", (e) => {\n# const message = document.createElement(\"basic.show-notification\");\n# message.resolve({ type: \"success\", message: e.detail });\n# });\n# brick_1.addEventListener(\"focus\", (e) => {\n# const message = document.createElement(\"basic.show-notification\");\n# message.resolve({ type: \"success\", message: \"focus\" });\n# });\n# brick_1.addEventListener(\"blur\", (e) => {\n# const message = document.createElement(\"basic.show-notification\");\n# message.resolve({ type: \"success\", message: \"blur\" });\n# });\n# </script>\n# \n```\n\n### Slot\n\n```yaml preview gap\n- brick: eo-input\n properties:\n placeholder: prefix slot\n slots:\n prefix:\n bricks:\n - brick: eo-icon\n properties:\n icon: search\n lib: antd\n theme: outlined\n- brick: eo-input\n properties:\n placeholder: suffix slot\n slots:\n suffix:\n bricks:\n - brick: eo-icon\n properties:\n icon: search\n lib: antd\n theme: outlined\n- brick: eo-input\n properties:\n placeholder: addon slot\n slots:\n addonBefore:\n type: bricks\n bricks:\n - brick: span\n properties:\n textContent: https://\n addonAfter:\n type: bricks\n bricks:\n - brick: span\n properties:\n textContent: .com\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-input placeholder=\"prefix slot\">\n# <eo-icon slot=\"prefix\" icon=\"search\" lib=\"antd\" theme=\"outlined\"></eo-icon>\n# </eo-input>\n# <eo-input placeholder=\"suffix slot\">\n# <eo-icon slot=\"suffix\" icon=\"search\" lib=\"antd\" theme=\"outlined\"></eo-icon>\n# </eo-input>\n# <eo-input placeholder=\"addon slot\">\n# <span slot=\"addonBefore\">https://</span>\n# <span slot=\"addonAfter\">.com</span>\n# </eo-input>\n# \n```\n"
4
4
  },
5
- "eo-textarea": {
6
- "doc": "表单多行文本输入框构件。\n\n```yaml preview\n- brick: eo-textarea\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-textarea></eo-textarea>\n# \n```\n\n## Examples\n\n### Label\n\n```yaml preview\n- brick: eo-textarea\n properties:\n label: 多行输入框\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-textarea label=\"多行输入框\"></eo-textarea>\n# \n```\n\n### Value\n\n```yaml preview\n- brick: eo-textarea\n properties:\n value: Default Value\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-textarea value=\"Default Value\"></eo-textarea>\n# \n```\n\n### Disabled\n\n```yaml preview\n- brick: eo-textarea\n properties:\n value: Default Value\n disabled: true\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-textarea value=\"Default Value\" disabled></eo-textarea>\n# \n```\n\n### Placeholder\n\n```yaml preview\n- brick: eo-textarea\n properties:\n placeholder: This is placeholder...\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-textarea placeholder=\"This is placeholder...\"></eo-textarea>\n# \n```\n\n### max length\n\n```yaml preview\n- brick: eo-textarea\n properties:\n placeholder: max length = 10\n maxLength: 10\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-textarea placeholder=\"max length = 10\" max-length=\"10\"></eo-textarea>\n# \n```\n\n### AutoSize\n\n```yaml preview\n- brick: eo-textarea\n properties:\n placeholder: \"autoSize: true\"\n autoSize: true\n- brick: eo-textarea\n properties:\n placeholder: \"autoSize: { minRows: 3}\"\n autoSize:\n minRows: 3\n- brick: eo-textarea\n properties:\n placeholder: \"autoSize: { minRows: 3, maxRows: 5}\"\n autoSize:\n minRows: 3\n maxRows: 5\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-textarea placeholder=\"autoSize: true\" id=\"brick-1\"></eo-textarea>\n# <eo-textarea placeholder=\"autoSize: { minRows: 3}\" id=\"brick-2\"></eo-textarea>\n# <eo-textarea\n# placeholder=\"autoSize: { minRows: 3, maxRows: 5}\"\n# id=\"brick-3\"\n# ></eo-textarea>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.autoSize = true;\n# \n# const brick_2 = document.getElementById(\"brick-2\");\n# brick_2.autoSize = {\n# minRows: 3,\n# };\n# \n# const brick_3 = document.getElementById(\"brick-3\");\n# brick_3.autoSize = {\n# minRows: 3,\n# maxRows: 5,\n# };\n# </script>\n# \n```\n\n### Textarea Style\n\n```yaml preview\n- brick: eo-textarea\n properties:\n placeholder: \"width: 180px\"\n textareaStyle:\n width: 180px\n- brick: eo-textarea\n properties:\n placeholder: \"width: 250px\"\n textareaStyle:\n width: 250px\n- brick: eo-textarea\n properties:\n placeholder: \"border style\"\n textareaStyle:\n border: \"1px solid #8b2121\"\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-textarea placeholder=\"width: 180px\" id=\"brick-1\"></eo-textarea>\n# <eo-textarea placeholder=\"width: 250px\" id=\"brick-2\"></eo-textarea>\n# <eo-textarea placeholder=\"border style\" id=\"brick-3\"></eo-textarea>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.textareaStyle = {\n# width: \"180px\",\n# };\n# \n# const brick_2 = document.getElementById(\"brick-2\");\n# brick_2.textareaStyle = {\n# width: \"250px\",\n# };\n# \n# const brick_3 = document.getElementById(\"brick-3\");\n# brick_3.textareaStyle = {\n# border: \"1px solid #8b2121\",\n# };\n# </script>\n# \n```\n\n### Event\n\n```yaml preview\n- brick: eo-textarea\n events:\n label: Event\n change:\n action: message.success\n args:\n - <% EVENT.detail %>\n focus:\n action: message.success\n args:\n - focus\n blur:\n action: message.success\n args:\n - blur\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-textarea id=\"brick-1\"></eo-textarea>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.addEventListener(\"label\", (e) => {\n# // WARN: encountered incompatible event handlers in HTML mode, please try YAML.\n# });\n# brick_1.addEventListener(\"change\", (e) => {\n# const message = document.createElement(\"basic.show-notification\");\n# message.resolve({ type: \"success\", message: e.detail });\n# });\n# brick_1.addEventListener(\"focus\", (e) => {\n# const message = document.createElement(\"basic.show-notification\");\n# message.resolve({ type: \"success\", message: \"focus\" });\n# });\n# brick_1.addEventListener(\"blur\", (e) => {\n# const message = document.createElement(\"basic.show-notification\");\n# message.resolve({ type: \"success\", message: \"blur\" });\n# });\n# </script>\n# \n```\n"
7
- },
8
- "eo-form": {
9
- "doc": "表单构件。\n\n## Examples\n\n### Layout\n\n```yaml preview\n- brick: eo-form\n properties:\n layout: inline\n slots:\n \"\":\n bricks:\n - brick: eo-input\n properties:\n label: input\n - brick: eo-select\n properties:\n label: select\n- brick: div\n properties:\n style:\n height: 1px\n background: \"#abc\"\n margin: \"20px 0\"\n- brick: eo-form\n properties:\n layout: horizontal\n slots:\n \"\":\n bricks:\n - brick: eo-input\n properties:\n label: input\n - brick: eo-select\n properties:\n label: select\n- brick: div\n properties:\n style:\n height: 1px\n background: \"#abc\"\n margin: \"20px 0\"\n- brick: eo-form\n properties:\n layout: vertical\n slots:\n \"\":\n bricks:\n - brick: eo-input\n properties:\n label: input\n - brick: eo-select\n properties:\n label: select\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-form layout=\"inline\">\n# <eo-input label=\"input\"></eo-input>\n# <eo-select label=\"select\"></eo-select>\n# </eo-form>\n# <div style=\"height: 1px; background: #abc; margin: 20px 0\"></div>\n# <eo-form layout=\"horizontal\">\n# <eo-input label=\"input\"></eo-input>\n# <eo-select label=\"select\"></eo-select>\n# </eo-form>\n# <div style=\"height: 1px; background: #abc; margin: 20px 0\"></div>\n# <eo-form layout=\"vertical\">\n# <eo-input label=\"input\"></eo-input>\n# <eo-select label=\"select\"></eo-select>\n# </eo-form>\n# \n```\n\n### Values\n\n```yaml preview\n- brick: eo-form\n properties:\n values:\n input: This is default value\n select: Beijing\n radio: Guangzhou\n checkbox:\n - C\n - D\n textarea: \"Hello World! \\nNice to see you!\"\n dynamicForm:\n - input: beijing\n select: Guangzhou\n - input: shenzhen\n select: Shenzhen\n slots:\n \"\":\n bricks:\n - brick: eo-input\n properties:\n label: input\n name: input\n - brick: eo-select\n properties:\n label: select\n name: select\n options:\n - Beijing\n - Shanghai\n - brick: eo-radio\n properties:\n label: radio\n name: radio\n options:\n - Guangzhou\n - Shenzhen\n - brick: eo-checkbox\n properties:\n name: checkbox\n label: checkbox\n options:\n - A\n - B\n - C\n - D\n - brick: eo-textarea\n properties:\n name: textarea\n label: textarea\n autoSize:\n minRows: 3\n - brick: eo-dynamic-form-item\n properties:\n label: dynamic-form\n name: dynamicForm\n useBrick:\n - brick: eo-input\n properties:\n name: input\n - brick: eo-select\n properties:\n name: select\n options:\n - Beijing\n - Shanghai\n - Guangzhou\n - Shenzhen\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-form values=\"[object Object]\">\n# <eo-input label=\"input\" name=\"input\"></eo-input>\n# <eo-select label=\"select\" name=\"select\" id=\"brick-1\"></eo-select>\n# <eo-radio label=\"radio\" name=\"radio\" id=\"brick-2\"></eo-radio>\n# <eo-checkbox name=\"checkbox\" label=\"checkbox\" id=\"brick-3\"></eo-checkbox>\n# <eo-textarea name=\"textarea\" label=\"textarea\" id=\"brick-4\"></eo-textarea>\n# <eo-dynamic-form-item\n# label=\"dynamic-form\"\n# name=\"dynamicForm\"\n# id=\"brick-5\"\n# ></eo-dynamic-form-item>\n# </eo-form>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.options = [\"Beijing\", \"Shanghai\"];\n# \n# const brick_2 = document.getElementById(\"brick-2\");\n# brick_2.options = [\"Guangzhou\", \"Shenzhen\"];\n# \n# const brick_3 = document.getElementById(\"brick-3\");\n# brick_3.options = [\"A\", \"B\", \"C\", \"D\"];\n# \n# const brick_4 = document.getElementById(\"brick-4\");\n# brick_4.autoSize = {\n# minRows: 3,\n# };\n# \n# const brick_5 = document.getElementById(\"brick-5\");\n# brick_5.useBrick = [\n# {\n# brick: \"eo-input\",\n# properties: {\n# name: \"input\",\n# },\n# },\n# {\n# brick: \"eo-select\",\n# properties: {\n# name: \"select\",\n# options: [\"Beijing\", \"Shanghai\", \"Guangzhou\", \"Shenzhen\"],\n# },\n# },\n# ];\n# </script>\n# \n```\n\n### Events\n\n```yaml preview\n- brick: eo-form\n events:\n values.change:\n - action: console.log\n validate.success:\n - action: message.success\n args:\n - 表单提交成功\n validate.error:\n - action: message.error\n args:\n - 表单校验失败\n slots:\n \"\":\n bricks:\n - brick: eo-input\n properties:\n required: true\n name: name\n label: 姓名\n max: 6\n min: 2\n message:\n required: 一定要填写姓名哟\n max: 不能超过 6 个字符哟\n min: 最少填写 2 个字符哟\n - brick: eo-select\n properties:\n required: true\n name: sex\n label: 性别\n options:\n - label: 男\n value: 0\n - label: 女\n value: 1\n - brick: eo-submit-buttons\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-form id=\"brick-1\">\n# <eo-input\n# required\n# name=\"name\"\n# label=\"姓名\"\n# max=\"6\"\n# min=\"2\"\n# id=\"brick-2\"\n# ></eo-input>\n# <eo-select required name=\"sex\" label=\"性别\" id=\"brick-3\"></eo-select>\n# <eo-submit-buttons></eo-submit-buttons>\n# </eo-form>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.addEventListener(\"values.change\", (e) => {\n# console.log(e.detail);\n# });\n# brick_1.addEventListener(\"validate.success\", (e) => {\n# const message = document.createElement(\"basic.show-notification\");\n# message.resolve({ type: \"success\", message: \"表单提交成功\" });\n# });\n# brick_1.addEventListener(\"validate.error\", (e) => {\n# const message = document.createElement(\"basic.show-notification\");\n# message.resolve({ type: \"error\", message: \"表单校验失败\" });\n# });\n# \n# const brick_2 = document.getElementById(\"brick-2\");\n# brick_2.message = {\n# required: \"一定要填写姓名哟\",\n# max: \"不能超过 6 个字符哟\",\n# min: \"最少填写 2 个字符哟\",\n# };\n# \n# const brick_3 = document.getElementById(\"brick-3\");\n# brick_3.options = [\n# {\n# label: \"男\",\n# value: 0,\n# },\n# {\n# label: \"女\",\n# value: 1,\n# },\n# ];\n# </script>\n# \n```\n\n### Method\n\n```yaml preview\n- brick: eo-form\n properties:\n id: form\n slots:\n \"\":\n bricks:\n - brick: eo-input\n properties:\n required: true\n name: name\n label: 姓名\n max: 6\n min: 2\n - brick: eo-select\n properties:\n required: true\n name: sex\n label: 性别\n options:\n - label: 男\n value: 0\n - label: 女\n value: 1\n- brick: eo-button\n properties:\n textContent: validateFields\n events:\n click:\n - target: \"#form\"\n method: validate\n- brick: eo-button\n properties:\n textContent: setInitValue\n events:\n click:\n - target: \"#form\"\n method: setInitValue\n args:\n - name: Mike\n sex: 0\n- brick: eo-button\n properties:\n textContent: resetFields\n events:\n click:\n - target: \"#form\"\n method: resetFields\n- brick: eo-button\n properties:\n textContent: resetFields(name)\n events:\n click:\n - target: \"#form\"\n method: resetFields\n args:\n - name\n- brick: eo-button\n properties:\n textContent: getFieldsValue\n events:\n click:\n - target: \"#form\"\n method: getFieldsValue\n callback:\n success:\n - action: console.log\n- brick: eo-button\n properties:\n textContent: getFieldsValue(name)\n events:\n click:\n - target: \"#form\"\n method: getFieldsValue\n args:\n - name\n callback:\n success:\n - action: console.log\n- brick: eo-button\n properties:\n textContent: validateField(name)\n events:\n click:\n - target: \"#form\"\n method: validateField\n args:\n - name\n- brick: eo-button\n properties:\n textContent: resetValidateState\n events:\n click:\n - target: \"#form\"\n method: resetValidateState\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-form id=\"form\">\n# <eo-input required name=\"name\" label=\"姓名\" max=\"6\" min=\"2\"></eo-input>\n# <eo-select required name=\"sex\" label=\"性别\" id=\"brick-1\"></eo-select>\n# </eo-form>\n# <eo-button id=\"brick-2\">validateFields</eo-button>\n# <eo-button id=\"brick-3\">setInitValue</eo-button>\n# <eo-button id=\"brick-4\">resetFields</eo-button>\n# <eo-button id=\"brick-5\">resetFields(name)</eo-button>\n# <eo-button id=\"brick-6\">getFieldsValue</eo-button>\n# <eo-button id=\"brick-7\">getFieldsValue(name)</eo-button>\n# <eo-button id=\"brick-8\">validateField(name)</eo-button>\n# <eo-button id=\"brick-9\">resetValidateState</eo-button>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.options = [\n# {\n# label: \"男\",\n# value: 0,\n# },\n# {\n# label: \"女\",\n# value: 1,\n# },\n# ];\n# \n# const brick_2 = document.getElementById(\"brick-2\");\n# brick_2.addEventListener(\"click\", (e) => {\n# const brick = document.querySelector(\"#form\");\n# brick.validate();\n# });\n# \n# const brick_3 = document.getElementById(\"brick-3\");\n# brick_3.addEventListener(\"click\", (e) => {\n# const brick = document.querySelector(\"#form\");\n# brick.setInitValue({ name: \"Mike\", sex: 0 });\n# });\n# \n# const brick_4 = document.getElementById(\"brick-4\");\n# brick_4.addEventListener(\"click\", (e) => {\n# const brick = document.querySelector(\"#form\");\n# brick.resetFields();\n# });\n# \n# const brick_5 = document.getElementById(\"brick-5\");\n# brick_5.addEventListener(\"click\", (e) => {\n# const brick = document.querySelector(\"#form\");\n# brick.resetFields(\"name\");\n# });\n# \n# const brick_6 = document.getElementById(\"brick-6\");\n# brick_6.addEventListener(\"click\", (e) => {\n# const brick = document.querySelector(\"#form\");\n# brick.getFieldsValue();\n# });\n# \n# const brick_7 = document.getElementById(\"brick-7\");\n# brick_7.addEventListener(\"click\", (e) => {\n# const brick = document.querySelector(\"#form\");\n# brick.getFieldsValue(\"name\");\n# });\n# \n# const brick_8 = document.getElementById(\"brick-8\");\n# brick_8.addEventListener(\"click\", (e) => {\n# const brick = document.querySelector(\"#form\");\n# brick.validateField(\"name\");\n# });\n# \n# const brick_9 = document.getElementById(\"brick-9\");\n# brick_9.addEventListener(\"click\", (e) => {\n# const brick = document.querySelector(\"#form\");\n# brick.resetValidateState();\n# });\n# </script>\n# \n```\n"
10
- },
11
5
  "eo-radio": {
12
6
  "doc": "表单单选构件。\n\n```yaml preview\n- brick: eo-radio\n properties:\n options:\n - Beijing\n - Shanghai\n - Guangzhou\n - Shenzhen\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-radio id=\"brick-1\"></eo-radio>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.options = [\"Beijing\", \"Shanghai\", \"Guangzhou\", \"Shenzhen\"];\n# </script>\n# \n```\n\n## Examples\n\n### Label\n\n```yaml preview\n- brick: eo-radio\n properties:\n label: city\n options:\n - Beijing\n - Shanghai\n - Guangzhou\n - Shenzhen\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-radio label=\"city\" id=\"brick-1\"></eo-radio>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.options = [\"Beijing\", \"Shanghai\", \"Guangzhou\", \"Shenzhen\"];\n# </script>\n# \n```\n\n### Value\n\n```yaml preview\n- brick: eo-radio\n properties:\n options:\n - Beijing\n - Shanghai\n - Guangzhou\n - Shenzhen\n value: Guangzhou\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-radio id=\"brick-1\"></eo-radio>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.options = [\"Beijing\", \"Shanghai\", \"Guangzhou\", \"Shenzhen\"];\n# brick_1.value = \"Guangzhou\";\n# </script>\n# \n```\n\n### Options\n\n```yaml preview\n- brick: eo-radio\n properties:\n options:\n - Beijing\n - Shanghai\n - Guangzhou\n - Shenzhen\n value: Guangzhou\n- brick: eo-radio\n properties:\n options:\n - label: Beijing\n value: 0\n - label: Shanghai\n value: 1\n icon:\n icon: \"bar-chart\"\n lib: \"antd\"\n - label: Guangzhou\n value: 2\n - label: Shenzhen\n value: 3\n value: 2\n- brick: eo-radio\n properties:\n options:\n - true\n - false\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-radio id=\"brick-1\"></eo-radio>\n# <eo-radio id=\"brick-2\"></eo-radio>\n# <eo-radio id=\"brick-3\"></eo-radio>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.options = [\"Beijing\", \"Shanghai\", \"Guangzhou\", \"Shenzhen\"];\n# brick_1.value = \"Guangzhou\";\n# \n# const brick_2 = document.getElementById(\"brick-2\");\n# brick_2.options = [\n# {\n# label: \"Beijing\",\n# value: 0,\n# },\n# {\n# label: \"Shanghai\",\n# value: 1,\n# icon: {\n# icon: \"bar-chart\",\n# lib: \"antd\",\n# },\n# },\n# {\n# label: \"Guangzhou\",\n# value: 2,\n# },\n# {\n# label: \"Shenzhen\",\n# value: 3,\n# },\n# ];\n# brick_2.value = 2;\n# \n# const brick_3 = document.getElementById(\"brick-3\");\n# brick_3.options = [true, false];\n# </script>\n# \n```\n\n### Disabled\n\n```yaml preview\n- brick: eo-radio\n properties:\n options:\n - label: Beijing\n value: 0\n disabled: true\n - label: Shanghai\n value: 1\n - label: Guangzhou\n value: 2\n - label: Shenzhen\n value: 3\n- brick: div\n properties:\n style:\n height: 20px\n- brick: eo-radio\n properties:\n disabled: true\n options:\n - label: Beijing\n value: 0\n - label: Shanghai\n value: 1\n - label: Guangzhou\n value: 2\n - label: Shenzhen\n value: 3\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-radio id=\"brick-1\"></eo-radio>\n# <div style=\"height: 20px\"></div>\n# <eo-radio disabled id=\"brick-2\"></eo-radio>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.options = [\n# {\n# label: \"Beijing\",\n# value: 0,\n# disabled: true,\n# },\n# {\n# label: \"Shanghai\",\n# value: 1,\n# },\n# {\n# label: \"Guangzhou\",\n# value: 2,\n# },\n# {\n# label: \"Shenzhen\",\n# value: 3,\n# },\n# ];\n# \n# const brick_2 = document.getElementById(\"brick-2\");\n# brick_2.options = [\n# {\n# label: \"Beijing\",\n# value: 0,\n# },\n# {\n# label: \"Shanghai\",\n# value: 1,\n# },\n# {\n# label: \"Guangzhou\",\n# value: 2,\n# },\n# {\n# label: \"Shenzhen\",\n# value: 3,\n# },\n# ];\n# </script>\n# \n```\n\n### Size(Only use when type was button)\n\n```yaml preview\n- brick: eo-radio\n properties:\n label: large\n size: large\n type: button\n options:\n - Beijing\n - Shanghai\n - Guangzhou\n - Shenzhen\n- brick: div\n properties:\n style:\n height: 20px\n- brick: eo-radio\n properties:\n label: medium\n size: medium\n type: button\n options:\n - Beijing\n - Shanghai\n - Guangzhou\n - Shenzhen\n- brick: div\n properties:\n style:\n height: 20px\n- brick: eo-radio\n properties:\n label: small\n size: small\n type: button\n options:\n - Beijing\n - Shanghai\n - Guangzhou\n - Shenzhen\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-radio label=\"large\" size=\"large\" type=\"button\" id=\"brick-1\"></eo-radio>\n# <div style=\"height: 20px\"></div>\n# <eo-radio label=\"medium\" size=\"medium\" type=\"button\" id=\"brick-2\"></eo-radio>\n# <div style=\"height: 20px\"></div>\n# <eo-radio label=\"small\" size=\"small\" type=\"button\" id=\"brick-3\"></eo-radio>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.options = [\"Beijing\", \"Shanghai\", \"Guangzhou\", \"Shenzhen\"];\n# \n# const brick_2 = document.getElementById(\"brick-2\");\n# brick_2.options = [\"Beijing\", \"Shanghai\", \"Guangzhou\", \"Shenzhen\"];\n# \n# const brick_3 = document.getElementById(\"brick-3\");\n# brick_3.options = [\"Beijing\", \"Shanghai\", \"Guangzhou\", \"Shenzhen\"];\n# </script>\n# \n```\n\n### Type\n\n```yaml preview\n- brick: eo-radio\n properties:\n label: Default\n type: default\n value: Beijing\n options:\n - Beijing\n - Shanghai\n - Guangzhou\n - Shenzhen\n- brick: eo-radio\n properties:\n label: Button\n type: button\n value: Shanghai\n options:\n - Beijing\n - Shanghai\n - Guangzhou\n - Shenzhen\n- brick: eo-radio\n properties:\n label: Icon\n type: icon\n value: 1\n options:\n - label: Beijing\n value: 0\n icon:\n icon: \"area-chart\"\n lib: \"antd\"\n - label: Shanghai\n value: 1\n icon:\n icon: \"bar-chart\"\n lib: \"antd\"\n - label: Guangzhou\n value: 2\n icon:\n icon: \"area-chart\"\n lib: \"antd\"\n- brick: eo-radio\n properties:\n label: Icon Cricle\n type: icon-circle\n value: 0\n options:\n - label: Beijing\n value: 0\n icon:\n icon: \"area-chart\"\n lib: \"antd\"\n - label: Shanghai\n value: 1\n icon:\n icon: \"bar-chart\"\n lib: \"antd\"\n - label: Guangzhou\n value: 2\n icon:\n icon: \"area-chart\"\n lib: \"antd\"\n- brick: eo-radio\n properties:\n label: Icon Square\n type: icon-square\n value: 2\n options:\n - label: Beijing\n value: 0\n icon:\n icon: \"area-chart\"\n lib: \"antd\"\n - label: Shanghai\n value: 1\n icon:\n icon: \"bar-chart\"\n lib: \"antd\"\n - label: Guangzhou\n value: 2\n icon:\n icon: \"area-chart\"\n lib: \"antd\"\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-radio label=\"Default\" type=\"default\" id=\"brick-1\"></eo-radio>\n# <eo-radio label=\"Button\" type=\"button\" id=\"brick-2\"></eo-radio>\n# <eo-radio label=\"Icon\" type=\"icon\" id=\"brick-3\"></eo-radio>\n# <eo-radio label=\"Icon Cricle\" type=\"icon-circle\" id=\"brick-4\"></eo-radio>\n# <eo-radio label=\"Icon Square\" type=\"icon-square\" id=\"brick-5\"></eo-radio>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.value = \"Beijing\";\n# brick_1.options = [\"Beijing\", \"Shanghai\", \"Guangzhou\", \"Shenzhen\"];\n# \n# const brick_2 = document.getElementById(\"brick-2\");\n# brick_2.value = \"Shanghai\";\n# brick_2.options = [\"Beijing\", \"Shanghai\", \"Guangzhou\", \"Shenzhen\"];\n# \n# const brick_3 = document.getElementById(\"brick-3\");\n# brick_3.value = 1;\n# brick_3.options = [\n# {\n# label: \"Beijing\",\n# value: 0,\n# icon: {\n# icon: \"area-chart\",\n# lib: \"antd\",\n# },\n# },\n# {\n# label: \"Shanghai\",\n# value: 1,\n# icon: {\n# icon: \"bar-chart\",\n# lib: \"antd\",\n# },\n# },\n# {\n# label: \"Guangzhou\",\n# value: 2,\n# icon: {\n# icon: \"area-chart\",\n# lib: \"antd\",\n# },\n# },\n# ];\n# \n# const brick_4 = document.getElementById(\"brick-4\");\n# brick_4.value = 0;\n# brick_4.options = [\n# {\n# label: \"Beijing\",\n# value: 0,\n# icon: {\n# icon: \"area-chart\",\n# lib: \"antd\",\n# },\n# },\n# {\n# label: \"Shanghai\",\n# value: 1,\n# icon: {\n# icon: \"bar-chart\",\n# lib: \"antd\",\n# },\n# },\n# {\n# label: \"Guangzhou\",\n# value: 2,\n# icon: {\n# icon: \"area-chart\",\n# lib: \"antd\",\n# },\n# },\n# ];\n# \n# const brick_5 = document.getElementById(\"brick-5\");\n# brick_5.value = 2;\n# brick_5.options = [\n# {\n# label: \"Beijing\",\n# value: 0,\n# icon: {\n# icon: \"area-chart\",\n# lib: \"antd\",\n# },\n# },\n# {\n# label: \"Shanghai\",\n# value: 1,\n# icon: {\n# icon: \"bar-chart\",\n# lib: \"antd\",\n# },\n# },\n# {\n# label: \"Guangzhou\",\n# value: 2,\n# icon: {\n# icon: \"area-chart\",\n# lib: \"antd\",\n# },\n# },\n# ];\n# </script>\n# \n```\n\n### Event\n\n```yaml preview\n- brick: eo-radio\n properties:\n id: option-radio\n options:\n - label: Beijing\n value: 0\n - label: Shanghai\n value: 1\n icon:\n icon: \"bar-chart\"\n lib: \"antd\"\n - label: Guangzhou\n value: 2\n - label: Shenzhen\n value: 3\n events:\n change:\n - action: message.success\n args:\n - <% JSON.stringify(EVENT.detail) %>\n options.change:\n - action: message.success\n args:\n - <% JSON.stringify(EVENT.detail) %>\n- brick: eo-button\n properties:\n textContent: Click to Change Radio Option\n events:\n click:\n - target: \"#option-radio\"\n properties:\n options:\n - label: Beijing\n value: 0\n - label: Shanghai\n value: 1\n icon:\n icon: \"bar-chart\"\n lib: \"antd\"\n - label: Guangzhou\n value: 2\n - label: Shenzhen\n value: 3\n - label: Hangzhou\n value: 4\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-radio id=\"option-radio\"></eo-radio>\n# <eo-button id=\"brick-1\">Click to Change Radio Option</eo-button>\n# \n# <script>\n# const option_radio = document.getElementById(\"option-radio\");\n# option_radio.options = [\n# {\n# label: \"Beijing\",\n# value: 0,\n# },\n# {\n# label: \"Shanghai\",\n# value: 1,\n# icon: {\n# icon: \"bar-chart\",\n# lib: \"antd\",\n# },\n# },\n# {\n# label: \"Guangzhou\",\n# value: 2,\n# },\n# {\n# label: \"Shenzhen\",\n# value: 3,\n# },\n# ];\n# option_radio.addEventListener(\"change\", (e) => {\n# const message = document.createElement(\"basic.show-notification\");\n# message.resolve({\n# type: \"success\",\n# /* WARN: incompatible expressions in HTML, please try YAML: */\n# message: \"<% JSON.stringify(EVENT.detail) %>\",\n# });\n# });\n# option_radio.addEventListener(\"options.change\", (e) => {\n# const message = document.createElement(\"basic.show-notification\");\n# message.resolve({\n# type: \"success\",\n# /* WARN: incompatible expressions in HTML, please try YAML: */\n# message: \"<% JSON.stringify(EVENT.detail) %>\",\n# });\n# });\n# \n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.addEventListener(\"click\", (e) => {\n# const brick = document.querySelector(\"#option-radio\");\n# brick.options = [\n# {\n# label: \"Beijing\",\n# value: 0,\n# },\n# {\n# label: \"Shanghai\",\n# value: 1,\n# icon: {\n# icon: \"bar-chart\",\n# lib: \"antd\",\n# },\n# },\n# {\n# label: \"Guangzhou\",\n# value: 2,\n# },\n# {\n# label: \"Shenzhen\",\n# value: 3,\n# },\n# {\n# label: \"Hangzhou\",\n# value: 4,\n# },\n# ];\n# });\n# </script>\n# \n```\n"
13
7
  },
@@ -44,7 +38,13 @@
44
38
  "eo-time-picker": {
45
39
  "doc": "构件 `eo-time-picker`\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: eo-time-picker\n properties:\n label: time\n placeholder: 选择时间\n value: \"12:30:01\"\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-time-picker\n# label=\"time\"\n# placeholder=\"选择时间\"\n# value=\"12:30:01\"\n# ></eo-time-picker>\n# \n```\n\n### 国际化\n\n```yaml preview\n- brick: eo-time-picker\n- brick: div\n properties:\n style:\n display: grid\n gap: 1em\n children:\n - brick: eo-button\n properties:\n textContent: 中文\n events:\n click:\n useProvider: basic.change-language\n args:\n - zh\n callback:\n success:\n action: message.success\n args:\n - '<% I18N_TEXT({ zh: \"你好\", \"en\": \"Hello\" }) %>'\n - brick: eo-button\n properties:\n textContent: English\n events:\n click:\n useProvider: basic.change-language\n args:\n - en\n callback:\n success:\n action: message.success\n args:\n - '<% I18N_TEXT({ zh: \"你好\", \"en\": \"Hello\" }) %>'\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-time-picker></eo-time-picker>\n# <div style=\"display: grid; gap: 1em\">\n# <eo-button id=\"brick-1\">中文</eo-button>\n# <eo-button id=\"brick-2\">English</eo-button>\n# </div>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.addEventListener(\"click\", (e) => {\n# const provider = document.createElement(\"basic.change-language\");\n# const promise = Promise.resolve(provider.resolve(\"zh\"));\n# promise.then((r) => {\n# const message = document.createElement(\"basic.show-notification\");\n# message.resolve({\n# type: \"success\",\n# /* WARN: incompatible expressions in HTML, please try YAML: */\n# message: '<% I18N_TEXT({ zh: \"你好\", \"en\": \"Hello\" }) %>',\n# });\n# });\n# });\n# \n# const brick_2 = document.getElementById(\"brick-2\");\n# brick_2.addEventListener(\"click\", (e) => {\n# const provider = document.createElement(\"basic.change-language\");\n# const promise = Promise.resolve(provider.resolve(\"en\"));\n# promise.then((r) => {\n# const message = document.createElement(\"basic.show-notification\");\n# message.resolve({\n# type: \"success\",\n# /* WARN: incompatible expressions in HTML, please try YAML: */\n# message: '<% I18N_TEXT({ zh: \"你好\", \"en\": \"Hello\" }) %>',\n# });\n# });\n# });\n# </script>\n# \n```\n\n### event\n\n```yaml preview\n- brick: eo-time-picker\n events:\n change:\n action: console.log\n open:\n action: console.log\n close:\n action: console.log\n properties:\n label: time\n placeholder: 选择时间\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-time-picker\n# label=\"time\"\n# placeholder=\"选择时间\"\n# id=\"brick-1\"\n# ></eo-time-picker>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.addEventListener(\"change\", (e) => {\n# console.log(e.detail);\n# });\n# brick_1.addEventListener(\"open\", (e) => {\n# console.log(e.detail);\n# });\n# brick_1.addEventListener(\"close\", (e) => {\n# console.log(e.detail);\n# });\n# </script>\n# \n```\n"
46
40
  },
41
+ "eo-textarea": {
42
+ "doc": "表单多行文本输入框构件。\n\n```yaml preview\n- brick: eo-textarea\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-textarea></eo-textarea>\n# \n```\n\n## Examples\n\n### Label\n\n```yaml preview\n- brick: eo-textarea\n properties:\n label: 多行输入框\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-textarea label=\"多行输入框\"></eo-textarea>\n# \n```\n\n### Value\n\n```yaml preview\n- brick: eo-textarea\n properties:\n value: Default Value\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-textarea value=\"Default Value\"></eo-textarea>\n# \n```\n\n### Disabled\n\n```yaml preview\n- brick: eo-textarea\n properties:\n value: Default Value\n disabled: true\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-textarea value=\"Default Value\" disabled></eo-textarea>\n# \n```\n\n### Placeholder\n\n```yaml preview\n- brick: eo-textarea\n properties:\n placeholder: This is placeholder...\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-textarea placeholder=\"This is placeholder...\"></eo-textarea>\n# \n```\n\n### max length\n\n```yaml preview\n- brick: eo-textarea\n properties:\n placeholder: max length = 10\n maxLength: 10\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-textarea placeholder=\"max length = 10\" max-length=\"10\"></eo-textarea>\n# \n```\n\n### AutoSize\n\n```yaml preview\n- brick: eo-textarea\n properties:\n placeholder: \"autoSize: true\"\n autoSize: true\n- brick: eo-textarea\n properties:\n placeholder: \"autoSize: { minRows: 3}\"\n autoSize:\n minRows: 3\n- brick: eo-textarea\n properties:\n placeholder: \"autoSize: { minRows: 3, maxRows: 5}\"\n autoSize:\n minRows: 3\n maxRows: 5\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-textarea placeholder=\"autoSize: true\" id=\"brick-1\"></eo-textarea>\n# <eo-textarea placeholder=\"autoSize: { minRows: 3}\" id=\"brick-2\"></eo-textarea>\n# <eo-textarea\n# placeholder=\"autoSize: { minRows: 3, maxRows: 5}\"\n# id=\"brick-3\"\n# ></eo-textarea>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.autoSize = true;\n# \n# const brick_2 = document.getElementById(\"brick-2\");\n# brick_2.autoSize = {\n# minRows: 3,\n# };\n# \n# const brick_3 = document.getElementById(\"brick-3\");\n# brick_3.autoSize = {\n# minRows: 3,\n# maxRows: 5,\n# };\n# </script>\n# \n```\n\n### Textarea Style\n\n```yaml preview\n- brick: eo-textarea\n properties:\n placeholder: \"width: 180px\"\n textareaStyle:\n width: 180px\n- brick: eo-textarea\n properties:\n placeholder: \"width: 250px\"\n textareaStyle:\n width: 250px\n- brick: eo-textarea\n properties:\n placeholder: \"border style\"\n textareaStyle:\n border: \"1px solid #8b2121\"\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-textarea placeholder=\"width: 180px\" id=\"brick-1\"></eo-textarea>\n# <eo-textarea placeholder=\"width: 250px\" id=\"brick-2\"></eo-textarea>\n# <eo-textarea placeholder=\"border style\" id=\"brick-3\"></eo-textarea>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.textareaStyle = {\n# width: \"180px\",\n# };\n# \n# const brick_2 = document.getElementById(\"brick-2\");\n# brick_2.textareaStyle = {\n# width: \"250px\",\n# };\n# \n# const brick_3 = document.getElementById(\"brick-3\");\n# brick_3.textareaStyle = {\n# border: \"1px solid #8b2121\",\n# };\n# </script>\n# \n```\n\n### Event\n\n```yaml preview\n- brick: eo-textarea\n events:\n label: Event\n change:\n action: message.success\n args:\n - <% EVENT.detail %>\n focus:\n action: message.success\n args:\n - focus\n blur:\n action: message.success\n args:\n - blur\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-textarea id=\"brick-1\"></eo-textarea>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.addEventListener(\"label\", (e) => {\n# // WARN: encountered incompatible event handlers in HTML mode, please try YAML.\n# });\n# brick_1.addEventListener(\"change\", (e) => {\n# const message = document.createElement(\"basic.show-notification\");\n# message.resolve({ type: \"success\", message: e.detail });\n# });\n# brick_1.addEventListener(\"focus\", (e) => {\n# const message = document.createElement(\"basic.show-notification\");\n# message.resolve({ type: \"success\", message: \"focus\" });\n# });\n# brick_1.addEventListener(\"blur\", (e) => {\n# const message = document.createElement(\"basic.show-notification\");\n# message.resolve({ type: \"success\", message: \"blur\" });\n# });\n# </script>\n# \n```\n"
43
+ },
47
44
  "eo-date-picker": {
48
45
  "doc": "构件 `eo-date-picker`\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: eo-date-picker\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-date-picker></eo-date-picker>\n# \n```\n\n### picker\n\n```yaml preview\n- brick: eo-radio\n events:\n change:\n - target: \"#datePicker\"\n properties:\n picker: <% EVENT.detail.value %>\n properties:\n options:\n - label: 天\n value: date\n - label: 周\n value: week\n - label: 月\n value: month\n - label: 季度\n value: quarter\n - label: 年\n value: year\n- brick: div\n properties:\n style:\n display: grid\n gap: 1em\n children:\n - brick: eo-button\n properties:\n textContent: 中文\n events:\n click:\n useProvider: basic.change-language\n args:\n - zh\n callback:\n success:\n action: message.success\n args:\n - '<% I18N_TEXT({ zh: \"你好\", \"en\": \"Hello\" }) %>'\n - brick: eo-button\n properties:\n textContent: English\n events:\n click:\n useProvider: basic.change-language\n args:\n - en\n callback:\n success:\n action: message.success\n args:\n - '<% I18N_TEXT({ zh: \"你好\", \"en\": \"Hello\" }) %>'\n- brick: eo-date-picker\n properties:\n id: datePicker\n useFastSelectBtn: true\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-radio id=\"brick-1\"></eo-radio>\n# <div style=\"display: grid; gap: 1em\">\n# <eo-button id=\"brick-2\">中文</eo-button>\n# <eo-button id=\"brick-3\">English</eo-button>\n# </div>\n# <eo-date-picker use-fast-select-btn id=\"datePicker\"></eo-date-picker>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.options = [\n# {\n# label: \"天\",\n# value: \"date\",\n# },\n# {\n# label: \"周\",\n# value: \"week\",\n# },\n# {\n# label: \"月\",\n# value: \"month\",\n# },\n# {\n# label: \"季度\",\n# value: \"quarter\",\n# },\n# {\n# label: \"年\",\n# value: \"year\",\n# },\n# ];\n# brick_1.addEventListener(\"change\", (e) => {\n# const brick = document.querySelector(\"#datePicker\");\n# brick.picker = \"<% EVENT.detail.value %>\";\n# });\n# \n# const brick_2 = document.getElementById(\"brick-2\");\n# brick_2.addEventListener(\"click\", (e) => {\n# const provider = document.createElement(\"basic.change-language\");\n# const promise = Promise.resolve(provider.resolve(\"zh\"));\n# promise.then((r) => {\n# const message = document.createElement(\"basic.show-notification\");\n# message.resolve({\n# type: \"success\",\n# /* WARN: incompatible expressions in HTML, please try YAML: */\n# message: '<% I18N_TEXT({ zh: \"你好\", \"en\": \"Hello\" }) %>',\n# });\n# });\n# });\n# \n# const brick_3 = document.getElementById(\"brick-3\");\n# brick_3.addEventListener(\"click\", (e) => {\n# const provider = document.createElement(\"basic.change-language\");\n# const promise = Promise.resolve(provider.resolve(\"en\"));\n# promise.then((r) => {\n# const message = document.createElement(\"basic.show-notification\");\n# message.resolve({\n# type: \"success\",\n# /* WARN: incompatible expressions in HTML, please try YAML: */\n# message: '<% I18N_TEXT({ zh: \"你好\", \"en\": \"Hello\" }) %>',\n# });\n# });\n# });\n# </script>\n# \n```\n\n### showTime\n\n```yaml preview\n- brick: eo-date-picker\n events:\n ok:\n action: console.log\n change:\n action: console.log\n properties:\n showTime: true\n value: \"2020-02-01 14:30:00\"\n format: \"YYYY-MM-DD HH:mm:ss\"\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-date-picker\n# show-time\n# value=\"2020-02-01 14:30:00\"\n# format=\"YYYY-MM-DD HH:mm:ss\"\n# id=\"brick-1\"\n# ></eo-date-picker>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.addEventListener(\"ok\", (e) => {\n# console.log(e.detail);\n# });\n# brick_1.addEventListener(\"change\", (e) => {\n# console.log(e.detail);\n# });\n# </script>\n# \n```\n\n### 禁用日期\n\n```yaml preview\n- brick: eo-date-picker\n events:\n ok:\n action: console.log\n change:\n action: console.log\n properties:\n disabledDate:\n - weekday: 4\n - date: 10-15\n year: 2010-2020\n - hour: 12-18\n minute: 0-29\n weekday: 3\n format: \"YYYY-MM-DD HH:mm:ss\"\n showTime: true\n value: \"2019-10-01 00:00:00\"\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-date-picker\n# format=\"YYYY-MM-DD HH:mm:ss\"\n# show-time\n# value=\"2019-10-01 00:00:00\"\n# id=\"brick-1\"\n# ></eo-date-picker>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.disabledDate = [\n# {\n# weekday: 4,\n# },\n# {\n# date: \"10-15\",\n# year: \"2010-2020\",\n# },\n# {\n# hour: \"12-18\",\n# minute: \"0-29\",\n# weekday: 3,\n# },\n# ];\n# brick_1.addEventListener(\"ok\", (e) => {\n# console.log(e.detail);\n# });\n# brick_1.addEventListener(\"change\", (e) => {\n# console.log(e.detail);\n# });\n# </script>\n# \n```\n"
46
+ },
47
+ "eo-form": {
48
+ "doc": "表单构件。\n\n## Examples\n\n### Layout\n\n```yaml preview\n- brick: eo-form\n properties:\n layout: inline\n slots:\n \"\":\n bricks:\n - brick: eo-input\n properties:\n label: input\n - brick: eo-select\n properties:\n label: select\n- brick: div\n properties:\n style:\n height: 1px\n background: \"#abc\"\n margin: \"20px 0\"\n- brick: eo-form\n properties:\n layout: horizontal\n slots:\n \"\":\n bricks:\n - brick: eo-input\n properties:\n label: input\n - brick: eo-select\n properties:\n label: select\n- brick: div\n properties:\n style:\n height: 1px\n background: \"#abc\"\n margin: \"20px 0\"\n- brick: eo-form\n properties:\n layout: vertical\n slots:\n \"\":\n bricks:\n - brick: eo-input\n properties:\n label: input\n - brick: eo-select\n properties:\n label: select\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-form layout=\"inline\">\n# <eo-input label=\"input\"></eo-input>\n# <eo-select label=\"select\"></eo-select>\n# </eo-form>\n# <div style=\"height: 1px; background: #abc; margin: 20px 0\"></div>\n# <eo-form layout=\"horizontal\">\n# <eo-input label=\"input\"></eo-input>\n# <eo-select label=\"select\"></eo-select>\n# </eo-form>\n# <div style=\"height: 1px; background: #abc; margin: 20px 0\"></div>\n# <eo-form layout=\"vertical\">\n# <eo-input label=\"input\"></eo-input>\n# <eo-select label=\"select\"></eo-select>\n# </eo-form>\n# \n```\n\n### Values\n\n```yaml preview\n- brick: eo-form\n properties:\n values:\n input: This is default value\n select: Beijing\n radio: Guangzhou\n checkbox:\n - C\n - D\n textarea: \"Hello World! \\nNice to see you!\"\n dynamicForm:\n - input: beijing\n select: Guangzhou\n - input: shenzhen\n select: Shenzhen\n slots:\n \"\":\n bricks:\n - brick: eo-input\n properties:\n label: input\n name: input\n - brick: eo-select\n properties:\n label: select\n name: select\n options:\n - Beijing\n - Shanghai\n - brick: eo-radio\n properties:\n label: radio\n name: radio\n options:\n - Guangzhou\n - Shenzhen\n - brick: eo-checkbox\n properties:\n name: checkbox\n label: checkbox\n options:\n - A\n - B\n - C\n - D\n - brick: eo-textarea\n properties:\n name: textarea\n label: textarea\n autoSize:\n minRows: 3\n - brick: eo-dynamic-form-item\n properties:\n label: dynamic-form\n name: dynamicForm\n useBrick:\n - brick: eo-input\n properties:\n name: input\n - brick: eo-select\n properties:\n name: select\n options:\n - Beijing\n - Shanghai\n - Guangzhou\n - Shenzhen\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-form values=\"[object Object]\">\n# <eo-input label=\"input\" name=\"input\"></eo-input>\n# <eo-select label=\"select\" name=\"select\" id=\"brick-1\"></eo-select>\n# <eo-radio label=\"radio\" name=\"radio\" id=\"brick-2\"></eo-radio>\n# <eo-checkbox name=\"checkbox\" label=\"checkbox\" id=\"brick-3\"></eo-checkbox>\n# <eo-textarea name=\"textarea\" label=\"textarea\" id=\"brick-4\"></eo-textarea>\n# <eo-dynamic-form-item\n# label=\"dynamic-form\"\n# name=\"dynamicForm\"\n# id=\"brick-5\"\n# ></eo-dynamic-form-item>\n# </eo-form>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.options = [\"Beijing\", \"Shanghai\"];\n# \n# const brick_2 = document.getElementById(\"brick-2\");\n# brick_2.options = [\"Guangzhou\", \"Shenzhen\"];\n# \n# const brick_3 = document.getElementById(\"brick-3\");\n# brick_3.options = [\"A\", \"B\", \"C\", \"D\"];\n# \n# const brick_4 = document.getElementById(\"brick-4\");\n# brick_4.autoSize = {\n# minRows: 3,\n# };\n# \n# const brick_5 = document.getElementById(\"brick-5\");\n# brick_5.useBrick = [\n# {\n# brick: \"eo-input\",\n# properties: {\n# name: \"input\",\n# },\n# },\n# {\n# brick: \"eo-select\",\n# properties: {\n# name: \"select\",\n# options: [\"Beijing\", \"Shanghai\", \"Guangzhou\", \"Shenzhen\"],\n# },\n# },\n# ];\n# </script>\n# \n```\n\n### Events\n\n```yaml preview\n- brick: eo-form\n events:\n values.change:\n - action: console.log\n validate.success:\n - action: message.success\n args:\n - 表单提交成功\n validate.error:\n - action: message.error\n args:\n - 表单校验失败\n slots:\n \"\":\n bricks:\n - brick: eo-input\n properties:\n required: true\n name: name\n label: 姓名\n max: 6\n min: 2\n message:\n required: 一定要填写姓名哟\n max: 不能超过 6 个字符哟\n min: 最少填写 2 个字符哟\n - brick: eo-select\n properties:\n required: true\n name: sex\n label: 性别\n options:\n - label: 男\n value: 0\n - label: 女\n value: 1\n - brick: eo-submit-buttons\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-form id=\"brick-1\">\n# <eo-input\n# required\n# name=\"name\"\n# label=\"姓名\"\n# max=\"6\"\n# min=\"2\"\n# id=\"brick-2\"\n# ></eo-input>\n# <eo-select required name=\"sex\" label=\"性别\" id=\"brick-3\"></eo-select>\n# <eo-submit-buttons></eo-submit-buttons>\n# </eo-form>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.addEventListener(\"values.change\", (e) => {\n# console.log(e.detail);\n# });\n# brick_1.addEventListener(\"validate.success\", (e) => {\n# const message = document.createElement(\"basic.show-notification\");\n# message.resolve({ type: \"success\", message: \"表单提交成功\" });\n# });\n# brick_1.addEventListener(\"validate.error\", (e) => {\n# const message = document.createElement(\"basic.show-notification\");\n# message.resolve({ type: \"error\", message: \"表单校验失败\" });\n# });\n# \n# const brick_2 = document.getElementById(\"brick-2\");\n# brick_2.message = {\n# required: \"一定要填写姓名哟\",\n# max: \"不能超过 6 个字符哟\",\n# min: \"最少填写 2 个字符哟\",\n# };\n# \n# const brick_3 = document.getElementById(\"brick-3\");\n# brick_3.options = [\n# {\n# label: \"男\",\n# value: 0,\n# },\n# {\n# label: \"女\",\n# value: 1,\n# },\n# ];\n# </script>\n# \n```\n\n### Method\n\n```yaml preview\n- brick: eo-form\n properties:\n id: form\n slots:\n \"\":\n bricks:\n - brick: eo-input\n properties:\n required: true\n name: name\n label: 姓名\n max: 6\n min: 2\n - brick: eo-select\n properties:\n required: true\n name: sex\n label: 性别\n options:\n - label: 男\n value: 0\n - label: 女\n value: 1\n- brick: eo-button\n properties:\n textContent: validateFields\n events:\n click:\n - target: \"#form\"\n method: validate\n- brick: eo-button\n properties:\n textContent: setInitValue\n events:\n click:\n - target: \"#form\"\n method: setInitValue\n args:\n - name: Mike\n sex: 0\n- brick: eo-button\n properties:\n textContent: resetFields\n events:\n click:\n - target: \"#form\"\n method: resetFields\n- brick: eo-button\n properties:\n textContent: resetFields(name)\n events:\n click:\n - target: \"#form\"\n method: resetFields\n args:\n - name\n- brick: eo-button\n properties:\n textContent: getFieldsValue\n events:\n click:\n - target: \"#form\"\n method: getFieldsValue\n callback:\n success:\n - action: console.log\n- brick: eo-button\n properties:\n textContent: getFieldsValue(name)\n events:\n click:\n - target: \"#form\"\n method: getFieldsValue\n args:\n - name\n callback:\n success:\n - action: console.log\n- brick: eo-button\n properties:\n textContent: validateField(name)\n events:\n click:\n - target: \"#form\"\n method: validateField\n args:\n - name\n- brick: eo-button\n properties:\n textContent: resetValidateState\n events:\n click:\n - target: \"#form\"\n method: resetValidateState\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-form id=\"form\">\n# <eo-input required name=\"name\" label=\"姓名\" max=\"6\" min=\"2\"></eo-input>\n# <eo-select required name=\"sex\" label=\"性别\" id=\"brick-1\"></eo-select>\n# </eo-form>\n# <eo-button id=\"brick-2\">validateFields</eo-button>\n# <eo-button id=\"brick-3\">setInitValue</eo-button>\n# <eo-button id=\"brick-4\">resetFields</eo-button>\n# <eo-button id=\"brick-5\">resetFields(name)</eo-button>\n# <eo-button id=\"brick-6\">getFieldsValue</eo-button>\n# <eo-button id=\"brick-7\">getFieldsValue(name)</eo-button>\n# <eo-button id=\"brick-8\">validateField(name)</eo-button>\n# <eo-button id=\"brick-9\">resetValidateState</eo-button>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.options = [\n# {\n# label: \"男\",\n# value: 0,\n# },\n# {\n# label: \"女\",\n# value: 1,\n# },\n# ];\n# \n# const brick_2 = document.getElementById(\"brick-2\");\n# brick_2.addEventListener(\"click\", (e) => {\n# const brick = document.querySelector(\"#form\");\n# brick.validate();\n# });\n# \n# const brick_3 = document.getElementById(\"brick-3\");\n# brick_3.addEventListener(\"click\", (e) => {\n# const brick = document.querySelector(\"#form\");\n# brick.setInitValue({ name: \"Mike\", sex: 0 });\n# });\n# \n# const brick_4 = document.getElementById(\"brick-4\");\n# brick_4.addEventListener(\"click\", (e) => {\n# const brick = document.querySelector(\"#form\");\n# brick.resetFields();\n# });\n# \n# const brick_5 = document.getElementById(\"brick-5\");\n# brick_5.addEventListener(\"click\", (e) => {\n# const brick = document.querySelector(\"#form\");\n# brick.resetFields(\"name\");\n# });\n# \n# const brick_6 = document.getElementById(\"brick-6\");\n# brick_6.addEventListener(\"click\", (e) => {\n# const brick = document.querySelector(\"#form\");\n# brick.getFieldsValue();\n# });\n# \n# const brick_7 = document.getElementById(\"brick-7\");\n# brick_7.addEventListener(\"click\", (e) => {\n# const brick = document.querySelector(\"#form\");\n# brick.getFieldsValue(\"name\");\n# });\n# \n# const brick_8 = document.getElementById(\"brick-8\");\n# brick_8.addEventListener(\"click\", (e) => {\n# const brick = document.querySelector(\"#form\");\n# brick.validateField(\"name\");\n# });\n# \n# const brick_9 = document.getElementById(\"brick-9\");\n# brick_9.addEventListener(\"click\", (e) => {\n# const brick = document.querySelector(\"#form\");\n# brick.resetValidateState();\n# });\n# </script>\n# \n```\n"
49
49
  }
50
50
  }
package/dist/index.28e43061.js ADDED
@@ -0,0 +1,2 @@
1
+ (()=>{"use strict";var e,t,r,n,o,a,l,i,c,s,d,f,h,u,m,p,b,P,x,g,v={801:(e,t,r)=>{var n={"./eo-input":()=>Promise.all([r.e(8657),r.e(1218),r.e(3105),r.e(5178),r.e(5254),r.e(4580)]).then((()=>()=>r(368))),"./general-input":()=>Promise.all([r.e(8657),r.e(1218),r.e(3105),r.e(5178),r.e(5254),r.e(4580)]).then((()=>()=>r(368))),"./eo-radio":()=>Promise.all([r.e(8657),r.e(1218),r.e(3105),r.e(5178),r.e(5254),r.e(2504),r.e(5927)]).then((()=>()=>r(2666))),"./general-radio":()=>Promise.all([r.e(8657),r.e(1218),r.e(3105),r.e(5178),r.e(5254),r.e(2504),r.e(5927)]).then((()=>()=>r(2666))),"./eo-select":()=>Promise.all([r.e(8657),r.e(1218),r.e(3105),r.e(5178),r.e(5254),r.e(2504),r.e(628),r.e(6397),r.e(9178)]).then((()=>()=>r(1148))),"./general-select":()=>Promise.all([r.e(8657),r.e(1218),r.e(3105),r.e(5178),r.e(5254),r.e(2504),r.e(628),r.e(6397),r.e(9178)]).then((()=>()=>r(1148))),"./eo-submit-buttons":()=>Promise.all([r.e(8657),r.e(1218),r.e(3105),r.e(2974)]).then((()=>()=>r(4605))),"./submit-buttons":()=>Promise.all([r.e(8657),r.e(1218),r.e(3105),r.e(2974)]).then((()=>()=>r(4605))),"./eo-checkbox":()=>Promise.all([r.e(2076),r.e(8657),r.e(1218),r.e(3105),r.e(5178),r.e(5254),r.e(2191)]).then((()=>()=>r(2284))),"./general-checkbox":()=>Promise.all([r.e(2076),r.e(8657),r.e(1218),r.e(3105),r.e(5178),r.e(5254),r.e(2191)]).then((()=>()=>r(2284))),"./eo-dynamic-form-item":()=>Promise.all([r.e(8657),r.e(1218),r.e(3105),r.e(5178),r.e(5254),r.e(2504),r.e(7088),r.e(2683)]).then((()=>()=>r(3319))),"./dynamic-form-item":()=>Promise.all([r.e(8657),r.e(1218),r.e(3105),r.e(5178),r.e(5254),r.e(2504),r.e(7088),r.e(2683)]).then((()=>()=>r(3319))),"./eo-search":()=>Promise.all([r.e(8657),r.e(1218),r.e(3105),r.e(5178),r.e(5254),r.e(5503)]).then((()=>()=>r(480))),"./general-search":()=>Promise.all([r.e(8657),r.e(1218),r.e(3105),r.e(5178),r.e(5254),r.e(5503)]).then((()=>()=>r(480))),"./eo-icon-select":()=>Promise.all([r.e(8657),r.e(1218),r.e(3105),r.e(5254),r.e(628),r.e(7088),r.e(2309)]).then((()=>()=>r(4634))),"./icon-select":()=>Promise.all([r.e(8657),r.e(1218),r.e(3105),r.e(5254),r.e(628),r.e(7088),r.e(2309)]).then((()=>()=>r(4634))),"./eo-upload-image":()=>Promise.all([r.e(8657),r.e(1218),r.e(3105),r.e(5254),r.e(6397),r.e(7088),r.e(6777),r.e(476),r.e(1265)]).then((()=>()=>r(2277))),"./upload-image":()=>Promise.all([r.e(8657),r.e(1218),r.e(3105),r.e(5254),r.e(6397),r.e(7088),r.e(6777),r.e(476),r.e(1265)]).then((()=>()=>r(2277))),"./eo-switch":()=>Promise.all([r.e(8657),r.e(1218),r.e(3105),r.e(5254),r.e(4078)]).then((()=>()=>r(5784))),"./general-switch":()=>Promise.all([r.e(8657),r.e(1218),r.e(3105),r.e(5254),r.e(4078)]).then((()=>()=>r(5784))),"./eo-upload-file":()=>Promise.all([r.e(8657),r.e(1218),r.e(3105),r.e(5254),r.e(2504),r.e(7088),r.e(6777),r.e(2068),r.e(4229)]).then((()=>()=>r(4703))),"./eo-auto-complete":()=>Promise.all([r.e(8657),r.e(1218),r.e(3105),r.e(5178),r.e(5254),r.e(1964)]).then((()=>()=>r(2379))),"./eo-time-picker":()=>Promise.all([r.e(2076),r.e(5789),r.e(8657),r.e(1218),r.e(3105),r.e(5178),r.e(5254),r.e(2504),r.e(860),r.e(2484),r.e(8062)]).then((()=>()=>r(5930))),"./eo-textarea":()=>Promise.all([r.e(8657),r.e(1218),r.e(3105),r.e(5254),r.e(2160)]).then((()=>()=>r(2426))),"./general-textarea":()=>Promise.all([r.e(8657),r.e(1218),r.e(3105),r.e(5254),r.e(2160)]).then((()=>()=>r(2426))),"./eo-date-picker":()=>Promise.all([r.e(2076),r.e(5789),r.e(8657),r.e(1218),r.e(3105),r.e(5178),r.e(5254),r.e(2504),r.e(860),r.e(2484),r.e(5239),r.e(3601)]).then((()=>()=>r(5929))),"./eo-form-item":()=>Promise.all([r.e(8657),r.e(1218),r.e(3105),r.e(5254),r.e(2504),r.e(7838)]).then((()=>()=>r(940))),"./general-form-item":()=>Promise.all([r.e(8657),r.e(1218),r.e(3105),r.e(5254),r.e(2504),r.e(7838)]).then((()=>()=>r(940))),"./eo-form":()=>Promise.all([r.e(8657),r.e(1218),r.e(3105),r.e(5178),r.e(1224)]).then((()=>()=>r(1202))),"./general-form":()=>Promise.all([r.e(8657),r.e(1218),r.e(3105),r.e(5178),r.e(1224)]).then((()=>()=>r(1202)))},o=(e,t)=>(r.R=t,t=r.o(n,e)?n[e]():Promise.resolve().then((()=>{throw new Error('Module "'+e+'" does not exist in container.')})),r.R=void 0,t),a=(e,t)=>{if(r.S){var n="default",o=r.S[n];if(o&&o!==e)throw new Error("Container initialization failed as it has already been initialized with a different share scope");return r.S[n]=e,r.I(n,t)}};r.d(t,{get:()=>o,init:()=>a})}},y={};function k(e){var t=y[e];if(void 0!==t)return t.exports;var r=y[e]={id:e,loaded:!1,exports:{}};return v[e].call(r.exports,r,r.exports,k),r.loaded=!0,r.exports}k.m=v,k.c=y,k.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return k.d(t,{a:t}),t},k.d=(e,t)=>{for(var r in t)k.o(t,r)&&!k.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},k.f={},k.e=e=>Promise.all(Object.keys(k.f).reduce(((t,r)=>(k.f[r](e,t),t)),[])),k.u=e=>"chunks/"+({1224:"eo-form",1265:"eo-upload-image",1964:"eo-auto-complete",2160:"eo-textarea",2191:"eo-checkbox",2309:"eo-icon-select",2683:"eo-dynamic-form-item",2974:"eo-submit-buttons",3601:"eo-date-picker",4078:"eo-switch",4229:"eo-upload-file",4580:"eo-input",5503:"eo-search",5927:"eo-radio",7838:"eo-form-item",8062:"eo-time-picker",9178:"eo-select"}[e]||e)+"."+{476:"22d9391c",628:"08c420f4",860:"f78eb35d",907:"13b35355",1177:"f8886c52",1218:"974d82d7",1224:"7dad74a8",1265:"0c001c76",1303:"3f73197e",1646:"fe93b9f8",1874:"42255692",1964:"187d1ad3",2024:"709c5b23",2068:"fc72193d",2076:"6088fe60",2108:"78a4798b",2160:"4f09d40c",2179:"721df618",2191:"f621cb90",2307:"ddfb65b7",2309:"19472f72",2484:"76770c50",2504:"736cbc32",2683:"5b7b57a3",2754:"1313aa46",2784:"4e953002",2974:"8a5cfbe1",3105:"aa296d5c",3458:"d68494f3",3601:"02cf89ad",4049:"6bf60bf4",4078:"0382aa2c",4229:"2793b2de",4275:"1ece246a",4415:"35f9d7a3",4540:"4dd97c77",4580:"eb806140",4717:"0ab54d0a",4795:"90b6991e",4991:"8548f1af",5151:"04c4e5c0",5178:"9baeb7f9",5239:"a01cc0bd",5254:"c44b5727",5381:"10acc8bf",5491:"533487b0",5503:"f0211ce1",5506:"73e269db",5628:"d77bdb77",5636:"51dc47c0",5637:"8cd320b2",5725:"fe510233",5789:"041157a8",5927:"533b5409",6205:"b4483c98",6397:"7f58cdcb",6473:"05851aa0",6635:"cf6a5657",6653:"cefcd443",6660:"d0b9a51a",6777:"ab6677fd",7067:"e029c6ab",7088:"3454586a",7110:"963b6af8",7164:"fe28f9c1",7672:"20142710",7735:"8b5014d5",7746:"03d4fe7e",7838:"ad9d5047",7910:"9cd3e3e6",7915:"e235a57b",8008:"48391db2",8062:"51da9082",8316:"6bf92939",8498:"1e33ce1c",8588:"0c6b13bd",8657:"4becf05f",8691:"d1c61340",8874:"fee12e7b",9178:"98fd26e3",9431:"95901c72",9549:"760cb1d0"}[e]+".js",k.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),k.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),e={},t="@next-bricks/form:",k.l=(r,n,o,a)=>{if(e[r])e[r].push(n);else{var l,i;if(void 0!==o)for(var c=document.getElementsByTagName("script"),s=0;s<c.length;s++){var d=c[s];if(d.getAttribute("src")==r||d.getAttribute("data-webpack")==t+o){l=d;break}}l||(i=!0,(l=document.createElement("script")).charset="utf-8",l.timeout=120,k.nc&&l.setAttribute("nonce",k.nc),l.setAttribute("data-webpack",t+o),l.src=r),e[r]=[n];var f=(t,n)=>{l.onerror=l.onload=null,clearTimeout(h);var o=e[r];if(delete e[r],l.parentNode&&l.parentNode.removeChild(l),o&&o.forEach((e=>e(n))),t)return t(n)},h=setTimeout(f.bind(null,void 0,{type:"timeout",target:l}),12e4);l.onerror=f.bind(null,l.onerror),l.onload=f.bind(null,l.onload),i&&document.head.appendChild(l)}},k.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},k.nmd=e=>(e.paths=[],e.children||(e.children=[]),e),(()=>{k.S={};var e={},t={};k.I=(r,n)=>{n||(n=[]);var o=t[r];if(o||(o=t[r]={}),!(n.indexOf(o)>=0)){if(n.push(o),e[r])return e[r];k.o(k.S,r)||(k.S[r]={});var a=k.S[r],l="@next-bricks/form",i=(e,t,r,n)=>{var o=a[e]=a[e]||{},i=o[t];(!i||!i.loaded&&(!n!=!i.eager?n:l>i.from))&&(o[t]={get:r,from:l,eager:!!n})},c=[];return"default"===r&&(i("@babel/parser","7.22.15",(()=>k.e(1874).then((()=>()=>k(1874))))),i("@easyops-cn/brick-next-pipes","0.4.0",(()=>Promise.all([k.e(5637),k.e(5178),k.e(7910)]).then((()=>()=>k(5637))))),i("@next-core/cook","2.2.6",(()=>Promise.all([k.e(5151),k.e(907)]).then((()=>()=>k(5151))))),i("@next-core/element","1.1.5",(()=>k.e(9549).then((()=>()=>k(9549))))),i("@next-core/http","1.1.4",(()=>k.e(7067).then((()=>()=>k(7067))))),i("@next-core/i18n/react","1.0.26",(()=>Promise.all([k.e(860),k.e(5636)]).then((()=>()=>k(5636))))),i("@next-core/i18n","1.0.26",(()=>Promise.all([k.e(860),k.e(2307),k.e(1177),k.e(7164)]).then((()=>()=>k(7164))))),i("@next-core/inject","1.0.19",(()=>Promise.all([k.e(5178),k.e(4415),k.e(7672)]).then((()=>()=>k(7672))))),i("@next-core/loader","1.4.3",(()=>k.e(8498).then((()=>()=>k(8498))))),i("@next-core/pipes","2.0.10",(()=>k.e(4275).then((()=>()=>k(4275))))),i("@next-core/react-element","1.0.15",(()=>Promise.all([k.e(8657),k.e(1218),k.e(2484),k.e(1646)]).then((()=>()=>k(1646))))),i("@next-core/react-runtime","1.1.18",(()=>Promise.all([k.e(8657),k.e(6397),k.e(6660)]).then((()=>()=>k(6660))))),i("@next-core/runtime","1.22.15",(()=>Promise.all([k.e(5491),k.e(5178),k.e(6777),k.e(2307),k.e(8874),k.e(5506),k.e(7735),k.e(4795)]).then((()=>()=>k(5491))))),i("@next-core/supply","2.1.5",(()=>Promise.all([k.e(5178),k.e(4415),k.e(8874),k.e(4049)]).then((()=>()=>k(4049))))),i("@next-core/theme","1.1.1",(()=>Promise.all([k.e(2108),k.e(5628)]).then((()=>()=>k(2108))))),i("@next-core/utils/general","1.6.0",(()=>k.e(7110).then((()=>()=>k(7110))))),i("@next-core/utils/storyboard","1.6.0",(()=>Promise.all([k.e(628),k.e(5506),k.e(3458)]).then((()=>()=>k(3458))))),i("history","4.10.1",(()=>k.e(2024).then((()=>()=>k(2024))))),i("i18next-browser-languagedetector","7.1.0",(()=>k.e(2754).then((()=>()=>k(2754))))),i("i18next","23.4.6",(()=>k.e(4991).then((()=>()=>k(4991))))),i("js-yaml","3.14.1",(()=>k.e(9431).then((()=>()=>k(9431))))),i("lodash","4.17.21",(()=>k.e(6635).then((()=>()=>k(6635))))),i("moment/locale/zh-cn.js","2.29.4",(()=>Promise.all([k.e(8008),k.e(7915)]).then((()=>()=>k(7414))))),i("moment","2.29.4",(()=>Promise.all([k.e(8008),k.e(7915)]).then((()=>()=>k(9034))))),i("react-dom","0.0.0-experimental-ee8509801-20230117",(()=>Promise.all([k.e(8316),k.e(8657)]).then((()=>()=>k(8316))))),i("react-i18next","13.2.2",(()=>Promise.all([k.e(8657),k.e(8588)]).then((()=>()=>k(8588))))),i("react","0.0.0-experimental-ee8509801-20230117",(()=>k.e(2784).then((()=>()=>k(2784)))))),e[r]=c.length?Promise.all(c).then((()=>e[r]=1)):1}}})(),(()=>{var e;k.g.importScripts&&(e=k.g.location+"");var t=k.g.document;if(!e&&t&&(t.currentScript&&(e=t.currentScript.src),!e)){var r=t.getElementsByTagName("script");if(r.length)for(var n=r.length-1;n>-1&&!e;)e=r[n--].src}if(!e)throw new Error("Automatic publicPath is not supported in this browser");e=e.replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),k.p=e})(),r=e=>{var t=e=>e.split(".").map((e=>+e==e?+e:e)),r=/^([^-+]+)?(?:-([^+]+))?(?:\+(.+))?$/.exec(e),n=r[1]?t(r[1]):[];return r[2]&&(n.length++,n.push.apply(n,t(r[2]))),r[3]&&(n.push([]),n.push.apply(n,t(r[3]))),n},n=(e,t)=>{e=r(e),t=r(t);for(var n=0;;){if(n>=e.length)return n<t.length&&"u"!=(typeof t[n])[0];var o=e[n],a=(typeof o)[0];if(n>=t.length)return"u"==a;var l=t[n],i=(typeof l)[0];if(a!=i)return"o"==a&&"n"==i||"s"==i||"u"==a;if("o"!=a&&"u"!=a&&o!=l)return o<l;n++}},o=e=>{var t=e[0],r="";if(1===e.length)return"*";if(t+.5){r+=0==t?">=":-1==t?"<":1==t?"^":2==t?"~":t>0?"=":"!=";for(var n=1,a=1;a<e.length;a++)n--,r+="u"==(typeof(i=e[a]))[0]?"-":(n>0?".":"")+(n=2,i);return r}var l=[];for(a=1;a<e.length;a++){var i=e[a];l.push(0===i?"not("+c()+")":1===i?"("+c()+" || "+c()+")":2===i?l.pop()+" "+l.pop():o(i))}return c();function c(){return l.pop().replace(/^\((.+)\)$/,"$1")}},a=(e,t)=>{if(0 in e){t=r(t);var n=e[0],o=n<0;o&&(n=-n-1);for(var l=0,i=1,c=!0;;i++,l++){var s,d,f=i<e.length?(typeof e[i])[0]:"";if(l>=t.length||"o"==(d=(typeof(s=t[l]))[0]))return!c||("u"==f?i>n&&!o:""==f!=o);if("u"==d){if(!c||"u"!=f)return!1}else if(c)if(f==d)if(i<=n){if(s!=e[i])return!1}else{if(o?s>e[i]:s<e[i])return!1;s!=e[i]&&(c=!1)}else if("s"!=f&&"n"!=f){if(o||i<=n)return!1;c=!1,i--}else{if(i<=n||d<f!=o)return!1;c=!1}else"s"!=f&&"n"!=f&&(c=!1,i--)}}var h=[],u=h.pop.bind(h);for(l=1;l<e.length;l++){var m=e[l];h.push(1==m?u()|u():2==m?u()&u():m?a(m,t):!u())}return!!u()},l=(e,t)=>{var r=e[t];return Object.keys(r).reduce(((e,t)=>!e||!r[e].loaded&&n(e,t)?t:e),0)},i=(e,t,r,n)=>"Unsatisfied version "+r+" from "+(r&&e[t][r].from)+" of shared singleton module "+t+" (required "+o(n)+")",c=(e,t,r,n)=>{var o=l(e,r);return h(e[r][o])},s=(e,t,r,n)=>{var o=l(e,r);return a(n,o)||f(i(e,r,o,n)),h(e[r][o])},d=(e,t,r)=>{var o=e[t];return(t=Object.keys(o).reduce(((e,t)=>!a(r,t)||e&&!n(e,t)?e:t),0))&&o[t]},f=e=>{"undefined"!=typeof console&&console.warn&&console.warn(e)},h=e=>(e.loaded=1,e.get()),m=(u=e=>function(t,r,n,o){var a=k.I(t);return a&&a.then?a.then(e.bind(e,t,k.S[t],r,n,o)):e(t,k.S[t],r,n,o)})(((e,t,r,n)=>t&&k.o(t,r)?c(t,0,r):n())),p=u(((e,t,r,n,o)=>t&&k.o(t,r)?s(t,0,r,n):o())),b=u(((e,t,r,n,o)=>{var a=t&&k.o(t,r)&&d(t,r,n);return a?h(a):o()})),P={},x={5178:()=>p("default","lodash",[1,4,17,21],(()=>k.e(6635).then((()=>()=>k(6635))))),5872:()=>p("default","moment",[1,2,27,0],(()=>Promise.all([k.e(8008),k.e(7915)]).then((()=>()=>k(9034))))),5899:()=>p("default","js-yaml",[1,3,14,0],(()=>k.e(9431).then((()=>()=>k(9431))))),907:()=>p("default","@babel/parser",[1,7,22,15],(()=>k.e(1874).then((()=>()=>k(1874))))),860:()=>m("default","@next-core/i18n",(()=>Promise.all([k.e(2307),k.e(1177),k.e(6205)]).then((()=>()=>k(7164))))),7348:()=>p("default","react-i18next",[1,13,2,2],(()=>Promise.all([k.e(8657),k.e(8588)]).then((()=>()=>k(8588))))),2307:()=>p("default","@next-core/utils/general",[1,1,6,0],(()=>k.e(7110).then((()=>()=>k(7110))))),1434:()=>p("default","i18next",[1,23,4,6],(()=>k.e(4991).then((()=>()=>k(4991))))),6473:()=>p("default","i18next-browser-languagedetector",[1,7,1,0],(()=>k.e(2754).then((()=>()=>k(2754))))),4415:()=>p("default","@next-core/pipes",[1,2,0,10],(()=>k.e(4275).then((()=>()=>k(4275))))),665:()=>p("default","@easyops-cn/brick-next-pipes",[2,0,4,0],(()=>Promise.all([k.e(5637),k.e(5178),k.e(7910)]).then((()=>()=>k(5637))))),8657:()=>b("default","react",[6,0,0,0,,"experimental-ee8509801-20230117"],(()=>k.e(2784).then((()=>()=>k(2784))))),1218:()=>b("default","@next-core/element",[1,1,1,5],(()=>k.e(4717).then((()=>()=>k(9549))))),2484:()=>b("default","react-dom",[6,0,0,0,,"experimental-ee8509801-20230117"],(()=>k.e(8316).then((()=>()=>k(8316))))),6397:()=>p("default","@next-core/runtime",[1,1,22,15],(()=>Promise.all([k.e(5491),k.e(5178),k.e(6777),k.e(2307),k.e(8874),k.e(5506),k.e(7735)]).then((()=>()=>k(5491))))),6777:()=>p("default","@next-core/http",[1,1,1,4],(()=>k.e(1303).then((()=>()=>k(7067))))),8874:()=>p("default","moment",[1,2,29,4],(()=>Promise.all([k.e(8008),k.e(7915)]).then((()=>()=>k(9034))))),5506:()=>p("default","@next-core/cook",[1,2,2,6],(()=>Promise.all([k.e(5151),k.e(907)]).then((()=>()=>k(5151))))),420:()=>p("default","@next-core/i18n",[1,1,0,26],(()=>Promise.all([k.e(860),k.e(1177),k.e(2179)]).then((()=>()=>k(7164))))),2388:()=>p("default","@next-core/supply",[1,2,1,5],(()=>Promise.all([k.e(4415),k.e(6473)]).then((()=>()=>k(4049))))),5300:()=>p("default","@next-core/loader",[1,1,4,3],(()=>k.e(6653).then((()=>()=>k(8498))))),6750:()=>p("default","@next-core/utils/storyboard",[1,1,6,0],(()=>Promise.all([k.e(628),k.e(8691)]).then((()=>()=>k(3458))))),7127:()=>p("default","@next-core/inject",[1,1,0,19],(()=>Promise.all([k.e(4415),k.e(5725)]).then((()=>()=>k(7672))))),7857:()=>p("default","history",[1,4,10,1],(()=>k.e(2024).then((()=>()=>k(2024))))),8525:()=>p("default","moment/locale/zh-cn.js",[1,2,29,4],(()=>Promise.all([k.e(8008),k.e(7915)]).then((()=>()=>k(7414))))),628:()=>m("default","@next-core/utils/general",(()=>k.e(7110).then((()=>()=>k(7110))))),3105:()=>b("default","@next-core/react-element",[1,1,0,15],(()=>Promise.all([k.e(2484),k.e(7746)]).then((()=>()=>k(1646))))),5254:()=>p("default","@next-core/theme",[1,1,1,1],(()=>k.e(2108).then((()=>()=>k(2108))))),2504:()=>b("default","@next-core/react-runtime",[1,1,1,18],(()=>Promise.all([k.e(6397),k.e(5381)]).then((()=>()=>k(6660))))),7088:()=>m("default","@next-core/i18n/react",(()=>Promise.all([k.e(860),k.e(5636)]).then((()=>()=>k(5636))))),476:()=>m("default","@next-core/pipes",(()=>k.e(4275).then((()=>()=>k(4275))))),2068:()=>m("default","react-i18next",(()=>k.e(4540).then((()=>()=>k(8588))))),5239:()=>m("default","moment",(()=>Promise.all([k.e(8008),k.e(7915)]).then((()=>()=>k(9034)))))},g={476:[476],628:[628],860:[860],907:[907],1177:[1434,6473],1218:[1218],2068:[2068],2307:[2307],2484:[2484],2504:[2504],3105:[3105],4275:[665],4415:[4415],5178:[5178],5239:[5239],5254:[5254],5506:[5506],5636:[7348],6397:[6397],6777:[6777],7088:[7088],7735:[420,2388,5300,6750,7127,7857,8525],7910:[5872,5899],8657:[8657],8874:[8874]},k.f.consumes=(e,t)=>{k.o(g,e)&&g[e].forEach((e=>{if(k.o(P,e))return t.push(P[e]);var r=t=>{P[e]=0,k.m[e]=r=>{delete k.c[e],r.exports=t()}},n=t=>{delete P[e],k.m[e]=r=>{throw delete k.c[e],t}};try{var o=x[e]();o.then?t.push(P[e]=o.then(r).catch(n)):r(o)}catch(e){n(e)}}))},(()=>{var e={3034:0};k.f.j=(t,r)=>{var n=k.o(e,t)?e[t]:void 0;if(0!==n)if(n)r.push(n[2]);else if(/^(2(068|307|484|504)|5(178|239|254|506)|6(28|397|777)|7(088|735|910)|8(60|657|874)|1177|1218|3105|4415|476|907)$/.test(t))e[t]=0;else{var o=new Promise(((r,o)=>n=e[t]=[r,o]));r.push(n[2]=o);var a=k.p+k.u(t),l=new Error;k.l(a,(r=>{if(k.o(e,t)&&(0!==(n=e[t])&&(e[t]=void 0),n)){var o=r&&("load"===r.type?"missing":r.type),a=r&&r.target&&r.target.src;l.message="Loading chunk "+t+" failed.\n("+o+": "+a+")",l.name="ChunkLoadError",l.type=o,l.request=a,n[1](l)}}),"chunk-"+t,t)}};var t=(t,r)=>{var n,o,[a,l,i]=r,c=0;if(a.some((t=>0!==e[t]))){for(n in l)k.o(l,n)&&(k.m[n]=l[n]);i&&i(k)}for(t&&t(r);c<a.length;c++)o=a[c],k.o(e,o)&&e[o]&&e[o][0](),e[o]=0},r=self.webpackChunk_next_bricks_form=self.webpackChunk_next_bricks_form||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})(),k.nc=void 0;var w=k(801);window["bricks/form"]=w})();
2
+ //# sourceMappingURL=index.28e43061.js.map