@next-bricks/form 1.0.2 → 1.1.0

package/dist/examples.json

@@ -2,14 +2,14 @@
   "eo-input": {
     "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\n### With Form\n\n```yaml preview\n- brick: eo-form\n  events:\n    validate.success:\n      - action: console.log\n    values.change:\n      - action: console.log\n  children:\n    - brick: eo-input\n      properties:\n        label: 输入框\n        name: text\n        required: true\n    - brick: eo-submit-buttons\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-form id=\"brick-1\">\n#   <eo-input label=\"输入框\" name=\"text\" required></eo-input>\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(\"validate.success\", (e) => {\n#     console.log(e.detail);\n#   });\n#   brick_1.addEventListener(\"values.change\", (e) => {\n#     console.log(e.detail);\n#   });\n# </script>\n# \n```\n"
   },
+  "eo-textarea": {
+    "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\n### With Form\n\n```yaml preview\n- brick: eo-form\n  events:\n    validate.success:\n      - action: console.log\n    values.change:\n      - action: console.log\n  children:\n    - brick: eo-textarea\n      properties:\n        label: 输入框\n        name: text\n        required: true\n    - brick: eo-submit-buttons\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-form id=\"brick-1\">\n#   <eo-textarea label=\"输入框\" name=\"text\" required></eo-textarea>\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(\"validate.success\", (e) => {\n#     console.log(e.detail);\n#   });\n#   brick_1.addEventListener(\"values.change\", (e) => {\n#     console.log(e.detail);\n#   });\n# </script>\n# \n```\n"
+  },
   "eo-form": {
     "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"
   },
   "eo-radio": {
-    "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"
-  },
-  "eo-textarea": {
-    "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\n### With Form\n\n```yaml preview\n- brick: eo-form\n  events:\n    validate.success:\n      - action: console.log\n    values.change:\n      - action: console.log\n  children:\n    - brick: eo-textarea\n      properties:\n        label: 输入框\n        name: text\n        required: true\n    - brick: eo-submit-buttons\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-form id=\"brick-1\">\n#   <eo-textarea label=\"输入框\" name=\"text\" required></eo-textarea>\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(\"validate.success\", (e) => {\n#     console.log(e.detail);\n#   });\n#   brick_1.addEventListener(\"values.change\", (e) => {\n#     console.log(e.detail);\n#   });\n# </script>\n# \n```\n"
+    "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      - 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#     },\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-flex-layout\n  properties:\n    gap: 20px\n    flexDirection: column\n  children:\n    - brick: eo-radio\n      properties:\n        value: 0\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: eo-radio\n      properties:\n        disabled: true\n        value: 1\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    - brick: eo-radio\n      properties:\n        label: Icon\n        type: default\n        disabled: true\n        value: 0\n        options:\n          - label: Python\n            value: 0\n            icon:\n              lib: easyops\n              category: colored-common\n              icon: python\n          - label: Javascript\n            value: 1\n            icon:\n              lib: easyops\n              category: program-language\n              icon: javascript\n          - label: Powershell\n            value: 2\n            icon:\n              lib: easyops\n              category: colored-common\n              icon: powershell\n          - label: Shell\n            value: 3\n            icon:\n              lib: easyops\n              category: colored-common\n              icon: shell\n    - brick: eo-radio\n      properties:\n        label: Button\n        type: button\n        value: Shanghai\n        disabled: true\n        value: Beijing\n        options:\n          - Beijing\n          - Shanghai\n          - Guangzhou\n          - Shenzhen\n    - brick: eo-radio\n      properties:\n        label: dashboard\n        type: button\n        ui: dashboard\n        value: Shanghai\n        options:\n          - label: Beijing\n            value: Beijing\n          - label: Shanghai\n            value: Shanghai\n            disabled: true\n          - label: Guangzhou\n            value: Guangzhou\n          - label: Shenzhen\n            value: Shenzhen\n    - brick: eo-radio\n      properties:\n        label: Icon\n        type: icon\n        value: 1\n        disabled: true\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        disabled: true\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        disabled: true\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-flex-layout gap=\"20px\" flex-direction=\"column\">\n#   <eo-radio id=\"brick-1\"></eo-radio>\n#   <eo-radio disabled id=\"brick-2\"></eo-radio>\n#   <eo-radio label=\"Icon\" type=\"default\" disabled id=\"brick-3\"></eo-radio>\n#   <eo-radio label=\"Button\" type=\"button\" disabled id=\"brick-4\"></eo-radio>\n#   <eo-radio\n#     label=\"dashboard\"\n#     type=\"button\"\n#     ui=\"dashboard\"\n#     id=\"brick-5\"\n#   ></eo-radio>\n#   <eo-radio label=\"Icon\" type=\"icon\" disabled id=\"brick-6\"></eo-radio>\n#   <eo-radio\n#     label=\"Icon Cricle\"\n#     type=\"icon-circle\"\n#     disabled\n#     id=\"brick-7\"\n#   ></eo-radio>\n#   <eo-radio\n#     label=\"Icon Square\"\n#     type=\"icon-square\"\n#     disabled\n#     id=\"brick-8\"\n#   ></eo-radio>\n# </eo-flex-layout>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.value = 0;\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.value = 1;\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# \n#   const brick_3 = document.getElementById(\"brick-3\");\n#   brick_3.value = 0;\n#   brick_3.options = [\n#     {\n#       label: \"Python\",\n#       value: 0,\n#       icon: {\n#         lib: \"easyops\",\n#         category: \"colored-common\",\n#         icon: \"python\",\n#       },\n#     },\n#     {\n#       label: \"Javascript\",\n#       value: 1,\n#       icon: {\n#         lib: \"easyops\",\n#         category: \"program-language\",\n#         icon: \"javascript\",\n#       },\n#     },\n#     {\n#       label: \"Powershell\",\n#       value: 2,\n#       icon: {\n#         lib: \"easyops\",\n#         category: \"colored-common\",\n#         icon: \"powershell\",\n#       },\n#     },\n#     {\n#       label: \"Shell\",\n#       value: 3,\n#       icon: {\n#         lib: \"easyops\",\n#         category: \"colored-common\",\n#         icon: \"shell\",\n#       },\n#     },\n#   ];\n# \n#   const brick_4 = document.getElementById(\"brick-4\");\n#   brick_4.value = \"Beijing\";\n#   brick_4.options = [\"Beijing\", \"Shanghai\", \"Guangzhou\", \"Shenzhen\"];\n# \n#   const brick_5 = document.getElementById(\"brick-5\");\n#   brick_5.value = \"Shanghai\";\n#   brick_5.options = [\n#     {\n#       label: \"Beijing\",\n#       value: \"Beijing\",\n#     },\n#     {\n#       label: \"Shanghai\",\n#       value: \"Shanghai\",\n#       disabled: true,\n#     },\n#     {\n#       label: \"Guangzhou\",\n#       value: \"Guangzhou\",\n#     },\n#     {\n#       label: \"Shenzhen\",\n#       value: \"Shenzhen\",\n#     },\n#   ];\n# \n#   const brick_6 = document.getElementById(\"brick-6\");\n#   brick_6.value = 1;\n#   brick_6.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_7 = document.getElementById(\"brick-7\");\n#   brick_7.value = 0;\n#   brick_7.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_8 = document.getElementById(\"brick-8\");\n#   brick_8.value = 2;\n#   brick_8.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### 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-flex-layout\n  properties:\n    gap: 20px\n    flexDirection: column\n  children:\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: Icon\n        type: default\n        options:\n          - label: Python\n            value: 0\n            icon:\n              lib: easyops\n              category: colored-common\n              icon: python\n          - label: Javascript\n            value: 1\n            icon:\n              lib: easyops\n              category: program-language\n              icon: javascript\n          - label: Powershell\n            value: 2\n            icon:\n              lib: easyops\n              category: colored-common\n              icon: powershell\n          - label: Shell\n            value: 3\n            icon:\n              lib: easyops\n              category: colored-common\n              icon: shell\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: dashboard\n        type: button\n        ui: dashboard\n        value: Shanghai\n        options:\n          - label: Beijing\n            value: Beijing\n          - label: Shanghai\n            value: Shanghai\n          - label: Guangzhou\n            value: Guangzhou\n          - label: Shenzhen\n            value: 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-flex-layout gap=\"20px\" flex-direction=\"column\">\n#   <eo-radio label=\"Default\" type=\"default\" id=\"brick-1\"></eo-radio>\n#   <eo-radio label=\"Icon\" type=\"default\" id=\"brick-2\"></eo-radio>\n#   <eo-radio label=\"Button\" type=\"button\" id=\"brick-3\"></eo-radio>\n#   <eo-radio\n#     label=\"dashboard\"\n#     type=\"button\"\n#     ui=\"dashboard\"\n#     id=\"brick-4\"\n#   ></eo-radio>\n#   <eo-radio label=\"Icon\" type=\"icon\" id=\"brick-5\"></eo-radio>\n#   <eo-radio label=\"Icon Cricle\" type=\"icon-circle\" id=\"brick-6\"></eo-radio>\n#   <eo-radio label=\"Icon Square\" type=\"icon-square\" id=\"brick-7\"></eo-radio>\n# </eo-flex-layout>\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.options = [\n#     {\n#       label: \"Python\",\n#       value: 0,\n#       icon: {\n#         lib: \"easyops\",\n#         category: \"colored-common\",\n#         icon: \"python\",\n#       },\n#     },\n#     {\n#       label: \"Javascript\",\n#       value: 1,\n#       icon: {\n#         lib: \"easyops\",\n#         category: \"program-language\",\n#         icon: \"javascript\",\n#       },\n#     },\n#     {\n#       label: \"Powershell\",\n#       value: 2,\n#       icon: {\n#         lib: \"easyops\",\n#         category: \"colored-common\",\n#         icon: \"powershell\",\n#       },\n#     },\n#     {\n#       label: \"Shell\",\n#       value: 3,\n#       icon: {\n#         lib: \"easyops\",\n#         category: \"colored-common\",\n#         icon: \"shell\",\n#       },\n#     },\n#   ];\n# \n#   const brick_3 = document.getElementById(\"brick-3\");\n#   brick_3.value = \"Shanghai\";\n#   brick_3.options = [\"Beijing\", \"Shanghai\", \"Guangzhou\", \"Shenzhen\"];\n# \n#   const brick_4 = document.getElementById(\"brick-4\");\n#   brick_4.value = \"Shanghai\";\n#   brick_4.options = [\n#     {\n#       label: \"Beijing\",\n#       value: \"Beijing\",\n#     },\n#     {\n#       label: \"Shanghai\",\n#       value: \"Shanghai\",\n#     },\n#     {\n#       label: \"Guangzhou\",\n#       value: \"Guangzhou\",\n#     },\n#     {\n#       label: \"Shenzhen\",\n#       value: \"Shenzhen\",\n#     },\n#   ];\n# \n#   const brick_5 = document.getElementById(\"brick-5\");\n#   brick_5.value = 1;\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# \n#   const brick_6 = document.getElementById(\"brick-6\");\n#   brick_6.value = 0;\n#   brick_6.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_7 = document.getElementById(\"brick-7\");\n#   brick_7.value = 2;\n#   brick_7.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      - 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            - 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#     },\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#       },\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"
   },
   "eo-select": {
     "doc": "表单下拉选择构件。\n\n```yaml preview minHeight=\"250px\"\n- brick: eo-select\n  properties:\n    options:\n      - Beijing\n      - Shanghai\n      - Guangzhou\n      - Shenzhen\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-select id=\"brick-1\"></eo-select>\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 minHeight=\"250px\"\n- brick: eo-select\n  properties:\n    label: city\n    options:\n      - Beijing\n      - Shanghai\n      - Guangzhou\n      - Shenzhen\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-select label=\"city\" id=\"brick-1\"></eo-select>\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 minHeight=\"250px\"\n- brick: eo-select\n  properties:\n    label: city\n    value: Shanghai\n    options:\n      - Beijing\n      - Shanghai\n      - Guangzhou\n      - Shenzhen\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-select label=\"city\" id=\"brick-1\"></eo-select>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.value = \"Shanghai\";\n#   brick_1.options = [\"Beijing\", \"Shanghai\", \"Guangzhou\", \"Shenzhen\"];\n# </script>\n# \n```\n\n### Options\n\n```yaml preview minHeight=\"300px\"\n- brick: eo-select\n  properties:\n    label: string\n    options:\n      - Beijing\n      - Shanghai\n      - Guangzhou\n      - Shenzhen\n    value: Guangzhou\n- brick: div\n  properties:\n    style:\n      height: 20px\n- brick: eo-select\n  properties:\n    label: Array<object>\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    value: 2\n- brick: div\n  properties:\n    style:\n      height: 20px\n- brick: eo-select\n  properties:\n    label: boolean\n    options:\n      - true\n      - false\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-select label=\"string\" id=\"brick-1\"></eo-select>\n# <div style=\"height: 20px\"></div>\n# <eo-select label=\"Array&lt;object&gt;\" id=\"brick-2\"></eo-select>\n# <div style=\"height: 20px\"></div>\n# <eo-select label=\"boolean\" id=\"brick-3\"></eo-select>\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#     },\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 minHeight=\"250px\"\n- brick: eo-select\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: eo-select\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-select id=\"brick-1\"></eo-select>\n# <eo-select disabled id=\"brick-2\"></eo-select>\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### Multiple\n\n```yaml preview minHeight=\"250px\"\n- brick: eo-select\n  properties:\n    label: multiple\n    mode: multiple\n    value:\n      - Beijing\n      - Guangzhou\n    options:\n      - Beijing\n      - Shanghai\n      - Guangzhou\n      - Shenzhen\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-select label=\"multiple\" mode=\"multiple\" id=\"brick-1\"></eo-select>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.value = [\"Beijing\", \"Guangzhou\"];\n#   brick_1.options = [\"Beijing\", \"Shanghai\", \"Guangzhou\", \"Shenzhen\"];\n# </script>\n# \n```\n\n### Tags & TokenSeparators & MaxTagCount\n\n```yaml preview minHeight=\"250px\"\n- brick: eo-select\n  properties:\n    label: tags\n    mode: tags\n    tokenSeparators:\n      - \" \"\n      - \";\"\n      - \"；\"\n    maxTagCount: 3\n    options:\n      - Beijing\n      - Shanghai\n      - Guangzhou\n      - Shenzhen\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-select label=\"tags\" mode=\"tags\" max-tag-count=\"3\" id=\"brick-1\"></eo-select>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.tokenSeparators = [\" \", \";\", \"；\"];\n#   brick_1.options = [\"Beijing\", \"Shanghai\", \"Guangzhou\", \"Shenzhen\"];\n# </script>\n# \n```\n\n### Placeholder\n\n```yaml preview minHeight=\"250px\"\n- brick: eo-select\n  properties:\n    placeholder: This is placeholder...\n    options:\n      - Beijing\n      - Shanghai\n      - Guangzhou\n      - Shenzhen\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-select placeholder=\"This is placeholder...\" id=\"brick-1\"></eo-select>\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### Suffix\n\n```yaml preview minHeight=\"250px\"\n- brick: eo-select\n  properties:\n    placeholder: This is placeholder...\n    options:\n      - label: Beijing\n        value: 1\n        color: red\n        tag: 京\n      - label: Shanghai\n        value: 2\n        color: green\n        tag: 沪\n      - label: Guangzhou\n        value: 3\n        color: blue\n        tag: 粤\n      - label: Shenzhen\n        value: 4\n        color: yellow\n        tag: 粤\n    suffix:\n      brick: eo-tag\n      properties:\n        textContent: <% DATA.tag %>\n        color: <% DATA.color %>\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-select placeholder=\"This is placeholder...\" id=\"brick-1\"></eo-select>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.options = [\n#     {\n#       label: \"Beijing\",\n#       value: 1,\n#       color: \"red\",\n#       tag: \"京\",\n#     },\n#     {\n#       label: \"Shanghai\",\n#       value: 2,\n#       color: \"green\",\n#       tag: \"沪\",\n#     },\n#     {\n#       label: \"Guangzhou\",\n#       value: 3,\n#       color: \"blue\",\n#       tag: \"粤\",\n#     },\n#     {\n#       label: \"Shenzhen\",\n#       value: 4,\n#       color: \"yellow\",\n#       tag: \"粤\",\n#     },\n#   ];\n#   brick_1.suffix = {\n#     brick: \"eo-tag\",\n#     properties: {\n#       textContent: \"<% DATA.tag %>\",\n#       color: \"<% DATA.color %>\",\n#     },\n#   };\n# </script>\n# \n```\n\n### GroupBy\n\n```yaml preview minHeight=\"300px\"\n- brick: eo-select\n  properties:\n    placeholder: This is placeholder...\n    groupBy: tag\n    options:\n      - label: Beijing\n        value: 1\n        color: red\n        tag: 京\n      - label: Shanghai\n        value: 2\n        color: green\n        tag: 沪\n      - label: Guangzhou\n        value: 3\n        color: blue\n        tag: 粤\n      - label: Shenzhen\n        value: 4\n        color: yellow\n        tag: 粤\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-select\n#   placeholder=\"This is placeholder...\"\n#   group-by=\"tag\"\n#   id=\"brick-1\"\n# ></eo-select>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.options = [\n#     {\n#       label: \"Beijing\",\n#       value: 1,\n#       color: \"red\",\n#       tag: \"京\",\n#     },\n#     {\n#       label: \"Shanghai\",\n#       value: 2,\n#       color: \"green\",\n#       tag: \"沪\",\n#     },\n#     {\n#       label: \"Guangzhou\",\n#       value: 3,\n#       color: \"blue\",\n#       tag: \"粤\",\n#     },\n#     {\n#       label: \"Shenzhen\",\n#       value: 4,\n#       color: \"yellow\",\n#       tag: \"粤\",\n#     },\n#   ];\n# </script>\n# \n```\n\n### Fields\n\n```yaml preview minHeight=\"300px\"\n- brick: eo-select\n  properties:\n    placeholder: This is placeholder...\n    fields:\n      label: name\n      value: city\n    value: 3\n    options:\n      - name: Beijing\n        city: 1\n        color: red\n        tag: 京\n      - name: Shanghai\n        city: 2\n        color: green\n        tag: 沪\n      - name: Guangzhou\n        city: 3\n        color: blue\n        tag: 粤\n      - name: Shenzhen\n        city: 4\n        color: yellow\n        tag: 粤\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-select placeholder=\"This is placeholder...\" id=\"brick-1\"></eo-select>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.fields = {\n#     label: \"name\",\n#     value: \"city\",\n#   };\n#   brick_1.value = 3;\n#   brick_1.options = [\n#     {\n#       name: \"Beijing\",\n#       city: 1,\n#       color: \"red\",\n#       tag: \"京\",\n#     },\n#     {\n#       name: \"Shanghai\",\n#       city: 2,\n#       color: \"green\",\n#       tag: \"沪\",\n#     },\n#     {\n#       name: \"Guangzhou\",\n#       city: 3,\n#       color: \"blue\",\n#       tag: \"粤\",\n#     },\n#     {\n#       name: \"Shenzhen\",\n#       city: 4,\n#       color: \"yellow\",\n#       tag: \"粤\",\n#     },\n#   ];\n# </script>\n# \n```\n\n### UseBackend\n\n```yaml preview minHeight=\"300px\"\n- brick: eo-select\n  properties:\n    label: useBackend\n    placeholder: 后端搜索\n    value: Shenzhen\n    useBackend:\n      provider: basic.http-request\n      transform: |\n        <% (data) => data %>\n      onValueChangeArgs:\n        - |\n          <% \n            (q) => \n              `//api.weatherapi.com/v1/search.json?q=${q}&key=${MISC.weather_api_key}`\n          %>\n      args:\n        - |\n          <% \n            (q) => \n              `//api.weatherapi.com/v1/search.json?q=${q ? q : \"China\"}&key=${MISC.weather_api_key}`\n          %>\n    fields:\n      label: name\n      value: name\n    suffix:\n      brick: eo-tag\n      properties:\n        textContent: <% DATA.country %>\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-select label=\"useBackend\" placeholder=\"后端搜索\" id=\"brick-1\"></eo-select>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.value = \"Shenzhen\";\n#   brick_1.useBackend = {\n#     provider: \"basic.http-request\",\n#     transform: \"<% (data) => data %>\\n\",\n#     onValueChangeArgs: [\n#       \"<% \\n  (q) => \\n    `//api.weatherapi.com/v1/search.json?q=${q}&key=${MISC.weather_api_key}`\\n%>\\n\",\n#     ],\n#     args: [\n#       '<% \\n  (q) => \\n    `//api.weatherapi.com/v1/search.json?q=${q ? q : \"China\"}&key=${MISC.weather_api_key}`\\n%>\\n',\n#     ],\n#   };\n#   brick_1.fields = {\n#     label: \"name\",\n#     value: \"name\",\n#   };\n#   brick_1.suffix = {\n#     brick: \"eo-tag\",\n#     properties: {\n#       textContent: \"<% DATA.country %>\",\n#     },\n#   };\n# </script>\n# \n```\n\n### Input Style\n\n```yaml preview minHeight=\"250px\"\n- brick: eo-select\n  properties:\n    inputStyle:\n      width: 180px\n    options:\n      - Beijing\n      - Shanghai\n      - Guangzhou\n      - Shenzhen\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-select id=\"brick-1\"></eo-select>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.inputStyle = {\n#     width: \"180px\",\n#   };\n#   brick_1.options = [\"Beijing\", \"Shanghai\", \"Guangzhou\", \"Shenzhen\"];\n# </script>\n# \n```\n\n### Event\n\n```yaml preview minHeight=\"400px\"\n- brick: eo-select\n  properties:\n    id: options-change-select\n    label: Single\n    options:\n      - Beijing\n      - Shanghai\n      - Guangzhou\n      - Shenzhen\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-select\n  properties:\n    label: Multiple\n    multiple: true\n    options:\n      - Beijing\n      - Shanghai\n      - Guangzhou\n      - Shenzhen\n  events:\n    change:\n      - action: message.success\n        args:\n          - <% JSON.stringify(EVENT.detail) %>\n- brick: eo-button\n  properties:\n    textContent: Click to change options\n  events:\n    click:\n      - target: \"#options-change-select\"\n        properties:\n          options:\n            - Beijing\n            - Shanghai\n            - Guangzhou\n            - Shenzhen\n            - Hangzhou\n- brick: div\n  properties:\n    style:\n      height: 20px\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-select label=\"Single\" id=\"options-change-select\"></eo-select>\n# <eo-select label=\"Multiple\" multiple id=\"brick-1\"></eo-select>\n# <eo-button id=\"brick-2\">Click to change options</eo-button>\n# <div style=\"height: 20px\"></div>\n# \n# <script>\n#   const options_change-select = document.getElementById(\"options-change-select\");\n#   options_change-select.options = [\n#     \"Beijing\",\n#     \"Shanghai\",\n#     \"Guangzhou\",\n#     \"Shenzhen\"\n#   ];\n#   options_change-select.addEventListener(\"change\", (e) => {\n#     const message = document.createElement(\"basic.show-notification\");\n#     message.resolve({ type: \"success\", message: /* WARN: incompatible expressions in HTML, please try YAML: */\n#     \"<% JSON.stringify(EVENT.detail) %>\" });\n#   });\n#   options_change-select.addEventListener(\"options.change\", (e) => {\n#     const message = document.createElement(\"basic.show-notification\");\n#     message.resolve({ type: \"success\", message: /* WARN: incompatible expressions in HTML, please try YAML: */\n#     \"<% JSON.stringify(EVENT.detail) %>\" });\n#   });\n# \n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.options = [\n#     \"Beijing\",\n#     \"Shanghai\",\n#     \"Guangzhou\",\n#     \"Shenzhen\"\n#   ];\n#   brick_1.addEventListener(\"change\", (e) => {\n#     const message = document.createElement(\"basic.show-notification\");\n#     message.resolve({ type: \"success\", message: /* WARN: incompatible expressions in HTML, please try YAML: */\n#     \"<% JSON.stringify(EVENT.detail) %>\" });\n#   });\n# \n#   const brick_2 = document.getElementById(\"brick-2\");\n#   brick_2.addEventListener(\"click\", (e) => {\n#     const brick = document.querySelector(\"#options-change-select\");\n#     brick.options = [\n#     \"Beijing\",\n#     \"Shanghai\",\n#     \"Guangzhou\",\n#     \"Shenzhen\",\n#     \"Hangzhou\"\n#   ];\n#   });\n# </script>\n# \n```\n\n### With Form\n\n```yaml preview minHeight=\"250px\"\n- brick: eo-form\n  events:\n    validate.success:\n      - action: console.log\n    values.change:\n      - action: console.log\n  children:\n    - brick: eo-select\n      properties:\n        options:\n          - Beijing\n          - Shanghai\n          - Guangzhou\n          - Shenzhen\n        label: 选择框\n        name: select\n        required: true\n    - brick: eo-submit-buttons\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-form id=\"brick-1\">\n#   <eo-select label=\"选择框\" name=\"select\" required id=\"brick-2\"></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(\"validate.success\", (e) => {\n#     console.log(e.detail);\n#   });\n#   brick_1.addEventListener(\"values.change\", (e) => {\n#     console.log(e.detail);\n#   });\n# \n#   const brick_2 = document.getElementById(\"brick-2\");\n#   brick_2.options = [\"Beijing\", \"Shanghai\", \"Guangzhou\", \"Shenzhen\"];\n# </script>\n# \n```\n"
@@ -23,12 +23,12 @@
   "eo-dynamic-form-item": {
     "doc": "动态表单构件。\n\n```yaml preview\n- brick: eo-form\n  properties:\n    layout: vertical\n    values:\n      id: request_5XXX\n      dimension:\n        - dimensionName: one\n          dimensionId: one\n          dimensionValue: 1\n  children:\n    - brick: eo-input\n      properties:\n        name: id\n        label: 指标ID\n        required: true\n    - brick: eo-dynamic-form-item\n      properties:\n        name: dimension\n        label: 维度\n        useBrick:\n          - brick: eo-input\n            properties:\n              name: dimensionName\n              required: true\n              message:\n                required: 维度名称为必填项\n              label: 维度名称\n          - brick: eo-input\n            properties:\n              name: dimensionId\n              required: true\n              message:\n                required: 维度id为必填项\n              label: 维度id\n              unique: true\n              validator: '<% (value) => (value.length > 5 ? \"维度id不能超过5\" : \"\") %>'\n          - brick: eo-input\n            properties:\n              name: dimensionValue\n              label: 维度值\n    - brick: eo-submit-buttons\n      properties:\n        cancelText: 取消\n        submitText: 提交\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-form layout=\"vertical\" values=\"[object Object]\">\n#   <eo-input name=\"id\" label=\"指标ID\" required></eo-input>\n#   <eo-dynamic-form-item\n#     name=\"dimension\"\n#     label=\"维度\"\n#     id=\"brick-1\"\n#   ></eo-dynamic-form-item>\n#   <eo-submit-buttons cancel-text=\"取消\" submit-text=\"提交\"></eo-submit-buttons>\n# </eo-form>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.useBrick = [\n#     {\n#       brick: \"eo-input\",\n#       properties: {\n#         name: \"dimensionName\",\n#         required: true,\n#         message: {\n#           required: \"维度名称为必填项\",\n#         },\n#         label: \"维度名称\",\n#       },\n#     },\n#     {\n#       brick: \"eo-input\",\n#       properties: {\n#         name: \"dimensionId\",\n#         required: true,\n#         message: {\n#           required: \"维度id为必填项\",\n#         },\n#         label: \"维度id\",\n#         unique: true,\n#         validator:\n#           '<% (value) => (value.length > 5 ? \"维度id不能超过5\" : \"\") %>',\n#       },\n#     },\n#     {\n#       brick: \"eo-input\",\n#       properties: {\n#         name: \"dimensionValue\",\n#         label: \"维度值\",\n#       },\n#     },\n#   ];\n# </script>\n# \n```\n\n## Examples\n\n### Label\n\n```yaml preview\n- brick: eo-dynamic-form-item\n  properties:\n    label: Label\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-dynamic-form-item label=\"Label\" id=\"brick-1\"></eo-dynamic-form-item>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.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### Value\n\n```yaml preview\n- brick: eo-dynamic-form-item\n  properties:\n    value:\n      - input: 北京\n        select: Beijing\n      - input: 上海\n        select: Shanghai\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-dynamic-form-item id=\"brick-1\"></eo-dynamic-form-item>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.value = [\n#     {\n#       input: \"北京\",\n#       select: \"Beijing\",\n#     },\n#     {\n#       input: \"上海\",\n#       select: \"Shanghai\",\n#     },\n#   ];\n#   brick_1.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### hideRemoveButton、disabledRemoveButton;hideAddButton、disabledAddButton\n\n```yaml preview\n- brick: eo-dynamic-form-item\n  properties:\n    hideAddButton: <% (value)=>value.length===5 %>\n    disabledAddButton: <% (value)=>value.length===4 %>\n    hideRemoveButton: <% (value,row)=>row===1 %>\n    disabledRemoveButton: <% (value,row)=>row===0 %>\n    value:\n      - input: hello1\n        select: abc1\n      - input: hello2\n        select: abc2\n      - input: hello3\n        select: abc3\n    useBrick:\n      - brick: eo-input\n        properties:\n          name: input\n      - brick: eo-select\n        properties:\n          name: select\n          options:\n            - abc1\n            - abc2\n            - abc3\n            - abc4\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-dynamic-form-item id=\"brick-1\"></eo-dynamic-form-item>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.hideAddButton = \"<% (value)=>value.length===5 %>\";\n#   brick_1.disabledAddButton = \"<% (value)=>value.length===4 %>\";\n#   brick_1.hideRemoveButton = \"<% (value,row)=>row===1 %>\";\n#   brick_1.disabledRemoveButton = \"<% (value,row)=>row===0 %>\";\n#   brick_1.value = [\n#     {\n#       input: \"hello1\",\n#       select: \"abc1\",\n#     },\n#     {\n#       input: \"hello2\",\n#       select: \"abc2\",\n#     },\n#     {\n#       input: \"hello3\",\n#       select: \"abc3\",\n#     },\n#   ];\n#   brick_1.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: [\"abc1\", \"abc2\", \"abc3\", \"abc4\"],\n#       },\n#     },\n#   ];\n# </script>\n# \n```\n\n### Event\n\n```yaml preview\n- brick: eo-dynamic-form-item\n  properties:\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  events:\n    row.remove:\n      action: console.log\n    row.add:\n      action: console.log\n    change:\n      - action: message.success\n        args:\n          - <% JSON.stringify(EVENT.detail) %>\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-dynamic-form-item name=\"dynamicForm\" id=\"brick-1\"></eo-dynamic-form-item>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.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#   brick_1.addEventListener(\"row.remove\", (e) => {\n#     console.log(e.detail);\n#   });\n#   brick_1.addEventListener(\"row.add\", (e) => {\n#     console.log(e.detail);\n#   });\n#   brick_1.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# </script>\n# \n```\n"
   },
-  "eo-icon-select": {
-    "doc": "图标选择器\n\n## Examples\n\n### Basic\n\n```yaml preview minHeight=\"750px\"\n- brick: eo-icon-select\n  events:\n    change:\n      action: console.log\n      args:\n        - \"<% EVENT.detail %>\"\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-icon-select id=\"brick-1\"></eo-icon-select>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.addEventListener(\"change\", (e) => {\n#     console.log(e.detail);\n#   });\n# </script>\n# \n```\n\n### With Form\n\n```yaml preview minHeight=\"750px\"\n- brick: eo-form\n  events:\n    validate.success:\n      - action: console.log\n    values.change:\n      - action: console.log\n  children:\n    - brick: eo-icon-select\n      properties:\n        name: icon\n        label: 图标\n        required: true\n    - brick: eo-submit-buttons\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-form id=\"brick-1\">\n#   <eo-icon-select name=\"icon\" label=\"图标\" required></eo-icon-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(\"validate.success\", (e) => {\n#     console.log(e.detail);\n#   });\n#   brick_1.addEventListener(\"values.change\", (e) => {\n#     console.log(e.detail);\n#   });\n# </script>\n# \n```\n"
-  },
   "eo-search": {
     "doc": "搜索框\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: eo-search\n  properties:\n    placeholder: 请输入\n    clearable: true\n    trim: true\n  events:\n    change:\n      action: console.log\n      args:\n        - \"<% EVENT.detail %>\"\n    search:\n      action: console.log\n      args:\n        - \"<% EVENT.detail %>\"\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-search placeholder=\"请输入\" clearable trim id=\"brick-1\"></eo-search>\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(\"search\", (e) => {\n#     console.log(e.detail);\n#   });\n# </script>\n# \n```\n"
   },
+  "eo-icon-select": {
+    "doc": "图标选择器\n\n## Examples\n\n### Basic\n\n```yaml preview minHeight=\"750px\"\n- brick: eo-icon-select\n  events:\n    change:\n      action: console.log\n      args:\n        - \"<% EVENT.detail %>\"\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-icon-select id=\"brick-1\"></eo-icon-select>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.addEventListener(\"change\", (e) => {\n#     console.log(e.detail);\n#   });\n# </script>\n# \n```\n\n### With Form\n\n```yaml preview minHeight=\"750px\"\n- brick: eo-form\n  events:\n    validate.success:\n      - action: console.log\n    values.change:\n      - action: console.log\n  children:\n    - brick: eo-icon-select\n      properties:\n        name: icon\n        label: 图标\n        required: true\n    - brick: eo-submit-buttons\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-form id=\"brick-1\">\n#   <eo-icon-select name=\"icon\" label=\"图标\" required></eo-icon-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(\"validate.success\", (e) => {\n#     console.log(e.detail);\n#   });\n#   brick_1.addEventListener(\"values.change\", (e) => {\n#     console.log(e.detail);\n#   });\n# </script>\n# \n```\n"
+  },
   "eo-upload-image": {
     "doc": "上传图片构件\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: eo-upload-image\n  events:\n    change:\n      action: console.log\n      args:\n        - \"<% EVENT.detail %>\"\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-upload-image id=\"brick-1\"></eo-upload-image>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.addEventListener(\"change\", (e) => {\n#     console.log(e.detail);\n#   });\n# </script>\n# \n```\n\n### With Form\n\n```yaml preview\n- brick: eo-form\n  events:\n    validate.success:\n      - action: console.log\n    values.change:\n      - action: console.log\n  children:\n    - brick: eo-upload-image\n      properties:\n        label: 文件\n        name: file\n        required: true\n      events:\n        change:\n          - action: console.log\n            args:\n              - <% EVENT.detail %>\n    - brick: eo-submit-buttons\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-form id=\"brick-1\">\n#   <eo-upload-image\n#     label=\"文件\"\n#     name=\"file\"\n#     required\n#     id=\"brick-2\"\n#   ></eo-upload-image>\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(\"validate.success\", (e) => {\n#     console.log(e.detail);\n#   });\n#   brick_1.addEventListener(\"values.change\", (e) => {\n#     console.log(e.detail);\n#   });\n# \n#   const brick_2 = document.getElementById(\"brick-2\");\n#   brick_2.addEventListener(\"change\", (e) => {\n#     console.log(e.detail);\n#   });\n# </script>\n# \n```\n"
   },

package/dist/{index.c01a807c.js → index.875dd5c3.js}

@@ -1,2 +1,2 @@
-(()=>{"use strict";var e,t,r,n,o,a,l,i,c,s,f,d,h,u,m,p,b,P,g,x,v={1879:(e,t,r)=>{var n={"./eo-input":()=>Promise.all([r.e(8657),r.e(5727),r.e(305),r.e(5178),r.e(2006),r.e(4580)]).then((()=>()=>r(8927))),"./general-input":()=>Promise.all([r.e(8657),r.e(5727),r.e(305),r.e(5178),r.e(2006),r.e(4580)]).then((()=>()=>r(8927))),"./eo-form":()=>Promise.all([r.e(8657),r.e(5727),r.e(305),r.e(5178),r.e(1224)]).then((()=>()=>r(9205))),"./general-form":()=>Promise.all([r.e(8657),r.e(5727),r.e(305),r.e(5178),r.e(1224)]).then((()=>()=>r(9205))),"./eo-form-item":()=>Promise.all([r.e(8657),r.e(5727),r.e(305),r.e(2006),r.e(9494),r.e(5716),r.e(7838)]).then((()=>()=>r(538))),"./general-form-item":()=>Promise.all([r.e(8657),r.e(5727),r.e(305),r.e(2006),r.e(9494),r.e(5716),r.e(7838)]).then((()=>()=>r(538))),"./eo-radio":()=>Promise.all([r.e(8657),r.e(5727),r.e(305),r.e(5178),r.e(2006),r.e(9494),r.e(5927)]).then((()=>()=>r(736))),"./general-radio":()=>Promise.all([r.e(8657),r.e(5727),r.e(305),r.e(5178),r.e(2006),r.e(9494),r.e(5927)]).then((()=>()=>r(736))),"./eo-textarea":()=>Promise.all([r.e(8657),r.e(5727),r.e(305),r.e(2006),r.e(2160)]).then((()=>()=>r(3288))),"./general-textarea":()=>Promise.all([r.e(8657),r.e(5727),r.e(305),r.e(2006),r.e(2160)]).then((()=>()=>r(3288))),"./eo-select":()=>Promise.all([r.e(8657),r.e(5727),r.e(305),r.e(5178),r.e(2006),r.e(9494),r.e(9464),r.e(9178)]).then((()=>()=>r(5296))),"./general-select":()=>Promise.all([r.e(8657),r.e(5727),r.e(305),r.e(5178),r.e(2006),r.e(9494),r.e(9464),r.e(9178)]).then((()=>()=>r(5296))),"./eo-submit-buttons":()=>Promise.all([r.e(8657),r.e(5727),r.e(305),r.e(2974)]).then((()=>()=>r(1705))),"./submit-buttons":()=>Promise.all([r.e(8657),r.e(5727),r.e(305),r.e(2974)]).then((()=>()=>r(1705))),"./eo-checkbox":()=>Promise.all([r.e(6980),r.e(6969),r.e(8657),r.e(5727),r.e(305),r.e(5178),r.e(2006),r.e(2191)]).then((()=>()=>r(1017))),"./general-checkbox":()=>Promise.all([r.e(6980),r.e(6969),r.e(8657),r.e(5727),r.e(305),r.e(5178),r.e(2006),r.e(2191)]).then((()=>()=>r(1017))),"./eo-dynamic-form-item":()=>Promise.all([r.e(8657),r.e(5727),r.e(305),r.e(5178),r.e(2006),r.e(9494),r.e(7088),r.e(2683)]).then((()=>()=>r(8026))),"./dynamic-form-item":()=>Promise.all([r.e(8657),r.e(5727),r.e(305),r.e(5178),r.e(2006),r.e(9494),r.e(7088),r.e(2683)]).then((()=>()=>r(8026))),"./eo-icon-select":()=>Promise.all([r.e(8657),r.e(5727),r.e(305),r.e(2006),r.e(7088),r.e(628),r.e(2309)]).then((()=>()=>r(8192))),"./icon-select":()=>Promise.all([r.e(8657),r.e(5727),r.e(305),r.e(2006),r.e(7088),r.e(628),r.e(2309)]).then((()=>()=>r(8192))),"./eo-search":()=>Promise.all([r.e(8657),r.e(5727),r.e(305),r.e(5178),r.e(2006),r.e(5503)]).then((()=>()=>r(2430))),"./general-search":()=>Promise.all([r.e(8657),r.e(5727),r.e(305),r.e(5178),r.e(2006),r.e(5503)]).then((()=>()=>r(2430))),"./eo-upload-image":()=>Promise.all([r.e(8657),r.e(5727),r.e(305),r.e(2006),r.e(860),r.e(9464),r.e(7088),r.e(5932),r.e(476),r.e(1265)]).then((()=>()=>r(2547))),"./upload-image":()=>Promise.all([r.e(8657),r.e(5727),r.e(305),r.e(2006),r.e(860),r.e(9464),r.e(7088),r.e(5932),r.e(476),r.e(1265)]).then((()=>()=>r(2547))),"./eo-switch":()=>Promise.all([r.e(8657),r.e(5727),r.e(305),r.e(2006),r.e(4078)]).then((()=>()=>r(6418))),"./general-switch":()=>Promise.all([r.e(8657),r.e(5727),r.e(305),r.e(2006),r.e(4078)]).then((()=>()=>r(6418))),"./eo-upload-file":()=>Promise.all([r.e(8657),r.e(5727),r.e(305),r.e(2006),r.e(9494),r.e(860),r.e(7088),r.e(5932),r.e(2068),r.e(4229)]).then((()=>()=>r(1844))),"./eo-auto-complete":()=>Promise.all([r.e(8657),r.e(5727),r.e(305),r.e(5178),r.e(2006),r.e(1964)]).then((()=>()=>r(1159))),"./eo-time-picker":()=>Promise.all([r.e(6980),r.e(6969),r.e(5789),r.e(8657),r.e(5727),r.e(305),r.e(5178),r.e(2006),r.e(9494),r.e(860),r.e(2484),r.e(8062)]).then((()=>()=>r(167))),"./eo-date-picker":()=>Promise.all([r.e(6980),r.e(6969),r.e(5789),r.e(8657),r.e(5727),r.e(305),r.e(5178),r.e(2006),r.e(9494),r.e(860),r.e(2484),r.e(5239),r.e(3601)]).then((()=>()=>r(1549))),"./eo-time-range-picker":()=>Promise.all([r.e(6980),r.e(6969),r.e(5789),r.e(8657),r.e(5727),r.e(305),r.e(5178),r.e(2006),r.e(9494),r.e(860),r.e(2484),r.e(4122)]).then((()=>()=>r(7655)))},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",4122:"eo-time-range-picker",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)+"."+{285:"475ecfe5",305:"e6ed6432",476:"22d9391c",488:"661beab4",628:"08c420f4",860:"f78eb35d",1224:"d03c926b",1265:"570aa146",1303:"3f73197e",1502:"74bcef0d",1646:"3c0dd2c1",1874:"8dc70082",1935:"a87c6b30",1964:"536944b4",2006:"de198a8f",2024:"709c5b23",2068:"fc72193d",2108:"ed2e0e97",2160:"82e3afd1",2179:"7e65feda",2191:"40d8533e",2309:"c646c150",2484:"76770c50",2573:"1cf6f92d",2683:"3d03eb49",2754:"131e5d06",2784:"4e953002",2974:"4efffd7d",3458:"4c7fbba5",3601:"4a841527",3948:"68837772",4031:"9fcc08e1",4049:"c9231cdb",4078:"16a46bfd",4122:"9a1311ae",4229:"043eea9e",4275:"d194a6d0",4540:"933f9d9d",4580:"04a5b127",4717:"0d0a5793",4795:"90b6991e",4936:"3b1c5736",4991:"5a94cf9d",5151:"ccc54077",5178:"9baeb7f9",5239:"a01cc0bd",5381:"5c7cf437",5503:"7cbe8bb0",5628:"d77bdb77",5636:"676bad66",5716:"2f556b6f",5725:"93406f7c",5727:"6f33d3ab",5789:"e946d373",5927:"d9e51145",5932:"b7983476",6205:"40caa4b8",6473:"851e08b6",6635:"cf6a5657",6653:"1d0752f6",6660:"2ce0943b",6969:"22e9895b",6980:"e59062da",7067:"efcc5fd0",7088:"3454586a",7110:"a25da63c",7164:"a8fb139c",7672:"0bc7f2af",7746:"d245961e",7838:"f8b1cb5f",7910:"9cd3e3e6",7915:"e235a57b",8008:"48391db2",8062:"80430d4c",8316:"6bf92939",8498:"a624c508",8588:"6a967f83",8657:"4becf05f",8691:"5bfc34e7",8874:"fee12e7b",9178:"7a296499",9431:"671db050",9464:"b01e685b",9494:"e98e34bd",9549:"b7a67a03"}[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 f=c[s];if(f.getAttribute("src")==r||f.getAttribute("data-webpack")==t+o){l=f;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 d=(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(d.bind(null,void 0,{type:"timeout",target:l}),12e4);l.onerror=d.bind(null,l.onerror),l.onload=d.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.23.6",(()=>k.e(1874).then((()=>()=>k(1874))))),i("@easyops-cn/brick-next-pipes","0.6.0",(()=>Promise.all([k.e(4031),k.e(5178),k.e(7910)]).then((()=>()=>k(4031))))),i("@next-core/cook","2.2.11",(()=>Promise.all([k.e(5151),k.e(2573)]).then((()=>()=>k(5151))))),i("@next-core/element","1.2.1",(()=>k.e(9549).then((()=>()=>k(9549))))),i("@next-core/http","1.1.8",(()=>k.e(7067).then((()=>()=>k(7067))))),i("@next-core/i18n/react","1.0.36",(()=>Promise.all([k.e(860),k.e(5636)]).then((()=>()=>k(5636))))),i("@next-core/i18n","1.0.36",(()=>Promise.all([k.e(860),k.e(1935),k.e(4936),k.e(7164)]).then((()=>()=>k(7164))))),i("@next-core/inject","1.0.26",(()=>Promise.all([k.e(5178),k.e(1502),k.e(7672)]).then((()=>()=>k(7672))))),i("@next-core/loader","1.5.3",(()=>k.e(8498).then((()=>()=>k(8498))))),i("@next-core/pipes","2.0.15",(()=>k.e(4275).then((()=>()=>k(4275))))),i("@next-core/react-element","1.0.20",(()=>Promise.all([k.e(8657),k.e(5727),k.e(2484),k.e(1646)]).then((()=>()=>k(1646))))),i("@next-core/react-runtime","1.1.45",(()=>Promise.all([k.e(8657),k.e(9464),k.e(6660)]).then((()=>()=>k(6660))))),i("@next-core/runtime","1.29.1",(()=>Promise.all([k.e(6980),k.e(3948),k.e(5178),k.e(5932),k.e(1935),k.e(8874),k.e(488),k.e(285),k.e(4795)]).then((()=>()=>k(3948))))),i("@next-core/supply","2.1.10",(()=>Promise.all([k.e(5178),k.e(1502),k.e(8874),k.e(4049)]).then((()=>()=>k(4049))))),i("@next-core/theme","1.4.7",(()=>Promise.all([k.e(2108),k.e(5628)]).then((()=>()=>k(2108))))),i("@next-core/utils/general","1.6.8",(()=>k.e(7110).then((()=>()=>k(7110))))),i("@next-core/utils/storyboard","1.6.8",(()=>Promise.all([k.e(628),k.e(488),k.e(3458)]).then((()=>()=>k(3458))))),i("history","4.10.1",(()=>k.e(2024).then((()=>()=>k(2024))))),i("i18next-browser-languagedetector","7.2.0",(()=>k.e(2754).then((()=>()=>k(2754))))),i("i18next","22.5.1",(()=>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","12.3.1",(()=>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,f,d=i<e.length?(typeof e[i])[0]:"";if(l>=t.length||"o"==(f=(typeof(s=t[l]))[0]))return!c||("u"==d?i>n&&!o:""==d!=o);if("u"==f){if(!c||"u"!=d)return!1}else if(c)if(d==f)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"!=d&&"n"!=d){if(o||i<=n)return!1;c=!1,i--}else{if(i<=n||f<d!=o)return!1;c=!1}else"s"!=d&&"n"!=d&&(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)||d(i(e,r,o,n)),h(e[r][o])},f=(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]},d=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)&&f(t,r,n);return a?h(a):o()})),P={},g={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))))),2573:()=>p("default","@babel/parser",[1,7,23,6],(()=>k.e(1874).then((()=>()=>k(1874))))),860:()=>m("default","@next-core/i18n",(()=>Promise.all([k.e(1935),k.e(4936),k.e(6205)]).then((()=>()=>k(7164))))),4791:()=>p("default","react-i18next",[1,12,3,1],(()=>Promise.all([k.e(8657),k.e(8588)]).then((()=>()=>k(8588))))),1935:()=>p("default","@next-core/utils/general",[1,1,6,8],(()=>k.e(7110).then((()=>()=>k(7110))))),3239:()=>p("default","i18next",[1,22,5,1],(()=>k.e(4991).then((()=>()=>k(4991))))),7207:()=>p("default","i18next-browser-languagedetector",[1,7,2,0],(()=>k.e(2754).then((()=>()=>k(2754))))),1502:()=>p("default","@next-core/pipes",[1,2,0,15],(()=>k.e(4275).then((()=>()=>k(4275))))),5454:()=>p("default","@easyops-cn/brick-next-pipes",[2,0,6,0],(()=>Promise.all([k.e(4031),k.e(5178),k.e(7910)]).then((()=>()=>k(4031))))),8657:()=>b("default","react",[6,0,0,0,,"experimental-ee8509801-20230117"],(()=>k.e(2784).then((()=>()=>k(2784))))),5727:()=>b("default","@next-core/element",[1,1,2,1],(()=>k.e(4717).then((()=>()=>k(9549))))),2484:()=>b("default","react-dom",[6,0,0,0,,"experimental-ee8509801-20230117"],(()=>k.e(8316).then((()=>()=>k(8316))))),9464:()=>p("default","@next-core/runtime",[1,1,29,1],(()=>Promise.all([k.e(6980),k.e(3948),k.e(5178),k.e(5932),k.e(1935),k.e(8874),k.e(488),k.e(285)]).then((()=>()=>k(3948))))),5932:()=>p("default","@next-core/http",[1,1,1,8],(()=>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))))),488:()=>p("default","@next-core/cook",[1,2,2,11],(()=>Promise.all([k.e(5151),k.e(2573)]).then((()=>()=>k(5151))))),815:()=>p("default","@next-core/inject",[1,1,0,26],(()=>Promise.all([k.e(1502),k.e(5725)]).then((()=>()=>k(7672))))),1065:()=>p("default","@next-core/i18n",[1,1,0,36],(()=>Promise.all([k.e(860),k.e(4936),k.e(2179)]).then((()=>()=>k(7164))))),4699:()=>p("default","@next-core/utils/storyboard",[1,1,6,8],(()=>Promise.all([k.e(628),k.e(8691)]).then((()=>()=>k(3458))))),6974:()=>p("default","@next-core/loader",[1,1,5,3],(()=>k.e(6653).then((()=>()=>k(8498))))),7857:()=>p("default","history",[1,4,10,1],(()=>k.e(2024).then((()=>()=>k(2024))))),7941:()=>p("default","@next-core/supply",[1,2,1,10],(()=>Promise.all([k.e(1502),k.e(6473)]).then((()=>()=>k(4049))))),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))))),305:()=>b("default","@next-core/react-element",[1,1,0,20],(()=>Promise.all([k.e(2484),k.e(7746)]).then((()=>()=>k(1646))))),2006:()=>p("default","@next-core/theme",[1,1,4,7],(()=>k.e(2108).then((()=>()=>k(2108))))),9494:()=>b("default","@next-core/react-runtime",[1,1,1,45],(()=>Promise.all([k.e(9464),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)))))},x={285:[815,1065,4699,6974,7857,7941,8525],305:[305],476:[476],488:[488],628:[628],860:[860],1502:[1502],1935:[1935],2006:[2006],2068:[2068],2484:[2484],2573:[2573],4275:[5454],4936:[3239,7207],5178:[5178],5239:[5239],5636:[4791],5727:[5727],5932:[5932],7088:[7088],7910:[5872,5899],8657:[8657],8874:[8874],9464:[9464],9494:[9494]},k.f.consumes=(e,t)=>{k.o(x,e)&&x[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=g[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(006|068|484|573|85)|4(76|88|936)|5(178|239|727|932)|8(60|657|874)|94[69]4|1502|1935|305|628|7088|7910)$/.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(1879);window["bricks/form"]=w})();
-//# sourceMappingURL=index.c01a807c.js.map
+(()=>{"use strict";var e,t,r,n,o,a,l,i,c,s,d,f,h,u,m,p,b,P,g,x,v={6341:(e,t,r)=>{var n={"./eo-input":()=>Promise.all([r.e(8657),r.e(5727),r.e(305),r.e(5178),r.e(2006),r.e(4580)]).then((()=>()=>r(8927))),"./general-input":()=>Promise.all([r.e(8657),r.e(5727),r.e(305),r.e(5178),r.e(2006),r.e(4580)]).then((()=>()=>r(8927))),"./eo-textarea":()=>Promise.all([r.e(8657),r.e(5727),r.e(305),r.e(2006),r.e(2160)]).then((()=>()=>r(3288))),"./general-textarea":()=>Promise.all([r.e(8657),r.e(5727),r.e(305),r.e(2006),r.e(2160)]).then((()=>()=>r(3288))),"./eo-form":()=>Promise.all([r.e(8657),r.e(5727),r.e(305),r.e(5178),r.e(1224)]).then((()=>()=>r(9205))),"./general-form":()=>Promise.all([r.e(8657),r.e(5727),r.e(305),r.e(5178),r.e(1224)]).then((()=>()=>r(9205))),"./eo-form-item":()=>Promise.all([r.e(8657),r.e(5727),r.e(305),r.e(2006),r.e(9494),r.e(5716),r.e(7838)]).then((()=>()=>r(538))),"./general-form-item":()=>Promise.all([r.e(8657),r.e(5727),r.e(305),r.e(2006),r.e(9494),r.e(5716),r.e(7838)]).then((()=>()=>r(538))),"./eo-radio":()=>Promise.all([r.e(8657),r.e(5727),r.e(305),r.e(5178),r.e(2006),r.e(9494),r.e(5927)]).then((()=>()=>r(736))),"./general-radio":()=>Promise.all([r.e(8657),r.e(5727),r.e(305),r.e(5178),r.e(2006),r.e(9494),r.e(5927)]).then((()=>()=>r(736))),"./eo-select":()=>Promise.all([r.e(8657),r.e(5727),r.e(305),r.e(5178),r.e(2006),r.e(9494),r.e(9464),r.e(9178)]).then((()=>()=>r(5296))),"./general-select":()=>Promise.all([r.e(8657),r.e(5727),r.e(305),r.e(5178),r.e(2006),r.e(9494),r.e(9464),r.e(9178)]).then((()=>()=>r(5296))),"./eo-submit-buttons":()=>Promise.all([r.e(8657),r.e(5727),r.e(305),r.e(2974)]).then((()=>()=>r(1705))),"./submit-buttons":()=>Promise.all([r.e(8657),r.e(5727),r.e(305),r.e(2974)]).then((()=>()=>r(1705))),"./eo-checkbox":()=>Promise.all([r.e(6980),r.e(6969),r.e(8657),r.e(5727),r.e(305),r.e(5178),r.e(2006),r.e(2191)]).then((()=>()=>r(1017))),"./general-checkbox":()=>Promise.all([r.e(6980),r.e(6969),r.e(8657),r.e(5727),r.e(305),r.e(5178),r.e(2006),r.e(2191)]).then((()=>()=>r(1017))),"./eo-dynamic-form-item":()=>Promise.all([r.e(8657),r.e(5727),r.e(305),r.e(5178),r.e(2006),r.e(9494),r.e(7088),r.e(2683)]).then((()=>()=>r(8026))),"./dynamic-form-item":()=>Promise.all([r.e(8657),r.e(5727),r.e(305),r.e(5178),r.e(2006),r.e(9494),r.e(7088),r.e(2683)]).then((()=>()=>r(8026))),"./eo-search":()=>Promise.all([r.e(8657),r.e(5727),r.e(305),r.e(5178),r.e(2006),r.e(5503)]).then((()=>()=>r(2430))),"./general-search":()=>Promise.all([r.e(8657),r.e(5727),r.e(305),r.e(5178),r.e(2006),r.e(5503)]).then((()=>()=>r(2430))),"./eo-icon-select":()=>Promise.all([r.e(8657),r.e(5727),r.e(305),r.e(2006),r.e(7088),r.e(628),r.e(2309)]).then((()=>()=>r(8192))),"./icon-select":()=>Promise.all([r.e(8657),r.e(5727),r.e(305),r.e(2006),r.e(7088),r.e(628),r.e(2309)]).then((()=>()=>r(8192))),"./eo-upload-image":()=>Promise.all([r.e(8657),r.e(5727),r.e(305),r.e(2006),r.e(860),r.e(9464),r.e(7088),r.e(5932),r.e(476),r.e(1265)]).then((()=>()=>r(2547))),"./upload-image":()=>Promise.all([r.e(8657),r.e(5727),r.e(305),r.e(2006),r.e(860),r.e(9464),r.e(7088),r.e(5932),r.e(476),r.e(1265)]).then((()=>()=>r(2547))),"./eo-switch":()=>Promise.all([r.e(8657),r.e(5727),r.e(305),r.e(2006),r.e(4078)]).then((()=>()=>r(6418))),"./general-switch":()=>Promise.all([r.e(8657),r.e(5727),r.e(305),r.e(2006),r.e(4078)]).then((()=>()=>r(6418))),"./eo-upload-file":()=>Promise.all([r.e(8657),r.e(5727),r.e(305),r.e(2006),r.e(9494),r.e(860),r.e(7088),r.e(5932),r.e(2068),r.e(4229)]).then((()=>()=>r(1844))),"./eo-auto-complete":()=>Promise.all([r.e(8657),r.e(5727),r.e(305),r.e(5178),r.e(2006),r.e(1964)]).then((()=>()=>r(1159))),"./eo-time-picker":()=>Promise.all([r.e(6980),r.e(6969),r.e(5789),r.e(8657),r.e(5727),r.e(305),r.e(5178),r.e(2006),r.e(9494),r.e(860),r.e(2484),r.e(8062)]).then((()=>()=>r(167))),"./eo-date-picker":()=>Promise.all([r.e(6980),r.e(6969),r.e(5789),r.e(8657),r.e(5727),r.e(305),r.e(5178),r.e(2006),r.e(9494),r.e(860),r.e(2484),r.e(5239),r.e(3601)]).then((()=>()=>r(1549))),"./eo-time-range-picker":()=>Promise.all([r.e(6980),r.e(6969),r.e(5789),r.e(8657),r.e(5727),r.e(305),r.e(5178),r.e(2006),r.e(9494),r.e(860),r.e(2484),r.e(4122)]).then((()=>()=>r(7655)))},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",4122:"eo-time-range-picker",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)+"."+{285:"475ecfe5",305:"e6ed6432",476:"22d9391c",488:"661beab4",628:"08c420f4",860:"f78eb35d",1224:"bcf281bd",1265:"7ea1438d",1303:"3f73197e",1502:"74bcef0d",1646:"3c0dd2c1",1874:"8dc70082",1935:"a87c6b30",1964:"a9c382a6",2006:"de198a8f",2024:"709c5b23",2068:"fc72193d",2108:"ed2e0e97",2160:"daa7f5d4",2179:"7e65feda",2191:"40d8533e",2309:"ae9ff74b",2484:"76770c50",2573:"1cf6f92d",2683:"f8085fe7",2754:"131e5d06",2784:"4e953002",2974:"225fb0bc",3458:"4c7fbba5",3601:"4a841527",3948:"68837772",4031:"9fcc08e1",4049:"c9231cdb",4078:"5114bd5e",4122:"9a1311ae",4229:"e860810e",4275:"d194a6d0",4540:"933f9d9d",4580:"360d3dd6",4717:"0d0a5793",4795:"90b6991e",4936:"3b1c5736",4991:"5a94cf9d",5151:"ccc54077",5178:"9baeb7f9",5239:"a01cc0bd",5381:"5c7cf437",5503:"efc41300",5628:"d77bdb77",5636:"676bad66",5716:"2f556b6f",5725:"93406f7c",5727:"6f33d3ab",5789:"86a92b1d",5927:"7e13c946",5932:"b7983476",6205:"40caa4b8",6473:"851e08b6",6635:"cf6a5657",6653:"1d0752f6",6660:"2ce0943b",6969:"71535221",6980:"e59062da",7067:"efcc5fd0",7088:"3454586a",7110:"a25da63c",7164:"a8fb139c",7672:"0bc7f2af",7746:"d245961e",7838:"9ca32184",7910:"9cd3e3e6",7915:"e235a57b",8008:"48391db2",8062:"80430d4c",8316:"6bf92939",8498:"a624c508",8588:"6a967f83",8657:"4becf05f",8691:"5bfc34e7",8874:"fee12e7b",9178:"0b0138bb",9431:"671db050",9464:"b01e685b",9494:"e98e34bd",9549:"b7a67a03"}[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.23.6",(()=>k.e(1874).then((()=>()=>k(1874))))),i("@easyops-cn/brick-next-pipes","0.6.0",(()=>Promise.all([k.e(4031),k.e(5178),k.e(7910)]).then((()=>()=>k(4031))))),i("@next-core/cook","2.2.11",(()=>Promise.all([k.e(5151),k.e(2573)]).then((()=>()=>k(5151))))),i("@next-core/element","1.2.1",(()=>k.e(9549).then((()=>()=>k(9549))))),i("@next-core/http","1.1.8",(()=>k.e(7067).then((()=>()=>k(7067))))),i("@next-core/i18n/react","1.0.36",(()=>Promise.all([k.e(860),k.e(5636)]).then((()=>()=>k(5636))))),i("@next-core/i18n","1.0.36",(()=>Promise.all([k.e(860),k.e(1935),k.e(4936),k.e(7164)]).then((()=>()=>k(7164))))),i("@next-core/inject","1.0.26",(()=>Promise.all([k.e(5178),k.e(1502),k.e(7672)]).then((()=>()=>k(7672))))),i("@next-core/loader","1.5.3",(()=>k.e(8498).then((()=>()=>k(8498))))),i("@next-core/pipes","2.0.15",(()=>k.e(4275).then((()=>()=>k(4275))))),i("@next-core/react-element","1.0.20",(()=>Promise.all([k.e(8657),k.e(5727),k.e(2484),k.e(1646)]).then((()=>()=>k(1646))))),i("@next-core/react-runtime","1.1.45",(()=>Promise.all([k.e(8657),k.e(9464),k.e(6660)]).then((()=>()=>k(6660))))),i("@next-core/runtime","1.29.1",(()=>Promise.all([k.e(6980),k.e(3948),k.e(5178),k.e(5932),k.e(1935),k.e(8874),k.e(488),k.e(285),k.e(4795)]).then((()=>()=>k(3948))))),i("@next-core/supply","2.1.10",(()=>Promise.all([k.e(5178),k.e(1502),k.e(8874),k.e(4049)]).then((()=>()=>k(4049))))),i("@next-core/theme","1.4.7",(()=>Promise.all([k.e(2108),k.e(5628)]).then((()=>()=>k(2108))))),i("@next-core/utils/general","1.6.8",(()=>k.e(7110).then((()=>()=>k(7110))))),i("@next-core/utils/storyboard","1.6.8",(()=>Promise.all([k.e(628),k.e(488),k.e(3458)]).then((()=>()=>k(3458))))),i("history","4.10.1",(()=>k.e(2024).then((()=>()=>k(2024))))),i("i18next-browser-languagedetector","7.2.0",(()=>k.e(2754).then((()=>()=>k(2754))))),i("i18next","22.5.1",(()=>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","12.3.1",(()=>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={},g={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))))),2573:()=>p("default","@babel/parser",[1,7,23,6],(()=>k.e(1874).then((()=>()=>k(1874))))),860:()=>m("default","@next-core/i18n",(()=>Promise.all([k.e(1935),k.e(4936),k.e(6205)]).then((()=>()=>k(7164))))),4791:()=>p("default","react-i18next",[1,12,3,1],(()=>Promise.all([k.e(8657),k.e(8588)]).then((()=>()=>k(8588))))),1935:()=>p("default","@next-core/utils/general",[1,1,6,8],(()=>k.e(7110).then((()=>()=>k(7110))))),3239:()=>p("default","i18next",[1,22,5,1],(()=>k.e(4991).then((()=>()=>k(4991))))),7207:()=>p("default","i18next-browser-languagedetector",[1,7,2,0],(()=>k.e(2754).then((()=>()=>k(2754))))),1502:()=>p("default","@next-core/pipes",[1,2,0,15],(()=>k.e(4275).then((()=>()=>k(4275))))),5454:()=>p("default","@easyops-cn/brick-next-pipes",[2,0,6,0],(()=>Promise.all([k.e(4031),k.e(5178),k.e(7910)]).then((()=>()=>k(4031))))),8657:()=>b("default","react",[6,0,0,0,,"experimental-ee8509801-20230117"],(()=>k.e(2784).then((()=>()=>k(2784))))),5727:()=>b("default","@next-core/element",[1,1,2,1],(()=>k.e(4717).then((()=>()=>k(9549))))),2484:()=>b("default","react-dom",[6,0,0,0,,"experimental-ee8509801-20230117"],(()=>k.e(8316).then((()=>()=>k(8316))))),9464:()=>p("default","@next-core/runtime",[1,1,29,1],(()=>Promise.all([k.e(6980),k.e(3948),k.e(5178),k.e(5932),k.e(1935),k.e(8874),k.e(488),k.e(285)]).then((()=>()=>k(3948))))),5932:()=>p("default","@next-core/http",[1,1,1,8],(()=>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))))),488:()=>p("default","@next-core/cook",[1,2,2,11],(()=>Promise.all([k.e(5151),k.e(2573)]).then((()=>()=>k(5151))))),815:()=>p("default","@next-core/inject",[1,1,0,26],(()=>Promise.all([k.e(1502),k.e(5725)]).then((()=>()=>k(7672))))),1065:()=>p("default","@next-core/i18n",[1,1,0,36],(()=>Promise.all([k.e(860),k.e(4936),k.e(2179)]).then((()=>()=>k(7164))))),4699:()=>p("default","@next-core/utils/storyboard",[1,1,6,8],(()=>Promise.all([k.e(628),k.e(8691)]).then((()=>()=>k(3458))))),6974:()=>p("default","@next-core/loader",[1,1,5,3],(()=>k.e(6653).then((()=>()=>k(8498))))),7857:()=>p("default","history",[1,4,10,1],(()=>k.e(2024).then((()=>()=>k(2024))))),7941:()=>p("default","@next-core/supply",[1,2,1,10],(()=>Promise.all([k.e(1502),k.e(6473)]).then((()=>()=>k(4049))))),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))))),305:()=>b("default","@next-core/react-element",[1,1,0,20],(()=>Promise.all([k.e(2484),k.e(7746)]).then((()=>()=>k(1646))))),2006:()=>p("default","@next-core/theme",[1,1,4,7],(()=>k.e(2108).then((()=>()=>k(2108))))),9494:()=>b("default","@next-core/react-runtime",[1,1,1,45],(()=>Promise.all([k.e(9464),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)))))},x={285:[815,1065,4699,6974,7857,7941,8525],305:[305],476:[476],488:[488],628:[628],860:[860],1502:[1502],1935:[1935],2006:[2006],2068:[2068],2484:[2484],2573:[2573],4275:[5454],4936:[3239,7207],5178:[5178],5239:[5239],5636:[4791],5727:[5727],5932:[5932],7088:[7088],7910:[5872,5899],8657:[8657],8874:[8874],9464:[9464],9494:[9494]},k.f.consumes=(e,t)=>{k.o(x,e)&&x[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=g[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(006|068|484|573|85)|4(76|88|936)|5(178|239|727|932)|8(60|657|874)|94[69]4|1502|1935|305|628|7088|7910)$/.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(6341);window["bricks/form"]=w})();
+//# sourceMappingURL=index.875dd5c3.js.map