@kne-components/components-core 0.2.2 → 0.2.3

package/build/static/js/{3174.acbff207.chunk.js → 3174.9ed3d7f2.chunk.js}

@@ -1,2 +1,2 @@
-(self.webpackChunk_kne_components_components_core=self.webpackChunk_kne_components_components_core||[]).push([[3174,4319,5698,2615],{25764:n=>{function e(n){var e=new Error("Cannot find module '"+n+"'");throw e.code="MODULE_NOT_FOUND",e}e.keys=()=>[],e.resolve=e,e.id=25764,n.exports=e},22978:(n,e,t)=>{"use strict";t.d(e,{A:()=>o});var a=t(80940),l=t(55199);const o={name:"ButtonGroup",summary:"<p>\u7528\u4e8e\u6839\u636e\u5f53\u524d\u5bb9\u5668\u7a7a\u95f4\u81ea\u52a8\u8ba1\u7b97\u591a\u4f59\u6309\u94ae\u6536\u8d77</p>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>list</td>\n<td>button\u6309\u94ae\u5c5e\u6027\u7684\u6570\u7ec4</td>\n<td>array</td>\n<td>[]</td>\n</tr>\n<tr>\n<td>more</td>\n<td>\u66f4\u591a\u6309\u94ae\u5360\u4f4d</td>\n<td>jsx</td>\n<td>&lt;Button&gt;\u66f4\u591a&lt;Icon type=\"icon-arrow-thin-down\"/&gt;&lt;/Button&gt;</td>\n</tr>\n<tr>\n<td>compact</td>\n<td>\u662f\u5426\u4e3a\u7d27\u51d1\u6a21\u5f0f</td>\n<td>boolean</td>\n<td>false</td>\n</tr>\n<tr>\n<td>size</td>\n<td>\u5f53compact\u4e3afalse\u65f6\u4e3a\u6309\u94ae\u95f4\u9694\u5927\u5c0f\uff0c\u5426\u5219\u4e3a\u6309\u94ae\u5927\u5c0f</td>\n<td>'small','middle','large',number</td>\n<td>8</td>\n</tr>\n<tr>\n<td>split,align</td>\n<td>\u53c2\u8003antd Space</td>\n<td>-</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>",example:{isFull:!1,className:"ButtonGroup_e3fc2",style:"",list:[{title:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u6807\u9898",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { default: ButtonGroup } = _ButtonGroup;\nconst { Button, Space } = antd;\nconst { useState } = React;\nconst BaseExample = () => {\n  const [width, setWidth] = useState(200);\n  return (\n    <Space>\n      <div style={{ width: `${width}px` }}>\n        <ButtonGroup\n          list={[\n            {\n              type: "primary",\n              children: "\u64cd\u4f5c1",\n            },\n            {\n              children: "\u64cd\u4f5c2",\n            },\n            {\n              children: "\u64cd\u4f5c3",\n            },\n            {\n              children: "\u64cd\u4f5c3",\n              message: "\u786e\u5b9a\u8981\u6267\u884c\u64cd\u4f5c\u5417\uff1f",\n              disabled: true,\n            },\n          ]}\n        />\n      </div>\n      <Space>\n        <Button\n          onClick={() => {\n            setWidth((width) => {\n              return width + 20;\n            });\n          }}\n        >\n          \u589e\u52a0\u5bb9\u5668\u5bbd\u5ea6\n        </Button>\n        <Button\n          onClick={() => {\n            setWidth((width) => {\n              return width - 20;\n            });\n          }}\n        >\n          \u51cf\u5c11\u5bb9\u5668\u5bbd\u5ea6\n        </Button>\n      </Space>\n    </Space>\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_ButtonGroup",packageName:"@components/ButtonGroup",component:a},{name:"antd",packageName:"antd",component:l}]},{title:"\u7d27\u51d1\u6a21\u5f0f",description:"\u7d27\u51d1\u6a21\u5f0f",code:'const { default: ButtonGroup } = _ButtonGroup;\nconst { Button, Space } = antd;\nconst { useState } = React;\nconst BaseExample = () => {\n  const [width, setWidth] = useState(200);\n  return (\n    <Space>\n      <div style={{ width: `${width}px` }}>\n        <ButtonGroup\n          compact\n          list={[\n            {\n              type: "primary",\n              children: "\u64cd\u4f5c1",\n            },\n            {\n              children: "\u64cd\u4f5c2",\n            },\n            {\n              children: "\u64cd\u4f5c3",\n            },\n            {\n              children: "\u64cd\u4f5c3",\n              message: "\u786e\u5b9a\u8981\u6267\u884c\u64cd\u4f5c\u5417\uff1f",\n            },\n          ]}\n        />\n      </div>\n      <Space>\n        <Button\n          onClick={() => {\n            setWidth((width) => {\n              return width + 20;\n            });\n          }}\n        >\n          \u589e\u52a0\u5bb9\u5668\u5bbd\u5ea6\n        </Button>\n        <Button\n          onClick={() => {\n            setWidth((width) => {\n              return width - 20;\n            });\n          }}\n        >\n          \u51cf\u5c11\u5bb9\u5668\u5bbd\u5ea6\n        </Button>\n      </Space>\n    </Space>\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_ButtonGroup",packageName:"@components/ButtonGroup",component:a},{name:"antd",packageName:"antd",component:l}]},{title:"\u6e32\u67d3\u51fd\u6570",description:"\u6e32\u67d3\u51fd\u6570",code:'const { default: ButtonGroup } = _ButtonGroup;\nconst { default: ConfirmButton } = _ConfirmButton;\nconst { Button, Space } = antd;\nconst { useState, useEffect } = React;\n\nconst LoadChildren = ({ children }) => {\n  const [loading, setLoading] = useState(true);\n  useEffect(() => {\n    setTimeout(() => {\n      setLoading(false);\n    }, 1000);\n  }, []);\n  if (loading) {\n    return null;\n  }\n  return children({\n    onClick: () => {\n      console.log("\u52a0\u8f7d\u5b8c\u6210");\n    },\n  });\n};\nconst BaseExample = () => {\n  const [width, setWidth] = useState(200);\n  return (\n    <Space>\n      <div style={{ width: `${width}px` }}>\n        <ButtonGroup\n          list={[\n            (props) => {\n              return (\n                <Button {...props} type="primary">\n                  \u64cd\u4f5c1\n                </Button>\n              );\n            },\n            (props) => {\n              return <Button {...props}>\u64cd\u4f5c2</Button>;\n            },\n            (props) => {\n              return <Button {...props}>\u64cd\u4f5c3</Button>;\n            },\n            (props) => {\n              return (\n                <LoadChildren key={props.key}>\n                  {({ onClick }) => {\n                    return (\n                      <ConfirmButton\n                        {...props}\n                        isModal={props.isDropdown}\n                        message="\u786e\u5b9a\u8981\u6267\u884c\u64cd\u4f5c\u5417\uff1f"\n                        onClick={onClick}\n                      >\n                        \u64cd\u4f5c4\n                      </ConfirmButton>\n                    );\n                  }}\n                </LoadChildren>\n              );\n            },\n          ]}\n        />\n      </div>\n      <Space>\n        <Button\n          onClick={() => {\n            setWidth((width) => {\n              return width + 20;\n            });\n          }}\n        >\n          \u589e\u52a0\u5bb9\u5668\u5bbd\u5ea6\n        </Button>\n        <Button\n          onClick={() => {\n            setWidth((width) => {\n              return width - 20;\n            });\n          }}\n        >\n          \u51cf\u5c11\u5bb9\u5668\u5bbd\u5ea6\n        </Button>\n      </Space>\n    </Space>\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_ButtonGroup",packageName:"@components/ButtonGroup",component:a},{name:"_ConfirmButton",packageName:"@components/ConfirmButton",component:t(58407)},{name:"antd",packageName:"antd",component:l}]}]}}},62902:(n,e,t)=>{"use strict";t.d(e,{A:()=>s});var a=t(36),l=t(55199),o=t(87558),r=t(21079);const s={name:"Common",summary:"<p>\u4e3a\u7ec4\u4ef6\u5e93\u63d0\u4f9b\u901a\u7528\u7684\u7ec4\u4ef6\u3001\u65b9\u6cd5\u3001hooks</p>\n<h3>\u7ec4\u4ef6</h3>\n<ol>\n<li>FetchButton Button\u89e6\u53d1\u52a0\u8f7d\u6570\u636e</li>\n<li>ScrollLoader \u4e0b\u62c9\u6eda\u52a8\u52a0\u8f7d\u7ec4\u4ef6</li>\n<li>SearchInput \u63d0\u4f9b\u9632\u6296\u7684\u67e5\u8be2\u8f93\u5165\u6846</li>\n<li>SimpleBarBox</li>\n</ol>\n<h3>\u65b9\u6cd5</h3>\n<ol>\n<li>changeMoneyToChinese \u5c06\u91d1\u989d\u8f6c\u5316\u4e3a\u5927\u5199\u7684\u4eba\u6c11\u5e01\u91d1\u989d</li>\n<li>getPopupContainer</li>\n<li>getScrollEl</li>\n<li>getContainerBody</li>\n</ol>\n<h3>hooks</h3>\n<ol>\n<li>withOSSFile</li>\n</ol>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n</table>",example:{isFull:!1,className:"Common_d13bc",style:".Common_d13bc .scroll-list {\n  max-height: 300px;\n}",list:[{title:"FetchButton",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const Common = _Common;\n\nconst { FetchButton } = Common;\n\nconst BaseExample = () => {\n  return (\n    <FetchButton\n      api={{\n        loader: () => {\n          return [\n            { label: "1", content: "11" },\n            { label: "2", content: "22" },\n          ];\n        },\n      }}\n      modalProps={({ data }) => {\n        console.log(data);\n        alert(JSON.stringify(data));\n        return {\n          children: (\n            <div>\n              <div>\u6211\u662f\u4e00\u4e2a\u5f39\u7a97</div>\n              <div>{data[0].label}</div>\n              <div>{data[0].content}</div>\n              <div>{data[1].label}</div>\n              <div>{data[1].content}</div>\n            </div>\n          ),\n        };\n      }}\n      modalFunc={() => {}}\n    >\n      FetchButton\n    </FetchButton>\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Common",packageName:"@components/Common",component:a}]},{title:"Enum",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const Common = _Common;\nconst { Space } = _antd;\n\nconst { AddressEnum, FunctionEnum, IndustryEnum } = Common;\n\nconst BaseExample = () => {\n  return (\n    <Space direction={"vertical"}>\n      <AddressEnum name={"010"} />\n      <FunctionEnum name={"010"} />\n      <IndustryEnum name={"010"} />\n    </Space>\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Common",packageName:"@components/Common",component:a},{name:"_antd",packageName:"antd",component:l}]},{title:"ScrollLoader",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { get, merge, range } = lodash;\nconst Common = _Common;\nconst { default: Fetch } = _reactFetch;\n\nconst { ScrollLoader } = Common;\n\nconst BaseExample = () => {\n  console.log(Fetch, _reactFetch);\n  return (\n    <Fetch\n      loader={({ data }) => {\n        const params = Object.assign(\n          {\n            perPage: 20,\n            currentPage: 1,\n          },\n          data\n        );\n        return new Promise((resolve) => {\n          const start = (params.currentPage - 1) * params.perPage;\n          setTimeout(() => {\n            resolve({\n              totalCount: 100,\n              pageData: range(start, start + params.perPage).map((key) => {\n                return {\n                  label: `\u7b2c${key + 1}\u9879`,\n                  value: key + 1,\n                };\n              }),\n            });\n          }, 500);\n        });\n      }}\n      render={(fetchApi) => {\n        const pagination = {\n          paramsType: "data",\n          current: "currentPage",\n          pageSize: "perPage",\n          defaultPageSize: 20,\n        };\n        const current = get(\n            fetchApi.requestParams,\n            [pagination.paramsType, pagination.current],\n            1\n          ),\n          pageSize =\n            get(fetchApi.requestParams, [\n              pagination.paramsType,\n              pagination.pageSize,\n            ]) || pagination.defaultPageSize;\n\n        const formatData = {\n          list: fetchApi.data.pageData,\n          total: fetchApi.data.totalCount,\n        };\n        return (\n          <ScrollLoader\n            completeTips=""\n            className="scroll-list"\n            isLoading={!fetchApi.isComplete}\n            noMore={!formatData.total || current * pageSize >= formatData.total}\n            onLoader={async () => {\n              await fetchApi.loadMore(\n                merge({\n                  data: {\n                    [pagination.pageSize]: pageSize,\n                    [pagination.current]: current + 1,\n                  },\n                }),\n                (data, newData) => {\n                  return Object.assign({}, newData, {\n                    pageData: data.pageData.concat(newData.pageData),\n                  });\n                }\n              );\n            }}\n          >\n            {formatData.list.map((item) => {\n              return <div>{item.label}</div>;\n            })}\n          </ScrollLoader>\n        );\n      }}\n    />\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Common",packageName:"@components/Common",component:a},{name:"_reactFetch",packageName:"@kne/react-fetch",component:o},{name:"lodash",packageName:"lodash",component:r}]},{title:"SearchInput",description:"\u641c\u7d22\u6846",code:'const Common = _Common;\n\nconst { SearchInput } = Common;\nconst { useState } = React;\n\nconst BaseExample = () => {\n  const [value, setValue] = useState("");\n  return (\n    <SearchInput\n      value={value}\n      onSearch={(value) => {\n        setValue(value);\n        console.log(value);\n      }}\n    />\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Common",packageName:"@components/Common",component:a}]},{title:"AdvancedSelect",description:"\u9ad8\u7ea7\u9009\u62e9",code:'const { UserField } = _Common;\nconst { Space } = antd;\n\nconst BaseExample = () => {\n  return (\n    <Space>\n      <UserField\n        defaultValue={[1]}\n        getSearchProps={(text) => {\n          return {\n            data: { keyword: text },\n          };\n        }}\n        allowSelectAll\n        showSelectedCount\n        countUnit="\u4eba"\n        allLabel="\u6240\u6709\u4eba"\n        showSelectedTag={false}\n        api={{\n          loader: () => {\n            return {\n              pageData: [\n                {\n                  label: "\u7528\u6237\u4e00",\n                  value: 1,\n                  description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n                },\n                {\n                  label: "\u7528\u6237\u4e8c",\n                  value: 2,\n                  description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n                },\n                {\n                  label: "\u7528\u6237\u4e09",\n                  value: 3,\n                  description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n                },\n              ],\n            };\n          },\n        }}\n        onChange={(value) => {\n          console.log(value);\n        }}\n      />\n    </Space>\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Common",packageName:"@components/Common",component:a},{name:"antd",packageName:"antd",component:l}]}]}}},77091:(n,e,t)=>{"use strict";t.d(e,{A:()=>o});var a=t(58407),l=t(55199);const o={name:"ConfirmButton",summary:"<h3>\u4f55\u65f6\u4f7f\u7528</h3>\n<p>\u6267\u884c\u64cd\u4f5c\u524d\u786e\u8ba4\u540e\u518d\u6267\u884c</p>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>message</td>\n<td>\u5220\u9664\u63d0\u793a</td>\n<td>jsx</td>\n<td>\u786e\u5b9a\u8981\u5220\u9664\u5417\uff1f</td>\n</tr>\n<tr>\n<td>title</td>\n<td>\u5220\u9664\u63d0\u793a\u6807\u9898</td>\n<td>jsx</td>\n<td>-</td>\n</tr>\n<tr>\n<td>isDelete</td>\n<td>\u662f\u5426\u4e3a\u5220\u9664\u64cd\u4f5c</td>\n<td>boolean</td>\n<td>true</td>\n</tr>\n<tr>\n<td>onClick</td>\n<td>\u70b9\u51fb\u786e\u8ba4\u540e\u6267\u884c\u7684\u4e8b\u4ef6</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>onCancel</td>\n<td>\u70b9\u51fb\u53d6\u6d88\u540e\u6267\u884c\u7684\u4e8b\u4ef6</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>disabled</td>\n<td>\u6309\u94ae\u662f\u5426\u7981\u7528</td>\n<td>boolean</td>\n<td>-</td>\n</tr>\n<tr>\n<td>showCancel</td>\n<td>\u662f\u5426\u663e\u793a\u53d6\u6d88\u6309\u94ae</td>\n<td>boolean</td>\n<td>-</td>\n</tr>\n<tr>\n<td>cancelText</td>\n<td>\u53d6\u6d88\u6309\u94ae\u6587\u6848</td>\n<td>string</td>\n<td>\u53d6\u6d88</td>\n</tr>\n<tr>\n<td>okText</td>\n<td>\u786e\u8ba4\u6309\u94ae\u6587\u6848</td>\n<td>string</td>\n<td>\u786e\u8ba4</td>\n</tr>\n<tr>\n<td>isModal</td>\n<td>\u662f\u5426\u4ee5\u5f39\u7a97\u65b9\u5f0f\u5c55\u793a\uff0c\u9ed8\u8ba4\u4e3aPopconfirm</td>\n<td>boolean</td>\n<td>false</td>\n</tr>\n<tr>\n<td>placement</td>\n<td>\u5f53isModal\u4e3afalse\u65f6\u751f\u6548\uff0c\u6307\u5b9aPopconfirm\u7684\u5f39\u51fa\u65b9\u5411</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>getContainer</td>\n<td>\u6307\u5b9aPopconfirm\u6216Modal\u5f39\u51fa\u4f4d\u7f6e\uff0c\u4e00\u822c\u4e0d\u9700\u8981\u6307\u5b9a</td>\n<td>function</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>ConfirmLink</h3>\n<p>\u53e6\u5916\u7684\u4e00\u79cd\u6309\u94ae\u5f62\u5f0f\u53c2\u6570\u540cConfirmButton</p>\n<h3>withConfirm</h3>\n<p>\u9ad8\u9636\u7ec4\u4ef6\u53ef\u4ee5\u81ea\u5b9a\u4e49\u6309\u94ae</p>",example:{isFull:!1,className:"ConfirmButton_5f815",style:"",list:[{title:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u6807\u9898",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { default: ConfirmButton, ConfirmLink } = _ConfirmButton;\nconst { Space } = antd;\nconst { PureGlobal } = global;\nconst BaseExample = () => {\n  return (\n    <Space direction={"vertical"}>\n      <Space>\n        <ConfirmButton\n          isDelete={false}\n          message="\u786e\u5b9a\u8981\u5220\u9664\u5417"\n          onClick={() => {\n            console.log("\u6267\u884c\u5220\u9664");\n          }}\n        >\n          \u975e\u8b66\u544a-\u6c14\u6ce1-\u6b63\u6587\n        </ConfirmButton>\n        <ConfirmButton\n          onClick={() => {\n            console.log("\u6267\u884c\u5220\u9664");\n          }}\n        >\n          \u8b66\u544a-\u6c14\u6ce1-\u6b63\u6587\n        </ConfirmButton>\n      </Space>\n      <Space>\n        <ConfirmButton\n          title="\u786e\u5b9a\u8981\u5220\u9664\u5417\uff1f"\n          isDelete={false}\n          message="\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664"\n          onClick={() => {\n            console.log("\u6267\u884c\u5220\u9664");\n          }}\n        >\n          \u975e\u8b66\u544a-\u6c14\u6ce1-\u6807\u9898\u6b63\u6587\n        </ConfirmButton>\n        <ConfirmButton\n          title="\u786e\u5b9a\u8981\u5220\u9664\u5417\uff1f"\n          message="\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664"\n          onClick={() => {\n            console.log("\u6267\u884c\u5220\u9664");\n          }}\n        >\n          \u8b66\u544a-\u6c14\u6ce1-\u6807\u9898\u6b63\u6587\n        </ConfirmButton>\n      </Space>\n      <Space>\n        <ConfirmButton\n          isModal\n          isDelete={false}\n          message="\u786e\u5b9a\u63d0\u4ea4XX\u5417\uff1f"\n          onClick={() => {\n            console.log("\u6267\u884c\u5220\u9664");\n          }}\n        >\n          \u975e\u8b66\u544a-modal-\u6b63\u6587\n        </ConfirmButton>\n        <ConfirmButton\n          isModal\n          onClick={() => {\n            console.log("\u6267\u884c\u5220\u9664");\n          }}\n        >\n          \u8b66\u544a-modal-\u6b63\u6587\n        </ConfirmButton>\n      </Space>\n      <Space>\n        <ConfirmButton\n          isModal\n          title="\u786e\u5b9a\u63d0\u4ea4XX\u5417\uff1f"\n          isDelete={false}\n          message="\u8fd9\u91cc\u663e\u793a\u8be6\u60c5\u8bf4\u660e\u8fd9\u91cc\u663e\u793a\u8be6\u60c5\u8bf4\u660e\u8fd9\u91cc\u663e\u793a\u8be6\u60c5\u8bf4\u660e\u8fd9\u91cc\u663e\u793a\u8be6\u60c5\u8bf4\u660e\u8fd9\u91cc\u663e\u793a\u8be6\u60c5\u8bf4\u660e"\n          onClick={() => {\n            console.log("\u6267\u884c\u5220\u9664");\n          }}\n        >\n          \u975e\u8b66\u544a-modal-\u6807\u9898\u6b63\u6587\n        </ConfirmButton>\n        <ConfirmButton\n          isModal\n          title="\u786e\u5b9a\u8981\u5220\u9664\u5417\uff1f"\n          message="\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664"\n          onClick={() => {\n            console.log("\u6267\u884c\u5220\u9664");\n          }}\n        >\n          \u6709title\u7684Modal\u786e\u8ba4\u5220\u9664\n        </ConfirmButton>\n      </Space>\n      <ConfirmLink\n        onClick={() => {\n          console.log("\u6267\u884c\u5220\u9664");\n        }}\n      >\n        Link-\u8b66\u544a-\u6c14\u6ce1-\u6b63\u6587\n      </ConfirmLink>\n    </Space>\n  );\n};\n\nrender(\n  <PureGlobal>\n    <BaseExample />\n  </PureGlobal>\n);\n\n',scope:[{name:"_ConfirmButton",packageName:"@components/ConfirmButton",component:a},{name:"antd",packageName:"antd",component:l},{name:"global",packageName:"@components/Global",component:t(76329)}]}]}}},25724:(n,e,t)=>{"use strict";t.d(e,{A:()=>l});var a=t(45362);const l={name:"Content",summary:"<h3>\u4f55\u65f6\u4f7f\u7528</h3>\n<p>\u6210\u7ec4\u5c55\u793a\u591a\u4e2a\u5b57\u6bb5\uff0c\u5e38\u89c1\u4e8e\u8be6\u60c5\u9875\u7684\u4fe1\u606f\u5c55\u793a</p>\n<h3>\u7279\u70b9</h3>\n<p>labelAlign\u4e0d\u4e3aauto\u65f6\u4f1a\u81ea\u52a8\u8ba1\u7b97label\u7684\u6700\u5c0f\u5bbd\u5ea6\u4f7f\u6240\u6709label\u7684\u5bbd\u5ea6\u7b49\u4e8e\u6700\u957f\u7684label\u5bbd\u5ea6\u4f7f\u89c6\u89c9\u4e0a\u66f4\u52a0\u6574\u9f50\u6709\u79e9\u5e8f\u611f</p>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>list</td>\n<td>\u5185\u5bb9\uff0c\u4e3a\u4e00\u4e2a\u6570\u7ec4\uff0c\u6570\u7ec4\u91cc\u9762\u6bcf\u4e00\u4e2a\u503c{label,content}</td>\n<td>array</td>\n<td>[]</td>\n</tr>\n<tr>\n<td>labelAlign</td>\n<td>label\u7684\u5bf9\u9f50\u65b9\u5f0f\u53ef\u4ee5\u4f20\u5165\u7684\u503c left,right,center,auto,\u4e3aauto\u65f6label\u4e0d\u8ba1\u7b97\u6700\u5c0f\u5bbd\u5ea6</td>\n<td>string</td>\n<td>left</td>\n</tr>\n<tr>\n<td>col</td>\n<td>\u663e\u793a\u5217\u6570</td>\n<td>number</td>\n<td>1</td>\n</tr>\n<tr>\n<td>gutter</td>\n<td>\u6805\u683c\u95f4\u9694\uff0c\u53ef\u4ee5\u5199\u6210\u50cf\u7d20\u503c\u6216\u652f\u6301\u54cd\u5e94\u5f0f\u7684\u5bf9\u8c61\u5199\u6cd5\u6765\u8bbe\u7f6e\u6c34\u5e73\u95f4\u9694 { xs: 8, sm: 16, md: 24}\u3002\u6216\u8005\u4f7f\u7528\u6570\u7ec4\u5f62\u5f0f\u540c\u65f6\u8bbe\u7f6e [\u6c34\u5e73\u95f4\u8ddd, \u5782\u76f4\u95f4\u8ddd]</td>\n<td>number</td>\n<td>0</td>\n</tr>\n</tbody>\n</table>",example:{isFull:!1,className:"Content_f15c1",style:"",list:[{title:"\u57fa\u672c\u793a\u4f8b",description:"\u5c55\u793a\u4e86\u4e00\u4e2a\u57fa\u672c\u5185\u5bb9",code:"const {default:Content} = _Content;\nconst BaseExample = ()=>{\n    return <Content list={[\n        {label:'\u6807\u9898',content:'\u5185\u5bb9'},\n        {label:'\u6807\u9898\u6807\u9898',content:'\u5185\u5bb9\u5185\u5bb9'},\n        {label:'\u6807\u9898\u6807',content:'\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9'},\n        {label:'\u6807\u9898\u6807\u9898\u6807\u9898',content:'\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9'}\n    ]}/>;\n};\n\nrender(<BaseExample />);\n\n",scope:[{name:"_Content",packageName:"@components/Content",component:a}]},{title:"labelAlign auto",description:"\u5c55\u793a\u4e86\u8bbe\u7f6elabelAlign\u4e3aauto\u7684\u60c5\u51b5",code:"const {default: Content} = _Content;\nconst BaseExample = () => {\n    return <Content labelAlign=\"auto\" list={[\n        {label: '\u6807\u9898', content: '\u5185\u5bb9'},\n        {label: '\u6807\u9898\u6807\u9898', content: '\u5185\u5bb9\u5185\u5bb9'},\n        {label: '\u6807\u9898\u6807', content: '\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9'},\n        {\n            label: '\u6807\u9898\u6807\u9898\u6807\u9898',\n            content: '\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9'\n        }\n    ]}/>;\n};\n\nrender(<BaseExample/>);\n\n",scope:[{name:"_Content",packageName:"@components/Content",component:a}]},{title:"\u591a\u5217",description:"\u5c55\u793a\u4e86\u4e24\u5217\u7684\u60c5\u51b5",code:"const {default: Content} = _Content;\nconst BaseExample = () => {\n    return <Content col={2} labelAlign=\"auto\" list={[\n        {label: '\u6807\u9898', content: '\u5185\u5bb9'},\n        {label: '\u6807\u9898\u6807\u9898', content: '\u5185\u5bb9\u5185\u5bb9'},\n        {label: '\u6807\u9898\u6807', content: '\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9'},\n        {\n            label: '\u6807\u9898\u6807\u9898\u6807\u9898',\n            content: '\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9'\n        }\n    ]}/>;\n};\n\nrender(<BaseExample/>);\n\n",scope:[{name:"_Content",packageName:"@components/Content",component:a}]}]}}},43728:(n,e,t)=>{"use strict";t.d(e,{A:()=>a});const a={name:"Descriptions",summary:"<h3>\u4f55\u65f6\u4f7f\u7528</h3>\n<p>\u5e38\u89c1\u4e8e\u8be6\u60c5\u9875\u7684\u4fe1\u606f\u5c55\u793a</p>\n<h3>\u7279\u70b9</h3>\n<ul>\n<li>\u6700\u591a\u652f\u6301\u4e24\u5217\u6570\u636e\u5c55\u793a\uff0c\u591a\u4f59\u7684\u5217\u5c06\u4e0d\u5c55\u793a</li>\n<li>\u652f\u6301Features\u63a7\u5236\u5217\u5185\u5bb9\u5f00\u542f\u548c\u5173\u95ed</li>\n</ul>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>dataSource</td>\n<td>\u8be6\u60c5\u6570\u636e\u6e90\uff0c\u5185\u90e8\u6bcf\u4e2a\u6570\u7ec4\u4e3a\u4e00\u884c\u6570\u636e\uff0c\u6bcf\u884c\u6570\u636e\u4e2d\u6bcf\u4e2a\u5bf9\u8c61\u4e3a\u4e00\u5217\u6570\u636e\uff0c\u6bcf\u884c\u6700\u591a\u5305\u542b2\u5217\u5185\u5bb9\uff0c\u591a\u4f59\u7684\u4f1a\u88ab\u4e22\u5f03</td>\n<td>array[[{display,label,content,featureId}]]</td>\n<td>-</td>\n</tr>\n<tr>\n<td>dataSource[[{display}]]</td>\n<td>\u6570\u636e\u662f\u5426\u5c55\u793a,\u5f53\u4e3afunction\u65f6\u53ef\u4ee5\u63a5\u6536\u5230(item,dataSource)\u53c2\u6570\uff0citem\u4e3a\u5f53\u524d\u9879\u914d\u7f6e\uff0cdataSource\u4e3a\u6574\u4e2a\u7ec4\u4ef6\u7684dataSource\u914d\u7f6e</td>\n<td>boolean,function</td>\n<td>true</td>\n</tr>\n<tr>\n<td>dataSource[[{label}]]</td>\n<td>\u6570\u636e\u5c55\u793a\u7684label</td>\n<td>jsx</td>\n<td>-</td>\n</tr>\n<tr>\n<td>dataSource[[{content}]]</td>\n<td>\u6570\u636e\u5c55\u793a\u7684\u5185\u5bb9</td>\n<td>jsx</td>\n<td>-</td>\n</tr>\n<tr>\n<td>dataSource[[{featureId}]]</td>\n<td>Features\u63a7\u5236\u7684id\uff0c\u53c2\u8003Features\u7ec4\u4ef6\u7684id\u53c2\u6570</td>\n<td>string</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>",example:{isFull:!1,className:"Descriptions_8bc84",style:"",list:[{title:"\u5c55\u793a\u4e00\u4e2a\u4fe1\u606f\u8be6\u60c5",description:"\u5c55\u793a\u4e00\u4e2a\u4fe1\u606f\u8be6\u60c5",code:'const { default: Descriptions } = _Descriptions;\nconst BaseExample = () => {\n  return (\n    <Descriptions\n      dataSource={[\n        [\n          { label: "\u5ba2\u6237\u540d\u79f0", content: "\u817e\u8baf" },\n          {\n            label: "\u53d1\u7968\u62ac\u5934",\n            content: "\u817e\u8baf\u79d1\u6280\u516c\u53f8",\n          },\n        ],\n        [\n          { label: "\u53d1\u7968\u7c7b\u578b", content: "\u589e\u503c\u7a0e\u4e13\u7528\u53d1\u7968" },\n          {\n            label: "\u53d1\u7968\u5f00\u5177\u65e5\u671f",\n            content: "2022-08-15",\n          },\n        ],\n        [{ label: "\u9000\u7968\u91d1\u989d", content: "22000.00\u5143" }],\n        [\n          {\n            label: "\u53d1\u7968\u53f7",\n            content: (\n              <div>\n                <div>00384895992774</div>\n                <div>00384895992774</div>\n                <div>00384895992774</div>\n                <div>00384895992774</div>\n              </div>\n            ),\n          },\n        ],\n        [\n          { label: "\u662f\u5426\u9700\u8981\u91cd\u5f00\u53d1\u7968", content: "\u5426" },\n          {\n            label: "\u662f\u5426\u6d89\u53ca\u91d1\u878d\u53d8\u52a8",\n            content: "\u5426",\n          },\n        ],\n        [\n          { label: "\u662f\u5426\u9020\u6210\u5b9e\u8d28\u635f\u5931", content: "\u5426" },\n          { label: "\u8d23\u4efb\u5f52\u5c5e", content: "\u5ba2\u6237\u539f\u56e0" },\n        ],\n        [\n          {\n            label: "\u9000\u7968\u539f\u56e0",\n            content: "\u9000\u7968\u539f\u56e0\u7684\u63cf\u8ff0\u9000\u7968\u539f\u56e0\u7684\u63cf\u8ff0\u9000\u7968\u539f\u56e0\u7684\u63cf",\n          },\n        ],\n        [{ label: "\u9644\u4ef6", content: "\u9644\u4ef6\u540d\u79f0" }],\n        [\n          { label: "\u64cd\u4f5c\u65f6\u95f4", content: "2022-08-01 16:32" },\n          {\n            label: "\u64cd\u4f5c\u4eba",\n            content: "\u897f\u897f\u6b6a",\n          },\n        ],\n        [\n          {\n            label: "\u8d85\u957f\u5185\u5bb9",\n            content:\n              "\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9",\n          },\n          {\n            label: "\u8d85\u957f\u82f1\u6587",\n            content:\n              "aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa",\n          },\n        ],\n      ]}\n    />\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Descriptions",packageName:"@components/Descriptions",component:t(90580)}]}]}}},56026:(n,e,t)=>{"use strict";t.d(e,{A:()=>i});var a=t(25963),l=t(76329),o=t(45362),r=t(55199),s=t(21079);const i={name:"Drawer",summary:"<p>\u5c4f\u5e55\u8fb9\u7f18\u6ed1\u51fa\u7684\u6d6e\u5c42\u9762\u677f</p>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>footer</td>\n<td>\u5f39\u7a97\u7684footer\uff0c\u5f53\u5176\u88ab\u663e\u5f0f\u8bbe\u7f6e\u6210null\u4e14footerButtons\u6ca1\u6709\u8bbe\u7f6e\u8fc7\u65f6\u5f39\u7a97\u4e0d\u663e\u793afooter\u3002\u5f53\u5b83\u7c7b\u578b\u4e3afunction\u65f6\u53ef\u4ee5\u5f97\u5230close\u65b9\u6cd5\u548cwithDecorator\u8bbe\u7f6e\u7684props</td>\n<td>jsx,function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>footerButtons</td>\n<td>\u5f39\u7a97footer\u7684\u6309\u94ae\u533a\uff0c\u9ed8\u8ba4\u4e3a\u786e\u8ba4\u548c\u53d6\u6d88\u6309\u94ae\uff0c\u9ed8\u8ba4\u6309\u94ae\u5206\u522b\u54cd\u5e94onConfirm\u548conCancel\u65b9\u6cd5\uff0c\u5982\u679c\u81ea\u5b9a\u4e49\u8bbe\u7f6efooterButtons\u5219\u9700\u8981\u81ea\u884c\u4f20\u5165onClick\u53c2\u6570\uff0conConfirm\u548conCancel\u65b9\u6cd5\u5c06\u4e0d\u751f\u6548</td>\n<td>array</td>\n<td>-</td>\n</tr>\n<tr>\n<td>onClose</td>\n<td>\u5f39\u7a97\u5173\u95ed\u65f6\u8c03\u7528\uff0c\u5f39\u7a97\u53d7\u63a7\u65f6\u7531\u8be5\u65b9\u6cd5\u5c06\u5916\u90e8open\u72b6\u6001\u4fee\u6539</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>onConfirm</td>\n<td>\u5f53footerButtons\u672a\u81ea\u5b9a\u4e49\u8bbe\u7f6e\u65f6\u70b9\u51fb\u786e\u8ba4\u6309\u94ae\u89e6\u53d1\u6267\u884c\u8be5\u65b9\u6cd5\uff0c\u5f53\u5176\u8fd4\u56dePromise\u70b9\u51fb\u540ePromise\uff0cresolve\u4e4b\u524d\u786e\u8ba4\u6309\u94ae\u663e\u793a\u4e3aloading\u72b6\u6001\uff0c\u8fd4\u56de\u503c\u4e3afalse\u6216\u8005Promise\u7684resolve\u503c\u4e3afalse\u65f6\u5f39\u7a97\u4e0d\u4f1a\u88ab\u5173\u95ed\uff0c\u5176\u4ed6\u60c5\u51b5\u5f39\u7a97\u9ed8\u8ba4\u5173\u95ed</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>onCancel</td>\n<td>\u548conConfirm\u7c7b\u4f3c\uff0c\u5176\u4e3a\u70b9\u51fb\u53d6\u6d88\u6309\u94ae\u89e6\u53d1</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>children</td>\n<td>\u5f39\u7a97\u5185\u5bb9\uff0c\u53ef\u4ee5\u4e3ajsx\u6216\u8005function\uff0c\u4e3afunction\u65f6\u53ef\u4ee5\u63a5\u6536\u5230close\u548cwithDecorator\u8bbe\u7f6e\u7684props</td>\n<td>jsx,function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>withDecorator</td>\n<td>\u5f39\u7a97\u4fee\u9970\u5668\uff0c\u4f1a\u63a5\u6536\u5230\u5f39\u7a97children\u7684render\u65b9\u6cd5\uff0c\u53ef\u4ee5\u5728\u5176\u5916\u90e8\u6dfb\u52a0\u4fee\u9970\u5185\u5bb9\u540e\u6267\u884crender\u65b9\u6cd5\uff0c\u7ed9render\u65b9\u6cd5\u4f20\u5165\u7684\u503c\u53ef\u4ee5\u5728children,footer,rightOptions\u7c7b\u578b\u4e3afunction\u65f6\u63a5\u6536\u5230\u5bf9\u5e94\u7684\u53c2\u6570</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>maskClosable</td>\n<td>\u70b9\u51fb\u8499\u5c42\u662f\u5426\u5141\u8bb8\u5173\u95ed</td>\n<td>boolean</td>\n<td>false</td>\n</tr>\n</tbody>\n</table>\n<p>\u5176\u4ed6\u53c2\u6570\u53c2\u8003antd Drawer\u7ec4\u4ef6</p>\n<h3>AppDrawer</h3>\n<p>\u5168\u5c40\u62bd\u5c49\u5305\u88f9\u7ec4\u4ef6\uff0c\u63d0\u4f9b\u6d88\u8d39\u4e0a\u4e0b\u6587\u7684\u9ed8\u8ba4\u73af\u5883\uff0c\u63d0\u4f9b\u53ef\u6d88\u8d39 React context \u7684 drawer \u7684\u9759\u6001\u65b9\u6cd5\uff0c\u53ef\u4ee5\u7b80\u5316 useDrawer \u7b49\u65b9\u6cd5\u9700\u8981\u624b\u52a8\u690d\u5165 contextHolder \u7684\u95ee\u9898\u3002</p>\n<h3>useDrawer</h3>\n<p>\u83b7\u53d6\u4e00\u4e2a\u6267\u884c\u540e\u53ef\u4ee5\u5f39\u51fa\u4e00\u4e2aDrawer\u7ec4\u4ef6\u7684\u65b9\u6cd5,\u524d\u7f6e\u6761\u4ef6\u662f\u9700\u8981\u518d\u5168\u5c40\u6ce8\u5165AppDrawer\u5305\u88f9\u7ec4\u4ef6</p>\n<h4>return:drawer</h4>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>drawer</td>\n<td>\u6267\u884c\u540e\u53ef\u4ee5\u5f39\u51fa\u4e00\u4e2aDrawer\u5f39\u7a97\uff0c\u53c2\u6570\u540cDrawer\u7ec4\u4ef6\u53c2\u6570</td>\n<td>function</td>\n</tr>\n</tbody>\n</table>\n<h3>DrawerButton</h3>\n<p>\u70b9\u51fb\u4ee5\u540e\u53ef\u4ee5\u6267\u884c\u83b7\u53d6\u6570\u636e\uff0c\u5728\u6570\u636e\u672a\u8fd4\u56de\u65f6\u6309\u94ae\u5c55\u793a\u4e3aloading\u72b6\u6001\uff0c\u6570\u636e\u8fd4\u56de\u540e\u5f39\u51faDrawer\u5f39\u7a97</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>api</td>\n<td>@kne/react-fetch \u6240\u9700\u53c2\u6570</td>\n<td>object</td>\n<td>-</td>\n</tr>\n<tr>\n<td>drawerProps</td>\n<td>\u540cDrawer\u53c2\u6570,\u5f53\u5b83\u4e3afunction\u65f6\uff0c\u6267\u884cfunction\u540e\u8fd4\u56de\u7684\u503c\u4f5c\u4e3adrawerProps</td>\n<td>object,function({data,fetchApi,close})</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<p>\u5176\u4ed6\u53c2\u6570\u540cantd Button \u7ec4\u4ef6</p>",example:{isFull:!1,className:"Drawer_9b1ed",style:"",list:[{title:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u6807\u9898",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { default: Drawer, useDrawer, DrawerButton } = _Drawer;\nconst { Button, Space } = antd;\nconst { range } = lodash;\nconst { useRef, useState } = React;\nconst { PureGlobal } = global;\nconst { default: Content } = _Content;\n\nconst api = {\n  loader: () => {\n    return new Promise((resolve) => {\n      setTimeout(() => {\n        resolve([\n          {\n            label: "\u5185\u5bb91",\n            content:\n              "\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91",\n          },\n          {\n            label: "\u5185\u5bb92",\n            content:\n              "\u5185\u5bb92\u5185\u5bb92\u5185\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92",\n          },\n          { label: "\u5185\u5bb91", content: "\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91" },\n          {\n            label: "\u5185\u5bb92",\n            content: "\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92",\n          },\n          { label: "\u5185\u5bb91", content: "\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91" },\n          {\n            label: "\u5185\u5bb92",\n            content: "\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92",\n          },\n          { label: "\u5185\u5bb91", content: "\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91" },\n          {\n            label: "\u5185\u5bb92",\n            content: "\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92",\n          },\n          { label: "\u5185\u5bb91", content: "\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91" },\n          {\n            label: "\u5185\u5bb92",\n            content: "\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92",\n          },\n          { label: "\u5185\u5bb91", content: "\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91" },\n          {\n            label: "\u5185\u5bb92",\n            content: "\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92",\n          },\n        ]);\n      }, 1000);\n    });\n  },\n};\n\nconst BaseExample = () => {\n  const drawer = useDrawer();\n  const [open, setOpen] = useState(false);\n  return (\n    <Space>\n      <Button\n        onClick={() => {\n          setOpen(true);\n        }}\n      >\n        open \u7ec4\u4ef6\u6253\u5f00\n      </Button>\n      <Button\n        onClick={() => {\n          drawer({\n            title: "\u6807\u9898",\n            children: "\u6253\u5f00\u4e86\u4e00\u4e2a\u62bd\u5c49",\n          });\n        }}\n      >\n        hook \u6253\u5f00\n      </Button>\n      <DrawerButton\n        api={api}\n        modalProps={({ data }) => {\n          return {\n            title: "\u52a0\u8f7d\u6570\u636e\u7684\u5f39\u7a97",\n            children: <Content list={data} col={1} />,\n          };\n        }}\n      >\n        \u6309\u94ae\u70b9\u51fb\u52a0\u8f7d\u6570\u636e\n      </DrawerButton>\n      <Drawer title="Basic Drawer" onClose={() => setOpen(false)} open={open}>\n        <p>Some contents...</p>\n        <p>Some contents...</p>\n        <p>Some contents...</p>\n      </Drawer>\n    </Space>\n  );\n};\n\nrender(\n  <PureGlobal>\n    <BaseExample />\n  </PureGlobal>\n);\n\n',scope:[{name:"_Drawer",packageName:"@components/Drawer",component:a},{name:"global",packageName:"@components/Global",component:l},{name:"_Content",packageName:"@components/Content",component:o},{name:"antd",packageName:"antd",component:r},{name:"lodash",packageName:"lodash",component:s}]}]}}},73650:(n,e,t)=>{"use strict";t.d(e,{A:()=>o});var a=t(48731),l=t(55199);const o={name:"Enum",summary:"",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n</table>",example:{isFull:!1,className:"Enum_cf204",style:"",list:[{title:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u6807\u9898",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { default: Enum } = _Enum;\nconst { PureGlobal } = global;\nconst { Space, Select } = antd;\nconst BaseExample = () => {\n  return (\n    <PureGlobal\n      preset={{\n        locale: "zh-CN",\n        enums: {\n          testEnums: async ({ locale }) => {\n            console.log(locale);\n            return new Promise((resolve) => {\n              setTimeout(() => {\n                resolve([\n                  { value: "1", description: "\u7b2c\u4e00\u9879" },\n                  { value: "2", description: "\u7b2c\u4e8c\u9879" },\n                  {\n                    value: "3",\n                    description: "\u7b2c\u4e09\u9879",\n                  },\n                ]);\n              }, 1000);\n            });\n          },\n        },\n      }}\n    >\n      <Space>\n        <Enum moduleName="gender" name="M">\n          {(data) => data.description}\n        </Enum>\n        <Enum moduleName="testEnums" name="1">\n          {(data) => data.description}\n        </Enum>\n        <Enum moduleName="testEnums" name="2">\n          {(data) => data.description}\n        </Enum>\n        <Enum moduleName="testEnums">\n          {(list) => {\n            return (\n              <Select\n                placeholder="\u8bf7\u9009\u62e9"\n                options={list.map((item) => ({\n                  value: item.value,\n                  label: item.description,\n                }))}\n              />\n            );\n          }}\n        </Enum>\n      </Space>\n    </PureGlobal>\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Enum",packageName:"@components/Enum",component:a},{name:"antd",packageName:"antd",component:l},{name:"global",packageName:"@components/Global",component:t(76329)}]}]}}},17540:(n,e,t)=>{"use strict";t.d(e,{A:()=>i});var a=t(63361),l=t(76329),o=t(51516),r=t(94679),s=t(55199);const i={name:"Features",summary:"<h3>\u4f55\u65f6\u4f7f\u7528</h3>\n<p>\u5728\u7cfb\u7edf\u4e2d\u9700\u8981\u901a\u8fc7\u4e00\u4e9b\u6761\u4ef6\uff0c\u7cfb\u7edf\u6027\u5730\u8ba9\u6574\u4e2a\u7cfb\u7edf\u7684\u67d0\u4e9b\u529f\u80fd\u5c4f\u853d\u6216\u8005\u6709\u53e6\u5916\u7684\u4e00\u4e9b\u5c55\u73b0\u65b9\u5f0f\uff0c\u53ef\u4ee5\u7528\u8be5\u7ec4\u4ef6\u6765\u5b9e\u73b0</p>\n<h3>\u7279\u70b9</h3>\n<ul>\n<li>\u5168\u5c40\u6027\u914d\u7f6e\uff0c\u4e00\u6b21\u6027\u58f0\u660e\uff0c\u907f\u514d\u5c06\u5404\u79cd\u5224\u65ad\u8bed\u53e5\u6563\u843d\u5728\u9879\u76ee\u5404\u5904\u9020\u6210\u96be\u4ee5\u7ef4\u62a4</li>\n<li>\u5177\u6709\u7279\u5f81\u5224\u65ad\u548c\u4f9d\u8d56\u6027\u5224\u65ad\uff0c\u5373\u5f53\u7cfb\u7edf\u63cf\u8ff0\u6027\u6587\u4ef6\u4e2d\u542b\u6709\u67d0\u4e2a\u6a21\u5757\u4e14\u542b\u6709\u6240\u6709\u4f9d\u8d56\u9879\u6a21\u5757\u5219\u5224\u65ad\u8be5\u7ec4\u4ef6\u4e3a\u6b63\u5e38\u72b6\u6001\uff0c\u5176\u4ed6\u60c5\u51b5\u4e3a\u5173\u95ed\u72b6\u6001</li>\n<li>\u53ef\u4ee5\u901a\u8fc7\u914d\u7f6e\u6587\u4ef6\u7ed9\u6b63\u5e38\u72b6\u6001\u548c\u5173\u95ed\u72b6\u6001\u7684\u7ec4\u4ef6\u4f20\u9012\u4e0d\u540c\u7684props\u6765\u63a7\u5236\u4e24\u79cd\u72b6\u6001\u4e0b\u7ec4\u4ef6\u7684\u4e0d\u540c\u903b\u8f91</li>\n<li>\u5728\u914d\u7f6e\u6587\u4ef6\u4e2d\uff0c\u7ec4\u4ef6\u7684id\u662f\u7b80\u5199\uff0c\u53ea\u9700\u8981\u4fdd\u8bc1\u540c\u4e00\u5c42\u7ea7\u7684\u7ec4\u4ef6id\u4e0d\u91cd\u590d\u5c31\u53ef\u4ee5\u4e86\uff0c\u5b83\u7684\u771f\u5b9eid\u4f1a\u901a\u8fc7\u5176\u6240\u5728\u7684\u4e0a\u4e0b\u7ea7\u5173\u7cfb\uff0c\u901a\u8fc7\u5192\u53f7\u5c06\u6bcf\u4e00\u5c42\u7684\u7ec4\u4ef6id\u94fe\u63a5\u8d77\u6765\u7ec4\u6210\u5176\u771f\u5b9e\u7684id\uff0c\u4f60\u53ef\u4ee5\u6253\u5f00\u8c03\u8bd5\u6a21\u5f0f\u67e5\u770b\u6bcf\u4e00\u4e2a\u7ec4\u4ef6\u5b9e\u9645\u8fd0\u884c\u65f6\u7684id\u548c\u5224\u65ad\u72b6\u6001</li>\n<li>\u7ec4\u4ef6\u7684type\u53ef\u4ee5\u8bbe\u7f6e\u4e3a\u4e09\u79cd\uff1asystem,module,feature\u3002system\u4e3a\u914d\u7f6e\u6587\u4ef6\u6700\u9876\u7ea7\u7ec4\u4ef6\uff0cmodule\u4e3a\u529f\u80fd\u6a21\u5757\uff0c\u9ed8\u8ba4Layout\u7684Page\u7ec4\u4ef6openFeatures\u4e3atrue\u65f6\u5b83\u7684name\u4f1a\u88ab\u8bbe\u7f6e\u6210module\uff0cfeature\u4e3a\u5177\u4f53\u7684\u529f\u80fd\u9879</li>\n</ul>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>id</td>\n<td>\u6a21\u5757\u6216\u529f\u80fdid\uff0c\u901a\u8fc7Global\u91cc\u9762\u7684preset\u7684features\u914d\u7f6e\u786e\u5b9a\u8be5\u6a21\u5757\u5f00\u542f\u6216\u8005\u5173\u95ed</td>\n<td>string</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<ul>\n<li>features \u53c2\u6570\u8bbe\u7f6e</li>\n</ul>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>debug</td>\n<td>\u662f\u5426\u5f00\u542f\u8c03\u8bd5\u6a21\u5f0f\uff0c\u5f00\u542f\u540e\u63a7\u5236\u53f0\u4f1a\u6253\u5370\u6240\u6709\u6a21\u5757\u7684id\u548c\u5224\u65ad\u7ed3\u679c</td>\n<td>boolean</td>\n<td>false</td>\n</tr>\n<tr>\n<td>profile</td>\n<td>\u6a21\u5757\u914d\u7f6e\u5217\u8868\uff0c\u5177\u4f53\u53c2\u8003\u4e0b\u9762profile\u53c2\u6570\u8bf4\u660e</td>\n<td>object</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<ul>\n<li>profile\u53c2\u6570\u8bf4\u660e</li>\n</ul>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>id</td>\n<td>\u6a21\u5757\u7684\u552f\u4e00\u6807\u8bc6\u7b26\uff0c\u9700\u8981\u4fdd\u8bc1\u5728\u5f53\u524d\u4e00\u7ea7\u4e2d\u4e0d\u91cd\u590d\uff0c\u5b9e\u9645id\u4e3a\u6240\u6709\u7236\u7ea7\u7684id\u7528\u2019:\u2018\u94fe\u63a5\u7684\u5b57\u7b26\u4e32</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>type</td>\n<td>\u53ef\u80fd\u53d6\u503c\u4e3asystem,module,feature\uff0c\u6ce8\u610f\u6700\u5916\u5c42\u7684type\u5fc5\u987b\u4e3asystem</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>name</td>\n<td>\u6a21\u5757\u7684\u4e2d\u6587\u540d\u79f0\uff0c\u4e0d\u53c2\u4e0e\u5224\u65ad\uff0c\u53ea\u6807\u8bc6\u6a21\u5757\u540d\u5e2e\u52a9\u5f00\u53d1\u8005\u8bc6\u522b</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>close</td>\n<td>\u6a21\u5757\u662f\u5426\u5173\u95ed\uff0c\u53ef\u4ee5\u7f3a\u7701\u8be5\u503c\uff0c\u7f3a\u7701\u65f6profile\u91cc\u9762\u5b58\u5728\u67d0id\u7684\u6a21\u5757\u5373\u4e3a\u6a21\u5757\u5f00\u542f\uff0c\u4e0d\u5b58\u5728\u5373\u4e3a\u5173\u95ed\u3002\u5728\u7279\u6b8a\u60c5\u51b5\u4e0b\uff0c\u5728profile\u5b58\u5728\u8be5\u6a21\u5757\u914d\u7f6e\u4f46\u662f\u5e0c\u671b\u5176\u5173\u95ed\u65f6\u53ef\u4ee5\u663e\u793a\u6307\u5b9a\u8be5\u53c2\u6570\u4e3atrue\u6765\u5173\u95ed\u6a21\u5757</td>\n<td>boolean</td>\n<td>false</td>\n</tr>\n<tr>\n<td>dependencies</td>\n<td>\u4f9d\u8d56\u6a21\u5757\u5217\u8868\uff0c\u6bcf\u4e00\u9879\u4e3a\u4e00\u4e2a\u6a21\u5757id\uff08\u8be5id\u5fc5\u987b\u4e3a\u5b8c\u6574\u7684id\u4e32\uff0c\u5373\u5e26\u6709\u6240\u6709\u7236\u7ea7id\u7684\u7528\u2019:\u2018\u94fe\u63a5\u8d77\u6765\u7684\u5b57\u7b26\u4e32\uff09,\u5f53\u6240\u6709id\u7684\u6307\u4ee3\u6a21\u5757\u90fd\u88ab\u5224\u65ad\u5f00\u542f\u65f6\uff0c\u8be5\u6a21\u5757\u88ab\u5224\u65ad\u4e3a\u5f00\u542f</td>\n<td>array[string]</td>\n<td>-</td>\n</tr>\n<tr>\n<td>options</td>\n<td>\u6a21\u5757\u5f00\u542f\u65f6\u83b7\u53d6\u7684\u53c2\u6570</td>\n<td>any</td>\n<td>-</td>\n</tr>\n<tr>\n<td>rejectedOptions</td>\n<td>\u6a21\u5757\u5173\u95ed\u65f6\u83b7\u53d6\u7684\u53c2\u6570</td>\n<td>any</td>\n<td>-</td>\n</tr>\n<tr>\n<td>children</td>\n<td>\u88ab\u63a7\u5236\u7684\u6a21\u5757\uff0c\u4e3afunction\u65f6\u53ef\u4ee5\u63a5\u6536\u5230({isPass,options})\u53c2\u6570 isPass\u4e3a\u6a21\u5757\u662f\u5426\u5f00\u542f\uff0coptions\u5728\u6a21\u5757\u5f00\u542f\u65f6\u4e3aoptions\u53c2\u6570\uff0c\u5728\u6a21\u5757\u5173\u95ed\u65f6\u4e3arejectedOptions\u53c2\u6570\uff0c\u5176\u4e0d\u4e3afunction\u7c7b\u578b\u65f6\u5f53\u6a21\u5757\u5173\u95ed\u5219\u4e0d\u663e\u793achildren\uff0c\u6a21\u5757\u5f00\u542f\u65f6\u6b63\u5e38\u663e\u793achildren</td>\n<td>jsx,function</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>",example:{isFull:!0,className:"Features_98f77",style:"",list:[{title:"\u5c55\u793a\u4e86\u4e00\u4e2a\u7cfb\u7edf\u4e2d\u529f\u80fd\u4e00\u5f00\u542f\u529f\u80fd\u4e8c\u5173\u95ed\u7684\u60c5\u51b5",description:"\u5c55\u793a\u4e86\u4e00\u4e2a\u7cfb\u7edf\u4e2d\u529f\u80fd\u4e00\u5f00\u542f\u529f\u80fd\u4e8c\u5173\u95ed\u7684\u60c5\u51b5",code:'const { default: Features } = _Features;\nconst { default: Layout, PermissionsPage } = layout;\nconst { PureGlobal } = global;\nconst BaseExample = () => {\n  return (\n    <PureGlobal\n      preset={{\n        features: {\n          debug: true,\n          profile: {\n            id: "erc",\n            type: "system",\n            name: "\u4e1a\u52a1\u7cfb\u7edf",\n            children: [\n              {\n                id: "home",\n                type: "module",\n                name: "\u9996\u9875",\n                children: [\n                  {\n                    id: "test",\n                    type: "feature",\n                    name: "\u6d4b\u8bd5\u529f\u80fd",\n                    dependencies: ["erc:client"],\n                  },\n                ],\n              },\n              {\n                id: "position",\n                type: "module",\n                name: "\u804c\u4f4d",\n                children: [\n                  {\n                    id: "position-list",\n                    type: "feature",\n                    options: [],\n                    rejectedOptions: [],\n                  },\n                ],\n              },\n              {\n                id: "client",\n                type: "module",\n                name: "\u5ba2\u6237",\n              },\n            ],\n          },\n        },\n      }}\n    >\n      <Layout navigation={{ isFixed: false }}>\n        <PermissionsPage name="home" openFeatures>\n          <Features id="test">\u529f\u80fd\u6a21\u5757\u4e00</Features>\n          <Features id="test2">\u529f\u80fd\u6a21\u5757\u4e8c</Features>\n        </PermissionsPage>\n      </Layout>\n    </PureGlobal>\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Features",packageName:"@components/Features",component:a},{name:"global",packageName:"@components/Global",component:l},{name:"layout",packageName:"@components/Layout",component:o}]},{title:"\u5c55\u793a\u4e86\u6253\u5f00\u9875\u9762\u7279\u6027\u914d\u7f6e\u5f00\u542f\u548c\u5173\u95ed\u7684\u60c5\u51b5",description:"\u5c55\u793a\u4e86\u6253\u5f00\u9875\u9762\u7279\u6027\u914d\u7f6e\u5f00\u542f\u548c\u5173\u95ed\u7684\u60c5\u51b5",code:'const { default: Features } = _Features;\nconst { default: Layout, PermissionsPage } = layout;\nconst { PureGlobal } = global;\nconst { Route, Routes } = Router;\nconst BaseExample = () => {\n  return (\n    <PureGlobal\n      preset={{\n        features: {\n          debug: true,\n          profile: {\n            id: "erc",\n            type: "system",\n            name: "\u4e1a\u52a1\u7cfb\u7edf",\n            children: [\n              {\n                id: "home",\n                type: "module",\n                name: "\u9996\u9875",\n                children: [\n                  {\n                    id: "test",\n                    type: "feature",\n                    name: "\u6d4b\u8bd5\u529f\u80fd",\n                  },\n                  {\n                    id: "test2",\n                    type: "feature",\n                    name: "\u6d4b\u8bd5\u529f\u80fd2",\n                    dependencies: ["erc:client"],\n                  },\n                ],\n              },\n            ],\n          },\n        },\n      }}\n    >\n      <Layout\n        navigation={{\n          isFixed: false,\n          list: [\n            {\n              key: "position",\n              title: "\u804c\u4f4d",\n              path: "/position",\n            },\n            {\n              key: "client",\n              title: "\u5ba2\u6237",\n              path: "/client",\n            },\n          ],\n        }}\n      >\n        <Routes>\n          <Route\n            index\n            element={\n              <PermissionsPage name="home" openFeatures>\n                home\u9875\u9762\u6a21\u5757\n                <div>\n                  <Features id="test">\u5f00\u542f\u6a21\u5757</Features>\n                  <Features id="test2">\u5173\u95ed\u6a21\u5757</Features>\n                </div>\n              </PermissionsPage>\n            }\n          />\n          <Route\n            path="/position"\n            element={\n              <PermissionsPage name="position" openFeatures>\n                position\u9875\u9762\u6a21\u5757\n              </PermissionsPage>\n            }\n          />\n          <Route\n            path="/client"\n            element={\n              <PermissionsPage name="client">\n                client\u9875\u9762\u6a21\u5757,\u672a\u6253\u5f00features\n              </PermissionsPage>\n            }\n          />\n        </Routes>\n      </Layout>\n    </PureGlobal>\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Features",packageName:"@components/Features",component:a},{name:"global",packageName:"@components/Global",component:l},{name:"layout",packageName:"@components/Layout",component:o},{name:"Router",packageName:"react-router-dom",component:r}]},{title:"\u5c55\u793a\u4e86\u4e00\u4e2a\u7cfb\u7edf\u4e2d\u529f\u80fd\u5f00\u542f\u548c\u5173\u95ed\u53c2\u6570\u83b7\u53d6",description:"\u5c55\u793a\u4e86\u4e00\u4e2a\u7cfb\u7edf\u4e2d\u529f\u80fd\u5f00\u542f\u548c\u5173\u95ed\u53c2\u6570\u83b7\u53d6",code:'const { default: Features } = _Features;\nconst { default: Layout, PermissionsPage } = layout;\nconst { PureGlobal } = global;\nconst { useState } = React;\nconst { Button, Space } = antd;\nconst BaseExample = () => {\n  const [close, setClose] = useState(false);\n  return (\n    <PureGlobal\n      preset={{\n        features: {\n          debug: true,\n          profile: {\n            id: "erc",\n            type: "system",\n            name: "\u4e1a\u52a1\u7cfb\u7edf",\n            children: [\n              {\n                id: "home",\n                type: "module",\n                name: "\u9996\u9875",\n                children: [\n                  {\n                    id: "test",\n                    type: "feature",\n                    name: "\u6d4b\u8bd5\u529f\u80fd",\n                    options: {\n                      state: "\u5f00\u542f",\n                    },\n                    rejectedOptions: {\n                      state: "\u5173\u95ed",\n                    },\n                    close: close,\n                  },\n                ],\n              },\n            ],\n          },\n        },\n      }}\n    >\n      <Space direction="vertical">\n        <Button\n          onClick={() => {\n            setClose((value) => !value);\n          }}\n        >\n          \u5207\u6362\n        </Button>\n        <Layout navigation={{ isFixed: false }}>\n          <PermissionsPage name="home" openFeatures>\n            <Features id="test">\n              {({ isPass, options }) => {\n                return isPass\n                  ? "\u6a21\u5757\u5f00\u542f,options:" + JSON.stringify(options)\n                  : "\u6a21\u5757\u5173\u95ed,options:" + JSON.stringify(options);\n              }}\n            </Features>\n          </PermissionsPage>\n        </Layout>\n      </Space>\n    </PureGlobal>\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Features",packageName:"@components/Features",component:a},{name:"global",packageName:"@components/Global",component:l},{name:"layout",packageName:"@components/Layout",component:o},{name:"antd",packageName:"antd",component:s}]}]}}},46631:(n,e,t)=>{"use strict";t.d(e,{A:()=>i});var a=t(67390),l=t(76329),o=t(13050),r=t(21079),s=t(55199);const i={name:"File",summary:"<p>\u63d0\u4f9b\u6587\u4ef6\u5c55\u793a\uff0cOSS\u6587\u4ef6id\u8f6c\u6362\u8bbf\u95ee\u5730\u5740\uff0c\u6587\u4ef6\u5217\u8868\uff0c\u4e0b\u8f7d\u7b49\u64cd\u4f5c</p>\n<p>\u6ce8\u610f\uff1a</p>\n<ul>\n<li>\u5982\u679c\u9700\u8981\u663e\u793a\u6216\u8005\u8f6c\u6362oss id\u7684\u6587\u4ef6\uff0c\u9700\u8981Global\u7684preset apis\u8bbe\u7f6e\u8fc7oss\u63a5\u53e3\u6216\u8005\u4f20\u5165apis.oss\u53c2\u6570\uff0coss\u8fd4\u56de\u8bbf\u95ee\u5730\u5740</li>\n</ul>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>id</td>\n<td>\u5982\u679c\u6587\u4ef6\u4e3aoss\u6587\u4ef6\uff0c\u4f20\u5165ossId</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>url</td>\n<td>\u5982\u679c\u6587\u4ef6\u4e3a\u666e\u901a\u6587\u4ef6\u5730\u5740\uff0c\u4f20\u5165\u8be5\u53c2\u6570</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>error</td>\n<td>\u52a0\u8f7d\u6587\u4ef6\u5931\u8d25\u5c55\u793a\u7ec4\u4ef6</td>\n<td>jsx</td>\n<td>null</td>\n</tr>\n<tr>\n<td>apis</td>\n<td>\u901a\u8fc7oss id\u83b7\u53d6oss\u6587\u4ef6\u5730\u5740\u63a5\u53e3{oss} oss\u4e3a\u4e00\u4e2a@kne/react-fetch\u53c2\u6570\uff0c\u5982\u679cGlobal\u7684preset\u5df2\u8bbe\u7f6e\u8be5\u503c\uff0c\u5207\u5f53\u524d\u7ec4\u4ef6\u4e5f\u9700\u8981\u5e94\u7528\u8be5\u503c\u65f6\u53ef\u4ee5\u4e0d\u4f20</td>\n<td>object</td>\n<td>-</td>\n</tr>\n<tr>\n<td>loading</td>\n<td>\u52a0\u8f7d\u6587\u4ef6loading\u8fc7\u7a0b\u4e2d\u663e\u793a\u7ec4\u4ef6</td>\n<td>jsx</td>\n<td>null</td>\n</tr>\n</tbody>\n</table>\n<h4>Download</h4>\n<p>\u4e0b\u8f7d\u6587\u4ef6\u6309\u94ae</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>filename</td>\n<td>\u4e0b\u8f7d\u6587\u4ef6\u7684\u6587\u4ef6\u540d</td>\n<td>string</td>\n<td>\u672a\u547d\u540d\u4e0b\u8f7d\u6587\u4ef6</td>\n</tr>\n<tr>\n<td>onSuccess</td>\n<td>\u4e0b\u8f7d\u6210\u529f\u56de\u8c03\u51fd\u6570</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>onError</td>\n<td>\u4e0b\u8f7d\u5931\u8d25\u56de\u8c03\u51fd\u6570</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>id</td>\n<td>\u5982\u679c\u6587\u4ef6\u4e3aoss\u6587\u4ef6\uff0c\u4f20\u5165ossId</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>url</td>\n<td>\u5982\u679c\u6587\u4ef6\u4e3a\u666e\u901a\u6587\u4ef6\u5730\u5740\uff0c\u4f20\u5165\u8be5\u53c2\u6570</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>apis</td>\n<td>\u901a\u8fc7oss id\u83b7\u53d6oss\u6587\u4ef6\u5730\u5740\u63a5\u53e3{oss} oss\u4e3a\u4e00\u4e2a@kne/react-fetch\u53c2\u6570\uff0c\u5982\u679cGlobal\u7684preset\u5df2\u8bbe\u7f6e\u8be5\u503c\uff0c\u5207\u5f53\u524d\u7ec4\u4ef6\u4e5f\u9700\u8981\u5e94\u7528\u8be5\u503c\u65f6\u53ef\u4ee5\u4e0d\u4f20</td>\n<td>object</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h4>List</h4>\n<p>\u663e\u793a\u6587\u4ef6\u5217\u8868\uff0c\u53ef\u4ee5\u5e26\u6709\u7f16\u8f91\u6587\u4ef6\u540d\u79f0\uff0c\u6587\u4ef6\u9884\u89c8\uff0c\u6587\u4ef6\u5220\u9664\u7b49\u529f\u80fd</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>dataSource</td>\n<td>\u6587\u4ef6\u5217\u8868</td>\n<td>array[{id,type,filename,date,userName}]</td>\n<td>[]</td>\n</tr>\n<tr>\n<td>dataSource[].id</td>\n<td>id:\u6587\u4ef6\u7684id\uff0c\u4e00\u822c\u4e3aossId</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>dataSource[].type</td>\n<td>\u6587\u4ef6\u72b6\u6001\u4e3auploading\u65f6\u8be5\u884c\u6587\u4ef6\u5c55\u793a\u4e3aloading\u72b6\u6001</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>dataSource[].filename</td>\n<td>\u6587\u4ef6\u540d</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>dataSource[].date</td>\n<td>\u6587\u4ef6\u4e0a\u4f20\u65e5\u671f</td>\n<td>Date,date timestamp</td>\n<td>-</td>\n</tr>\n<tr>\n<td>dataSource[].userName</td>\n<td>\u6587\u4ef6\u4e0a\u4f20\u4eba</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>getPermission</td>\n<td>\u83b7\u53d6\u64cd\u4f5c\u6743\u9650\uff0c\u4f1a\u5728render\u6bcf\u6761\u6570\u636e\u65f6\u8c03\u7528\uff0c\u83b7\u53d6\u5230\u53c2\u6570\u5217\u8868[type,itemData],type:preview\u9884\u89c8,edit\u7f16\u8f91,download\u4e0b\u8f7d\uff0c\u8fd4\u56defalse\u4e3a\u6ca1\u6709\u6743\u9650\uff0c\u5176\u4ed6\u60c5\u51b5\u4e3a\u6709\u6743\u9650</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>hasPreview</td>\n<td>\u662f\u5426\u5f00\u542f\u9884\u89c8\u529f\u80fd\uff0c\u548cgetPermission type:preview\u9884\u89c8\u7ed3\u679c\u540c\u4e8b\u63a7\u5236\uff0c\u5168\u90fd\u5224\u65ad\u901a\u8fc7\u624d\u80fd\u5f00\u542f\u9884\u89c8\u529f\u80fd</td>\n<td>boolean</td>\n<td>true</td>\n</tr>\n<tr>\n<td>infoItemRenders</td>\n<td>\u81ea\u5b9a\u4e49\u5217</td>\n<td>array[{span,render}]</td>\n<td>-</td>\n</tr>\n<tr>\n<td>infoItemRenders[].span</td>\n<td>\u5f53\u524d\u5217\u6805\u683c\u6570</td>\n<td>number</td>\n<td>4</td>\n</tr>\n<tr>\n<td>infoItemRenders[].render</td>\n<td>render\u51fd\u6570</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>apis</td>\n<td>\u7528\u4e8e\u64cd\u4f5c\u7684api</td>\n<td>object{onEdit,onPreview,onDelete}</td>\n<td>-</td>\n</tr>\n<tr>\n<td>apis.onEdit</td>\n<td>\u6587\u4ef6\u540d\u7f16\u8f91\u56de\u8c03\u63a5\u53e3</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>apis.onPreview</td>\n<td>\u6587\u4ef6\u9884\u89c8\u56de\u8c03\u63a5\u53e3</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>apis.onDelete</td>\n<td>\u6587\u4ef6\u5220\u9664\u56de\u8c03\u63a5\u53e3</td>\n<td>function</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h4>OptionButtons</h4>\n<p>\u6587\u4ef6\u64cd\u4f5c\u6309\u94ae\uff0c\u53ef\u4ee5\u5e26\u6709\u7f16\u8f91\u6587\u4ef6\u540d\u79f0\uff0c\u6587\u4ef6\u9884\u89c8\uff0c\u6587\u4ef6\u5220\u9664\u7b49\u529f\u80fd</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>apis</td>\n<td>\u7528\u4e8e\u64cd\u4f5c\u7684api</td>\n<td>object{onEdit,onPreview,onDelete}</td>\n<td>-</td>\n</tr>\n<tr>\n<td>apis.onEdit</td>\n<td>\u6587\u4ef6\u540d\u7f16\u8f91\u56de\u8c03\u63a5\u53e3</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>apis.onPreview</td>\n<td>\u6587\u4ef6\u9884\u89c8\u56de\u8c03\u63a5\u53e3</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>apis.onDelete</td>\n<td>\u6587\u4ef6\u5220\u9664\u56de\u8c03\u63a5\u53e3</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>hasPreview</td>\n<td>\u662f\u5426\u5f00\u542f\u9884\u89c8\u529f\u80fd\uff0c\u548cgetPermission type:preview\u9884\u89c8\u7ed3\u679c\u540c\u4e8b\u63a7\u5236\uff0c\u5168\u90fd\u5224\u65ad\u901a\u8fc7\u624d\u80fd\u5f00\u542f\u9884\u89c8\u529f\u80fd</td>\n<td>boolean</td>\n<td>true</td>\n</tr>\n</tbody>\n</table>\n<h4>FileLink</h4>\n<p>\u5916\u89c2\u7c7b\u4f3cLink\u7684\u7ec4\u4ef6\uff0c\u70b9\u51fb\u540e\u53ef\u4ee5\u5f39\u51fa\u6587\u4ef6\u9884\u89c8\u6846</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>title</td>\n<td>\u5f39\u7a97\u6807\u9898</td>\n<td>string,jsx</td>\n<td>originName</td>\n</tr>\n<tr>\n<td>id</td>\n<td>\u6587\u4ef6oss id</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>originName</td>\n<td>\u6587\u4ef6\u540d\u79f0</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>apis</td>\n<td>\u901a\u8fc7oss id\u83b7\u53d6oss\u6587\u4ef6\u5730\u5740\u63a5\u53e3{oss} oss\u4e3a\u4e00\u4e2a@kne/react-fetch\u53c2\u6570\uff0c\u5982\u679cGlobal\u7684preset\u5df2\u8bbe\u7f6e\u8be5\u503c\uff0c\u5207\u5f53\u524d\u7ec4\u4ef6\u4e5f\u9700\u8981\u5e94\u7528\u8be5\u503c\u65f6\u53ef\u4ee5\u4e0d\u4f20</td>\n<td>object</td>\n<td>-</td>\n</tr>\n<tr>\n<td>openDownload</td>\n<td>\u662f\u5426\u5f00\u542f\u6587\u4ef6\u4e0b\u8f7d</td>\n<td>boolean</td>\n<td>true</td>\n</tr>\n<tr>\n<td>modalProps</td>\n<td>modal\u7684\u5176\u4ed6\u53c2\u6570\uff0c\u53c2\u8003Modal\u7ec4\u4ef6</td>\n<td>object</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h4>downloadBlobFile(target, filename)</h4>\n<p>\u4e0b\u8f7d\u6587\u4ef6\u7684\u65b9\u6cd5</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>target</td>\n<td>\u4e0b\u8f7d\u94fe\u63a5\u5730\u5740,\u6216\u8005\u4e8c\u8fdb\u5236\u6570\u636e</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>filename</td>\n<td>\u4e0b\u8f7d\u540e\u7684\u6587\u4ef6\u540d</td>\n<td>string</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h4>{isLoading,download,...others} = useDownload({id,filename,apis,onError,onSuccess});</h4>\n<p>\u751f\u6210\u4e0b\u8f7d\u6587\u4ef6function\u7684hooks\uff0c\u5e26\u6709\u4e0b\u8f7d\u4e2d\u7684\u72b6\u6001\u63a7\u5236</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>id</td>\n<td>\u6587\u4ef6ossId</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>filename</td>\n<td>\u4e0b\u8f7d\u540e\u7684\u6587\u4ef6\u540d</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>onError</td>\n<td>\u4e0b\u8f7d\u5931\u8d25\u56de\u8c03</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>onSuccess</td>\n<td>\u4e0b\u8f7d\u6210\u529f\u56de\u8c03</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>apis</td>\n<td>\u901a\u8fc7oss id\u83b7\u53d6oss\u6587\u4ef6\u5730\u5740\u63a5\u53e3{oss} oss\u4e3a\u4e00\u4e2a@kne/react-fetch\u53c2\u6570\uff0c\u5982\u679cGlobal\u7684preset\u5df2\u8bbe\u7f6e\u8be5\u503c\uff0c\u5207\u5f53\u524d\u7ec4\u4ef6\u4e5f\u9700\u8981\u5e94\u7528\u8be5\u503c\u65f6\u53ef\u4ee5\u4e0d\u4f20</td>\n<td>object</td>\n<td>-</td>\n</tr>\n<tr>\n<td>isLoading</td>\n<td>\u662f\u5426\u6b63\u5728\u4e0b\u8f7d\u4e2d</td>\n<td>boolean</td>\n<td>-</td>\n</tr>\n<tr>\n<td>download</td>\n<td>\u6267\u884c\u8be5\u65b9\u6cd5\u5f00\u59cb\u4e0b\u8f7d</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>others</td>\n<td>\u5176\u4ed6@kne/react-fetch useFetch\u53c2\u6570</td>\n<td>object</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h4>modal = useFileModal()</h4>\n<p>\u6587\u4ef6\u9884\u89c8\u5f39\u6846\u65b9\u6cd5\u751f\u6210\u7684hooks</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>modal</td>\n<td>\u6267\u884c\u540e\u5f39\u51fa\u6587\u4ef6\u9884\u89c8\u5f39\u7a97</td>\n<td>function({title, id, originName, apis, openDownload, ...modalProps})</td>\n<td>-</td>\n</tr>\n<tr>\n<td>modal({title})</td>\n<td>\u5f39\u7a97\u6807\u9898</td>\n<td>string,jsx</td>\n<td>originName</td>\n</tr>\n<tr>\n<td>modal({id})</td>\n<td>\u6587\u4ef6oss id</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>modal({originName})</td>\n<td>\u6587\u4ef6\u540d\u79f0</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>modal({apis})</td>\n<td>\u901a\u8fc7oss id\u83b7\u53d6oss\u6587\u4ef6\u5730\u5740\u63a5\u53e3{oss} oss\u4e3a\u4e00\u4e2a@kne/react-fetch\u53c2\u6570\uff0c\u5982\u679cGlobal\u7684preset\u5df2\u8bbe\u7f6e\u8be5\u503c\uff0c\u5207\u5f53\u524d\u7ec4\u4ef6\u4e5f\u9700\u8981\u5e94\u7528\u8be5\u503c\u65f6\u53ef\u4ee5\u4e0d\u4f20</td>\n<td>object</td>\n<td>-</td>\n</tr>\n<tr>\n<td>modal({openDownload})</td>\n<td>\u662f\u5426\u5f00\u542f\u6587\u4ef6\u4e0b\u8f7d</td>\n<td>boolean</td>\n<td>true</td>\n</tr>\n<tr>\n<td>modalProps</td>\n<td>modal\u7684\u5176\u4ed6\u53c2\u6570\uff0c\u53c2\u8003Modal\u7ec4\u4ef6</td>\n<td>object</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>",example:{isFull:!1,className:"File_0b279",style:"",list:[{title:"\u83b7\u53d6\u6587\u4ef6\u5730\u5740",description:"\u901a\u8fc7\u4e00\u4e2aossId\u83b7\u53d6\u6587\u4ef6\u5730\u5740",code:'const { default: File } = _File;\nconst { PureGlobal } = global;\nconst { getPublicPath } = remoteLoader;\nconst BaseExample = () => {\n  return <File id="qqq">{({ url }) => url}</File>;\n};\n\nrender(\n  <PureGlobal\n    preset={{\n      apis: {\n        oss: {\n          loader: async ({ params }) => {\n            console.log(params);\n            return new Promise((resolve) => {\n              setTimeout(() => {\n                resolve(getPublicPath("components-core") + "/avatar.png");\n              }, 1000);\n            });\n          },\n        },\n      },\n    }}\n  >\n    <BaseExample />\n  </PureGlobal>\n);\n\n',scope:[{name:"_File",packageName:"@components/File",component:a},{name:"global",packageName:"@components/Global",component:l},{name:"remoteLoader",packageName:"@kne/remote-loader",component:o}]},{title:"\u6587\u4ef6\u4e0b\u8f7d",description:"\u5c55\u793a\u6587\u4ef6\u4e0b\u8f7d",code:'const { Download } = _File;\nconst { PureGlobal } = global;\nconst { getPublicPath } = remoteLoader;\nconst BaseExample = () => {\n  return (\n    <Download\n      id="123"\n      filename="\u4e0b\u8f7d\u7684\u6587\u4ef6"\n      onSuccess={() => {\n        console.log("\u4e0b\u8f7d\u6210\u529f");\n      }}\n    >\n      \u6587\u4ef6\u4e0b\u8f7d\n    </Download>\n  );\n};\n\nrender(\n  <PureGlobal\n    preset={{\n      apis: {\n        oss: {\n          loader: async ({ params }) => {\n            console.log(params);\n            return new Promise((resolve) => {\n              setTimeout(() => {\n                resolve(getPublicPath("components-core") + "/avatar.png");\n              }, 1000);\n            });\n          },\n        },\n      },\n    }}\n  >\n    <BaseExample />\n  </PureGlobal>\n);\n\n',scope:[{name:"_File",packageName:"@components/File",component:a},{name:"global",packageName:"@components/Global",component:l},{name:"remoteLoader",packageName:"@kne/remote-loader",component:o}]},{title:"\u6587\u4ef6\u5217\u8868",description:"\u5c55\u793a\u6587\u4ef6\u5217\u8868",code:'const { List } = _FileList;\nconst { Space } = antd;\nconst { PureGlobal } = global;\nconst { getPublicPath } = remoteLoader;\n\nconst BaseExample = () => {\n  return (\n    <Space direction="vertical">\n      <List\n        dataSource={[\n          {\n            uuid: "121233",\n            type: "uploading",\n            filename: "\u5f20\u4e09\u7684\u7b80\u5386.doc",\n          },\n          {\n            id: "xxxxx",\n            filename: "\u6211\u662f\u4e00\u4efd\u7b80\u5386.pdf",\n            date: "2022-07-15T11:09:15.000+08:00",\n            userName: "\u7528\u6237\u540d",\n          },\n        ]}\n      />\n      <List dataSource={[]} />\n    </Space>\n  );\n};\n\nrender(\n  <PureGlobal\n    preset={{\n      apis: {\n        oss: {\n          loader: async ({ params }) => {\n            console.log(params);\n            return new Promise((resolve) => {\n              setTimeout(() => {\n                resolve(getPublicPath("components-core") + "/mock/demo.pdf");\n              }, 1000);\n            });\n          },\n        },\n      },\n    }}\n  >\n    <BaseExample />\n  </PureGlobal>\n);\n\n',scope:[{name:"_FileList",packageName:"@components/File",component:a},{name:"lodash",packageName:"lodash",component:r},{name:"global",packageName:"@components/Global",component:l},{name:"antd",packageName:"antd",component:s},{name:"remoteLoader",packageName:"@kne/remote-loader",component:o}]},{title:"\u6587\u4ef6\u94fe\u63a5",description:"\u5c55\u793a\u6587\u4ef6\u94fe\u63a5",code:'const { FileLink } = _File;\nconst { getPublicPath } = remoteLoader;\nconst { PureGlobal } = global;\nconst BaseExample = () => {\n  return (\n    <PureGlobal\n      preset={{\n        apis: {\n          oss: {\n            loader: async ({ params }) => {\n              const mapping = {\n                "01": "/avatar.png",\n                "02": "/mock/demo.html",\n                "03": "/mock/1_\u738b\u6676\u7b80\u5386-2023_06_2.pdf",\n              };\n              return new Promise((resolve) => {\n                setTimeout(() => {\n                  resolve(\n                    getPublicPath("components-core") + mapping[params.id]\n                  );\n                }, 1000);\n              });\n            },\n          },\n        },\n      }}\n    >\n      <FileLink id="01" originName="\u6211\u662f\u4e00\u4e2a\u56fe\u7247.jpg" />\n      <FileLink id="02" originName="\u6211\u662f\u4e00\u4e2a\u7f51\u9875.html" />\n      <FileLink id="03" originName="\u6211\u662f\u4e00\u4e2apdf.pdf" />\n    </PureGlobal>\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_File",packageName:"@components/File",component:a},{name:"remoteLoader",packageName:"@kne/remote-loader",component:o},{name:"global",packageName:"@components/Global",component:l}]}]}}},20031:(n,e,t)=>{"use strict";t.d(e,{A:()=>s});var a=t(24474),l=t(13050),o=t(21079),r=t(55199);const s={name:"FileList",summary:"<p>\u6587\u4ef6\u5217\u8868\u5c55\u793a\uff0c\u9884\u89c8\uff0c\u4e0a\u4f20</p>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td></td>\n<td></td>\n<td></td>\n<td></td>\n</tr>\n</tbody>\n</table>",example:{isFull:!0,className:"FileList_a785a",style:"",list:[{title:"\u5b8c\u6574\u793a\u4f8b",description:"\u63d0\u4f9b\u4e00\u4e2a\u4e0a\u4f20\u6587\u4ef6\uff0c\u663e\u793a\u6587\u4ef6\u5217\u8868\uff0c\u9884\u89c8\u6587\u4ef6\u7684\u5c55\u793a",code:'const { default: FileList } = _FileList;\nconst { createWithRemoteLoader, getPublicPath } = remoteLoader;\nconst { useState } = React;\nconst { uniqueId } = lodash;\n\nconst ajax = {\n  postForm: (config) => {\n    return new Promise((resolve) => {\n      setTimeout(() => {\n        resolve({\n          data: {\n            code: 0,\n            data: {\n              id: "uBFNeYQBnHRXlZaTGZpA",\n              originalName: config.file.name,\n            },\n          },\n        });\n      }, 1000);\n    });\n  },\n};\n\nconst apis = {\n  onSave: async ({ data }) => {\n    return {\n      ossId: uniqueId(),\n      filename: data.originalName,\n      date: new Date(),\n      userName: "\u54c8\u54c8\u54c8",\n    };\n  },\n  onDelete: () => {},\n};\n\nconst preset = {\n  apis: {\n    oss: {\n      loader: async ({ params }) => {\n        const mapping = {\n          "01": "/avatar.png",\n          "02": "/mock/demo.html",\n          "03": "/mock/1_\u738b\u6676\u7b80\u5386-2023_06_2.pdf",\n        };\n        return new Promise((resolve) => {\n          setTimeout(() => {\n            resolve(getPublicPath("components-core") + mapping["03"]);\n          }, 1000);\n        });\n      },\n    },\n    previewOffice: {\n      loader: async () => {\n        return new Promise((resolve) => {\n          setTimeout(() => {\n            resolve({\n              name: "\u6d4b\u8bd5\u5f00\u53d1_\u590f\u6c38\u6631_\u672c\u79d1_5\u5e74.docx",\n              data: [\n                {\n                  id: "gWw26Y0BeK_D6zxND5vh",\n                  originalName: "attachment/gWw26Y0BeK_D6zxND5vh.pdf",\n                  url:\n                    getPublicPath("components-core") +\n                    "/mock/1_\u738b\u6676\u7b80\u5386-2023_06_2.pdf",\n                },\n              ],\n            });\n          }, 1000);\n        });\n      },\n    },\n    ossUpload: ({ file }) => {\n      return ajax.postForm({ file });\n    },\n  },\n};\n\nconst BaseExample = createWithRemoteLoader({\n  modules: ["components-core:Global@PureGlobal"],\n})(({ remoteModules }) => {\n  const [PureGlobal] = remoteModules;\n  const [list, setList] = useState([\n    {\n      ossId: "uBFNeYQBnHRXlZaTGZpA",\n      filename: "avatar.pdf",\n    },\n    {\n      ossId: "gWw26Y0BeK_D6zxND5vh",\n      filename: "\u6d4b\u8bd5\u5f00\u53d1_\u590f\u6c38\u6631_\u672c\u79d1_5\u5e74.docx",\n    },\n  ]);\n  console.log(list);\n  return (\n    <PureGlobal preset={preset}>\n      <FileList\n        defaultPreviewFileId="gWw26Y0BeK_D6zxND5vh"\n        list={list}\n        setList={setList}\n        apis={apis}\n      />\n    </PureGlobal>\n  );\n});\n\nrender(<BaseExample />);\n\n',scope:[{name:"_FileList",packageName:"@components/FileList",component:a},{name:"remoteLoader",packageName:"@kne/remote-loader",component:l},{name:"lodash",packageName:"lodash",component:o}]},{title:"\u4e0a\u4f20\u6587\u4ef6\u5217\u8868",description:"\u5c55\u793a\u4e00\u4e2a\u4e0a\u4f20\u6587\u4ef6\u5c55\u793a\u4e0a\u4f20\u6210\u529f\u6587\u4ef6\u5217\u8868",code:'const { FileUpload } = _FileList;\nconst { createWithRemoteLoader, getPublicPath } = remoteLoader;\nconst { useState } = React;\nconst { uniqueId } = lodash;\n\nconst ajax = {\n  postForm: (config) => {\n    return new Promise((resolve) => {\n      setTimeout(() => {\n        resolve({\n          data: {\n            code: 0,\n            data: {\n              id: "uBFNeYQBnHRXlZaTGZpA",\n              originalName: config.file.name,\n            },\n          },\n        });\n      }, 1000);\n    });\n  },\n};\n\nconst apis = {\n  onSave: async ({ data }) => {\n    const id = uniqueId();\n    return {\n      id: id,\n      ossId: id,\n      filename: data.originalName,\n      date: new Date(),\n      userName: "\u54c8\u54c8\u54c8",\n    };\n  },\n  onDelete: () => {},\n};\n\nconst preset = {\n  apis: {\n    oss: {\n      loader: async ({ params }) => {\n        const mapping = {\n          "01": "/avatar.png",\n          "02": "/mock/demo.html",\n          "03": "/mock/1_\u738b\u6676\u7b80\u5386-2023_06_2.pdf",\n        };\n        return new Promise((resolve) => {\n          setTimeout(() => {\n            resolve(getPublicPath("components-core") + mapping["03"]);\n          }, 1000);\n        });\n      },\n    },\n    ossUpload: ({ file }) => {\n      return ajax.postForm({ file });\n    },\n  },\n};\n\nconst BaseExample = createWithRemoteLoader({\n  modules: ["components-core:Global@PureGlobal"],\n})(({ remoteModules }) => {\n  const [PureGlobal] = remoteModules;\n  const [list, setList] = useState([]);\n  console.log(list);\n  return (\n    <PureGlobal preset={preset}>\n      <FileUpload list={list} setList={setList} apis={apis} />\n    </PureGlobal>\n  );\n});\n\nrender(<BaseExample />);\n\n',scope:[{name:"_FileList",packageName:"@components/FileList",component:a},{name:"remoteLoader",packageName:"@kne/remote-loader",component:l},{name:"lodash",packageName:"lodash",component:o}]},{title:"\u62d6\u62fd\u4e0a\u4f20",description:"\u5c55\u793a\u4e00\u4e2a\u62d6\u62fd\u4e0a\u4f20\u6587\u4ef6\uff0c\u5f97\u5230File\u5bf9\u8c61",code:'const { DragArea, DragAreaOuter, UploadButton, DragButton } = _FileList;\nconst { Row, Col, Divider, Space } = antd;\n\nconst BaseExample = () => {\n  return (\n    <DragAreaOuter\n      title={\n        <Row>\n          <Col flex={1}>\u6807\u9898</Col>\n          <Col>\n            <Space split={<Divider type="vertical" />}>\n              <DragButton />\n              <UploadButton>\u4e0a\u4f20</UploadButton>\n            </Space>\n          </Col>\n        </Row>\n      }\n      onFileSelected={(fileList) => {\n        console.log(fileList);\n      }}\n    >\n      <DragArea />\n    </DragAreaOuter>\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_FileList",packageName:"@components/FileList",component:a},{name:"antd",packageName:"antd",component:r}]}]}}},9745:(n,e,t)=>{"use strict";t.d(e,{A:()=>o});var a=t(10419),l=t(13050);const o={name:"FilePreview",summary:"<p>\u6587\u4ef6\u9884\u89c8</p>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n</table>",example:{isFull:!0,className:"FilePreview_143ff",style:"",list:[{title:"HtmlPreview",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { default: FilePreview, HtmlPreview } = _FilePreview;\nconst { getPublicPath } = remoteLoader;\nconst BaseExample = () => {\n  return (\n    <HtmlPreview\n      maxWidth={900}\n      url={getPublicPath("components-core") + "/mock/demo2.html"}\n    />\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_FilePreview",packageName:"@components/FilePreview",component:a},{name:"remoteLoader",packageName:"@kne/remote-loader",component:l}]},{title:"PdfPreview",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { PdfPreview } = _FilePreview;\nconst { getPublicPath } = remoteLoader;\nconst BaseExample = () => {\n  return (\n    <PdfPreview\n      maxWidth={900}\n      url={getPublicPath("components-core") + "/mock/1_\u738b\u6676\u7b80\u5386-2023_06_2.pdf"}\n      renderTextLayer={true}\n    />\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_FilePreview",packageName:"@components/FilePreview",component:a},{name:"remoteLoader",packageName:"@kne/remote-loader",component:l}]},{title:"TextPreview",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { TextPreview } = _FilePreview;\nconst { getPublicPath } = remoteLoader;\nconst BaseExample = () => {\n  return (\n    <TextPreview\n      maxWidth={900}\n      url={getPublicPath("components-core") + "/mock/demo.txt"}\n    />\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_FilePreview",packageName:"@components/FilePreview",component:a},{name:"remoteLoader",packageName:"@kne/remote-loader",component:l}]},{title:"ImagePreview",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { ImagePreview } = _FilePreview;\nconst { getPublicPath } = remoteLoader;\nconst BaseExample = () => {\n  return (\n    <ImagePreview url={getPublicPath("components-core") + "/mock/demo2.jpg"} />\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_FilePreview",packageName:"@components/FilePreview",component:a},{name:"remoteLoader",packageName:"@kne/remote-loader",component:l}]},{title:"unknown",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { UnknownPreview } = _FilePreview;\nconst { getPublicPath } = remoteLoader;\nconst BaseExample = () => {\n  return (\n    <UnknownPreview url={getPublicPath("components-core") + "/mock/demo.des"} />\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_FilePreview",packageName:"@components/FilePreview",component:a},{name:"remoteLoader",packageName:"@kne/remote-loader",component:l}]}]}}},66059:(n,e,t)=>{"use strict";var a;t.d(e,{A:()=>s});var l=t(2615),o=t(55199),r=t(70704);const s={name:"Filter",summary:"",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n</table>",example:{isFull:!0,className:"Filter_d7778",style:"",list:[{title:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u6807\u9898",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const {\n  default: Filter,\n  InputFilterItem,\n  DatePickerFilterItem,\n  DateRangePickerFilterItem,\n  TypeDateRangePickerFilterItem,\n  CityFilterItem,\n  AdvancedSelectFilterItem,\n  UserFilterItem,\n  FunctionSelectFilterItem,\n  IndustrySelectFilterItem,\n  getFilterValue,\n  FilterItemContainer,\n} = _Filter;\nconst { useState } = React;\nconst BaseExample = () => {\n  const [value, onChange] = useState([]);\n  return (\n    <Filter\n      value={value}\n      onChange={(value) => {\n        console.log(getFilterValue(value));\n        onChange(value);\n      }}\n      list={[\n        [\n          <InputFilterItem label="\u6587\u5b57" name="text" />,\n          <CityFilterItem label="\u57ce\u5e02" name="city" />,\n          <FilterItemContainer name="select" label="\u9ad8\u7ea7\u9009\u62e9">\n            {(props) => (\n              <div>\n                <AdvancedSelectFilterItem\n                  {...props}\n                  api={{\n                    loader: () => {\n                      return {\n                        pageData: [\n                          { label: "\u7b2c\u4e00\u9879", value: 1 },\n                          {\n                            label: "\u7b2c\u4e8c\u9879",\n                            value: 2,\n                            disabled: true,\n                          },\n                          {\n                            label: "\u7b2c\u4e09\u9879",\n                            value: 3,\n                          },\n                        ],\n                      };\n                    },\n                  }}\n                />\n              </div>\n            )}\n          </FilterItemContainer>,\n          <DatePickerFilterItem label="\u65e5\u671f" name="date" picker="week" />,\n          <TypeDateRangePickerFilterItem\n            label="\u590d\u6742\u65e5\u671f\u8303\u56f4"\n            name="type-data-range"\n            allowEmpty={[true, true]}\n          />,\n          <DateRangePickerFilterItem label="\u65e5\u671f\u8303\u56f4" name="date-range" />,\n          <UserFilterItem\n            label="\u7528\u6237\u9009\u62e9"\n            name="user"\n            api={{\n              loader: () => {\n                return {\n                  pageData: [\n                    {\n                      label: "\u7528\u6237\u4e00",\n                      value: 1,\n                      description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n                    },\n                    {\n                      label: "\u7528\u6237\u4e8c",\n                      value: 2,\n                      description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n                    },\n                    {\n                      label: "\u7528\u6237\u4e09",\n                      value: 3,\n                      description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n                    },\n                  ],\n                };\n              },\n            }}\n          />,\n          <FunctionSelectFilterItem\n            label="\u804c\u80fd\u9009\u62e9"\n            name="functionLast"\n            onlyAllowLastLevel\n          />,\n          <FunctionSelectFilterItem\n            label="\u804c\u80fd\u9009\u62e9"\n            name="function"\n            selectLevel={3}\n            maxLength={3}\n          />,\n          <FunctionSelectFilterItem\n            label="\u804c\u80fd\u9009\u62e9"\n            name="functionSingle"\n            single\n          />,\n          <IndustrySelectFilterItem\n            label="\u884c\u4e1a\u9009\u62e9"\n            name="industryLast"\n            onlyAllowLastLevel\n          />,\n          <IndustrySelectFilterItem\n            label="\u884c\u4e1a\u9009\u62e9"\n            name="industry"\n            selectLevel={2}\n            maxLength={3}\n          />,\n          <IndustrySelectFilterItem\n            label="\u884c\u4e1a\u9009\u62e9"\n            name="industrySingle"\n            single\n          />,\n        ],\n      ]}\n    />\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Filter",packageName:"@components/Filter",component:l}]},{title:"\u9ad8\u7ea7\u7b5b\u9009",description:"\u9ad8\u7ea7\u7b5b\u9009",code:'const {\n  default: Filter,\n  AdvancedFilter,\n  InputFilterItem,\n  DatePickerFilterItem,\n  DateRangePickerFilterItem,\n  TypeDateRangePickerFilterItem,\n  CityFilterItem,\n  AdvancedSelectFilterItem,\n  UserFilterItem,\n  FunctionSelectFilterItem,\n  IndustrySelectFilterItem,\n  NumberRangeFilterItem,\n  getFilterValue,\n  FilterItemContainer,\n} = _Filter;\nconst { useState } = React;\n\nconst {\n  CityFilterItem: CityAdvancedFilterItem,\n  ListFilterItem,\n  InputFilterItem: InputAdvancedFilterItem,\n} = AdvancedFilter.fields;\nconst BaseExample = () => {\n  const [value, onChange] = useState([]);\n  return (\n    <AdvancedFilter\n      value={value}\n      onChange={(value) => {\n        console.log(getFilterValue(value));\n        onChange(value);\n      }}\n      list={[\n        [<CityAdvancedFilterItem name="currentCity" label="\u5f53\u524d\u57ce\u5e02" single />],\n        [<CityAdvancedFilterItem name="expectCity" label="\u671f\u671b\u57ce\u5e02" />],\n        [\n          <ListFilterItem\n            name="experience"\n            label="\u5de5\u4f5c\u7ecf\u9a8c"\n            single\n            items={[\n              {\n                value: [null, 1],\n                label: "1\u5e74\u4ee5\u4e0b",\n              },\n              {\n                value: [1, 5],\n                label: "1-5\u5e74",\n              },\n              { value: [5, null], label: "5\u5e74\u4ee5\u4e0a" },\n            ]}\n            custom={<NumberRangeFilterItem label="\u81ea\u5b9a\u4e49" unit="\u5e74" />}\n          />,\n        ],\n        [<InputAdvancedFilterItem name="company" label="\u516c\u53f8" />],\n      ]}\n      more={[\n        <InputFilterItem label="\u6587\u5b57" name="text" />,\n        <CityFilterItem label="\u57ce\u5e02" name="city" />,\n        <FilterItemContainer name="select" label="\u9ad8\u7ea7\u9009\u62e9">\n          {(props) => (\n            <div>\n              <AdvancedSelectFilterItem\n                {...props}\n                api={{\n                  loader: () => {\n                    return {\n                      pageData: [\n                        { label: "\u7b2c\u4e00\u9879", value: 1 },\n                        {\n                          label: "\u7b2c\u4e8c\u9879",\n                          value: 2,\n                          disabled: true,\n                        },\n                        {\n                          label: "\u7b2c\u4e09\u9879",\n                          value: 3,\n                        },\n                      ],\n                    };\n                  },\n                }}\n              />\n            </div>\n          )}\n        </FilterItemContainer>,\n        <DatePickerFilterItem label="\u65e5\u671f" name="date" picker="week" />,\n        <TypeDateRangePickerFilterItem\n          label="\u590d\u6742\u65e5\u671f\u8303\u56f4"\n          name="type-data-range"\n          allowEmpty={[true, true]}\n        />,\n        <DateRangePickerFilterItem label="\u65e5\u671f\u8303\u56f4" name="date-range" />,\n        <UserFilterItem\n          label="\u7528\u6237\u9009\u62e9"\n          name="user"\n          api={{\n            loader: () => {\n              return {\n                pageData: [\n                  {\n                    label: "\u7528\u6237\u4e00",\n                    value: 1,\n                    description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n                  },\n                  {\n                    label: "\u7528\u6237\u4e8c",\n                    value: 2,\n                    description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n                  },\n                  {\n                    label: "\u7528\u6237\u4e09",\n                    value: 3,\n                    description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n                  },\n                ],\n              };\n            },\n          }}\n        />,\n        <FunctionSelectFilterItem\n          label="\u804c\u80fd\u9009\u62e9"\n          name="function"\n          onlyAllowLastLevel\n          single\n        />,\n        <IndustrySelectFilterItem\n          label="\u884c\u4e1a\u9009\u62e9"\n          name="industry"\n          onlyAllowLastLevel\n        />,\n      ]}\n    />\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Filter",packageName:"@components/Filter",component:l}]},{title:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u6807\u9898",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { default: Filter, TreeFilterItem } = _Filter;\nconst { default: treeData } = _data;\nconst { useState } = React;\nconst { Space } = antd;\n\nconst BaseExample = () => {\n  const [filter, setFilter] = useState([]);\n  const [filter2, setFilter2] = useState([]);\n\n  return (\n    <Space direction="vertical">\n      <Filter\n        value={filter}\n        onChange={setFilter}\n        list={[\n          [\n            <TreeFilterItem\n              name="tree"\n              single\n              label="\u6811\u7ec4\u4ef6"\n              fieldNames={{\n                title: "name",\n                key: "id",\n                children: "children",\n              }}\n              api={{\n                loader: () => {\n                  return treeData.children;\n                },\n              }}\n            />,\n          ],\n        ]}\n      />\n      <Filter\n        value={filter2}\n        onChange={setFilter2}\n        list={[\n          [\n            <TreeFilterItem\n              name="tree"\n              label="\u6811\u7ec4\u4ef6"\n              fieldNames={{\n                title: "name",\n                key: "id",\n                children: "children",\n              }}\n              api={{\n                loader: () => {\n                  return treeData.children;\n                },\n              }}\n            />,\n          ],\n        ]}\n      />\n    </Space>\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Filter",packageName:"@components/Filter",component:l},{name:"antd",packageName:"antd",component:o},{name:"_data",packageName:"@components/Filter/doc/mock/tree-data.json",component:a||(a=t.t(r,2))}]},{title:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u6807\u9898",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const {\n  FilterValueDisplay,\n  FilterItem,\n  FilterLines,\n  PopoverItem,\n  InputFilterItem,\n  CityFilterItem,\n  AdvancedSelectFilterItem,\n  UserFilterItem,\n  FunctionSelectFilterItem,\n  IndustrySelectFilterItem,\n} = _Filter;\nconst { Space, Input } = antd;\nconst { useState } = React;\nconst BaseExample = () => {\n  const [value, setValue] = useState([\n    {\n      label: "\u57ce\u5e02",\n      name: "city",\n      value: [\n        { label: "\u4e0a\u6d77", value: "010" },\n        { label: "\u5317\u4eac", value: "020" },\n      ],\n    },\n    {\n      label: "\u804c\u80fd",\n      name: "function",\n      value: [\n        { label: "\u4ea7\u54c1\u7ecf\u7406", value: "010" },\n        { label: "\u9500\u552e", value: "020" },\n        {\n          label: "\u5ba2\u6237\u7ecf\u7406",\n          value: "030",\n        },\n      ],\n    },\n  ]);\n  return (\n    <Space direction="vertical">\n      <FilterValueDisplay value={value} onChange={setValue} />\n      <Space>\n        <FilterItem label="\u5ba2\u6237" />\n        <FilterItem label="\u5ba2\u6237" active />\n        <FilterItem label="\u5ba2\u6237" open />\n        <FilterItem label="\u8d85\u957f\u8d85\u957f\u8d85\u957f\u8d85\u957f\u8d85\u957f\u8d85\u957f\u8d85\u957f\u8d85\u957f" active open />\n      </Space>\n      <FilterLines\n        list={[\n          [\n            <FilterItem label="\u5ba2\u6237" />,\n            <FilterItem label="\u804c\u4f4d" />,\n            <FilterItem label="\u804c\u4f4d\u8d1f\u8d23\u4eba" />,\n          ],\n          [\n            <FilterItem label="\u5f00\u59cb\u65f6\u95f4" />,\n            <FilterItem label="\u7ed3\u675f\u65f6\u95f4" />,\n            <FilterItem label="\u804c\u4f4dBD\u4eba" />,\n          ],\n          [\n            <FilterItem label="\u5f00\u59cb\u65f6\u95f4" />,\n            <FilterItem label="\u7ed3\u675f\u65f6\u95f4" />,\n            <FilterItem label="\u804c\u4f4dBD\u4eba" />,\n          ],\n          [\n            <FilterItem label="\u5f00\u59cb\u65f6\u95f4" />,\n            <FilterItem label="\u7ed3\u675f\u65f6\u95f4" />,\n            <FilterItem label="\u804c\u4f4dBD\u4eba" />,\n          ],\n        ]}\n      />\n      <PopoverItem label="\u5ba2\u6237">\n        {({ value, onChange }) => (\n          <Input value={value} onChange={(e) => onChange(e.target.value)} />\n        )}\n      </PopoverItem>\n      <FilterLines\n        list={[\n          [\n            <InputFilterItem label="\u6587\u5b57" />,\n            <CityFilterItem label="\u57ce\u5e02" />,\n            <AdvancedSelectFilterItem\n              label="\u9ad8\u7ea7\u9009\u62e9"\n              api={{\n                loader: () => {\n                  return {\n                    pageData: [\n                      { label: "\u7b2c\u4e00\u9879", value: 1 },\n                      { label: "\u7b2c\u4e8c\u9879", value: 2, disabled: true },\n                      {\n                        label: "\u7b2c\u4e09\u9879",\n                        value: 3,\n                      },\n                    ],\n                  };\n                },\n              }}\n            />,\n            <UserFilterItem\n              label="\u7528\u6237\u9009\u62e9"\n              api={{\n                loader: () => {\n                  return {\n                    pageData: [\n                      {\n                        label: "\u7528\u6237\u4e00",\n                        value: 1,\n                        description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n                      },\n                      {\n                        label: "\u7528\u6237\u4e8c",\n                        value: 2,\n                        description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n                      },\n                      {\n                        label: "\u7528\u6237\u4e09",\n                        value: 3,\n                        description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n                      },\n                    ],\n                  };\n                },\n              }}\n            />,\n            <FunctionSelectFilterItem label="\u804c\u80fd\u9009\u62e9" />,\n            <IndustrySelectFilterItem label="\u884c\u4e1a\u9009\u62e9" />,\n          ],\n        ]}\n      />\n    </Space>\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Filter",packageName:"@components/Filter",component:l},{name:"antd",packageName:"antd",component:o}]}]}}},91707:(n,e,t)=>{"use strict";t.d(e,{A:()=>r});var a=t(330),l=t(55199),o=t(21079);const r={name:"FlexBox",summary:"<p>\u7528\u4e8e\u6839\u636e\u76d2\u5b50\u5927\u5c0f\u54cd\u5e94\u5f0f\u5c55\u793a\u4e0d\u540c\u5217</p>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n</table>",example:{isFull:!0,className:"FlexBox_51df0",style:"",list:[{title:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u6807\u9898",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { default: FlexBox } = _FlexBox;\nconst { Card } = antd;\nconst BaseExample = () => {\n  return (\n    <FlexBox\n      dataSource={[\n        {\n          title: "Title 1",\n        },\n        {\n          title: "Title 2",\n        },\n        {\n          title: "Title 3",\n        },\n        {\n          title: "Title 4",\n        },\n        {\n          title: "Title 5",\n        },\n        {\n          title: "Title 6",\n        },\n      ]}\n      renderItem={(item) => (\n        <FlexBox.Item>\n          <Card title={item.title}>Card content</Card>\n        </FlexBox.Item>\n      )}\n    />\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_FlexBox",packageName:"@components/FlexBox",component:a},{name:"antd",packageName:"antd",component:l}]},{title:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u6807\u9898",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:"const { default: FlexBox } = _FlexBox;\nconst { Card, Button } = antd;\nconst { range } = lodash;\nconst { useRef } = React;\nconst BaseExample = () => {\n  const ref = useRef();\n  return (\n    <div>\n      <FlexBox.Fetch\n        ref={ref}\n        getFetchApi={({ size }) => {\n          return {\n            data: {\n              pageSize: size,\n            },\n            loader: ({ data }) => {\n              return new Promise((resolve) => {\n                setTimeout(() => {\n                  resolve({\n                    pageData: range(0, data.pageSize).map((index) => {\n                      return {\n                        key: index,\n                        title: `\u7b2c${index}\u9879`,\n                      };\n                    }),\n                  });\n                }, 1000);\n              });\n            },\n          };\n        }}\n        renderItem={(item) => (\n          <FlexBox.Item>\n            <Card title={item.title}>Card content</Card>\n          </FlexBox.Item>\n        )}\n      />\n      <Button\n        onClick={() => {\n          console.log(ref.current);\n        }}\n      >\n        \u83b7\u53d6FetchApi\n      </Button>\n    </div>\n  );\n};\n\nrender(<BaseExample />);\n\n",scope:[{name:"_FlexBox",packageName:"@components/FlexBox",component:a},{name:"antd",packageName:"antd",component:l},{name:"lodash",packageName:"lodash",component:o}]}]}}},68223:(n,e,t)=>{"use strict";t.d(e,{A:()=>m});var a=t(96252),l=t(76329),o=t(3382),r=t(21079),s=t(55199),i=t(87558),d=t(45362),c=t(64671),u=t(57469);const m={name:"FormInfo",summary:'<p>\u8868\u5355\u63a7\u4ef6\uff0c\u81ea\u5e26\u6570\u636e\u57df\u7ba1\u7406\u3002\u5305\u542b\u6570\u636e\u5f55\u5165\u3001\u6821\u9a8c\u4ee5\u53ca\u5bf9\u5e94\u6837\u5f0f</p>\n<h3>\u4f55\u65f6\u4f7f\u7528</h3>\n<ul>\n<li>\u7528\u4e8e\u521b\u5efa\u6216\u7f16\u8f91\u4e00\u4e2a\u5b9e\u4f53\u6216\u6536\u96c6\u4fe1\u606f</li>\n<li>\u9700\u8981\u5bf9\u8f93\u5165\u7684\u6570\u636e\u7c7b\u578b\u8fdb\u884c\u6821\u9a8c\u65f6</li>\n</ul>\n<h3>\u6982\u5ff5</h3>\n<ul>\n<li>Form Data\uff1a\nForm\u63d0\u4ea4\u65f6\u83b7\u53d6\u5230\u7684\u8f93\u51fa\u503c\u901a\u5e38\u7528\u6765\u63d0\u4ea4\u7ed9\u540e\u7aef\uff0c\u4e0d\u5305\u542bForm\u7684\u6821\u9a8c\u4fe1\u606f\uff0c\u53ea\u5305\u542bForm\u7ec4\u4ef6\u53ef\u4ee5\u5411\u5916\u90e8\u63d0\u4f9b\u7684\u6570\u636e\u8f93\u51fa\u4fe1\u606f\u3002</li>\n<li>Form State\uff1a\nForm\u4e2d\u7528\u6765\u5b58\u50a8\u4e00\u5207\u72b6\u6001\u7684\u503c\uff0c\u5305\u542bField\u4fe1\u606f\uff0c\u6821\u9a8c\u4fe1\u606f\uff0cForm\u7684\u503c\uff08\u9700\u8981\u4e00\u5b9a\u7684\u8f6c\u6362\u4ece\u624d\u80fd\u53d8\u6210Form Data\uff09\uff0c\u8868\u5355\u662f\u5426\u9a8c\u8bc1\u901a\u8fc7\uff0c\u8868\u5355\u9519\u8bef\u4fe1\u606f\u7b49\u503c\u3002</li>\n<li>\u5b57\u6bb5\u6216\u79f0Field\uff1a\nForm\u4e2d\u7684\u4e00\u4e2a\u9879\uff0c\u5fc5\u987b\u62e5\u6709\u53c2\u6570name,label,\u53ef\u9009\u53c2\u6570rule\u3002name\u4f5c\u4e3aForm\u63d0\u4ea4\u65f6\u83b7\u53d6\u5230data\u7684key\u503c\u3002\nlabel\u4e3a\u5b57\u6bb5\u5c55\u793a\u7ed9\u7528\u6237\u7684\u540d\u5b57\u4ee5\u53ca\u5b57\u6bb5\u62a5\u9519\u65f6\u63d0\u793a\u7528\u6237\u9519\u8bef\u7684\u8bed\u53e5\u4e2d\u6307\u4ee3\u8be5\u5b57\u6bb5\u7684\u540d\u5b57\u3002\nrule\u4e3a\u4e0b\u65b9\u4ecb\u7ecd\u7684RULE\u3002\n\u4e00\u4e2aField\u7684\u53d6\u503c\u53ef\u4ee5\u662f\u7b80\u5355\u7684Number\uff0cBoolean\uff0cString\u4e5f\u53ef\u4ee5\u662f\u590d\u6742\u7684Array\uff0cObject\u7b49\uff0c\u6240\u4ee5\u5728\u8003\u8651\u4e00\u4e9b\u503c\u9700\u8981\u5206\u6210\u591a\u4e2aField\u8fd8\u662f\u96c6\u4e2d\u5728\u4e00\u4e2aField\u65f6\u975e\u5e38\u91cd\u8981\u7684\u3002\n\u4e00\u4e2a\u901a\u7528\u7684\u89c4\u5219\u662f\uff1a<em><strong>\u5bf9\u4e8eForm\u6765\u8bf4\uff0c\u5b83\u7684\u6700\u5c0f\u6821\u9a8c\u5355\u5143\u662f\u4e00\u4e2aField</strong></em>\u3002</li>\n<li>Field\u7ec4\u4ef6\uff1a\nField\u7ec4\u4ef6\u662fField\u7684\u4e00\u90e8\u5206\uff0c\u53ef\u4ee5\u7531\u7528\u6237\u81ea\u5df1\u5b9e\u73b0\u4e5f\u53ef\u4ee5\u7531\u7ec4\u4ef6\u5e93\u63d0\u4f9b\uff0c\u901a\u8fc7Form\u63d0\u4f9b\u7684Field hooks\u5c06\u5176\u53d8\u6210Field\u3002\nfield hooks\u4e3b\u8981\u63a5\u7ba1Field\u7ec4\u4ef6\u7684value\uff0conChange\u53c2\u6570\uff0c\u7528\u6765\u628aField\u7ec4\u4ef6\u7684\u503c\u83b7\u53d6\u5230Form\u7ba1\u7406\u3002Field\u7ec4\u4ef6\u5fc5\u987b\u4e3a<em><strong>\u53d7\u63a7\u7ec4\u4ef6</strong></em>\u3002\nfield hooks\u8fd8\u4f1a\u63a5\u7ba1triggerValidate\uff0c\u7528\u6765\u83b7\u53d6Field\u7684\u6821\u9a8c\u65f6\u673a\u3002field hooks\u4f1a\u5411Field\u7ec4\u4ef6\u63d0\u4f9bField\u7684\u6821\u9a8c\u72b6\u6001\u548c\u6821\u9a8c\u9519\u8bef\u4fe1\u606f\u3002</li>\n<li>RULE\uff1a\n\u7528\u4e8e\u5b57\u6bb5\u7684\u6821\u9a8c\u3002RULE\u53ef\u4ee5\u4e3a\u4e00\u4e2afunction\u6216\u8005\u6b63\u5219\u8868\u8fbe\u5f0f\uff0c\u4e0d\u8fc7\u63a8\u8350\u4ee5\u5927\u5199\u5b57\u7b26\u4e32\u8c03\u7528\u3002\n\u5b57\u7b26\u4e32\u5f62\u5f0f\u7684RULE\u4ee5\u7a7a\u683c\u4e3a\u95f4\u9694\u53ef\u4ee5\u4f20\u5165\u591a\u6761\u89c4\u5219\uff0c\u5982\uff1a"REQ TEL"\uff0c\n\u6267\u884c\u6821\u9a8c\u65f6\u4f1a\u4ece\u5de6\u81f3\u53f3\u4f9d\u6b21\u6821\u9a8c\uff0c\u5982\u679c\u5de6\u4fa7\u7684\u89c4\u5219\u6821\u9a8c\u5931\u8d25\u5219\u4e0d\u518d\u6267\u884c\u5176\u53f3\u4fa7\u89c4\u5219\uff0c\u8fd4\u56de\u6821\u9a8c\u5931\u8d25\u72b6\u6001\u53ca\u8be5\u89c4\u5219\u5931\u8d25\u539f\u56e0\u63d0\u793a\u4f5c\u4e3a\u5b57\u6bb5\u6821\u9a8c\u5931\u8d25\u539f\u56e0\u3002\n\u5b57\u7b26\u4e32RULE\u5141\u8bb8\u4f20\u5165\u53c2\u6570\uff0c\u53c2\u6570\u4ee5\u4e2d\u5212\u7ebf\u9694\u5f00\uff0c\u53ef\u4f20\u5165\u591a\u4e2a\u53c2\u6570\uff0c\u5982\uff1a"LEN-3-10"\u3002\n\u5b57\u7b26\u4e32RULE\u4f7f\u7528\u524d\u5fc5\u987b\u5728Form\u7ec4\u4ef6\u4e2d\u6709\u6240\u58f0\u660e\uff0cForm\u7684RULE\u58f0\u660e\u67093\u4e2a\u7ea7\u522b\uff1a\n\u9ed8\u8ba4\u7ea7\uff0c\u5305\u542b\u4e8eForm\u5185\u90e8\uff0c\u63d0\u4f9b\u4e86\u4e00\u4e9b\u57fa\u672c\u7684\u6821\u9a8c\u89c4\u5219\u3002preset\u7ea7\uff1a\u5728\u9879\u76ee\u7684preset\u4e2d\u58f0\u660e\uff0c\u5e94\u8be5\u628a\u9879\u76ee\u4e2d\u5e38\u7528\u7684\u6216\u8005\u662f\u6bd4\u8f83\u590d\u6742\u7684RULE\u58f0\u660e\u96c6\u4e2d\u7ef4\u62a4\u4e8e\u6b64\u3002\nForm\u7ea7\uff1a\u4ee5rules\u53c2\u6570\u4f20\u5165Form\u7ec4\u4ef6\uff0c\u4e3b\u8981\u662f\u67d0Form\u5355\u72ec\u4f7f\u7528\u7684RULE\u3002\n\u5982\u679c\u58f0\u660e\u5b57\u7b26\u76f8\u540c\uff0c\u4f1a\u4ee5 Form\u7ea7&gt;preset\u7ea7&gt;\u9ed8\u8ba4\u7ea7 \u8fdb\u884c\u8986\u76d6\u3002\nRULE\u58f0\u660e\u4e3a\u4e00\u4e2a\u5bf9\u8c61\uff0ckey\u548c\u53bb\u6389\u53c2\u6570\u7684\u5b57\u7b26\u4e32RULE\u76f8\u540c\uff0cvalue\u4e3a\u4e00\u4e2afunction\u79f0\u4e3a\u6821\u9a8c\u51fd\u6570\u3002\u6b64function\u63a5\u6536\u5230\u7684\u53c2\u6570\u6709\u4e09\u90e8\u5206(\nvalue,[...args]\n,{data,{field}}),\u7b2c\u4e00\u4e2a\u53c2\u6570value\u4e3a\u5f53\u524d\u5b57\u6bb5\u7684\u503c\uff0c\u6700\u540e\u4e00\u4e2a\u53c2\u6570\u4e3aform\u7684\u72b6\u6001\uff0cdata\u662fform\u7684\u5f53\u524d\u503c\uff0cfield\u662fform\u91cc\u9762\u5f53\u524d\u5b57\u6bb5\u7684\u4fe1\u606f\uff0c\n\u4e2d\u95f4\u53c2\u6570args\u4e3a\u5b57\u7b26\u4e32\u53c2\u6570\u5982\uff1a"LEN-3-10"\u4f1a\u63a5\u6536\u52303\u548c20\u4e24\u4e2a\u53c2\u6570\u3002\u6821\u9a8c\u51fd\u6570\u8fd4\u56de{result,errMsg}\uff0c\n\u6216\u8005\u4e00\u4e2aPromise.resolve({result,errMsg})\u7684Promise\u5bf9\u8c61\u3002result\u4e3a\u6821\u9a8c\u662f\u5426\u901a\u8fc7\uff0cerrMsg\u4e3a\u5931\u8d25\u63d0\u793a\uff0c\u5931\u8d25\u63d0\u793a\u53ef\u4ee5\u7528%s\u5360\u4f4d\uff0c\u5c55\u793a\u65f6\u4f1a\u66ff\u6362\u6210\u5b57\u6bb5\u7684label\u3002</li>\n<li>\u6821\u9a8c\u6216\u79f0Validate\uff1a\nForm\u4f1a\u5728Field\u7ec4\u4ef6\u6267\u884ctriggerValidate\u65f6\u6267\u884c\u5f53\u524dField\u7684Validate\uff0c\u8868\u5355\u63d0\u4ea4\u65f6\u6267\u884c\u6240\u6709Field\u7684Validate\u3002\nValidate\u4f1a\u4e32\u884c\u6267\u884cRULE\u91cc\u9762\u7684\u6240\u6709\u89c4\u5219\u7684\u6821\u9a8c\u51fd\u6570\uff0c\u6821\u9a8c\u51fd\u6570\u8fd4\u56dePromise\u65f6\u4e5f\u4f1a\u7b49\u5f85\u5de6\u8fb9\u7684\u6821\u9a8c\u51fd\u6570\u7684Promise\u5b8c\u6210\u518d\u6267\u884c\u53f3\u8fb9\u7684\u89c4\u5219\u6821\u9a8c\u51fd\u6570\u3002\n\u8868\u5355\u63d0\u4ea4\u65f6\uff0c\u6b63\u5728\u6267\u884c\u5f02\u6b65\u7684\u6821\u9a8c\u51fd\u6570\u7684Field\u5c06\u4e0d\u4f1a\u91cd\u590d\u6267\u884cValidate\u3002\u8868\u5355\u63d0\u4ea4\u65f6\u6240\u6709Field\u7684\u6821\u9a8c\u72b6\u6001\u4e3a\u901a\u8fc7\u65f6\u624d\u4f1a\u6267\u884conSubmit\u65b9\u6cd5\uff0c\u5426\u5219\u4f1a\u6267\u884conError\u65b9\u6cd5\uff0c\nonPrevSubmit\u65b9\u6cd5\u5728\u7528\u6237\u70b9\u51fb\u63d0\u4ea4\u6309\u94ae\u65f6\u5c31\u4f1a\u89e6\u53d1\uff0c\u4e0d\u7ba1Validate\u7ed3\u679c\u662f\u5426\u4e3a\u901a\u8fc7\u3002</li>\n<li>Event\uff1a\nForm\u91c7\u7528\u4e86\u4e8b\u4ef6\u9a71\u52a8\u7684\u65b9\u5f0f\u6765\u8bbe\u8ba1\uff0c\u7528\u4ee5\u6ee1\u8db3\u591a\u79cd\u5f02\u6b65\u6821\u9a8c\uff0c\u548c\u7ed9Form\u63d0\u4f9b\u5f3a\u5927\u7684\u53ef\u6269\u5c55\u6027\u3002\nForm\u7684API\u91cc\u9762\u53ef\u4ee5\u83b7\u53d6\u5230\u7684emitter\u5c31\u662fForm\u5185\u90e8\u7684\u4e8b\u4ef6\u53d1\u5c04\u5668\uff0c\u53ef\u4ee5\u89e6\u53d1Form\u5185\u90e8\u5b9a\u4e49\u7684\u4e8b\u4ef6\uff0c\u4e5f\u53ef\u4ee5\u81ea\u5b9a\u4e49\u4e00\u4e9b\u4e8b\u4ef6\u3002\u540c\u65f6\u53ef\u4ee5\u901a\u8fc7emitter.addListener\u76d1\u542c\u4e8b\u4ef6\u3002\nForm\u5185\u90e8\u5b9a\u4e49\u7684\u4e8b\u4ef6\u6709\uff1a\nform-field-add\uff1aField\u88ab\u6dfb\u52a0\u8fdbForm\u65f6\u89e6\u53d1\uff0c\nform-field-edit\uff1aField\u7684\u53c2\u6570\u53d1\u751f\u6539\u53d8\u65f6\u89e6\u53d1\uff0c\norm-field-remove\uff1aField\u88ab\u5378\u8f7d\u65f6\u89e6\u53d1\uff0c\nform-field-validate\uff1aField\u6267\u884cValidate\u65f6\u89e6\u53d1\uff0c\nform-field-data-change\uff1aField\u7684\u503c\u53d1\u751f\u4fee\u6539\u65f6\u89e6\u53d1\uff0c\nform-data-reset\uff1aForm\u7ec4\u4ef6\u91cd\u7f6edata\u65f6\u89e6\u53d1\uff0c\nform-data-set-field\uff1aForm\u7ec4\u4ef6\u7ed9data\u8d4b\u503c\u65f6\u89e6\u53d1\uff0c\nform-data-set-field-validate\uff1aField\u88ab\u8d4b\u503c\u65f6\u89e6\u53d1\uff0c\nform-validate-all\uff1aForm\u6267\u884c\u5168\u90e8Field\u7684Validate\u65f6\u89e6\u53d1\uff0c\u4e00\u822c\u4e3a\u8868\u5355\u63d0\u4ea4\u65f6\uff0c\nform-submit\uff1a\u8868\u5355\u63d0\u4ea4\u65f6\u89e6\u53d1\u3002</li>\n<li>\u62e6\u622a\u5668\u6216\u79f0Interceptor\uff1a\n\u6ca1\u6709Field\u53ef\u4ee5\u63a5\u6536\u4e00\u4e2ainterceptor\u53c2\u6570\uff0c\u5b57\u7b26\u4e32\u7c7b\u578b\uff0c\u548cRULE\u7c7b\u4f3c\u53ef\u4ee5\u518dpreset\u6216\u8005Form\u7684interceptors props\u4e2d\u58f0\u660e\u4ee5\u540e\u4f7f\u7528\uff0c\u53ef\u4ee5\u914d\u7f6e\u591a\u4e2a\u7528\u7a7a\u683c\u8fde\u63a5\u3002\n\u62e6\u622a\u5668\u7684\u4f5c\u7528\u662f\uff0c\u5728Field\u63a5\u6536\u5230\u4e00\u4e2a\u65b0\u7684\u503c\u65f6\uff0c\u4f1a\u4e32\u884c\u6267\u884c\u62e6\u622a\u5668\u7684output\u90e8\u5206\uff0c\u628a\u5176\u8fd4\u56de\u503c\u8f93\u51fa\u5230Form Data\u3002\n\u5728\u6267\u884cForm Data\u7684\u8d4b\u503c\u64cd\u4f5c\u65f6\u628a\u8d4b\u503c\u4f5c\u4e3a\u8f93\u5165\u4e32\u884c\u6267\u884c\u62e6\u622a\u5668\u7684input\u90e8\u5206\uff0c\u628a\u5176\u7ed3\u679c\u4f5c\u4e3aForm Data\u7684\u8f93\u5165\u3002\n\u73b0\u5728\u6709\u4e2aField\u662f\u65e5\u671f\u9009\u62e9\uff0c\u8f93\u51faDate\u7c7b\u578b\u503c\uff0c\u4f46\u662fForm Data\u8f93\u51fa\u5e0c\u671b\u5c06\u5176\u683c\u5f0f\u5316\u4e3a\u65e5\u671f\u5b57\u7b26\u4e32\uff0c\u5728\u8868\u5355\u7f16\u8f91\u65f6Form\nData\u8f93\u5165\u683c\u5f0f\u5316\u540e\u7684\u65e5\u671f\u5b57\u7b26\u4e32\uff0c\u4f46\u662fField\u53ea\u63a5\u6536Date\u7c7b\u578b\u7684\u503c\uff0c\n\u4ee5\u4e0b\u4f8b\u5b50\u53ef\u4ee5\u6765\u89e3\u51b3\u6b64\u95ee\u9898\uff1a<pre><code class="language-jsx">interceptors.input.use("date-string", (value) =&gt; {\n  return value ? new Date(value) : null;\n});\n\ninterceptors.output.use("date-string", (value) =&gt; {\n  return value ? dayjs(value).format("YYYY-MM-DD") : "";\n});\n\n&lt;Field name="date" label="\u65e5\u671f" interceptor="date-string"/&gt;\n</code></pre>\n</li>\n<li>Group\uff1a\n\u5f53Form\u7684data\u9700\u8981\u63a5\u6536\u5230\u4e00\u4e2a\u590d\u6742\u503c\u7684\u65f6\u5019\uff0c\u53ef\u4ee5\u4f7f\u7528Group\u6765\u5b9e\u73b0\uff0c\u5982\uff1a<pre><code class="language-jsx">&lt;Group name="baseInfo"&gt;\n  &lt;Field name="name" label="\u540d\u79f0"/&gt;\n  &lt;Field name="des" label="\u8bf4\u660e"/&gt;\n&lt;/Group&gt;\n</code></pre>\nForm\u7684data\u53ef\u4ee5\u63a5\u6536\u5230 {baseInfo:{name:"xxx",des:"xxx"}}\uff0cGroup\u7684name\u548cField\u7684name\u4e00\u81f4\u65f6\u4e5f\u53ef\u4ee5\u7528\u6765\u8868\u793a\u6570\u7ec4\u5982\uff1a<pre><code class="language-jsx">&lt;Group name="name"&gt;\n  &lt;Field name="name" label="\u540d\u79f0"/&gt;\n&lt;/Group&gt;\n&lt;Group name="des"&gt;\n  &lt;Field name="des" label="\u8bf4\u660e"/&gt;\n&lt;/Group&gt;\n</code></pre>\nForm\u7684data\u53ef\u4ee5\u63a5\u6536\u5230 {name:["name1","name2"],des:["des1","des2"]}\u3002\nGroup\u53ef\u4ee5\u5d4c\u5957\uff0c\u5982<pre><code class="language-jsx">&lt;Group name="baseInfo"&gt;\n  &lt;Group name="info"&gt;\n    &lt;Field name="name" label="\u540d\u79f0"/&gt;\n  &lt;/Group&gt;\n  &lt;Field name="des" label="\u8bf4\u660e"/&gt;\n&lt;/Group&gt;\n</code></pre>\nForm\u7684data\u53ef\u4ee5\u63a5\u6536\u5230 {baseInfo:{info:{name:\'xxx\'},des:\'xxx\'}}\u3002\n\u652f\u6301\u70b9\u64cd\u4f5c\uff0c\u5982\uff1a<pre><code class="language-jsx">&lt;Group name="baseInfo.info"&gt;\n  &lt;Field name="name" label="\u540d\u79f0"/&gt;\n  &lt;Field name="des" label="\u8bf4\u660e"/&gt;\n&lt;/Group&gt;\n</code></pre>\nForm\u7684data\u53ef\u4ee5\u63a5\u6536\u5230 {baseInfo:{info:{name:\'xxx\',des:\'xxx\'}}}\u3002</li>\n<li>GroupList\uff1a\n\u4f7f\u7528Group\u5b9e\u73b0\u7684\u4e00\u4e2a\u7279\u6b8a\u7684\u533a\u57df\u7528\u6765\u66f4\u65b9\u4fbf\u7684\u5b9e\u73b0\u591a\u6bb5\u5f0f\u7684\u8868\u5355\u5982\uff1a<pre><code class="language-jsx">&lt;Button onClick={()=&gt;ref.current.onAdd()}&gt;\u6dfb\u52a0&lt;/Button&gt;\n&lt;GroupList name="edu" ref={ref}&gt;\n  {(key,{index,length,onAdd,onRemore})=&gt;&lt;&gt;\n    &lt;Button onClick={onRemore}&gt;\u5220\u9664&lt;/Button&gt;\n    &lt;Field name="schoolName" label="\u5b66\u6821\u540d\u79f0"/&gt;\n    &lt;Field name="degree" label="\u5b66\u5386"/&gt;\n    &lt;Field name="des" label="\u8bf4\u660e"/&gt;\n  &lt;/&gt;}\n&lt;/GroupList&gt;\n</code></pre>\n\u4ee5\u4e0a\u662f\u4e00\u4e2a\u7b80\u5386\u7684\u5b66\u5386\u5217\u8868\u7684\u5b9e\u73b0\uff0c\u53ef\u4ee5\u70b9\u51fb\u6dfb\u52a0\u6309\u94ae\u6dfb\u52a0\u591a\u6bb5\u5b66\u5386Field\uff0c\u53ef\u4ee5\u70b9\u51fb\u5220\u9664\u6309\u94ae\u5220\u9664\u5f53\u524d\u4e00\u6bb5\u5b66\u5386Field\uff0c\nForm\u7684data\u53ef\u4ee5\u63a5\u6536\u5230\u7684 {edu:[{schoolName:\'xxx\',degree:\'xxx\',des:\'xxx\'}]}\u3002\n\u5f53\u7136\u4f60\u53ef\u4ee5\u4e0d\u7528\u4f7f\u7528\u8fd9\u6837\u5e95\u5c42\u7684API\uff0cFormInfo.List \u5df2\u7ecf\u5e2e\u4f60\u5904\u7406\u597d\u4e00\u5207\u3002</li>\n</ul>\n<h3>\u7279\u70b9</h3>\n<ul>\n<li>\u96c6\u4e2d\u5316\u6821\u9a8c\u89c4\u5219\u7ba1\u7406\uff0c\u5206\u5c42\u62bd\u8c61\uff0c\u8c03\u7528\u7b80\u4fbf</li>\n<li>\u652f\u6301\u5f02\u6b65\u6821\u9a8c\u89c4\u5219</li>\n<li>\u4e8b\u4ef6\u9a71\u52a8\u5f0f\u67b6\u6784\u8bbe\u8ba1\uff0c\u4fbf\u4e8e\u6269\u5c55</li>\n<li>\u652f\u6301Group\u53caGroupList\uff0c\u53ef\u8f7b\u677e\u5b9e\u73b0\u590d\u6742\u8868\u5355</li>\n<li>UI\uff0c\u6821\u9a8c\u903b\u8f91\u5206\u5c42\u62bd\u8c61\uff0c\u4e00\u6b21\u5c01\u88c5\u4f7f\u7528\u7b80\u5355</li>\n<li>context\u548cref\u53cc\u91cdAPI\u66b4\u9732\uff0c\u5728Form\u5185\u8fd8\u662fForm\u5916\u90fd\u80fd\u8f7b\u677e\u83b7\u53d6</li>\n<li>form-helper\u63d0\u4f9b\u57fa\u672c\u7684\u8868\u5355\u5c01\u88c5\uff0c\u7075\u6d3b\u7ec4\u5408</li>\n<li>\u652f\u6301\u62e6\u622a\u5668\uff0c\u4fbf\u6377\u5b9e\u73b0FormData\u548cField\u7684\u503c\u4e4b\u95f4\u7684\u8f6c\u6362</li>\n</ul>\n<h3>Field\u5b9e\u73b0\u89c4\u8303</h3>\n<ul>\n<li>FormInfo\u91cc\u9762\u7684Field\u90fd\u4f1a\u653e\u7f6e\u5728fields\u6587\u4ef6\u5939\uff0c\u5176\u4e2d\u6bcf\u4e2a\u6587\u4ef6\u5939\u4ee3\u8868\u4e00\u4e2aField</li>\n<li>\u4e00\u4e2aField\u53ea\u80fd\u9ed8\u8ba4\u5bfc\u51fa\u4f1a\u88ab\u5f15\u7528\uff0c\u5176\u4ed6\u7684\u65b9\u6cd5\u679a\u4e3e\u7b49\u9700\u8981\u653e\u7f6e\u5728\u9ed8\u8ba4\u5bfc\u51fa\u7684\u7ec4\u4ef6\u7684function\u7684\u9759\u6001\u5c5e\u6027\u4e0a</li>\n<li>\u4e00\u4e2aField\u7684\u9ed8\u8ba4\u5bfc\u51fa\u7ec4\u4ef6\u53ea\u80fd\u88ab\u653e\u7f6e\u5728Form\u4e2d\u4f5c\u4e3aField\u88ab\u4f7f\u7528\uff0c\u5b83\u7684Field\u7ec4\u4ef6\u4f1a\u88ab\u6302\u8f7d\u5728\u9ed8\u8ba4\u5bfc\u51fa\u7684\u7ec4\u4ef6\u7684function\u7684Field\u9759\u6001\u5c5e\u6027\u4e0a</li>\n<li>\u4e00\u4e2aField\u7684Field\u7ec4\u4ef6\u5fc5\u987b\u652f\u6301\u53d7\u63a7\u548c\u975e\u53d7\u63a7\u4e24\u79cd\u5f62\u5f0f</li>\n<li>\u4e00\u4e2aField\u7684\u5bfc\u51fa\u5fc5\u987b\u88ab\u5305\u542b\u5728FormInfo\u5bfc\u51fa\u7684formModule\u4e2d\u548cFormInfo\u4e2d\uff0c\u5373\uff1a\u4ee5\u4e0b\u4e24\u79cd\u65b9\u6cd5\u90fd\u53ef\u4ee5\u83b7\u53d6\u5230\u8be5Field<pre><code class="language-jsx">import {SomeField} from "@component/FormInfo";\n</code></pre>\n<pre><code class="language-jsx">import {formModule} from "@component/FormInfo";\nconst {SomeField} = formModule;\n</code></pre>\n</li>\n</ul>\n<h3>\u9009\u62e9\u5668\u7c7b\u578bField\u7ec4\u4ef6\u5b9e\u73b0\u89c4\u8303</h3>\n<ul>\n<li>\u5fc5\u987b\u4f7f\u7528SelectInnerInput\u4f5c\u4e3a\u9009\u62e9\u5668\u7684\u503c\u663e\u793a\u548c\u89e6\u53d1\u7684\u8f93\u5165\u6846</li>\n<li>SelectInnerInput\u53ef\u4ee5\u901a\u8fc7isPopup\u63d0\u4f9bpopup\u548cmodal\u4e24\u79cd\u5c55\u793a\u5f62\u6001\u548c\u4ea4\u4e92\u903b\u8f91\uff0cField\u7ec4\u4ef6\u53ef\u4ee5\u901a\u8fc7\u81ea\u8eab\u7684\u9ed8\u8ba4\u503c\u6216\u8005\u8c03\u7528SelectInnerInput\u65f6\u663e\u5f0f\u6307\u5b9a\u6765\u8bbe\u7f6e\u6700\u4f73\u63a8\u8350\u7684\u9ed8\u8ba4\u5f62\u5f0f\uff0c\u4e00\u822c\u60c5\u51b5\u4e00\u79cd\u9009\u62e9\u5668\u9700\u8981\u826f\u597d\u652f\u6301\u4e24\u79cd\u5f62\u5f0f</li>\n<li>SelectInnerInput\u53ef\u4ee5\u901a\u8fc7single\u51b3\u5b9a\u8f93\u51fa\u503c\u662f\u5355\u9879\u8fd8\u662f\u591a\u9879\uff0c\u5355\u9879\u548c\u591a\u9879\u7684\u4ea4\u4e92\u903b\u8f91\u4e5f\u53ef\u80fd\u4e0d\u540c\uff0cSelectInnerInput\u7684\u5185\u90e8value state\u90fd\u662f\u4f7f\u7528\u591a\u9879\u503c\u6765\u5904\u7406\u7684\uff0c\u5728\u8f93\u5165\u503c\u548c\u5728onChange\u8f93\u51fa\u65f6\u6839\u636e\u53c2\u6570\u8f6c\u5316\u6210\u6570\u7ec4\uff0c\u4e00\u822c\u60c5\u51b5\u4e00\u79cd\u9009\u62e9\u5668\u9700\u8981\u652f\u6301\u4e24\u79cd\u60c5\u51b5</li>\n<li>\u9009\u62e9\u5668\u53ef\u80fd\u4f1a\u5728\u9876\u90e8\u6709\u4e00\u4e2a\u641c\u7d22\u6846\uff0c\u901a\u8fc7\u4f7f\u7528\u65f6\u662f\u5426\u4f20\u5165getSearchProps\u6765\u51b3\u5b9a\u641c\u7d22\u6846\u662f\u5426\u663e\u793a\uff0c\u5728FormInfo/common\u4e2d\u63d0\u4f9b\u4e86\u9ed8\u8ba4\u7684SearchInput\u5b9e\u73b0\uff0cSelectInnerInput\u4e2d\u7ba1\u7406\u4e86\u5176searchText\u548csetSearchText\u72b6\u6001</li>\n<li>FormInfo/fields/AdvancedSelect/createList.js \u5b9e\u73b0\u4e86\u4e00\u4e2a\u5217\u8868\u5f0f\u9009\u62e9\u5668\uff0c\u5b9e\u73b0\u4e86\u5305\u62ec\u641c\u7d22\uff0c\u4e0b\u62c9\u52a0\u8f7d\u7b49\u903b\u8f91\uff0c\u53ea\u9700\u8981\u5b9e\u73b0\u5217\u8868\u6e32\u67d3\u903b\u8f91\u5c31\u53ef\u4ee5\u65b9\u4fbf\u7684\u6269\u5c55\u51fa\u65b0\u7684List\u7c7b\u578b\u9009\u62e9\u5668</li>\n<li>\u901a\u8fc7SelectInnerInput.useContext \u53ef\u4ee5\u62ff\u5230\u9009\u62e9\u5668\u7684\u7528\u6237\u4f20\u5165\u5c5e\u6027\uff08props\uff09\uff0c\u503c\u5230\u9009\u9879\u7684\u6620\u5c04\uff08mapping\uff09\uff0c\u641c\u7d22\u6846\u7684state\uff08searchText,setSearchText\uff09\uff0c\u6570\u636e\u52a0\u8f7d\u5668\u7684API\uff08fetchApi\uff09\u539f\u59cbvalue\u503c\uff08valueState\uff09\uff0c\u6dfb\u52a0\u6620\u5c04\u65b9\u6cd5\uff08appendItems\uff09</li>\n</ul>',api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>data</td>\n<td></td>\n<td></td>\n<td></td>\n</tr>\n<tr>\n<td>debug</td>\n<td></td>\n<td></td>\n<td></td>\n</tr>\n<tr>\n<td>rules</td>\n<td></td>\n<td></td>\n<td></td>\n</tr>\n<tr>\n<td>interceptors</td>\n<td></td>\n<td></td>\n<td></td>\n</tr>\n<tr>\n<td>noFilter</td>\n<td></td>\n<td></td>\n<td></td>\n</tr>\n<tr>\n<td>onError</td>\n<td></td>\n<td></td>\n<td></td>\n</tr>\n<tr>\n<td>onSubmit</td>\n<td></td>\n<td></td>\n<td></td>\n</tr>\n<tr>\n<td>onPrevSubmit</td>\n<td></td>\n<td></td>\n<td></td>\n</tr>\n</tbody>\n</table>\n<h3>SelectInnerInput</h3>\n<h3>formModule</h3>\n<h3>FormInfo</h3>\n<h3>preset</h3>\n<h3>List</h3>\n<h3>Form</h3>\n<p>\u540cdefault\u5bfc\u51fa\u7ec4\u4ef6</p>\n<h3>useField</h3>\n<h3>useReset</h3>\n<h3>useSubmit</h3>\n<h3>Group</h3>\n<h3>GroupList</h3>\n<h3>useFormContext</h3>\n<h3>RULES</h3>\n<h3>interceptors</h3>\n<h3>SubmitButton</h3>\n<h3>CancelButton</h3>\n<h3>ResetButton</h3>\n<h3>Field\u7c7b\u578b:antd\u7ec4\u4ef6</h3>\n<p>\u4ee5\u4e0b\u7ec4\u4ef6\u8bf7\u53c2\u8003antd\u5177\u4f53\u7684\u7ec4\u4ef6\u6587\u6863\u6b64\u5904\u4e0d\u518d\u8d58\u8ff0</p>\n<p>Checkbox,CheckboxGroup,DatePicker,Input,InputNumber,RadioGroup,Select,Switch,TextArea,TimePicker,TreeSelect</p>\n<h3>Field\u7c7b\u578b:@kne/react-form-antd\u5b9e\u73b0\u7ec4\u4ef6</h3>\n<p>DatePickerToday</p>\n<h3>Field\u7c7b\u578b:components-core\u5b9e\u73b0\u7ec4\u4ef6</h3>\n<p>AddressSelect</p>\n<p>AdvancedSelect</p>\n<p>Avatar</p>\n<p>Cascader</p>\n<p>FunctionSelect</p>\n<p>IndustrySelect</p>\n<p>Money</p>\n<p>PartSelect</p>\n<p>PhoneNumber</p>\n<p>TableDataSelect</p>\n<p>Upload</p>\n<h3>FormModal</h3>\n<p>\u4e00\u4e2aForm\u548cModal\u7ec4\u5408\u8d77\u6765\u7684\u7ec4\u4ef6\uff0c\u5b83\u9884\u7f6e\u4e86Form\u7ec4\u4ef6\uff0cchildren\u4f20\u5165\u7684\u5185\u5bb9\u548cfooter\u533a\u57df\u5747\u5728Form\u7684context\u5185</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>formProps</td>\n<td>\u540cForm\u7ec4\u4ef6\u53c2\u6570</td>\n<td>object</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>useFormModal</h3>\n<p>\u83b7\u53d6\u4e00\u4e2a\u6267\u884c\u540e\u53ef\u4ee5\u5f39\u51fa\u4e00\u4e2aFormModal\u7ec4\u4ef6\u7684\u65b9\u6cd5</p>\n<h4>return:formModal</h4>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>formModal</td>\n<td>\u6267\u884c\u540e\u53ef\u4ee5\u5f39\u51fa\u4e00\u4e2aFormModal\u5f39\u7a97\uff0c\u53c2\u6570\u540cFormModal\u7ec4\u4ef6\u53c2\u6570</td>\n<td>function</td>\n</tr>\n</tbody>\n</table>\n<h3>FormModalButton</h3>\n<p>\u70b9\u51fb\u4ee5\u540e\u53ef\u4ee5\u6267\u884c\u83b7\u53d6\u6570\u636e\uff0c\u5728\u6570\u636e\u672a\u8fd4\u56de\u65f6\u6309\u94ae\u5c55\u793a\u4e3aloading\u72b6\u6001\uff0c\u6570\u636e\u8fd4\u56de\u540e\u5f39\u51faFormModal\u5f39\u7a97</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>api</td>\n<td>@kne/react-fetch \u6240\u9700\u53c2\u6570</td>\n<td>object</td>\n<td>-</td>\n</tr>\n<tr>\n<td>modalProps</td>\n<td>\u540cFormModal\u53c2\u6570,\u5f53\u5b83\u4e3afunction\u65f6\uff0c\u6267\u884cfunction\u540e\u8fd4\u56de\u7684\u503c\u4f5c\u4e3amodalProps</td>\n<td>object,function({data,fetchApi,close})</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<p>\u5176\u4ed6\u53c2\u6570\u540cantd Button \u7ec4\u4ef6</p>",example:{isFull:!0,className:"FormInfo_f344c",style:".FormInfo_f344c .input > .ant-row > .ant-col {\n  padding: 10px 0;\n}\n.FormInfo_f344c .input .ant-space-item:last-child {\n  width: 100%;\n}",list:[{title:"\u4e00\u4e2a\u7b80\u5355\u8868\u5355\u793a\u4f8b",description:"\u5c55\u793a\u4e86\u4e00\u4e2a\u7b80\u5355\u8868\u5355\u793a\u4f8b",code:'const { default: FormInfo, Form, SubmitButton, ErrorTip, fields } = _FormInfo;\nconst { PureGlobal } = global;\nconst { useModal } = _Modal;\nconst { uniqueId } = lodash;\n\nconst {\n  Input,\n  TextArea,\n  Upload,\n  Avatar,\n  TypeDateRangePicker,\n  Rate,\n  Switch,\n  Slider,\n  MoneyInput,\n} = fields;\n\nconst BaseExample = () => {\n  const modal = useModal();\n  return (\n    <Form\n      helperGuideName="test-from"\n      lang={[\n        "cn",\n        {\n          name: "EnUS",\n          label: "\u82f1\u6587",\n          options: {\n            //labelTransform: (label) => label + "(en)",\n            ignore: [{ name: "avatar" }, { name: "photo" }],\n            disabled: [{ name: "file" }], //fields:[{name:\'name\'}]\n          },\n        },\n      ]}\n      rules={{\n        REP: (value) => {\n          return new Promise((resolve) => {\n            setTimeout(() => {\n              resolve({\n                result: false,\n                errMsg: "%s\u91cd\u590d",\n                data: {\n                  user: "\u6211\u662f\u4e00\u4e2a\u91cd\u590d\u7684\u4e1c\u897f",\n                },\n              });\n            }, 1000);\n          });\n        },\n      }}\n      onSubmit={(data) => {\n        modal({\n          title: "\u8868\u5355\u63d0\u4ea4\u6570\u636e",\n          children: <pre>{JSON.stringify(data, null, 2)}</pre>,\n        });\n      }}\n    >\n      <FormInfo\n        title="\u57fa\u672c\u4fe1\u606f"\n        list={[\n          <Avatar name="avatar" label="\u5934\u50cf" labelHidden block />,\n          <Avatar\n            name="photo"\n            label="\u8bc1\u4ef6\u7167"\n            dropModalSize="default"\n            border={50}\n            width={960}\n            height={540}\n            block\n          />,\n          <ErrorTip\n            name="name"\n            errorRender={({ validateData }) => {\n              console.log(validateData);\n              if (!validateData.REP) {\n                return null;\n              }\n              return <div>\u54c8\u54c8\u54c8{validateData.REP.user}</div>;\n            }}\n          >\n            <Input\n              name="name"\n              label="\u59d3\u540d"\n              rule="REQ LEN-3-10 REP"\n              tips="\u59d3\u540d"\n            />\n          </ErrorTip>,\n          <MoneyInput name="money" label="\u91d1\u989d" rule="REQ" tips={"money"} />,\n          <Input name="phone" label="\u624b\u673a" rule="REQ TEL" />,\n          <Input name="email" label="\u90ae\u7bb1" rule="EMAIL" />,\n          <Upload name="file" label="\u6587\u4ef6" tips="\u6587\u4ef6" block />,\n          <Rate name="rate" label="\u8bc4\u5206" tips="\u8bc4\u5206" />,\n          <Switch name="switch" label="\u5f00\u5173" tips="\u5f00\u5173" />,\n          <Slider name="slider" label="\u6ed1\u52a8\u6761" tips="\u6ed1\u52a8\u6761" />,\n          <TypeDateRangePicker\n            name="type_date"\n            label="\u65e5\u671f\u65f6\u95f4\u6bb5"\n            tips="\u65e5\u671f\u65f6\u95f4\u6bb5"\n            rule="REQ"\n          />,\n          <TextArea name="des" label="\u5907\u6ce8" tips="\u5907\u6ce8" block />,\n          <SubmitButton>\u63d0\u4ea4</SubmitButton>,\n        ]}\n      />\n    </Form>\n  );\n};\n\nrender(\n  <PureGlobal\n    preset={{\n      locale: "en-US",\n      enums: {\n        helperGuide: () => [\n          {\n            value: "test-from-name",\n            content: "\u6d4b\u8bd5\u5e2e\u52a9\u6587\u6863",\n            url: "/",\n          },\n        ],\n      },\n      apis: {\n        oss: {\n          loader: () => {\n            return window.PUBLIC_URL + "/avatar.png";\n          },\n        },\n        ossUpload: async ({ file }) => {\n          console.log(file);\n          return new Promise((resolve) => {\n            setTimeout(() => {\n              const id = uniqueId("file-");\n              resolve({\n                data: {\n                  code: 0,\n                  data: {\n                    id,\n                    originalName: id + "\u7b80\u5386.pdf",\n                  },\n                },\n              });\n            }, 1000);\n          });\n        },\n      },\n    }}\n  >\n    <BaseExample />\n  </PureGlobal>\n);\n\n',scope:[{name:"_FormInfo",packageName:"@components/FormInfo",component:a},{name:"global",packageName:"@components/Global",component:l},{name:"_Modal",packageName:"@components/Modal",component:o},{name:"lodash",packageName:"lodash",component:r}]},{title:"\u591a\u884c",description:"\u5c55\u793a\u4e86\u4e00\u4e2a\u591a\u884c\u5b57\u6bb5\u793a\u4f8b",code:'const { default: FormInfo, Form, MultiField, SubmitButton, fields } = _FormInfo;\nconst { useModal } = _Modal;\n\nconst { Input, TextArea } = fields;\n\nconst BaseExample = () => {\n  const modal = useModal();\n  return (\n    <Form\n      onSubmit={(data) => {\n        modal({\n          title: "\u8868\u5355\u63d0\u4ea4\u6570\u636e",\n          children: <pre>{JSON.stringify(data, null, 2)}</pre>,\n        });\n      }}\n    >\n      <FormInfo\n        list={[\n          <MultiField\n            name="no"\n            label="\u5355\u53f7"\n            rule="REQ"\n            field={Input}\n            maxLength={5}\n            tips={"\u5355\u53f7"}\n          />,\n          <Input name="name" label="\u540d\u79f0" />,\n          <MultiField name="description" label="\u8bf4\u660e" field={TextArea} />,\n        ]}\n      />\n      <SubmitButton>\u63d0\u4ea4</SubmitButton>\n    </Form>\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_FormInfo",packageName:"@components/FormInfo",component:a},{name:"_Modal",packageName:"@components/Modal",component:o}]},{title:"\u4e00\u4e2a\u542b\u6709\u591a\u6bb5\u5217\u8868\u7684\u8868\u5355\u793a\u4f8b",description:"\u5c55\u793a\u4e86\u4e00\u4e2a\u542b\u6709\u591a\u6bb5\u5217\u8868\u7684\u8868\u5355\u793a\u4f8b\uff0c\u5217\u8868\u7684\u6700\u5927\u957f\u5ea6\u4e3a5\uff0c\u5728\u6dfb\u52a05\u6bb5\u4e4b\u540e\u6dfb\u52a0\u6309\u94ae\u81ea\u52a8\u9690\u85cf",code:'const {\n  default: FormInfo,\n  Form,\n  List,\n  AdvancedSelect,\n  TableList,\n  Input,\n  TextArea,\n  SubmitButton,\n  FormApiButton,\n} = _FormInfo;\nconst { PureGlobal } = global;\nconst { useModal } = _Modal;\nconst { Space } = antd;\n\nconst BaseExample = () => {\n  const modal = useModal();\n  return (\n    <Form\n      onSubmit={(data) => {\n        modal({\n          title: "\u8868\u5355\u63d0\u4ea4\u6570\u636e",\n          children: <pre>{JSON.stringify(data, null, 2)}</pre>,\n        });\n      }}\n    >\n      <Space direction="vertical" size={16}>\n        <FormInfo\n          title="\u57fa\u672c\u4fe1\u606f"\n          list={[\n            <Input name="name" label="\u57fa\u672c\u540d\u79f0" rule="REQ" block />,\n            <TextArea name="des" label="\u57fa\u672c\u63cf\u8ff0" block />,\n          ]}\n        />\n        <List\n          name="list"\n          title="\u5217\u8868"\n          itemTitle={({ index }) => `\u7ecf\u5386${index + 1}`}\n          maxLength={5}\n          list={[\n            <Input name="name" label="\u540d\u79f0" rule="REQ" />,\n            <Input name="title" label="\u6807\u9898" rule="REQ" />,\n            <TextArea name="des" label="\u63cf\u8ff0" block rule="REQ" />,\n          ]}\n        />\n        <TableList\n          name="tableList"\n          title="\u8868\u683c\u5217\u8868"\n          maxLength={5}\n          minLength={1}\n          list={[\n            <Input name="name" label="\u540d\u79f0" rule="REQ" value="xxxxx" />,\n            <Input name="title" label="\u6807\u9898" rule="REQ" />,\n            <AdvancedSelect\n              name="select"\n              label="\u9009\u9879"\n              rule="REQ"\n              value={[1]}\n              api={{\n                loader: () => {\n                  return {\n                    pageData: [\n                      {\n                        label: "\u7b2c\u4e00\u9879",\n                        value: 1,\n                      },\n                      {\n                        label: "\u7b2c\u4e8c\u9879",\n                        value: 2,\n                        disabled: true,\n                      },\n                      {\n                        label: "\u7b2c\u4e09\u9879",\n                        value: 3,\n                      },\n                    ],\n                  };\n                },\n              }}\n            />,\n          ]}\n        />\n        <List\n          name="mult-list"\n          important\n          title="\u590d\u6742\u5217\u8868"\n          itemTitle={({ index }) => `\u7ecf\u5386${index + 1}`}\n          maxLength={5}\n          minLength={1}\n          list={[\n            <Input name="name" label="\u540d\u79f0" rule="REQ" />,\n            <Input name="title" label="\u6807\u9898" rule="REQ" />,\n            <TextArea name="des" label="\u63cf\u8ff0" block rule="REQ" />,\n            <TableList\n              block\n              isUnshift={false}\n              name="tableList"\n              title="\u8868\u683c\u5217\u8868"\n              maxLength={5}\n              minLength={1}\n              list={[\n                <Input name="name" label="\u540d\u79f0" rule="REQ" value="xxxxx" />,\n                <Input name="title" label="\u6807\u9898" rule="REQ" />,\n                <AdvancedSelect\n                  name="select"\n                  label="\u9009\u9879"\n                  rule="REQ"\n                  value={[1]}\n                  api={{\n                    loader: () => {\n                      return {\n                        pageData: [\n                          {\n                            label: "\u7b2c\u4e00\u9879",\n                            value: 1,\n                          },\n                          {\n                            label: "\u7b2c\u4e8c\u9879",\n                            value: 2,\n                            disabled: true,\n                          },\n                          {\n                            label: "\u7b2c\u4e09\u9879",\n                            value: 3,\n                          },\n                        ],\n                      };\n                    },\n                  }}\n                />,\n              ]}\n            />,\n          ]}\n        />\n\n        <List\n          name="mult-list-2"\n          important\n          title="\u590d\u6742\u5217\u88682"\n          itemTitle={({ index }) => `\u7ecf\u5386${index + 1}`}\n          maxLength={5}\n          minLength={1}\n          list={[\n            <Input name="name" label="\u540d\u79f0" rule="REQ" />,\n            <Input name="title" label="\u6807\u9898" rule="REQ" />,\n            <TextArea name="des" label="\u63cf\u8ff0" block rule="REQ" />,\n            <List\n              block\n              name="tableList"\n              title="\u5217\u8868"\n              maxLength={5}\n              minLength={1}\n              list={[\n                <Input name="name" label="\u540d\u79f0" rule="REQ" value="xxxxx" />,\n                <Input name="title" label="\u6807\u9898" rule="REQ" />,\n                <TextArea name="des" label="\u63cf\u8ff0" block rule="REQ" />,\n              ]}\n            />,\n          ]}\n        />\n        <FormInfo\n          list={[\n            <SubmitButton>\u63d0\u4ea4</SubmitButton>,\n            <FormApiButton\n              onClick={({ openApi }) => {\n                openApi.setFields(\n                  [\n                    {\n                      groupName: "tableList",\n                      name: "name",\n                      value: "",\n                    },\n                    {\n                      groupName: "tableList",\n                      name: "title",\n                      value: "ssssssss",\n                    },\n                  ],\n                  { runValidate: false }\n                );\n              }}\n            >\n              \u8bbe\u7f6e\u8868\u5355\u503c\n            </FormApiButton>,\n          ]}\n        />\n      </Space>\n    </Form>\n  );\n};\n\nrender(\n  <PureGlobal>\n    <BaseExample />\n  </PureGlobal>\n);\n\n',scope:[{name:"_FormInfo",packageName:"@components/FormInfo",component:a},{name:"global",packageName:"@components/Global",component:l},{name:"_Modal",packageName:"@components/Modal",component:o},{name:"antd",packageName:"antd",component:s}]},{title:"Modal Form\u5f39\u7a97",description:"\u5c55\u793a\u4e00\u4e2aform\u5f39\u7a97",code:'const { Space, Button } = antd;\nconst { PureGlobal } = global;\nconst {\n  default: FormInfo,\n  List,\n  Input,\n  TextArea,\n  FormModal,\n  useFormModal,\n  CancelButton,\n  FormApiButton,\n  SubmitButton,\n  FormModalButton,\n} = _FormInfo;\nconst { useState } = React;\nconst { default: Fetch } = fetch;\n\nconst BaseExample = () => {\n  const [open, setOpen] = useState(false);\n  const formModal = useFormModal();\n  return (\n    <Space wrap>\n      <FormModal\n        open={open}\n        title="\u8868\u5355\u5f39\u7a97"\n        onClose={() => {\n          setOpen(false);\n        }}\n        formProps={{\n          data: {\n            field1: "field1field1field1field1",\n          },\n          onSubmit: async (data) => {\n            console.log(data);\n            await new Promise((resolve) => {\n              setTimeout(() => {\n                resolve();\n              }, 1000);\n            });\n            setOpen(false);\n          },\n        }}\n      >\n        <FormInfo\n          title="\u57fa\u672c\u4fe1\u606f"\n          list={[\n            <Input name="field1" label="\u5b57\u6bb51" rule="REQ LEN-0-10" />,\n            <Input name="field2" label="\u5b57\u6bb52" rule="REQ LEN-0-10" />,\n            <TextArea name="field3" label="\u5b57\u6bb53" />,\n          ]}\n        />\n        <List\n          title="\u5217\u8868"\n          name="list"\n          maxLength={3}\n          list={[\n            <Input name="field1" label="\u5b57\u6bb51" rule="REQ LEN-0-10" />,\n            <Input name="field2" label="\u5b57\u6bb52" rule="REQ LEN-0-10" />,\n            <TextArea name="field3" label="\u5b57\u6bb53" />,\n          ]}\n        />\n      </FormModal>\n      <Button\n        onClick={() => {\n          setOpen(true);\n        }}\n      >\n        \u7ec4\u4ef6\u8c03\u7528\n      </Button>\n      <Button\n        onClick={() => {\n          const api = formModal({\n            title: "\u8868\u5355\u5f39\u7a97",\n            formProps: {\n              data: {\n                field1: "field1field1field1field1",\n              },\n              onSubmit: async (data) => {\n                console.log(data);\n                await new Promise((resolve) => {\n                  setTimeout(() => {\n                    resolve();\n                  }, 1000);\n                });\n                api.close();\n              },\n            },\n            children: (\n              <div>\n                <FormInfo\n                  title="\u57fa\u672c\u4fe1\u606f"\n                  list={[\n                    <Input name="field1" label="\u5b57\u6bb51" rule="REQ LEN-0-10" />,\n                    <Input name="field2" label="\u5b57\u6bb52" rule="REQ LEN-0-10" />,\n                    <TextArea name="field3" label="\u5b57\u6bb53" />,\n                  ]}\n                />\n                <List\n                  title="\u5217\u8868"\n                  name="list"\n                  maxLength={3}\n                  list={[\n                    <Input name="field1" label="\u5b57\u6bb51" rule="REQ LEN-0-10" />,\n                    <Input name="field2" label="\u5b57\u6bb52" rule="REQ LEN-0-10" />,\n                    <TextArea name="field3" label="\u5b57\u6bb53" />,\n                  ]}\n                />\n              </div>\n            ),\n          });\n        }}\n      >\n        hooks\u8c03\u7528\n      </Button>\n      <Button\n        onClick={() => {\n          const api = formModal({\n            title: "\u8868\u5355\u5f39\u7a97",\n            formProps: ({ data }) => {\n              return {\n                data: data,\n                onSubmit: async (data) => {\n                  console.log(data);\n                  await new Promise((resolve) => {\n                    setTimeout(() => {\n                      resolve();\n                    }, 1000);\n                  });\n                  api.close();\n                },\n              };\n            },\n            withDecorator: (render) => (\n              <Fetch\n                loader={() => {\n                  return new Promise((resolve) => {\n                    setTimeout(() => {\n                      resolve({\n                        field1: "\u6211\u63a5\u53e3\u83b7\u53d6\u7684\u6570\u636e",\n                      });\n                    }, 1000);\n                  });\n                }}\n                render={({ data }) => render({ data })}\n              />\n            ),\n            children: (\n              <div>\n                <FormInfo\n                  title="\u57fa\u672c\u4fe1\u606f"\n                  list={[\n                    <Input name="field1" label="\u5b57\u6bb51" rule="REQ LEN-0-10" />,\n                    <Input name="field2" label="\u5b57\u6bb52" rule="REQ LEN-0-10" />,\n                    <TextArea name="field3" label="\u5b57\u6bb53" />,\n                  ]}\n                />\n                <List\n                  title="\u5217\u8868"\n                  name="list"\n                  maxLength={3}\n                  list={[\n                    <Input name="field1" label="\u5b57\u6bb51" rule="REQ LEN-0-10" />,\n                    <Input name="field2" label="\u5b57\u6bb52" rule="REQ LEN-0-10" />,\n                    <TextArea name="field3" label="\u5b57\u6bb53" />,\n                  ]}\n                />\n              </div>\n            ),\n          });\n        }}\n      >\n        hooks\u52a0\u8f7dform\u6570\u636e\u8c03\u7528\n      </Button>\n      <Button\n        onClick={() => {\n          const api = formModal({\n            title: "\u8868\u5355\u5f39\u7a97",\n            footerButtons: [\n              { ButtonComponent: CancelButton, children: "\u53d6\u6d88" },\n              {\n                ButtonComponent: FormApiButton,\n                autoClose: false,\n                onClick: (context) => {\n                  console.log(context);\n                },\n                children: "FormApiButton",\n              },\n              {\n                ButtonComponent: SubmitButton,\n                autoClose: false,\n                children: "\u63d0\u4ea4",\n              },\n            ],\n            formProps: {\n              data: {\n                field1: "field1field1field1field1",\n              },\n              onSubmit: async (data) => {\n                console.log(data);\n                await new Promise((resolve) => {\n                  setTimeout(() => {\n                    resolve();\n                  }, 1000);\n                });\n                api.close();\n              },\n            },\n            children: (\n              <div>\n                <FormInfo\n                  title="\u57fa\u672c\u4fe1\u606f"\n                  list={[\n                    <Input name="field1" label="\u5b57\u6bb51" rule="REQ LEN-0-10" />,\n                    <Input name="field2" label="\u5b57\u6bb52" rule="REQ LEN-0-10" />,\n                    <TextArea name="field3" label="\u5b57\u6bb53" />,\n                  ]}\n                />\n                <List\n                  title="\u5217\u8868"\n                  name="list"\n                  maxLength={3}\n                  list={[\n                    <Input name="field1" label="\u5b57\u6bb51" rule="REQ LEN-0-10" />,\n                    <Input name="field2" label="\u5b57\u6bb52" rule="REQ LEN-0-10" />,\n                    <TextArea name="field3" label="\u5b57\u6bb53" />,\n                  ]}\n                />\n              </div>\n            ),\n          });\n        }}\n      >\n        \u81ea\u5b9a\u4e49footerButtons\n      </Button>\n      <FormModalButton\n        api={{\n          loader: () => {\n            return new Promise((resolve) => {\n              setTimeout(() => {\n                resolve({\n                  name: "Lucy",\n                  desc: "\u4e2a\u4eba\u4ecb\u7ecd\u4e2a\u4eba\u4ecb\u7ecd\u4e2a\u4eba\u4ecb\u7ecd\u4e2a\u4eba\u4ecb\u7ecd\u4e2a\u4eba\u4ecb\u7ecd\u4e2a\u4eba\u4ecb\u7ecd\u4e2a\u4eba\u4ecb\u7ecd",\n                });\n              }, 1000);\n            });\n          },\n        }}\n        modalProps={({ data, close }) => {\n          return {\n            title: "\u52a0\u8f7d\u6570\u636e\u7684form\u5f39\u7a97",\n            formProps: {\n              data,\n              onSubmit: async (data) => {\n                console.log(data);\n                await new Promise((resolve) => {\n                  setTimeout(() => {\n                    resolve();\n                  }, 1000);\n                });\n                close();\n              },\n            },\n            children: (\n              <FormInfo\n                title="\u57fa\u672c\u4fe1\u606f"\n                column={1}\n                list={[\n                  <Input name="name" label="\u59d3\u540d" rule="REQ" />,\n                  <TextArea name="desc" label="\u4ecb\u7ecd" rule="REQ" />,\n                ]}\n              />\n            ),\n          };\n        }}\n      >\n        \u52a0\u8f7dform\u6570\u636e\u6309\u94ae\n      </FormModalButton>\n    </Space>\n  );\n};\n\nrender(\n  <PureGlobal>\n    <BaseExample />\n  </PureGlobal>\n);\n\n',scope:[{name:"_FormInfo",packageName:"@components/FormInfo",component:a},{name:"global",packageName:"@components/Global",component:l},{name:"antd",packageName:"antd",component:s},{name:"fetch",packageName:"@kne/react-fetch",component:i}]},{title:"Modal Step Form\u5f39\u7a97",description:"\u5c55\u793a\u4e00\u4e2astep form\u5f39\u7a97",code:'const { Space, Button } = antd;\nconst { PureGlobal } = global;\nconst {\n  default: FormInfo,\n  List,\n  Input,\n  TextArea,\n  FormModal,\n  FormStepModal,\n  useFormModal,\n  useFormStepModal,\n  CancelButton,\n  FormApiButton,\n  SubmitButton,\n  FormModalButton,\n} = _FormInfo;\nconst { useState } = React;\nconst { default: Fetch } = fetch;\n\nconst BaseExample = () => {\n  const [open, setOpen] = useState(false);\n  const formModal = useFormStepModal();\n  return (\n    <Space wrap>\n      <FormStepModal\n        open={open}\n        title="\u8868\u5355\u5f39\u7a97"\n        onClose={() => {\n          setOpen(false);\n        }}\n        formProps={{\n          data: {\n            field1: "field1field1field1field1",\n          },\n          onSubmit: async (data) => {\n            console.log(data);\n            await new Promise((resolve) => {\n              setTimeout(() => {\n                resolve();\n              }, 1000);\n            });\n            setOpen(false);\n          },\n        }}\n        items={[\n          {\n            name: "basic",\n            title: "\u57fa\u672c\u4fe1\u606f",\n            children: (\n              <FormInfo\n                title="\u57fa\u672c\u4fe1\u606f"\n                list={[\n                  <Input name="field1" label="\u5b57\u6bb51" rule="REQ LEN-0-10" />,\n                  <Input name="field2" label="\u5b57\u6bb52" rule="REQ LEN-0-10" />,\n                  <TextArea name="field3" label="\u5b57\u6bb53" />,\n                ]}\n              />\n            ),\n          },\n          {\n            name: "list",\n            title: "\u5217\u8868\u4fe1\u606f",\n            children: (\n              <List\n                title="\u5217\u8868"\n                name="list"\n                maxLength={3}\n                list={[\n                  <Input name="field1" label="\u5b57\u6bb51" rule="REQ LEN-0-10" />,\n                  <Input name="field2" label="\u5b57\u6bb52" rule="REQ LEN-0-10" />,\n                  <TextArea name="field3" label="\u5b57\u6bb53" />,\n                ]}\n              />\n            ),\n          },\n        ]}\n      ></FormStepModal>\n      <Button\n        onClick={() => {\n          setOpen(true);\n        }}\n      >\n        \u7ec4\u4ef6\u8c03\u7528\n      </Button>\n      <Button\n        onClick={() => {\n          const api = formModal({\n            title: "\u8868\u5355\u5f39\u7a97",\n            formProps: {\n              data: {\n                field1: "field1field1field1field1",\n              },\n              onSubmit: async (data) => {\n                console.log(data);\n                await new Promise((resolve) => {\n                  setTimeout(() => {\n                    resolve();\n                  }, 1000);\n                });\n                api.close();\n              },\n            },\n            children: (\n              <div>\n                <FormInfo\n                  title="\u57fa\u672c\u4fe1\u606f"\n                  list={[\n                    <Input name="field1" label="\u5b57\u6bb51" rule="REQ LEN-0-10" />,\n                    <Input name="field2" label="\u5b57\u6bb52" rule="REQ LEN-0-10" />,\n                    <TextArea name="field3" label="\u5b57\u6bb53" />,\n                  ]}\n                />\n                <List\n                  title="\u5217\u8868"\n                  name="list"\n                  maxLength={3}\n                  list={[\n                    <Input name="field1" label="\u5b57\u6bb51" rule="REQ LEN-0-10" />,\n                    <Input name="field2" label="\u5b57\u6bb52" rule="REQ LEN-0-10" />,\n                    <TextArea name="field3" label="\u5b57\u6bb53" />,\n                  ]}\n                />\n              </div>\n            ),\n          });\n        }}\n      >\n        hooks\u8c03\u7528\n      </Button>\n      <Button\n        onClick={() => {\n          const api = formModal({\n            title: "\u8868\u5355\u5f39\u7a97",\n            formProps: ({ data }) => {\n              return {\n                data: data,\n                onSubmit: async (data) => {\n                  console.log(data);\n                  await new Promise((resolve) => {\n                    setTimeout(() => {\n                      resolve();\n                    }, 1000);\n                  });\n                  api.close();\n                },\n              };\n            },\n            withDecorator: (render) => (\n              <Fetch\n                loader={() => {\n                  return new Promise((resolve) => {\n                    setTimeout(() => {\n                      resolve({\n                        field1: "\u6211\u63a5\u53e3\u83b7\u53d6\u7684\u6570\u636e",\n                      });\n                    }, 1000);\n                  });\n                }}\n                render={({ data }) => render({ data })}\n              />\n            ),\n            children: (\n              <div>\n                <FormInfo\n                  title="\u57fa\u672c\u4fe1\u606f"\n                  list={[\n                    <Input name="field1" label="\u5b57\u6bb51" rule="REQ LEN-0-10" />,\n                    <Input name="field2" label="\u5b57\u6bb52" rule="REQ LEN-0-10" />,\n                    <TextArea name="field3" label="\u5b57\u6bb53" />,\n                  ]}\n                />\n                <List\n                  title="\u5217\u8868"\n                  name="list"\n                  maxLength={3}\n                  list={[\n                    <Input name="field1" label="\u5b57\u6bb51" rule="REQ LEN-0-10" />,\n                    <Input name="field2" label="\u5b57\u6bb52" rule="REQ LEN-0-10" />,\n                    <TextArea name="field3" label="\u5b57\u6bb53" />,\n                  ]}\n                />\n              </div>\n            ),\n          });\n        }}\n      >\n        hooks\u52a0\u8f7dform\u6570\u636e\u8c03\u7528\n      </Button>\n      <Button\n        onClick={() => {\n          const api = formModal({\n            title: "\u8868\u5355\u5f39\u7a97",\n            footerButtons: [\n              { ButtonComponent: CancelButton, children: "\u53d6\u6d88" },\n              {\n                ButtonComponent: FormApiButton,\n                autoClose: false,\n                onClick: (context) => {\n                  console.log(context);\n                },\n                children: "FormApiButton",\n              },\n              {\n                ButtonComponent: SubmitButton,\n                autoClose: false,\n                children: "\u63d0\u4ea4",\n              },\n            ],\n            formProps: {\n              data: {\n                field1: "field1field1field1field1",\n              },\n              onSubmit: async (data) => {\n                console.log(data);\n                await new Promise((resolve) => {\n                  setTimeout(() => {\n                    resolve();\n                  }, 1000);\n                });\n                api.close();\n              },\n            },\n            children: (\n              <div>\n                <FormInfo\n                  title="\u57fa\u672c\u4fe1\u606f"\n                  list={[\n                    <Input name="field1" label="\u5b57\u6bb51" rule="REQ LEN-0-10" />,\n                    <Input name="field2" label="\u5b57\u6bb52" rule="REQ LEN-0-10" />,\n                    <TextArea name="field3" label="\u5b57\u6bb53" />,\n                  ]}\n                />\n                <List\n                  title="\u5217\u8868"\n                  name="list"\n                  maxLength={3}\n                  list={[\n                    <Input name="field1" label="\u5b57\u6bb51" rule="REQ LEN-0-10" />,\n                    <Input name="field2" label="\u5b57\u6bb52" rule="REQ LEN-0-10" />,\n                    <TextArea name="field3" label="\u5b57\u6bb53" />,\n                  ]}\n                />\n              </div>\n            ),\n          });\n        }}\n      >\n        \u81ea\u5b9a\u4e49footerButtons\n      </Button>\n      <FormModalButton\n        api={{\n          loader: () => {\n            return new Promise((resolve) => {\n              setTimeout(() => {\n                resolve({\n                  name: "Lucy",\n                  desc: "\u4e2a\u4eba\u4ecb\u7ecd\u4e2a\u4eba\u4ecb\u7ecd\u4e2a\u4eba\u4ecb\u7ecd\u4e2a\u4eba\u4ecb\u7ecd\u4e2a\u4eba\u4ecb\u7ecd\u4e2a\u4eba\u4ecb\u7ecd\u4e2a\u4eba\u4ecb\u7ecd",\n                });\n              }, 1000);\n            });\n          },\n        }}\n        modalProps={({ data, close }) => {\n          return {\n            title: "\u52a0\u8f7d\u6570\u636e\u7684form\u5f39\u7a97",\n            formProps: {\n              data,\n              onSubmit: async (data) => {\n                console.log(data);\n                await new Promise((resolve) => {\n                  setTimeout(() => {\n                    resolve();\n                  }, 1000);\n                });\n                close();\n              },\n            },\n            children: (\n              <FormInfo\n                title="\u57fa\u672c\u4fe1\u606f"\n                column={1}\n                list={[\n                  <Input name="name" label="\u59d3\u540d" rule="REQ" />,\n                  <TextArea name="desc" label="\u4ecb\u7ecd" rule="REQ" />,\n                ]}\n              />\n            ),\n          };\n        }}\n      >\n        \u52a0\u8f7dform\u6570\u636e\u6309\u94ae\n      </FormModalButton>\n    </Space>\n  );\n};\n\nrender(\n  <PureGlobal>\n    <BaseExample />\n  </PureGlobal>\n);\n\n',scope:[{name:"_FormInfo",packageName:"@components/FormInfo",component:a},{name:"global",packageName:"@components/Global",component:l},{name:"antd",packageName:"antd",component:s},{name:"fetch",packageName:"@kne/react-fetch",component:i}]},{title:"Drawer Form \u62bd\u5c49\u5f39\u7a97",description:"\u5c55\u793a\u4e00\u4e2aform\u62bd\u5c49\u5f39\u7a97",code:'const { Space, Button } = antd;\nconst { PureGlobal } = global;\nconst {\n  default: FormInfo,\n  List,\n  Input,\n  TextArea,\n  FormDrawer,\n  useFormDrawer,\n  CancelButton,\n  FormApiButton,\n  SubmitButton,\n  FormDrawerButton,\n} = _FormInfo;\nconst { useState } = React;\nconst { default: Fetch } = fetch;\n\nconst BaseExample = () => {\n  const [open, setOpen] = useState(false);\n  const formDrawer = useFormDrawer();\n  return (\n    <Space wrap>\n      <FormDrawer\n        open={open}\n        title="\u8868\u5355\u5f39\u7a97"\n        onClose={() => {\n          setOpen(false);\n        }}\n        formProps={{\n          data: {\n            field1: "field1field1field1field1",\n          },\n          onSubmit: async (data) => {\n            console.log(data);\n            await new Promise((resolve) => {\n              setTimeout(() => {\n                resolve();\n              }, 1000);\n            });\n            setOpen(false);\n          },\n        }}\n      >\n        <FormInfo\n          title="\u57fa\u672c\u4fe1\u606f"\n          list={[\n            <Input name="field1" label="\u5b57\u6bb51" rule="REQ LEN-0-10" />,\n            <Input name="field2" label="\u5b57\u6bb52" rule="REQ LEN-0-10" />,\n            <TextArea name="field3" label="\u5b57\u6bb53" />,\n          ]}\n        />\n        <List\n          title="\u5217\u8868"\n          name="list"\n          maxLength={3}\n          list={[\n            <Input name="field1" label="\u5b57\u6bb51" rule="REQ LEN-0-10" />,\n            <Input name="field2" label="\u5b57\u6bb52" rule="REQ LEN-0-10" />,\n            <TextArea name="field3" label="\u5b57\u6bb53" />,\n          ]}\n        />\n      </FormDrawer>\n      <Button\n        onClick={() => {\n          setOpen(true);\n        }}\n      >\n        \u7ec4\u4ef6\u8c03\u7528\n      </Button>\n      <Button\n        onClick={() => {\n          const api = formDrawer({\n            title: "\u8868\u5355\u5f39\u7a97",\n            formProps: {\n              data: {\n                field1: "field1field1field1field1",\n              },\n              onSubmit: async (data) => {\n                console.log(data);\n                await new Promise((resolve) => {\n                  setTimeout(() => {\n                    resolve();\n                  }, 1000);\n                });\n                api.close();\n              },\n            },\n            children: (\n              <div>\n                <FormInfo\n                  title="\u57fa\u672c\u4fe1\u606f"\n                  list={[\n                    <Input name="field1" label="\u5b57\u6bb51" rule="REQ LEN-0-10" />,\n                    <Input name="field2" label="\u5b57\u6bb52" rule="REQ LEN-0-10" />,\n                    <TextArea name="field3" label="\u5b57\u6bb53" />,\n                  ]}\n                />\n                <List\n                  title="\u5217\u8868"\n                  name="list"\n                  maxLength={3}\n                  list={[\n                    <Input name="field1" label="\u5b57\u6bb51" rule="REQ LEN-0-10" />,\n                    <Input name="field2" label="\u5b57\u6bb52" rule="REQ LEN-0-10" />,\n                    <TextArea name="field3" label="\u5b57\u6bb53" />,\n                  ]}\n                />\n              </div>\n            ),\n          });\n        }}\n      >\n        hooks\u8c03\u7528\n      </Button>\n      <Button\n        onClick={() => {\n          const api = formDrawer({\n            title: "\u8868\u5355\u5f39\u7a97",\n            formProps: ({ data }) => {\n              return {\n                data: data,\n                onSubmit: async (data) => {\n                  console.log(data);\n                  await new Promise((resolve) => {\n                    setTimeout(() => {\n                      resolve();\n                    }, 1000);\n                  });\n                  api.close();\n                },\n              };\n            },\n            withDecorator: (render) => (\n              <Fetch\n                loader={() => {\n                  return new Promise((resolve) => {\n                    setTimeout(() => {\n                      resolve({\n                        field1: "\u6211\u63a5\u53e3\u83b7\u53d6\u7684\u6570\u636e",\n                      });\n                    }, 1000);\n                  });\n                }}\n                render={({ data }) => render({ data })}\n              />\n            ),\n            children: (\n              <div>\n                <FormInfo\n                  title="\u57fa\u672c\u4fe1\u606f"\n                  list={[\n                    <Input name="field1" label="\u5b57\u6bb51" rule="REQ LEN-0-10" />,\n                    <Input name="field2" label="\u5b57\u6bb52" rule="REQ LEN-0-10" />,\n                    <TextArea name="field3" label="\u5b57\u6bb53" />,\n                  ]}\n                />\n                <List\n                  title="\u5217\u8868"\n                  name="list"\n                  maxLength={3}\n                  list={[\n                    <Input name="field1" label="\u5b57\u6bb51" rule="REQ LEN-0-10" />,\n                    <Input name="field2" label="\u5b57\u6bb52" rule="REQ LEN-0-10" />,\n                    <TextArea name="field3" label="\u5b57\u6bb53" />,\n                  ]}\n                />\n              </div>\n            ),\n          });\n        }}\n      >\n        hooks\u52a0\u8f7dform\u6570\u636e\u8c03\u7528\n      </Button>\n      <Button\n        onClick={() => {\n          const api = formDrawer({\n            title: "\u8868\u5355\u5f39\u7a97",\n            footerButtons: [\n              { ButtonComponent: CancelButton, children: "\u53d6\u6d88" },\n              {\n                ButtonComponent: FormApiButton,\n                autoClose: false,\n                onClick: (context) => {\n                  console.log(context);\n                },\n                children: "FormApiButton",\n              },\n              {\n                ButtonComponent: SubmitButton,\n                autoClose: false,\n                children: "\u63d0\u4ea4",\n              },\n            ],\n            formProps: {\n              data: {\n                field1: "field1field1field1field1",\n              },\n              onSubmit: async (data) => {\n                console.log(data);\n                await new Promise((resolve) => {\n                  setTimeout(() => {\n                    resolve();\n                  }, 1000);\n                });\n                api.close();\n              },\n            },\n            children: (\n              <div>\n                <FormInfo\n                  title="\u57fa\u672c\u4fe1\u606f"\n                  list={[\n                    <Input name="field1" label="\u5b57\u6bb51" rule="REQ LEN-0-10" />,\n                    <Input name="field2" label="\u5b57\u6bb52" rule="REQ LEN-0-10" />,\n                    <TextArea name="field3" label="\u5b57\u6bb53" />,\n                  ]}\n                />\n                <List\n                  title="\u5217\u8868"\n                  name="list"\n                  maxLength={3}\n                  list={[\n                    <Input name="field1" label="\u5b57\u6bb51" rule="REQ LEN-0-10" />,\n                    <Input name="field2" label="\u5b57\u6bb52" rule="REQ LEN-0-10" />,\n                    <TextArea name="field3" label="\u5b57\u6bb53" />,\n                  ]}\n                />\n              </div>\n            ),\n          });\n        }}\n      >\n        \u81ea\u5b9a\u4e49footerButtons\n      </Button>\n      <FormDrawerButton\n        api={{\n          loader: () => {\n            return new Promise((resolve) => {\n              setTimeout(() => {\n                resolve({\n                  name: "Lucy",\n                  desc: "\u4e2a\u4eba\u4ecb\u7ecd\u4e2a\u4eba\u4ecb\u7ecd\u4e2a\u4eba\u4ecb\u7ecd\u4e2a\u4eba\u4ecb\u7ecd\u4e2a\u4eba\u4ecb\u7ecd\u4e2a\u4eba\u4ecb\u7ecd\u4e2a\u4eba\u4ecb\u7ecd",\n                });\n              }, 1000);\n            });\n          },\n        }}\n        modalProps={({ data, close }) => {\n          return {\n            title: "\u52a0\u8f7d\u6570\u636e\u7684form\u5f39\u7a97",\n            formProps: {\n              data,\n              onSubmit: async (data) => {\n                console.log(data);\n                await new Promise((resolve) => {\n                  setTimeout(() => {\n                    resolve();\n                  }, 1000);\n                });\n                close();\n              },\n            },\n            children: (\n              <FormInfo\n                title="\u57fa\u672c\u4fe1\u606f"\n                column={1}\n                list={[\n                  <Input name="name" label="\u59d3\u540d" rule="REQ" />,\n                  <TextArea name="desc" label="\u4ecb\u7ecd" rule="REQ" />,\n                ]}\n              />\n            ),\n          };\n        }}\n      >\n        \u52a0\u8f7dform\u6570\u636e\u6309\u94ae\n      </FormDrawerButton>\n    </Space>\n  );\n};\n\nrender(\n  <PureGlobal>\n    <BaseExample />\n  </PureGlobal>\n);\n\n',scope:[{name:"_FormInfo",packageName:"@components/FormInfo",component:a},{name:"global",packageName:"@components/Global",component:l},{name:"antd",packageName:"antd",component:s},{name:"fetch",packageName:"@kne/react-fetch",component:i}]},{title:"\u9009\u62e9\u63a7\u4ef6\u7684\u6570\u636e\u5c55\u793a\u6846",description:"\u5c55\u793a\u4e86\u4e00\u4e2a\u9009\u62e9\u63a7\u4ef6\u7684\u6570\u636e\u5c55\u793a\u6846\uff0c\u5b83\u662f\u5176\u4ed6\u9009\u62e9\u5668\u7684\u5b50\u7ec4\u4ef6\u4e00\u822c\u4e0d\u72ec\u7acb\u4f7f\u7528\uff0c\u5f00\u653e\u8be5\u7ec4\u4ef6\u662f\u4e3a\u4e86\u65b9\u9762\u81ea\u5b9a\u4e49\u65b0\u7684\u9009\u62e9\u63a7\u4ef6\uff0c\u4f46\u662f\u8bf7\u8c28\u614e\u4f7f\u7528",code:'const { SelectInnerInput } = _FormInfo;\nconst { PureGlobal } = global;\nconst { Space, Button, List } = antd;\nconst { default: Content } = _Content;\nconst { useState } = React;\n\nconst ControlledSelectInnerInput = (props) => {\n  const [value, setValue] = useState([1, 2, 3]);\n\n  return <SelectInnerInput {...props} value={value} onChange={setValue} />;\n};\n\nconst useSelectInnerContext = SelectInnerInput.useContext;\n\nconst ResetMapping = () => {\n  const { mapping, appendMapping } = useSelectInnerContext();\n  return (\n    <span>\n      <Button\n        onClick={() => {\n          appendMapping([\n            { label: "\u4fee\u6539\u7684\u9879", value: 1 },\n            { label: "\u65b0\u589e\u7684\u9879", value: 4 },\n          ]);\n        }}\n      >\n        \u70b9\u51fb\u8bbe\u7f6emapping\u503c\n      </Button>\n      <List\n        dataSource={mapping.values()}\n        renderItem={(item) => <div>{item.label}</div>}\n      />\n    </span>\n  );\n};\n\nconst BaseExample = () => {\n  const children = "\u9009\u533a\u5185\u5bb9";\n  return (\n    <Content\n      col={2}\n      list={[\n        {\n          label: "\u975e\u53d7\u63a7\u72b6\u6001",\n          content: (\n            <SelectInnerInput\n              defaultValue={[1, 2, 3]}\n              onChange={(value) => {\n                console.log(value);\n              }}\n            >\n              {children}\n            </SelectInnerInput>\n          ),\n        },\n        {\n          label: "\u53d7\u63a7\u72b6\u6001",\n          content: (\n            <ControlledSelectInnerInput>{children}</ControlledSelectInnerInput>\n          ),\n        },\n        {\n          label: "mapping\u503c\u663e\u793a",\n          content: (\n            <SelectInnerInput\n              defaultValue={[1, 2, 3]}\n              api={{\n                loader: () => {\n                  return new Promise((resolve) => {\n                    setTimeout(() => {\n                      resolve([\n                        { label: "\u7b2c\u4e00\u9879", value: 1 },\n                        { label: "\u7b2c\u4e8c\u9879", value: 2 },\n                        {\n                          label: "\u7b2c\u4e09\u9879",\n                          value: 3,\n                        },\n                      ]);\n                    }, 1000);\n                  });\n                },\n              }}\n            >\n              {children}\n            </SelectInnerInput>\n          ),\n        },\n        {\n          label: "\u5355\u9879\u503c\u663e\u793a",\n          content: (\n            <SelectInnerInput\n              single\n              defaultValue={1}\n              api={{\n                loader: () => {\n                  return new Promise((resolve) => {\n                    setTimeout(() => {\n                      resolve([\n                        { label: "\u7b2c\u4e00\u9879", value: 1 },\n                        { label: "\u7b2c\u4e8c\u9879", value: 2 },\n                        {\n                          label: "\u7b2c\u4e09\u9879",\n                          value: 3,\n                        },\n                      ]);\n                    }, 1000);\n                  });\n                },\n              }}\n            >\n              {children}\n            </SelectInnerInput>\n          ),\n        },\n        {\n          label: "\u591a\u9879\u8d85\u51fa\u60c5\u51b5",\n          content: (\n            <SelectInnerInput\n              defaultValue={[1, 2, 3, 4, 5, 6, 7, 8, 9]}\n              api={{\n                loader: () => {\n                  return [\n                    {\n                      label:\n                        "\u7b2c\u4e00\u9879\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f",\n                      value: 1,\n                    },\n                    {\n                      label:\n                        "\u7b2c\u4e8c\u9879\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f",\n                      value: 2,\n                    },\n                    {\n                      label: "\u7b2c\u4e09\u9879",\n                      value: 3,\n                    },\n                    {\n                      label:\n                        "\u7b2c\u56db\u9879\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f",\n                      value: 4,\n                    },\n                    {\n                      label:\n                        "\u7b2c\u4e94\u9879\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f",\n                      value: 5,\n                    },\n                    {\n                      label:\n                        "\u7b2c\u516d\u9879\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f",\n                      value: 6,\n                    },\n                    {\n                      label:\n                        "\u7b2c\u4e03\u9879\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f",\n                      value: 7,\n                    },\n                    { label: "\u7b2c\u516b\u9879", value: 8 },\n                    { label: "\u7b2c\u4e5d\u9879", value: 9 },\n                  ];\n                },\n              }}\n            >\n              {children}\n            </SelectInnerInput>\n          ),\n        },\n        {\n          label: "\u5355\u9879\u8d85\u51fa\u60c5\u51b5",\n          content: (\n            <SelectInnerInput\n              defaultValue={1}\n              single\n              api={{\n                loader: () => {\n                  return [\n                    {\n                      label:\n                        "\u7b2c\u4e00\u9879\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f",\n                      value: 1,\n                    },\n                    {\n                      label:\n                        "\u7b2c\u4e8c\u9879\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f",\n                      value: 2,\n                    },\n                    {\n                      label: "\u7b2c\u4e09\u9879",\n                      value: 3,\n                    },\n                    {\n                      label:\n                        "\u7b2c\u56db\u9879\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f",\n                      value: 4,\n                    },\n                    {\n                      label:\n                        "\u7b2c\u4e94\u9879\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f",\n                      value: 5,\n                    },\n                    {\n                      label:\n                        "\u7b2c\u516d\u9879\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f",\n                      value: 6,\n                    },\n                    {\n                      label:\n                        "\u7b2c\u4e03\u9879\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f",\n                      value: 7,\n                    },\n                    { label: "\u7b2c\u516b\u9879", value: 8 },\n                    { label: "\u7b2c\u4e5d\u9879", value: 9 },\n                  ];\n                },\n              }}\n            >\n              {children}\n            </SelectInnerInput>\n          ),\n        },\n        {\n          label: "popup\u591a\u9879\u8d85\u51fa\u60c5\u51b5",\n          content: (\n            <SelectInnerInput\n              isPopup\n              defaultValue={[1, 2, 3, 4, 5, 6, 7, 8]}\n              api={{\n                loader: () => {\n                  return [\n                    {\n                      label:\n                        "\u7b2c\u4e00\u9879\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f",\n                      value: 1,\n                    },\n                    {\n                      label:\n                        "\u7b2c\u4e8c\u9879\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f",\n                      value: 2,\n                    },\n                    {\n                      label: "\u7b2c\u4e09\u9879",\n                      value: 3,\n                    },\n                    {\n                      label:\n                        "\u7b2c\u56db\u9879\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f",\n                      value: 4,\n                    },\n                    {\n                      label: "\u7b2c\u4e94\u9879",\n                      value: 5,\n                    },\n                    {\n                      label: "\u7b2c\u516d\u9879",\n                      value: 6,\n                    },\n                    { label: "\u7b2c\u4e03\u9879", value: 7 },\n                    { label: "\u7b2c\u516b\u9879", value: 8 },\n                  ];\n                },\n              }}\n            >\n              {children}\n            </SelectInnerInput>\n          ),\n        },\n        {\n          label: "popup\u9009\u533a",\n          content: (\n            <SelectInnerInput\n              single\n              isPopup\n              defaultValue={1}\n              api={{\n                loader: () => {\n                  return new Promise((resolve) => {\n                    setTimeout(() => {\n                      resolve([\n                        { label: "\u7b2c\u4e00\u9879", value: 1 },\n                        { label: "\u7b2c\u4e8c\u9879", value: 2 },\n                        {\n                          label: "\u7b2c\u4e09\u9879",\n                          value: 3,\n                        },\n                      ]);\n                    }, 1000);\n                  });\n                },\n              }}\n            >\n              {children}\n            </SelectInnerInput>\n          ),\n        },\n        {\n          label: "\u66f4\u65b0mapping",\n          content: (\n            <SelectInnerInput\n              single\n              isPopup\n              defaultValue={1}\n              api={{\n                loader: () => {\n                  return new Promise((resolve) => {\n                    setTimeout(() => {\n                      resolve([\n                        { label: "\u7b2c\u4e00\u9879", value: 1 },\n                        { label: "\u7b2c\u4e8c\u9879", value: 2 },\n                        {\n                          label: "\u7b2c\u4e09\u9879",\n                          value: 3,\n                        },\n                      ]);\n                    }, 1000);\n                  });\n                },\n              }}\n            >\n              <ResetMapping />\n              {children}\n            </SelectInnerInput>\n          ),\n        },\n        {\n          label: "\u9690\u85cf\u5df2\u9009\u6807\u7b7e",\n          content: (\n            <SelectInnerInput\n              showSelectedTag={false}\n              defaultValue={[1, 2, 3]}\n              api={{\n                loader: () => {\n                  return [\n                    { label: "\u7b2c\u4e00\u9879", value: 1 },\n                    { label: "\u7b2c\u4e8c\u9879", value: 2 },\n                    { label: "\u7b2c\u4e09\u9879", value: 3 },\n                  ];\n                },\n              }}\n            >\n              {children}\n            </SelectInnerInput>\n          ),\n        },\n        {\n          label: "popup\u9690\u85cf\u5df2\u9009\u6807\u7b7e",\n          content: (\n            <SelectInnerInput\n              isPopup\n              showSelectedTag={false}\n              defaultValue={[1, 2, 3]}\n              api={{\n                loader: () => {\n                  return [\n                    { label: "\u7b2c\u4e00\u9879", value: 1 },\n                    { label: "\u7b2c\u4e8c\u9879", value: 2 },\n                    { label: "\u7b2c\u4e09\u9879", value: 3 },\n                  ];\n                },\n              }}\n            >\n              {children}\n            </SelectInnerInput>\n          ),\n        },\n        {\n          label: "extra",\n          content: (\n            <SelectInnerInput\n              extra={<Button>\u6dfb\u52a0</Button>}\n              defaultValue={[1, 2, 3]}\n              api={{\n                loader: () => {\n                  return [\n                    { label: "\u7b2c\u4e00\u9879", value: 1 },\n                    { label: "\u7b2c\u4e8c\u9879", value: 2 },\n                    { label: "\u7b2c\u4e09\u9879", value: 3 },\n                  ];\n                },\n              }}\n            >\n              {children}\n            </SelectInnerInput>\n          ),\n        },\n        {\n          label: "popup\u7684extra",\n          content: (\n            <SelectInnerInput\n              isPopup\n              extra={({ close }) => <Button onClick={close}>\u6dfb\u52a0</Button>}\n              defaultValue={[1, 2, 3]}\n              api={{\n                loader: () => {\n                  return [\n                    { label: "\u7b2c\u4e00\u9879", value: 1 },\n                    { label: "\u7b2c\u4e8c\u9879", value: 2 },\n                    { label: "\u7b2c\u4e09\u9879", value: 3 },\n                  ];\n                },\n              }}\n            >\n              {children}\n            </SelectInnerInput>\n          ),\n        },\n        {\n          label: "valueType\u4e3aall",\n          content: (\n            <SelectInnerInput\n              isPopup\n              valueType="all"\n              defaultValue={[\n                { label: "\u989d\u5916\u7684\u4e00\u9879", value: 100 },\n                { label: "\u989d\u5916\u7684\u4e8c\u9879", value: 200 },\n              ]}\n              api={{\n                loader: () => {\n                  return [\n                    { label: "\u7b2c\u4e00\u9879", value: 1 },\n                    { label: "\u7b2c\u4e8c\u9879", value: 2 },\n                    { label: "\u7b2c\u4e09\u9879", value: 3 },\n                  ];\n                },\n              }}\n            >\n              {children}\n            </SelectInnerInput>\n          ),\n        },\n      ]}\n    />\n  );\n};\n\nrender(\n  <PureGlobal>\n    <div className="input">\n      <BaseExample />\n    </div>\n  </PureGlobal>\n);\n\n',scope:[{name:"_FormInfo",packageName:"@components/FormInfo",component:a},{name:"global",packageName:"@components/Global",component:l},{name:"_Content",packageName:"@components/Content",component:d},{name:"antd",packageName:"antd",component:s}]},{title:"\u9ad8\u7ea7\u9009\u62e9\u7ec4\u4ef6",description:"\u5c55\u793a\u4e86\u9ad8\u7ea7\u9009\u62e9\u7ec4\u4ef6\u7684List\u5f62\u6001",code:'const { AdvancedSelect: _AdvancedSelect, SelectInnerInput } = _FormInfo;\nconst { PureGlobal } = global;\nconst { Space, Button } = antd;\nconst { default: Content } = _Content;\nconst { range, uniqueId } = lodash;\n\nconst AdvancedSelect = _AdvancedSelect.Field;\n\nconst useSelectInnerContext = SelectInnerInput.useContext;\n\nconst AddExtraButton = () => {\n  const { appendItems, fetchApi } = useSelectInnerContext();\n\n  return (\n    <Button\n      type="link"\n      onClick={() => {\n        const id = uniqueId("new_item_");\n        appendItems({\n          pageData: [\n            {\n              label: "\u6dfb\u52a0\u7684\u65b0\u9879\u76ee_" + id,\n              value: id,\n            },\n            ...fetchApi.data.pageData,\n          ],\n          totalCount: fetchApi.data.totalCount,\n        });\n      }}\n    >\n      \u6dfb\u52a0\n    </Button>\n  );\n};\n\nconst BaseExample = () => {\n  return (\n    <Content\n      col={2}\n      list={[\n        {\n          label: "\u591a\u9009",\n          content: (\n            <AdvancedSelect\n              defaultValue={[1]}\n              api={{\n                loader: () => {\n                  return {\n                    pageData: [\n                      { label: "\u7b2c\u4e00\u9879", value: 1 },\n                      { label: "\u7b2c\u4e8c\u9879", value: 2, disabled: true },\n                      {\n                        label: "\u7b2c\u4e09\u9879",\n                        value: 3,\n                      },\n                    ],\n                  };\n                },\n              }}\n              onChange={(value) => {\n                console.log(value);\n              }}\n            />\n          ),\n        },\n        {\n          label: "\u5355\u9009",\n          content: (\n            <AdvancedSelect\n              single\n              defaultValue={1}\n              api={{\n                loader: () => {\n                  return {\n                    pageData: range(0, 100).map((key) => {\n                      return {\n                        label: `\u7b2c${key + 1}\u9879`,\n                        value: key + 1,\n                        disabled: key === 2,\n                      };\n                    }),\n                  };\n                },\n              }}\n              onChange={(value) => {\n                console.log(value);\n              }}\n            />\n          ),\n        },\n        {\n          label: "\u591a\u9009modal",\n          content: (\n            <AdvancedSelect\n              defaultValue={[1]}\n              isPopup={false}\n              api={{\n                loader: () => {\n                  return {\n                    pageData: [\n                      { label: "\u7b2c\u4e00\u9879", value: 1 },\n                      { label: "\u7b2c\u4e8c\u9879", value: 2 },\n                      {\n                        label: "\u7b2c\u4e09\u9879",\n                        value: 3,\n                      },\n                    ],\n                  };\n                },\n              }}\n              onChange={(value) => {\n                console.log(value);\n              }}\n            />\n          ),\n        },\n        {\n          label: "\u5355\u9009modal",\n          content: (\n            <AdvancedSelect\n              single\n              defaultValue={1}\n              isPopup={false}\n              api={{\n                loader: () => {\n                  return {\n                    pageData: [\n                      { label: "\u7b2c\u4e00\u9879", value: 1 },\n                      { label: "\u7b2c\u4e8c\u9879", value: 2 },\n                      {\n                        label: "\u7b2c\u4e09\u9879",\n                        value: 3,\n                      },\n                    ],\n                  };\n                },\n              }}\n              onChange={(value) => {\n                console.log(value);\n              }}\n            />\n          ),\n        },\n        {\n          label: "\u63cf\u8ff0\u4fe1\u606f",\n          content: (\n            <AdvancedSelect\n              single\n              defaultValue={1}\n              api={{\n                loader: () => {\n                  return {\n                    pageData: [\n                      { label: "\u7b2c\u4e00\u9879", value: 1, description: "\u63cf\u8ff0\u4fe1\u606f" },\n                      {\n                        label: "\u7b2c\u4e8c\u9879",\n                        value: 2,\n                        description: "\u63cf\u8ff0\u4fe1\u606f",\n                      },\n                      {\n                        label: "\u7b2c\u4e09\u9879",\n                        value: 3,\n                        description: "\u63cf\u8ff0\u4fe1\u606f",\n                      },\n                    ],\n                  };\n                },\n              }}\n              onChange={(value) => {\n                console.log(value);\n              }}\n            />\n          ),\n        },\n        {\n          label: "\u5206\u9875\u52a0\u8f7d\u6570\u636e",\n          content: (\n            <AdvancedSelect\n              single\n              defaultValue={90}\n              getSearchProps={(text) => {\n                return {\n                  data: { keyword: text },\n                };\n              }}\n              displayItems={[{ label: "\u7b2c\u4e5d\u5341\u9879", value: 90 }]}\n              extra={<AddExtraButton />}\n              api={{\n                loader: ({ data }) => {\n                  const params = Object.assign(\n                    {\n                      perPage: 20,\n                      currentPage: 1,\n                    },\n                    data\n                  );\n                  return new Promise((resolve) => {\n                    setTimeout(() => {\n                      const start = (params.currentPage - 1) * params.perPage;\n                      resolve({\n                        totalCount: 100,\n                        pageData: range(start, start + 20)\n                          .map((key) => {\n                            return {\n                              label: `\u7b2c${key + 1}\u9879`,\n                              value: key + 1,\n                            };\n                          })\n                          .filter(({ label }) => {\n                            return params.keyword\n                              ? label.indexOf(params.keyword) > -1\n                              : true;\n                          }),\n                      });\n                    }, 1000);\n                  });\n                },\n              }}\n              onChange={(value) => {\n                console.log(value);\n              }}\n            />\n          ),\n        },\n        {\n          label: "modal\u5206\u9875\u52a0\u8f7d\u6570\u636e",\n          content: (\n            <AdvancedSelect\n              defaultValue={[90]}\n              isPopup={false}\n              extra={<AddExtraButton />}\n              getSearchProps={(text) => {\n                return {\n                  data: { keyword: text },\n                };\n              }}\n              displayItems={[{ label: "\u7b2c\u4e5d\u5341\u9879", value: 90 }]}\n              api={{\n                data: {\n                  perPage: 10,\n                },\n                loader: ({ data }) => {\n                  const params = Object.assign(\n                    {\n                      perPage: 20,\n                      currentPage: 1,\n                    },\n                    data\n                  );\n                  return new Promise((resolve) => {\n                    setTimeout(() => {\n                      const start = (params.currentPage - 1) * params.perPage;\n                      resolve({\n                        totalCount: 100,\n                        pageData: range(start, start + params.perPage)\n                          .map((key) => {\n                            return {\n                              label: `\u7b2c${key + 1}\u9879`,\n                              value: key + 1,\n                            };\n                          })\n                          .filter(({ label }) => {\n                            return params.keyword\n                              ? label.indexOf(params.keyword) > -1\n                              : true;\n                          }),\n                      });\n                    }, 1000);\n                  });\n                },\n              }}\n              onChange={(value) => {\n                console.log(value);\n              }}\n            />\n          ),\n        },\n      ]}\n    />\n  );\n};\n\nrender(\n  <PureGlobal>\n    <div className="input">\n      <BaseExample />\n    </div>\n  </PureGlobal>\n);\n\n',scope:[{name:"_FormInfo",packageName:"@components/FormInfo",component:a},{name:"global",packageName:"@components/Global",component:l},{name:"_Content",packageName:"@components/Content",component:d},{name:"antd",packageName:"antd",component:s},{name:"lodash",packageName:"lodash",component:r}]},{title:"\u7528\u6237\u9009\u62e9\u7ec4\u4ef6",description:"\u5728List\u7684\u4ea4\u4e92\u903b\u8f91\u57fa\u7840\u4e0a\u6269\u5c55\u51fa\u7684\u4e0d\u540c\u5217\u8868\u6837\u5f0f",code:'const { AdvancedSelect: _AdvancedSelect } = _FormInfo;\nconst { PureGlobal } = global;\nconst { Space, Button } = antd;\nconst { default: Content } = _Content;\nconst { range, uniqueId } = lodash;\n\nconst UserSelect = _AdvancedSelect.User.Field;\n\nconst BaseExample = () => {\n  return (\n    <Content\n      col={2}\n      list={[\n        {\n          label: "\u591a\u9009",\n          content: (\n            <UserSelect\n              defaultValue={[1]}\n              api={{\n                loader: () => {\n                  return {\n                    pageData: [\n                      {\n                        label: "\u7528\u6237\u4e00",\n                        value: 1,\n                        description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n                      },\n                      {\n                        label: "\u7528\u6237\u4e8c",\n                        value: 2,\n                        description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n                      },\n                      {\n                        label: "\u7528\u6237\u4e09",\n                        value: 3,\n                        description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n                      },\n                    ],\n                  };\n                },\n              }}\n              onChange={(value) => {\n                console.log(value);\n              }}\n            />\n          ),\n        },\n        {\n          label: "\u5355\u9009",\n          content: (\n            <UserSelect\n              single\n              defaultValue={1}\n              api={{\n                loader: () => {\n                  return {\n                    pageData: range(0, 30).map((key) => {\n                      return {\n                        label: `\u7528\u6237${key + 1}`,\n                        description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n                        value: key + 1,\n                      };\n                    }),\n                  };\n                },\n              }}\n              onChange={(value) => {\n                console.log(value);\n              }}\n            />\n          ),\n        },\n        {\n          label: "\u591a\u9009modal",\n          content: (\n            <UserSelect\n              defaultValue={[1]}\n              isPopup={false}\n              api={{\n                loader: () => {\n                  return {\n                    pageData: [\n                      {\n                        label: "\u7528\u6237\u4e00",\n                        value: 1,\n                        description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n                      },\n                      {\n                        label: "\u7528\u6237\u4e8c",\n                        value: 2,\n                        description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n                      },\n                      {\n                        label: "\u7528\u6237\u4e09",\n                        value: 3,\n                        description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n                      },\n                    ],\n                  };\n                },\n              }}\n              onChange={(value) => {\n                console.log(value);\n              }}\n            />\n          ),\n        },\n        {\n          label: "\u5355\u9009modal",\n          content: (\n            <UserSelect\n              single\n              defaultValue={1}\n              isPopup={false}\n              api={{\n                loader: () => {\n                  return {\n                    pageData: [\n                      {\n                        label: "\u7528\u6237\u4e00",\n                        value: 1,\n                        description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n                      },\n                      {\n                        label: "\u7528\u6237\u4e8c",\n                        value: 2,\n                        description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n                      },\n                      {\n                        label: "\u7528\u6237\u4e09",\n                        value: 3,\n                        description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n                      },\n                    ],\n                  };\n                },\n              }}\n              onChange={(value) => {\n                console.log(value);\n              }}\n            />\n          ),\n        },\n      ]}\n    />\n  );\n};\n\nrender(\n  <PureGlobal>\n    <div className="input">\n      <BaseExample />\n    </div>\n  </PureGlobal>\n);\n\n',scope:[{name:"_FormInfo",packageName:"@components/FormInfo",component:a},{name:"global",packageName:"@components/Global",component:l},{name:"_Content",packageName:"@components/Content",component:d},{name:"antd",packageName:"antd",component:s},{name:"lodash",packageName:"lodash",component:r}]},{title:"\u8868\u683c\u9009\u62e9\u7ec4\u4ef6",description:"\u5728List\u7684\u4ea4\u4e92\u903b\u8f91\u57fa\u7840\u4e0a\u6269\u5c55\u51fa\u7684\u4e0d\u540c\u5217\u8868\u6837\u5f0f",code:'const { AdvancedSelect: _AdvancedSelect } = _FormInfo;\nconst { PureGlobal } = global;\nconst { Space, Button } = antd;\nconst { default: Content } = _Content;\nconst { range, uniqueId } = lodash;\n\nconst TableSelect = _AdvancedSelect.Table.Field;\n\nconst BaseExample = () => {\n  return (\n    <Content\n      col={2}\n      list={[\n        {\n          label: "\u591a\u9009",\n          content: (\n            <TableSelect\n              defaultValue={[1]}\n              getSearchProps={(text) => {\n                return {\n                  data: { keyword: text },\n                };\n              }}\n              api={{\n                data: {\n                  perPage: 10,\n                },\n                loader: ({ data }) => {\n                  const params = Object.assign(\n                    {\n                      perPage: 20,\n                      currentPage: 1,\n                    },\n                    data\n                  );\n                  return new Promise((resolve) => {\n                    setTimeout(() => {\n                      const start = (params.currentPage - 1) * params.perPage;\n                      resolve({\n                        totalCount: 100,\n                        pageData: range(start, start + params.perPage)\n                          .map((key) => {\n                            return {\n                              label: `\u5458\u5de5${key + 1}`,\n                              company: "\u5317\u4eac\u79d1\u6280\u6709\u9650\u516c\u53f8",\n                              department: "\u6280\u672f\u90e8",\n                              value: key + 1,\n                            };\n                          })\n                          .filter(({ label }) => {\n                            return params.keyword\n                              ? label.indexOf(params.keyword) > -1\n                              : true;\n                          }),\n                      });\n                    }, 1000);\n                  });\n                },\n              }}\n              columns={[\n                {\n                  title: "\u59d3\u540d",\n                  dataIndex: "label",\n                },\n                {\n                  title: "\u6240\u5c5e\u516c\u53f8",\n                  dataIndex: "company",\n                },\n                {\n                  title: "\u6240\u5c5e\u90e8\u95e8",\n                  dataIndex: "department",\n                },\n              ]}\n              onChange={(value) => {\n                console.log(value);\n              }}\n            />\n          ),\n        },\n        {\n          label: "\u5355\u9009",\n          content: (\n            <TableSelect\n              single\n              defaultValue={1}\n              api={{\n                loader: () => {\n                  return {\n                    pageData: [\n                      {\n                        label: "\u7528\u6237\u4e00",\n                        company: "\u5317\u4eac\u79d1\u6280\u6709\u9650\u516c\u53f8",\n                        department: "\u8d22\u52a1\u90e8",\n                        value: 1,\n                      },\n                      {\n                        label: "\u7528\u6237\u4e8c",\n                        company: "\u5317\u4eac\u79d1\u6280\u6709\u9650\u516c\u53f8",\n                        department: "\u6280\u672f\u90e8",\n                        value: 2,\n                      },\n                      {\n                        label: "\u7528\u6237\u4e09",\n                        company: "\u5317\u4eac\u79d1\u6280\u6709\u9650\u516c\u53f8",\n                        department: "\u5546\u52a1\u90e8",\n                        value: 3,\n                      },\n                    ],\n                  };\n                },\n              }}\n              columns={[\n                {\n                  title: "\u59d3\u540d",\n                  dataIndex: "label",\n                },\n                {\n                  title: "\u6240\u5c5e\u516c\u53f8",\n                  dataIndex: "company",\n                },\n                {\n                  title: "\u6240\u5c5e\u90e8\u95e8",\n                  dataIndex: "department",\n                },\n              ]}\n              onChange={(value) => {\n                console.log(value);\n              }}\n            />\n          ),\n        },\n        {\n          label: "\u591a\u9009modal",\n          content: (\n            <TableSelect\n              defaultValue={[1]}\n              isPopup={false}\n              getSearchProps={(text) => {\n                return {\n                  data: { keyword: text },\n                };\n              }}\n              api={{\n                data: {\n                  perPage: 10,\n                },\n                loader: ({ data }) => {\n                  const params = Object.assign(\n                    {\n                      perPage: 20,\n                      currentPage: 1,\n                    },\n                    data\n                  );\n                  return new Promise((resolve) => {\n                    setTimeout(() => {\n                      const start = (params.currentPage - 1) * params.perPage;\n                      resolve({\n                        totalCount: 100,\n                        pageData: range(start, start + params.perPage)\n                          .map((key) => {\n                            return {\n                              label: `\u5458\u5de5${key + 1}`,\n                              company: "\u5317\u4eac\u79d1\u6280\u6709\u9650\u516c\u53f8",\n                              department: "\u6280\u672f\u90e8",\n                              value: key + 1,\n                            };\n                          })\n                          .filter(({ label }) => {\n                            return params.keyword\n                              ? label.indexOf(params.keyword) > -1\n                              : true;\n                          }),\n                      });\n                    }, 1000);\n                  });\n                },\n              }}\n              columns={[\n                {\n                  title: "\u59d3\u540d",\n                  dataIndex: "label",\n                },\n                {\n                  title: "\u6240\u5c5e\u516c\u53f8",\n                  dataIndex: "company",\n                },\n                {\n                  title: "\u6240\u5c5e\u90e8\u95e8",\n                  dataIndex: "department",\n                },\n              ]}\n              onChange={(value) => {\n                console.log(value);\n              }}\n            />\n          ),\n        },\n        {\n          label: "\u5355\u9009modal",\n          content: (\n            <TableSelect\n              single\n              isPopup={false}\n              defaultValue={1}\n              api={{\n                loader: () => {\n                  return {\n                    pageData: [\n                      {\n                        label: "\u7528\u6237\u4e00",\n                        company: "\u5317\u4eac\u79d1\u6280\u6709\u9650\u516c\u53f8",\n                        department: "\u8d22\u52a1\u90e8",\n                        value: 1,\n                      },\n                      {\n                        label: "\u7528\u6237\u4e8c",\n                        company: "\u5317\u4eac\u79d1\u6280\u6709\u9650\u516c\u53f8",\n                        department: "\u6280\u672f\u90e8",\n                        value: 2,\n                      },\n                      {\n                        label: "\u7528\u6237\u4e09",\n                        company: "\u5317\u4eac\u79d1\u6280\u6709\u9650\u516c\u53f8",\n                        department: "\u5546\u52a1\u90e8",\n                        value: 3,\n                      },\n                    ],\n                  };\n                },\n              }}\n              columns={[\n                {\n                  title: "\u59d3\u540d",\n                  dataIndex: "label",\n                },\n                {\n                  title: "\u6240\u5c5e\u516c\u53f8",\n                  dataIndex: "company",\n                },\n                {\n                  title: "\u6240\u5c5e\u90e8\u95e8",\n                  dataIndex: "department",\n                },\n              ]}\n              onChange={(value) => {\n                console.log(value);\n              }}\n            />\n          ),\n        },\n      ]}\n    />\n  );\n};\n\nrender(\n  <PureGlobal>\n    <div className="input">\n      <BaseExample />\n    </div>\n  </PureGlobal>\n);\n\n',scope:[{name:"_FormInfo",packageName:"@components/FormInfo",component:a},{name:"global",packageName:"@components/Global",component:l},{name:"_Content",packageName:"@components/Content",component:d},{name:"antd",packageName:"antd",component:s},{name:"lodash",packageName:"lodash",component:r}]},{title:"\u5730\u5740\u9009\u62e9\u7ec4\u4ef6",description:"\u5c55\u793a\u5730\u5740\u9009\u62e9\u7ec4\u4ef6",code:'const { AddressSelect: _AddressSelect, AddressInput: _AddressInput } =\n  _FormInfo;\nconst { PureGlobal } = global;\nconst { Space, Button } = antd;\nconst { default: Content } = _Content;\nconst { range, uniqueId } = lodash;\n\nconst AddressSelect = _AddressSelect.Field;\nconst AddressEnum = _AddressSelect.AddressEnum;\nconst AddressInput = _AddressInput.Field;\n\nconst BaseExample = () => {\n  return (\n    <Content\n      col={2}\n      list={[\n        {\n          label: "\u591a\u9009",\n          content: (\n            <AddressSelect\n              maxLength={3}\n              defaultValue={["110"]}\n              onChange={(value) => {\n                console.log(value);\n              }}\n            />\n          ),\n        },\n        {\n          label: "\u5355\u9009",\n          content: (\n            <AddressSelect\n              single\n              defaultValue={"110"}\n              onChange={(value) => {\n                console.log(value);\n              }}\n            />\n          ),\n        },\n        {\n          label: "modal\u591a\u9009",\n          content: (\n            <AddressSelect\n              maxLength={3}\n              isPopup={false}\n              defaultValue={["110"]}\n              onChange={(value) => {\n                console.log(value);\n              }}\n            />\n          ),\n        },\n        {\n          label: "modal\u5355\u9009",\n          content: (\n            <AddressSelect\n              isPopup={false}\n              single\n              defaultValue={"110"}\n              onChange={(value) => {\n                console.log(value);\n              }}\n            />\n          ),\n        },\n        {\n          label: "valueType\u4e3aall",\n          content: (\n            <AddressSelect\n              valueType="all"\n              onChange={(value) => {\n                console.log(value);\n              }}\n            />\n          ),\n        },\n        {\n          label: "\u5730\u5740\u663e\u793a",\n          content: <AddressEnum name="270070" />,\n        },\n        {\n          label: "\u663e\u793a\u7236\u7ea7",\n          content: <AddressEnum name="270070" displayParent />,\n        },\n        {\n          label: "\u5730\u5740\u8f93\u5165",\n          content: (\n            <AddressInput\n              onChange={(value) => {\n                console.log(value);\n              }}\n            />\n          ),\n        },\n      ]}\n    />\n  );\n};\n\nrender(\n  <PureGlobal preset={{ locale: "en-US" }}>\n    <div className="input">\n      <BaseExample />\n    </div>\n  </PureGlobal>\n);\n\n',scope:[{name:"_FormInfo",packageName:"@components/FormInfo",component:a},{name:"global",packageName:"@components/Global",component:l},{name:"_Content",packageName:"@components/Content",component:d},{name:"antd",packageName:"antd",component:s},{name:"lodash",packageName:"lodash",component:r}]},{title:"\u7ea7\u8054\u9009\u62e9\u7ec4\u4ef6",description:"\u5c55\u793a\u7ea7\u8054\u9009\u62e9\u7ec4\u4ef6",code:'const { Cascader: _Cascader } = _FormInfo;\nconst { PureGlobal } = global;\nconst { default: Content } = _Content;\n\nconst { range, get } = lodash;\n\nconst Cascader = _Cascader.Field;\n\nconst BaseExample = () => {\n  return (\n    <Content\n      col={2}\n      list={[\n        {\n          label: "\u4e00\u6b21\u6027\u83b7\u53d6\u6570\u636e",\n          content: (\n            <Cascader\n              onlyAllowLastLevel\n              single\n              api={{\n                loader: async () => {\n                  return new Promise((resolve) => {\n                    setTimeout(() => {\n                      resolve([\n                        {\n                          id: "client",\n                          value: "client",\n                          type: "module",\n                          name: "\u5ba2\u6237",\n                          label: "\u5ba2\u6237",\n                          children: [\n                            {\n                              id: "client-list",\n                              value: "client-list",\n                              type: "feature",\n                              name: "\u5ba2\u6237\u5217\u8868\u9875",\n                              label: "\u5ba2\u6237\u5217\u8868\u9875",\n                            },\n                            {\n                              id: "client-detail",\n                              value: "client-detail",\n                              type: "module",\n                              name: "\u5ba2\u6237\u8be6\u60c5\u9875",\n                              label: "\u5ba2\u6237\u8be6\u60c5\u9875",\n                              children: [\n                                {\n                                  id: "contract",\n                                  value: "contract",\n                                  type: "module",\n                                  name: "\u5408\u540c\u4fe1\u606f",\n                                  label: "\u5408\u540c\u4fe1\u606f",\n                                },\n                              ],\n                            },\n                            {\n                              id: "client-form",\n                              value: "client-form",\n                              type: "feature",\n                              name: "\u5ba2\u6237\u8868\u5355",\n                              label: "\u5ba2\u6237\u8868\u5355",\n                              children: [\n                                {\n                                  id: "taxpayerIdNumber",\n                                  value: "taxpayerIdNumber",\n                                  type: "feature",\n                                  name: "\u7a0e\u53f7",\n                                  label: "\u7a0e\u53f7",\n                                },\n                              ],\n                            },\n                          ],\n                        },\n                        {\n                          id: "position",\n                          value: "position",\n                          type: "module",\n                          name: "\u804c\u4f4d",\n                          label: "\u804c\u4f4d",\n                          children: [\n                            {\n                              id: "position-list",\n                              value: "position-list",\n                              type: "feature",\n                              name: "\u804c\u4f4d\u5217\u8868\u9875",\n                              label: "\u804c\u4f4d\u5217\u8868\u9875",\n                            },\n                            {\n                              id: "position-detail",\n                              value: "position-detail",\n                              type: "module",\n                              name: "\u804c\u4f4d\u8be6\u60c5\u9875",\n                              label: "\u804c\u4f4d\u8be6\u60c5\u9875",\n                            },\n                            {\n                              id: "position-form",\n                              value: "position-form",\n                              type: "feature",\n                              name: "\u804c\u4f4d\u8868\u5355",\n                              label: "\u804c\u4f4d\u8868\u5355",\n                              children: [\n                                {\n                                  id: "industry",\n                                  value: "industry",\n                                  type: "feature",\n                                  name: "\u884c\u4e1a",\n                                  label: "\u884c\u4e1a",\n                                },\n                              ],\n                            },\n                          ],\n                        },\n                      ]);\n                    }, 1000);\n                  });\n                },\n              }}\n              onChange={(value) => {\n                console.log(value);\n              }}\n            />\n          ),\n        },\n        {\n          label: "\u5206\u5c42\u52a0\u8f7d\u6570\u636e",\n          content: (\n            <Cascader\n              openLoadData\n              onSearch={async (searchText) => {\n                return range(0, 20).map((key) => {\n                  const parentId = "2";\n                  return {\n                    id: `${parentId ? `${parentId}-` : ""}${key + 1}`,\n                    label: `\u8282\u70b9-${searchText}-${\n                      parentId ? `${parentId}-` : ""\n                    }${key + 1}`,\n                    parentId,\n                  };\n                });\n              }}\n              api={{\n                loader: async ({ data }) => {\n                  const parentId = get(data, "id", "");\n                  const level = parentId.split("-").length;\n                  console.log("loadData", parentId, level);\n                  return new Promise((resolve) => {\n                    setTimeout(() => {\n                      resolve(\n                        range(0, 20).map((key) => {\n                          return Object.assign(\n                            {\n                              id: `${parentId ? `${parentId}-` : ""}${key + 1}`,\n                              label: `\u8282\u70b9-${parentId ? `${parentId}-` : ""}${\n                                key + 1\n                              }`,\n                              parentId,\n                            },\n                            level >= 3 ? { children: null } : {}\n                          );\n                        })\n                      );\n                    }, 1000);\n                  });\n                },\n              }}\n            />\n          ),\n        },\n        {\n          label: "modal\u5206\u5c42\u52a0\u8f7d\u6570\u636e",\n          content: (\n            <Cascader\n              openLoadData\n              isPopup={false}\n              api={{\n                loader: async ({ data }) => {\n                  const parentId = get(data, "id", "");\n                  const level = parentId.split("-").length;\n                  console.log("loadData", parentId, level);\n                  return new Promise((resolve) => {\n                    setTimeout(() => {\n                      resolve(\n                        range(0, 20).map((key) => {\n                          return Object.assign(\n                            {\n                              id: `${parentId ? `${parentId}-` : ""}${key + 1}`,\n                              label: `\u8282\u70b9-${parentId ? `${parentId}-` : ""}${\n                                key + 1\n                              }`,\n                              parentId,\n                            },\n                            level >= 3 ? { children: null } : {}\n                          );\n                        })\n                      );\n                    }, 1000);\n                  });\n                },\n              }}\n            />\n          ),\n        },\n      ]}\n    />\n  );\n};\n\nrender(\n  <PureGlobal>\n    <div className="input">\n      <BaseExample />\n    </div>\n  </PureGlobal>\n);\n\n',scope:[{name:"_FormInfo",packageName:"@components/FormInfo",component:a},{name:"global",packageName:"@components/Global",component:l},{name:"_Content",packageName:"@components/Content",component:d},{name:"lodash",packageName:"lodash",component:r}]},{title:"\u804c\u80fd\u9009\u62e9",description:"\u5c55\u793a\u884c\u4e1a\u804c\u80fd\u9009\u62e9",code:'const { FunctionSelect: _FunctionSelect } = _FormInfo;\nconst { PureGlobal } = global;\nconst { default: Content } = _Content;\n\nconst { range, get } = lodash;\n\nconst FunctionSelect = _FunctionSelect.Field;\n\nconst BaseExample = () => {\n  return (\n    <Content\n      col={2}\n      list={[\n        {\n          label: "\u804c\u80fd\u9009\u62e9",\n          content: (\n            <FunctionSelect\n              onChange={(value) => {\n                console.log(value);\n              }}\n            />\n          ),\n        },\n        {\n          label: "modal\u804c\u80fd\u9009\u62e9",\n          content: (\n            <FunctionSelect\n              isPopup={false}\n              onChange={(value) => {\n                console.log(value);\n              }}\n            />\n          ),\n        },\n        {\n          label: "\u804c\u80fd\u9009\u62e9\u65e0\u641c\u7d22",\n          content: (\n            <FunctionSelect\n              search={null}\n              onChange={(value) => {\n                console.log(value);\n              }}\n            />\n          ),\n        },\n        {\n          label: "\u804c\u80fd\u679a\u4e3e\u663e\u793a",\n          content: <FunctionSelect.Enum name="001" />,\n        },\n      ]}\n    />\n  );\n};\n\nrender(\n  <PureGlobal preset={{ locale: "en-US" }}>\n    <div className="input">\n      <BaseExample />\n    </div>\n  </PureGlobal>\n);\n\n',scope:[{name:"_FormInfo",packageName:"@components/FormInfo",component:a},{name:"global",packageName:"@components/Global",component:l},{name:"_Content",packageName:"@components/Content",component:d},{name:"lodash",packageName:"lodash",component:r}]},{title:"\u884c\u4e1a\u9009\u62e9",description:"\u5c55\u793a\u884c\u4e1a\u9009\u62e9\u7ec4\u4ef6",code:'const { IndustrySelect: _IndustrySelect } = _FormInfo;\nconst { PureGlobal } = global;\nconst { default: Content } = _Content;\n\nconst { range, get } = lodash;\n\nconst IndustrySelect = _IndustrySelect.Field;\n\nconst BaseExample = () => {\n  return (\n    <Content\n      col={2}\n      list={[\n        {\n          label: "\u884c\u4e1a\u9009\u62e9",\n          content: (\n            <IndustrySelect\n              defaultValue={["001"]}\n              onChange={(value) => {\n                console.log(value);\n              }}\n            />\n          ),\n        },\n        {\n          label: "modal\u884c\u4e1a\u9009\u62e9",\n          content: (\n            <IndustrySelect\n              isPopup={false}\n              onChange={(value) => {\n                console.log(value);\n              }}\n            />\n          ),\n        },\n        {\n          label: "\u804c\u80fd\u679a\u4e3e\u663e\u793a",\n          content: <IndustrySelect.Enum name="004" />,\n        },\n      ]}\n    />\n  );\n};\n\nrender(\n  <PureGlobal preset={{ locale: "en-US" }}>\n    <div className="input">\n      <BaseExample />\n    </div>\n  </PureGlobal>\n);\n\n',scope:[{name:"_FormInfo",packageName:"@components/FormInfo",component:a},{name:"global",packageName:"@components/Global",component:l},{name:"_Content",packageName:"@components/Content",component:d},{name:"lodash",packageName:"lodash",component:r}]},{title:"\u91d1\u989d\u8f93\u5165",description:"\u5c55\u793a\u91d1\u989d\u8f93\u5165\u7ec4\u4ef6",code:'const { MoneyInput: _MoneyInput } = _FormInfo;\nconst { PureGlobal } = global;\nconst { default: Content } = _Content;\n\nconst MoneyInput = _MoneyInput.Field;\n\nconst BaseExample = () => {\n  return (\n    <Content\n      col={2}\n      list={[\n        {\n          label: "\u91d1\u989d\u8f93\u5165",\n          content: <MoneyInput />,\n        },\n      ]}\n    />\n  );\n};\n\nrender(\n  <PureGlobal>\n    <div className="input">\n      <BaseExample />\n    </div>\n  </PureGlobal>\n);\n\n',scope:[{name:"_FormInfo",packageName:"@components/FormInfo",component:a},{name:"global",packageName:"@components/Global",component:l},{name:"_Content",packageName:"@components/Content",component:d}]},{title:"\u7535\u8bdd\u53f7\u7801\u8f93\u5165",description:"\u5c55\u793a\u7535\u8bdd\u53f7\u7801\u8f93\u5165\u7ec4\u4ef6",code:'const { PhoneNumber: _PhoneNumber } = _FormInfo;\nconst { PureGlobal } = global;\nconst { default: Content } = _Content;\n\nconst PhoneNumber = _PhoneNumber.Field;\n\nconst BaseExample = () => {\n  return (\n    <Content\n      col={2}\n      list={[\n        {\n          label: "\u7535\u8bdd\u8f93\u5165",\n          content: (\n            <PhoneNumber\n              onChange={(value) => {\n                console.log(value);\n              }}\n            />\n          ),\n        },\n      ]}\n    />\n  );\n};\n\nrender(\n  <PureGlobal>\n    <div className="input">\n      <BaseExample />\n    </div>\n  </PureGlobal>\n);\n\n',scope:[{name:"_FormInfo",packageName:"@components/FormInfo",component:a},{name:"global",packageName:"@components/Global",component:l},{name:"_Content",packageName:"@components/Content",component:d}]},{title:"\u85aa\u8d44\u7ec4\u4ef6",description:"\u5c55\u793a\u586b\u5199\u85aa\u8d44\u8303\u56f4\u8f93\u5165\u7ec4\u4ef6",code:'const { SalaryInput, Form } = _FormInfo;\nconst { PureGlobal } = global;\nconst { default: Content } = _Content;\n\nconst SalaryInputField = SalaryInput.Field;\n\nconst BaseExample = () => {\n  return (\n    <div>\n      <Content\n        col={1}\n        list={[\n          {\n            label: "\u85aa\u8d44\u8303\u56f4",\n            content: (\n              <SalaryInputField\n                onChange={(value) => {\n                  console.log(value);\n                }}\n              />\n            ),\n          },\n        ]}\n      />\n      <Form\n        rules={{\n          SALARYRANGE: ({ min, max, type }) => {\n            if (type !== 1) {\n              if (!min || !max) {\n                return {\n                  result: false,\n                  errMsg: `${!min ? "\u6700\u4f4e\u85aa\u8d44" : "\u6700\u9ad8\u85aa\u8d44"}\u4e0d\u80fd\u4e3a\u7a7a`,\n                };\n              }\n              if (min > max) {\n                return {\n                  result: false,\n                  errMsg: "\u6700\u9ad8\u85aa\u8d44\u5e94\u5927\u4e8e\u6700\u4f4e\u85aa\u8d44",\n                };\n              }\n            }\n            return {\n              result: true,\n              errMsg: "",\n            };\n          },\n        }}\n        data={{ salaryRange: { type: 5, month: 12 } }}\n      >\n        <SalaryInput\n          name="salaryRange"\n          label="\u85aa\u8d44\u8303\u56f4"\n          rule="REQ SALARYRANGE"\n          showMonth\n          remindUnit\n        />\n      </Form>\n    </div>\n  );\n};\n\nrender(\n  <PureGlobal>\n    <div className="input">\n      <BaseExample />\n    </div>\n  </PureGlobal>\n);\n\n',scope:[{name:"_FormInfo",packageName:"@components/FormInfo",component:a},{name:"global",packageName:"@components/Global",component:l},{name:"_Content",packageName:"@components/Content",component:d}]},{title:"\u53ef\u7f16\u8f91\u7684\u8868\u683c\u8868\u5355",description:"\u53ef\u7f16\u8f91\u7684\u8868\u683c\u8868\u5355",code:'const { TableInput, Form, Input, SubmitButton } = _FormInfo;\nconst { PureGlobal } = global;\nconst { default: Content } = _Content;\n\nconst BaseExample = () => {\n  return (\n    <div>\n      <Form\n        data={{\n          tableInput: {\n            1: { otherCode: "111" },\n            2: { otherCode: "222" },\n          },\n        }}\n        onSubmit={(formData) => {\n          console.log(formData);\n        }}\n      >\n        <TableInput\n          controllerOpen={false}\n          name="tableInput"\n          label="\u8868\u683c\u8868\u5355"\n          columns={[\n            {\n              title: "\u7cfb\u7edf\u5b57\u6bb5",\n              dataIndex: "systemCode",\n              key: "systemCode",\n              width: 200,\n            },\n            {\n              title: "\u5bf9\u5e94\u7684\u5b57\u6bb5",\n              dataIndex: "otherCode",\n              key: "otherCode",\n              editable: (text, record, index) => index !== 0,\n              field: {\n                type: Input,\n                rule: "REQ",\n                getValue: (e) => e.target.value,\n              },\n            },\n          ]}\n          api={{\n            loader: () => {\n              return {\n                pageData: [\n                  {\n                    id: 1,\n                    systemCode: "\u6d41\u6c34\u53f7",\n                  },\n                  {\n                    id: 2,\n                    systemCode: "\u6d41\u6c34\u53f72",\n                  },\n                ],\n              };\n            },\n          }}\n          onChange={(value) => {\n            console.log(value);\n          }}\n        />\n        <SubmitButton>\u63d0\u4ea4</SubmitButton>\n      </Form>\n    </div>\n  );\n};\n\nrender(\n  <PureGlobal>\n    <div className="input">\n      <BaseExample />\n    </div>\n  </PureGlobal>\n);\n\n',scope:[{name:"_FormInfo",packageName:"@components/FormInfo",component:a},{name:"global",packageName:"@components/Global",component:l},{name:"_Content",packageName:"@components/Content",component:d},{name:"antd",packageName:"antd",component:s}]},{title:"\u53ef\u6269\u5c55\u7684AdvanceSelect",description:"AdvanceSelect\u652f\u6301\u5de6\u53f3\u5e03\u5c40",code:'const { AdvancedSelect } = _FormInfo;\nconst { PureGlobal } = global;\nconst { default: Icon } = icon;\nconst { useState } = React;\nconst { range, merge, get } = _lodash;\nconst dayjs = _dayjs;\nconst { Col } = _antd;\n\nconst BaseExample = () => {\n  return (\n    <PureGlobal\n      preset={{\n        ajax: () => {\n          return Promise.resolve({ data: { code: 0, data: [] } });\n        },\n      }}\n    >\n      <AdvancedSelect.Field\n        getSearchProps={(text) => {\n          return {\n            data: { keyword: text },\n          };\n        }}\n        displayItems={[{ label: "\u7b2c\u4e5d\u5341\u9879", value: 90 }]}\n        api={{\n          loader: ({ data }) => {\n            const params = Object.assign(\n              {\n                perPage: 20,\n                currentPage: 1,\n              },\n              data\n            );\n            return new Promise((resolve) => {\n              setTimeout(() => {\n                const start = (params.currentPage - 1) * params.perPage;\n                resolve({\n                  totalCount: 100,\n                  pageData: range(start, start + 20)\n                    .map((key) => {\n                      return {\n                        label: `\u7b2c${key + 1}\u9879`,\n                        value: key + 1,\n                      };\n                    })\n                    .filter(({ label }) => {\n                      return params.keyword\n                        ? label.indexOf(params.keyword) > -1\n                        : true;\n                    }),\n                });\n              }, 1000);\n            });\n          },\n        }}\n        onChange={(value) => {\n          console.log(value);\n        }}\n        single\n        isPopup={false}\n        label={"\u9762\u8bd5\u5b98"}\n        placeholder={"\u9009\u62e9\u9762\u8bd5\u5b98"}\n        modalSize={"large"}\n        wrapClassName={"calendar-modal"}\n        selectIcon={\n          <div>\n            <Icon type={"icon-gouxuan"} />\n          </div>\n        }\n        leftSpan={6}\n        right={() => (\n          <Col flex={1}>\n            <div>\u6211\u662fheader</div>\n            <div>\u6211\u662fbody</div>\n          </Col>\n        )}\n        leftBottom={() => <div>\u6211\u662fleftBottom</div>}\n      />\n    </PureGlobal>\n  );\n};\nrender(<BaseExample />);\n\n',scope:[{name:"_FormInfo",packageName:"@components/FormInfo",component:a},{name:"icon",packageName:"@components/Icon",component:c},{name:"_antd",packageName:"antd",component:s},{name:"global",packageName:"@components/Global",component:l},{name:"_lodash",packageName:"lodash",component:r},{name:"_dayjs",packageName:"dayjs",component:u}]}]}}},89896:(n,e,t)=>{"use strict";t.d(e,{A:()=>o});var a=t(76329),l=t(55199);const o={name:"Global",summary:"<h3>\u4f55\u65f6\u4f7f\u7528</h3>\n<p>\u5728\u4f7f\u7528components-core\u7684\u4efb\u4f55\u7ec4\u4ef6\u7684\u4e1a\u52a1\u7cfb\u7edf\uff0c\u9700\u8981\u5c06\u8be5\u7ec4\u4ef6\u653e\u7f6e\u4e8e\u6700\u5916\u5c42\uff0c\u5e76\u4e14\u6309\u7167\u8981\u6c42\u6b63\u786e\u8bbe\u7f6epreset\u3002</p>\n<p>\u4ee5\u4e0b\u662fcomponents-core\u7ec4\u4ef6\u7cfb\u7edf\u4e2d\u9700\u8981\u8bbe\u7f6e\u7684preset\u503c\uff0c\u53ca\u4f7f\u7528\u8fd9\u4e9b\u503c\u7684\u7ec4\u4ef6</p>\n<table>\n<thead>\n<tr>\n<th>\u540d\u79f0</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u4f7f\u7528\u7ec4\u4ef6</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>permissions</td>\n<td>\u914d\u7f6e\u529f\u80fd\u6743\u9650\u5217\u8868\uff0cPermissions\u6839\u636e\u8be5\u5217\u8868\u91cc\u9762\u662f\u5426\u5b58\u5728\u67d0\u6743\u9650\u540d\u79f0\u5224\u65ad\u7528\u6237\u662f\u5426\u5177\u6709\u8be5\u529f\u80fd\u6743\u9650\uff0c\u6765\u63a7\u5236\u5bf9\u5e94\u64cd\u4f5c\u884c\u4e3a</td>\n<td>array</td>\n<td>Permissions</td>\n</tr>\n<tr>\n<td>ajax</td>\n<td>\u7528\u4e8e\u53d1\u9001ajax\u8bf7\u6c42\u7684\u65b9\u6cd5\uff0c\u4e00\u822c\u60c5\u51b5\u4e0b\u5176\u5e94\u8be5\u662f\u4e00\u4e2aaxios\u5bf9\u8c61</td>\n<td>object</td>\n<td>Image</td>\n</tr>\n<tr>\n<td>apis</td>\n<td>\u7528\u4e8e\u548c\u540e\u7aef\u8fdb\u884c\u4e00\u4e9b\u4ea4\u4e92\u884c\u4e3a\u7684\u63a5\u53e3\u96c6\u5408</td>\n<td>object</td>\n<td>Image</td>\n</tr>\n<tr>\n<td>apis.oss</td>\n<td>\u7528\u4e8e\u901a\u8fc7\u4e00\u4e2aossId\u5411\u540e\u7aefoss\u670d\u52a1\u83b7\u53d6\u4e00\u4e2a\u53ef\u4ee5\u8bbf\u95ee\u5230\u6307\u5b9a\u6587\u4ef6\u7684url</td>\n<td>object</td>\n<td>Image</td>\n</tr>\n<tr>\n<td>apis.ossUpload</td>\n<td>\u7528\u4e8e\u5411oss\u670d\u52a1\u4e0a\u4f20\u4e00\u4e2a\u6587\u4ef6</td>\n<td>object</td>\n<td>FormInfo.Upload,FormInfo.Avatar</td>\n</tr>\n<tr>\n<td>features</td>\n<td>\u7528\u4e8e\u914d\u7f6e\u7cfb\u7edf\u7684\u7279\u6027\u53c2\u6570</td>\n<td>object</td>\n<td>Features</td>\n</tr>\n<tr>\n<td>features.profile</td>\n<td>\u7cfb\u7edf\u7684\u7279\u6027\u5217\u8868\u53c2\u8003\u7ec4\u4ef6Features</td>\n<td>object</td>\n<td>Features</td>\n</tr>\n<tr>\n<td>features.debug</td>\n<td>\u7279\u6027\u7684\u8c03\u8bd5\u6a21\u5f0f\uff0c\u53ef\u4ee5\u5728\u63a7\u5236\u53f0\u6253\u5370Features\u7684id\u548c\u72b6\u6001</td>\n<td>boolean</td>\n<td>Features</td>\n</tr>\n<tr>\n<td>enums</td>\n<td>\u516c\u5171\u679a\u4e3e\u503c\uff0c\u8be6\u60c5\u53c2\u770bEnum\u7ec4\u4ef6</td>\n<td>object</td>\n<td>Enum</td>\n</tr>\n<tr>\n<td>enums.helperGuide</td>\n<td>\u5e2e\u52a9\u6587\u6863\u679a\u4e3e\u914d\u7f6e</td>\n<td>function</td>\n<td>HelperGuide</td>\n</tr>\n<tr>\n<td>formInfo</td>\n<td>\u8868\u5355\u914d\u7f6e</td>\n<td>object</td>\n<td>FormInfo.formModule</td>\n</tr>\n<tr>\n<td>formInfo.rules</td>\n<td>\u8868\u5355\u89c4\u5219\u914d\u7f6e</td>\n<td>object</td>\n<td>FormInfo.formModule</td>\n</tr>\n</tbody>\n</table>\n<p>\u5168\u5c40context\u7ba1\u7406\u8bbe\u7f6e\u53ca\u9ed8\u8ba4\u6837\u5f0f</p>\n<ul>\n<li>\u8bf7\u5c06\u5168\u5c40\u8986\u76d6\u6027\u7684\u6837\u5f0f\u653e\u5728\u6b64\u7ec4\u4ef6\u4e2d</li>\n<li>\u8bf7\u5c06\u5b57\u4f53\u6587\u4ef6\u7684\u5f15\u7528\u653e\u5728\u6b64\u7ec4\u4ef6\u4e2d</li>\n<li>\u8bf7\u5c06antd\u7684\u8986\u76d6\u6027\u6837\u5f0f\u653e\u5728\u6b64\u7ec4\u4ef6\u4e2d</li>\n<li>\u8be5\u7ec4\u4ef6\u9700\u8981\u653e\u7f6e\u5728\u5e94\u7528\u6839\u4f4d\u7f6e</li>\n</ul>\n<p>\u66f4\u65b0\u5b57\u4f53\u6587\u4ef6:</p>\n<ul>\n<li>\u5c06iconfont\u4e0a\u4e0b\u8f7d\u7684\u5b57\u4f53\u5305\u89e3\u538b\u540e\u653e\u5728public\u6587\u4ef6\u5939\u4e0b\u9762</li>\n<li>\u66f4\u65b0src/common/params.js \u4e2d\u7684\u53d8\u91cf iconfontBase</li>\n<li>\u4fee\u6539\u540e\u6784\u5efa\u8be5\u9879\u76ee\u53d1\u5e03\u5230\u5bf9\u5e94\u73af\u5883</li>\n</ul>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>preset</td>\n<td>\u5168\u5c40\u9884\u8bbe\u53c2\u6570\uff0c\u53ef\u4ee5\u901a\u8fc7usePreset\u83b7\u53d6\uff0c\u7531\u4e1a\u52a1\u7cfb\u7edf\u8bbe\u7f6e</td>\n<td>object</td>\n<td>{}</td>\n</tr>\n<tr>\n<td>themeToken</td>\n<td>\u8bbe\u7f6e\u4e3b\u9898\uff0c\u53c2\u770bantd\u7684themeToken\uff0c\u4e00\u822c\u53ea\u9700\u8981\u8bbe\u7f6e{colorPrimary}</td>\n<td>object</td>\n<td>{}</td>\n</tr>\n<tr>\n<td>init</td>\n<td>\u521d\u59cb\u5316\u65b9\u6cd5\uff0c\u5728\u7cfb\u7edf\u9996\u6b21\u52a0\u8f7d\u65f6\u6267\u884c\uff0c\u53ef\u4ee5\u8fd4\u56dePromise\u3002\u7528\u6765\u653e\u7f6e\u7cfb\u7edf\u663e\u793a\u4e4b\u524d\u7684\u5f02\u6b65\u64cd\u4f5c</td>\n<td>function</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>PureGlobal</h3>\n<p>api\u540cGlobal\uff0c\u4f46\u662f\u5c11\u4e86\u9875\u9762\u9519\u8bef\u6355\u83b7\u548cclassName:container-body\u5e26\u6765\u7684\u9ed8\u8ba4\u6700\u5c0f\u5bbd\u5ea6\u7b49\u6837\u5f0f\u8bbe\u7f6e\uff0c\u4e3b\u8981\u7528\u5728\u7ec4\u4ef6\u5e93\u7684\u6f14\u793a\u73af\u5883\u548c\u5f39\u7a97\u4e2d</p>\n<h3>usePreset</h3>\n<p>\u83b7\u53d6\u9884\u8bbe\u7684preset\uff0c\u5df2\u7ecf\u786e\u5b9a\u4e3a\u7cfb\u7edf\u9700\u8981\u4f7f\u7528\u7684key\u503c:permissions,apis,formOptions,modalOptions</p>\n<h3>useGlobalContext</h3>\n<p>\u83b7\u53d6\u548c\u8bbe\u7f6e\u5168\u5c40\u72b6\u6001\uff0c\u8be5\u72b6\u6001\u4fdd\u5b58\u5728Global\u7ec4\u4ef6\u4e00\u7ea7\uff0c\u4e0d\u4f1a\u968f\u7740\u5185\u90e8\u7ec4\u4ef6\u672c\u8eab\u7684\u9500\u6bc1\u800c\u9500\u6bc1\u3002\n\u4e3b\u8981\u7ed9\u7ec4\u4ef6\u5185\u90e8\u4f7f\u7528\uff0c\u4e1a\u52a1\u5e94\u8be5\u907f\u514d\u4f7f\u7528\u8be5api\u8bbe\u7f6e\u65b0\u7684global\u53d8\u91cf\u3002\u4e1a\u52a1\u5982\u679c\u6709\u9700\u8981\u5e94\u5f53\u81ea\u884c\u5728\u9876\u7ea7\u7ec4\u4ef6\u4e2d\u8bbe\u7f6econtext\u3002</p>\n<h4>params:useGlobalContext(globalKey)</h4>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>globalKey</td>\n<td>\u5168\u5c40\u53c2\u6570\u7684key\uff0c\u5f53\u5b58\u5728globalKey\u65f6\uff0c\u9ed8\u8ba4\u83b7\u53d6\u548c\u8bbe\u7f6e\u90fd\u662fglobal[key]\uff0c\u5f53\u4e0d\u5b58\u5728globalKey\u83b7\u53d6\u548c\u8bbe\u7f6e\u7684\u90fd\u662fglobal\uff0c\u9664\u975e\u5b58\u5728\u591a\u4e2a\u83b7\u53d6\u548c\u8bbe\u7f6eglobal\u7684key-value\uff0c\u5426\u5219\u4e0d\u63a8\u8350\u76f4\u63a5\u4f7f\u7528\u4e0d\u5b58\u5728globalKey\u7684\u60c5\u51b5</td>\n<td>string</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h4>return:{global,setGlobal}</h4>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>global</td>\n<td>\u5f53\u524d\u7684global\u503c</td>\n<td>any</td>\n</tr>\n<tr>\n<td>setGlobal</td>\n<td>\u8bbe\u7f6e\u5f53\u524d\u7684global\u503c</td>\n<td>function</td>\n</tr>\n</tbody>\n</table>",example:{isFull:!1,className:"Global_4cc66",style:".Global_4cc66 .label {\n  font-weight: bold;\n}",list:[{title:"\u57fa\u672c\u793a\u4f8b",description:"\u5c55\u793a\u4e86\u6587\u5b57\u5927\u5c0f\u989c\u8272\u884c\u9ad8\u7684\u8bbe\u7f6e",code:"const { PureGlobal } = _Global;\nconst { Space, Divider } = antd;\nconst BaseExample = () => {\n    return (\n        <PureGlobal>\n            <Space direction=\"vertical\">\n                <div className=\"label\">\u6587\u5b57\u5927\u5c0f:</div>\n                <div style={{ fontSize: 'var(--font-size-large)' }}>\u5927\u53f7\u6587\u5b57</div>\n                <div>\u9ed8\u8ba4\u5927\u5c0f\u6587\u5b57</div>\n                <div style={{ fontSize: 'var(--font-size-small)' }}>\u5c0f\u53f7\u6587\u5b57</div>\n                <Divider />\n                <div className=\"label\">\u6587\u5b57\u989c\u8272:</div>\n                <div style={{ color: 'var(--font-color)' }}>\u9ed8\u8ba4\u989c\u8272</div>\n                <div style={{ color: 'var(--font-color-grey)' }}>\u7070\u8272</div>\n                <div style={{ color: 'var(--font-color-grey-1)' }}>\u7070\u82721</div>\n                <div style={{ color: 'var(--font-color-grey-2)' }}>\u7070\u82722</div>\n                <Divider />\n                <div className=\"label\">\u884c\u9ad8:</div>\n                <div style={{ lineHeight: 'var(--line-height-large)' }}>\n                    \u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\n                </div>\n                <div>\n                    \u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\n                </div>\n                <div style={{ lineHeight: 'var(--line-height-small)' }}>\n                    \u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\n                </div>\n            </Space>\n        </PureGlobal>\n    );\n};\n\nrender(<BaseExample />);\n\n",scope:[{name:"_Global",packageName:"@components/Global",component:a},{name:"antd",packageName:"antd",component:l}]},{title:"\u8b66\u544a\u63d0\u793a",description:"\u5c55\u793a\u4e86\u8b66\u544a\u63d0\u793a\u7684\u8986\u76d6\u6837\u5f0f",code:'const { PureGlobal } = _Global;\nconst { Alert, Space } = antd;\n\nconst BasicExample = () => {\n  return (\n      <PureGlobal>\n          <Space direction="vertical">\n              <Alert message="\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a" type="success" showIcon />\n              <Alert message="\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a" type="info" showIcon />\n              <Alert message="\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a" type="warning" showIcon />\n              <Alert message="\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a" type="error" showIcon />\n\n              <Alert message="\u6807\u9898\u6807\u9898\u6807\u9898\u6807\u9898" description="\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a" type="success" showIcon />\n              <Alert message="\u6807\u9898\u6807\u9898\u6807\u9898\u6807\u9898" description="\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a" type="info" showIcon />\n              <Alert message="\u6807\u9898\u6807\u9898\u6807\u9898\u6807\u9898" description="\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a" type="warning" showIcon />\n              <Alert message="\u6807\u9898\u6807\u9898\u6807\u9898\u6807\u9898" description="\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a" type="error" showIcon />\n\n              <Alert message="\u6807\u9898\u6807\u9898\u6807\u9898\u6807\u9898" description="\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a" type="success" showIcon closable />\n              <Alert message="\u6807\u9898\u6807\u9898\u6807\u9898\u6807\u9898" description="\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a" type="info" showIcon closable />\n              <Alert message="\u6807\u9898\u6807\u9898\u6807\u9898\u6807\u9898" description="\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a" type="warning" showIcon closable />\n              <Alert message="\u6807\u9898\u6807\u9898\u6807\u9898\u6807\u9898" description="\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a" type="error" showIcon closable />\n          </Space>\n      </PureGlobal>\n  );\n};\n\nrender(<BasicExample />);\n\n',scope:[{name:"_Global",packageName:"@components/Global",component:a},{name:"antd",packageName:"antd",component:l}]},{title:"\u6309\u94ae",description:"\u5c55\u793a\u4e86\u6309\u94ae\u7684\u8986\u76d6\u6837\u5f0f",code:'const { PureGlobal } = _Global;\nconst { Button, Typography, Space } = antd;\nconst { default: Icon } = icon;\n\nconst BaseExample = () => {\n  return (\n    <PureGlobal>\n      <Space direction="vertical">\n        <Space>\n          <Button size="large">\u5927\u6309\u94ae</Button>\n          <Button>\u9ed8\u8ba4\u6309\u94ae</Button>\n          <Button size="small">\u5c0f\u6309\u94ae</Button>\n        </Space>\n        <Space>\n          <Button type="primary">\u6309\u94ae</Button>\n          <Button type="link">\u6309\u94ae</Button>\n          <Button type="text">\u6309\u94ae</Button>\n        </Space>\n        <Space>\n          <Button danger>\u5371\u9669\u6309\u94ae</Button>\n          <Button type="primary" danger>\n            \u5371\u9669\u6309\u94ae\n          </Button>\n          <Button type="link" danger>\n            \u5371\u9669\u6309\u94ae\n          </Button>\n          <Button type="text" danger>\n            \u5371\u9669\u6309\u94ae\n          </Button>\n        </Space>\n        <Space>\n          <Button disabled>\u7981\u7528\u6309\u94ae</Button>\n          <Button type="primary" danger disabled>\n            \u7981\u7528\u5371\u9669\u6309\u94ae\n          </Button>\n          <Button type="link" disabled>\n            \u7981\u7528Link\u6309\u94ae\n          </Button>\n          <Button type="text" disabled>\n            \u7981\u7528Text\u6309\u94ae\n          </Button>\n        </Space>\n        <Space>\n          <Button type="text" icon={<Icon type="icon-tianjia" />}>\n            \u56fe\u6807\u6309\u94ae\n          </Button>\n          <Button type="text">\n            \u56fe\u6807\u6309\u94ae\u53f3\n            <Icon type="icon-arrow-thin-down" />\n          </Button>\n        </Space>\n        <Space>\n          <Button type="primary" icon={<Icon type="icon-tianjia" />} />\n          <Button icon={<Icon type="icon-tianjia" />} />\n          <Button danger icon={<Icon type="icon-tianjia" />} />\n          <Button type="link" icon={<Icon type="icon-tianjia" />} />\n          <Button type="text" icon={<Icon type="icon-tianjia" />} />\n        </Space>\n        <Space>\n          <Button type="primary" disabled icon={<Icon type="icon-tianjia" />} />\n          <Button disabled icon={<Icon type="icon-tianjia" />} />\n          <Button disabled danger icon={<Icon type="icon-tianjia" />} />\n          <Button disabled type="link" icon={<Icon type="icon-tianjia" />} />\n          <Button disabled type="text" icon={<Icon type="icon-tianjia" />} />\n        </Space>\n        <Space>\n          <Typography.Link>Link\u6587\u5b57</Typography.Link>\n          <Typography.Text className="ant-btn">\u6587\u5b57</Typography.Text>\n          <Typography.Link>\n            <Icon type="icon-tianjia" />\n            Link\u6587\u5b57\n          </Typography.Link>\n          <Typography.Text className="ant-btn">\n            <Icon type="icon-tianjia" />\n            \u6587\u5b57\n          </Typography.Text>\n          <Typography.Link className="ant-btn-dangerous">\n            Link\u6587\u5b57\n          </Typography.Link>\n        </Space>\n        <Space>\n          <Button className="btn-no-padding" type="link" size="large">\n            \u5927\u6309\u94ae\n          </Button>\n          <Button className="btn-no-padding" type="link">\n            \u9ed8\u8ba4\u6309\u94ae\n          </Button>\n          <Button className="btn-no-padding" type="link" size="small">\n            \u5c0f\u6309\u94ae\n          </Button>\n          <Button className="btn-no-padding" type="text" size="large">\n            \u5927\u6309\u94ae\n          </Button>\n          <Button className="btn-no-padding" type="text">\n            \u9ed8\u8ba4\u6309\u94ae\n          </Button>\n          <Button className="btn-no-padding" type="text" size="small">\n            \u5c0f\u6309\u94ae\n          </Button>\n          <Button className="btn-no-padding" type="link" size="large" danger>\n            \u5927\u6309\u94ae\n          </Button>\n          <Button className="btn-no-padding" type="link" danger>\n            \u9ed8\u8ba4\u6309\u94ae\n          </Button>\n          <Button className="btn-no-padding" type="link" size="small" danger>\n            \u5c0f\u6309\u94ae\n          </Button>\n        </Space>\n      </Space>\n    </PureGlobal>\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Global",packageName:"@components/Global",component:a},{name:"antd",packageName:"antd",component:l},{name:"icon",packageName:"@components/Icon",component:t(64671)}]}]}}},32159:(n,e,t)=>{"use strict";t.d(e,{A:()=>a});const a={name:"HelperGuide",summary:"<p>\u7ed9\u7528\u6237\u63d0\u4f9b\u5e2e\u52a9\u6587\u6863</p>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n</table>",example:{isFull:!1,className:"HelperGuide_4e237",style:"",list:[{title:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u6807\u9898",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { default: HelperGuide } = _HelperGuide;\nconst { PureGlobal } = Global;\nconst BaseExample = () => {\n  return (\n    <PureGlobal\n      preset={{\n        enums: {\n          helperGuide: () => [\n            {\n              value: "test",\n              content:\n                "\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u554a\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u554a\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u554a\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u554a\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u554a\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u554a\u54c8\u54c8\u54c8",\n              url: "/xxxx",\n            },\n          ],\n        },\n      }}\n    >\n      <HelperGuide name="test" />\n    </PureGlobal>\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_HelperGuide",packageName:"@components/HelperGuide",component:t(75363)},{name:"Global",packageName:"@components/Global",component:t(76329)}]}]}}},851:(n,e,t)=>{"use strict";t.d(e,{A:()=>l});var a=t(41153);const l={name:"Highlight",summary:"<p>\u7528\u4e8e\u663e\u793a\u6587\u672c\u9ad8\u4eae</p>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n</table>",example:{isFull:!1,className:"Highlight_0b905",style:"",list:[{title:"\u57fa\u672c\u6587\u5b57\u9ad8\u4eae",description:"\u5c55\u793a\u57fa\u672c\u6587\u5b57\u9ad8\u4eae",code:'const { default: Highlight, HighlightProvider } = _Highlight;\nconst BaseExample = () => {\n  return (\n    <HighlightProvider list={["\u54c8", "\u5443\u5443"]}>\n      <Highlight>\u54c8\u54c8\u54c8\u897f\u897f\u897f\u897f\u5443\u5443\u5443</Highlight>\n    </HighlightProvider>\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Highlight",packageName:"@components/Highlight",component:a}]},{title:"xss\u6d4b\u8bd5",description:"xss\u6d4b\u8bd5",code:'const { default: Highlight, HighlightProvider } = _Highlight;\nconst BaseExample = () => {\n  const str = \'<img src="/aaaa"/>\';\n  return (\n    <HighlightProvider list={["\u54c8", "\u5443\u5443"]}>\n      <Highlight>\u54c8\u54c8\u54c8\u897f\u897f\u897f\u897f\u5443\u5443\u5443{str}</Highlight>\n    </HighlightProvider>\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Highlight",packageName:"@components/Highlight",component:a}]}]}}},93314:(n,e,t)=>{"use strict";t.d(e,{A:()=>o});var a=t(24666),l=t(55199);const o={name:"HistoryStore",summary:"<p>\u5386\u53f2\u8bb0\u5f55\u63d0\u793a</p>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n</table>",example:{isFull:!1,className:"HistoryStore_a963f",style:"",list:[{title:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u6807\u9898",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { default: HistoryStore } = _HistoryStore;\nconst { Input } = antd;\nconst { useState } = React;\nconst BaseExample = () => {\n  const [value, setValue] = useState("");\n  return (\n    <HistoryStore\n      onSelect={(value) => {\n        setValue(value);\n      }}\n    >\n      {({ appendHistory, openHistory }) => (\n        <Input.Search\n          value={value}\n          onChange={(e) => {\n            setValue(e.target.value);\n          }}\n          onFocus={openHistory}\n          onSearch={(value) => {\n            appendHistory({\n              value,\n              label: value,\n            });\n          }}\n        />\n      )}\n    </HistoryStore>\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_HistoryStore",packageName:"@components/HistoryStore",component:a},{name:"antd",packageName:"antd",component:l}]}]}}},45426:(n,e,t)=>{"use strict";t.d(e,{A:()=>d});var a=t(64671),l=t(55199),o=t(87558),r=t(76329),s=t(89946),i=t(13050);const d={name:"Icon",summary:"<p>\u53ef\u4ee5\u663e\u793a\u4e00\u4e2a\u56fe\u6807\uff0c\u56fe\u6807\u5fc5\u987b\u5728\u5b57\u4f53\u6587\u4ef6\u4e2d\u88ab\u5b9a\u4e49\u8fc7</p>",api:'<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td>\u56fe\u6807\u7c7b\u578b\uff0c\u53c2\u8003\u793a\u4f8b\u4e0b\u7684\u5b57\u7b26\u4e32</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>colorful</td>\n<td>\u662f\u5426\u662f\u5f69\u8272\u56fe\u6807</td>\n<td>boolean</td>\n<td>false</td>\n</tr>\n<tr>\n<td>prefix</td>\n<td>\u56fe\u6807\u524d\u7f00</td>\n<td>string</td>\n<td>""</td>\n</tr>\n<tr>\n<td>size</td>\n<td>\u56fe\u6807\u5927\u5c0f</td>\n<td>number</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>',example:{isFull:!0,className:"Icon_81743",style:".Icon_81743 .item {\n  width: 150px;\n  word-break: break-all;\n}\n.Icon_81743 .item .ant-typography {\n  position: relative;\n}\n.Icon_81743 .item .ant-typography-copy {\n  visibility: hidden;\n  position: absolute;\n  right: -20px;\n}\n.Icon_81743 .item:hover .ant-typography-copy {\n  visibility: visible;\n}",list:[{title:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u6807\u9898",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { default: Icon } = _Icon;\nconst { Slider, Space, Typography } = antd;\nconst { useState } = React;\nconst { createWithFetch } = ReactFetch;\nconst { loadFont } = Global;\nconst { default: axios } = _axios;\nconst { createWithRemoteLoader } = remoteLoader;\n\nconst BaseExample = createWithRemoteLoader({\n  modules: ["components-iconfont:Font"],\n})(({ remoteModules }) => {\n  const [Font] = remoteModules;\n  const [value, setValue] = useState(30);\n  return (\n    <Space direction="vertical">\n      <Space>\n        <div>\u8c03\u6574\u5927\u5c0f:</div>\n        <Slider\n          style={{ width: 100 }}\n          max={60}\n          min={12}\n          value={value}\n          onChange={setValue}\n        />\n        <div>{value}px</div>\n      </Space>\n      {\n        <Font>\n          {({ list }) => {\n            return (\n              <Space wrap align="top" size="large">\n                {list.map(({ name, font_class }) => {\n                  return (\n                    <Space\n                      className="item"\n                      direction="vertical"\n                      align="center"\n                      key={name}\n                    >\n                      <Icon type={font_class} size={value} />\n                      <Typography.Text\n                        copyable={{\n                          text:\n                            \'<Icon type="\' +\n                            font_class +\n                            \'" size={\' +\n                            value +\n                            "} />",\n                        }}\n                      >\n                        {font_class}\n                      </Typography.Text>\n                    </Space>\n                  );\n                })}\n              </Space>\n            );\n          }}\n        </Font>\n      }\n    </Space>\n  );\n});\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Icon",packageName:"@components/Icon",component:a},{name:"antd",packageName:"antd",component:l},{name:"ReactFetch",packageName:"@kne/react-fetch",component:o},{name:"Global",packageName:"@components/Global",component:r},{name:"_axios",packageName:"axios",component:s},{name:"remoteLoader",packageName:"@kne/remote-loader",component:i}]},{title:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u6807\u9898",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { default: Icon } = _Icon;\nconst { Space, Slider, Typography } = antd;\nconst { useState } = React;\nconst { createWithFetch } = ReactFetch;\nconst { createWithRemoteLoader } = remoteLoader;\nconst { default: axios } = _axios;\n\nconst BaseExample = createWithRemoteLoader({\n  modules: ["components-iconfont:ColorfulFont"],\n})(({ remoteModules }) => {\n  const [ColorfulFont] = remoteModules;\n  const [value, setValue] = useState(30);\n  return (\n    <Space direction="vertical">\n      <Space>\n        <div>\u8c03\u6574\u5927\u5c0f:</div>\n        <Slider\n          style={{ width: 100 }}\n          max={60}\n          min={12}\n          value={value}\n          onChange={setValue}\n        />\n        <div>{value}px</div>\n      </Space>\n      <ColorfulFont>\n        {({ list }) => (\n          <Space wrap align="top" size="large">\n            {list.map(({ name }) => {\n              return (\n                <Space\n                  className="item"\n                  direction="vertical"\n                  align="center"\n                  key={name}\n                >\n                  <Icon colorful type={name} size={value} />\n                  <Typography.Text\n                    copyable={{\n                      text:\n                        \'<Icon colorful type="\' +\n                        name +\n                        \'" size={\' +\n                        value +\n                        "} />",\n                    }}\n                  >\n                    {name}\n                  </Typography.Text>\n                </Space>\n              );\n            })}\n          </Space>\n        )}\n      </ColorfulFont>\n    </Space>\n  );\n});\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Icon",packageName:"@components/Icon",component:a},{name:"antd",packageName:"antd",component:l},{name:"ReactFetch",packageName:"@kne/react-fetch",component:o},{name:"Global",packageName:"@components/Global",component:r},{name:"_axios",packageName:"axios",component:s},{name:"remoteLoader",packageName:"@kne/remote-loader",component:i}]}]}}},85772:(n,e,t)=>{"use strict";t.d(e,{A:()=>r});var a=t(40438),l=t(76329),o=t(55199);const r={name:"Image",summary:"<p>\u7528\u4e8e\u5c55\u793a\u4e00\u5f20\u56fe\u7247\uff0c\u548cimg\u6807\u7b7e\u4e0d\u540c\u7684\u662f\uff0c\u53ef\u4ee5\u5c55\u793a\u4e00\u5f20\u666e\u901a\u56fe\u7247\uff0c\u4e5f\u53ef\u4ee5\u901a\u8fc7id\u52a0\u8f7d\u4e00\u5f20oss\u56fe\u7247\uff0c\u5728\u52a0\u8f7doss\u5730\u5740\u548c\u56fe\u7247\u6570\u636e\u7684\u65f6\u5019\u4f1a\u663e\u793aloading\u72b6\u6001</p>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>src</td>\n<td>\u56fe\u7247\u7684src\u5730\u5740</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>id</td>\n<td>oss\u7684id</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>loading</td>\n<td>\u52a0\u8f7d\u65f6\u663e\u793a\u7684\u7ec4\u4ef6</td>\n<td>jsx</td>\n<td>-</td>\n</tr>\n<tr>\n<td>error</td>\n<td>\u52a0\u8f7d\u9519\u8bef\u65f6\u663e\u793a\u7684\u7ec4\u4ef6</td>\n<td>jsx</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>Image.Avatar</h3>\n<p>\u7528antd\u7684Avatar\u6765\u663e\u793a\u56fe\u7247\uff0c\u53ef\u4ee5\u663e\u793a\u9ed8\u8ba4\u7684\u7537\u5973\u5934\u50cf\uff0c\u5176\u4ed6\u53c2\u6570\u53c2\u8003antd\u7684Avatar\u7ec4\u4ef6</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>gender</td>\n<td>\u6027\u522b F\uff0cfemale\uff0cf\u4e3a\u5973\u5176\u4ed6\u4e3a\u7537</td>\n<td>string</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>",example:{isFull:!1,className:"Image_be53a",style:"",list:[{title:"\u901a\u8fc7src\u52a0\u8f7d\u4e00\u4e2a\u666e\u901a\u56fe\u7247",description:"\u901a\u8fc7src\u52a0\u8f7d\u4e00\u4e2a\u666e\u901a\u56fe\u7247",code:"const {default: Image} = _Image;\nconst BaseExample = () => {\n    return <Image src={window.PUBLIC_URL + \"/logo512.png\"} style={{width: '100px', height: '100px'}}/>;\n};\n\nrender(<BaseExample/>);\n\n",scope:[{name:"_Image",packageName:"@components/Image",component:a}]},{title:"\u901a\u8fc7id\u52a0\u8f7d\u4e00\u4e2aoss\u56fe\u7247",description:"\u56fe\u7247\u4e00\u52a0\u8f7d\u6210\u529f\uff0c\u56fe\u7247\u4e8c\u52a0\u8f7d\u4e2d\uff0c\u56fe\u7247\u4e09\u52a0\u8f7d\u5931\u8d25",code:"const {default: Image} = _Image;\nconst {PureGlobal} = global;\nconst {Space} = antd;\nconst BaseExample = () => {\n    return <PureGlobal preset={{\n        apis: {\n            oss: {\n                loader: ({params}) => {\n                    if(params.id ==='logo513.png'){\n                        return new Promise(()=>{\n\n                        });\n                    }\n                    return new Promise((resolve) => {\n                        resolve(window.PUBLIC_URL + '/' + params.id);\n                    });\n\n                }\n            }\n        }\n    }}>\n        <Space>\n            <Image id=\"logo512.png\" style={{width: '100px', height: '100px'}}/>\n            <Image id=\"logo513.png\" style={{width: '100px', height: '100px'}}/>\n            <Image id=\"logo511.png\" style={{width: '100px', height: '100px'}}/>\n        </Space>\n    </PureGlobal>;\n};\n\nrender(<BaseExample/>);\n\n",scope:[{name:"_Image",packageName:"@components/Image",component:a},{name:"global",packageName:"@components/Global",component:l},{name:"antd",packageName:"antd",component:o}]},{title:"\u663e\u793a\u4e00\u4e2a\u5934\u50cf",description:"\u663e\u793a\u56fe\u7247\u5934\u50cf\u548c\u9ed8\u8ba4\u5934\u50cf",code:'const { default: Image } = _Image;\nconst { Space } = antd;\nconst BaseExample = () => {\n  return (\n    <Space>\n      <Image.Avatar src={window.PUBLIC_URL + "/avatar.png"} shape="circle" />\n      <Image.Avatar\n        src={window.PUBLIC_URL + "/avatar.png"}\n        shape="circle"\n        size={80}\n      />\n      <Image.Avatar\n        src={window.PUBLIC_URL + "/avatar.png"}\n        shape="circle"\n        size={50}\n      />\n\n      <Image.Avatar shape="circle" />\n      <Image.Avatar gender="M" shape="circle" size={80} />\n      <Image.Avatar gender="female" shape="circle" size={50} />\n      <Image.Avatar gender="m" shape="circle" size={50} />\n    </Space>\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Image",packageName:"@components/Image",component:a},{name:"antd",packageName:"antd",component:o}]}]}}},71384:(n,e,t)=>{"use strict";t.d(e,{A:()=>s});var a=t(1454),l=t(45362),o=t(90580),r=t(55199);const s={name:"InfoPage",summary:"<h3>\u4f55\u65f6\u4f7f\u7528</h3>\n<p>\u4e00\u822c\u7528\u5728\u590d\u6742\u7684\u8be6\u60c5\u5c55\u793a\u9875\u9762\uff0cInfoPage\u63d0\u4f9b\u4e86\u4e00\u4e2a\u6807\u51c6\u7684\u5c55\u793a\u4fe1\u606f\u7684\u683c\u5f0f</p>\n<h3>\u7279\u70b9</h3>\n<ul>\n<li>\u652f\u6301Content\u7ec4\u4ef6Descriptions\u7ec4\u4ef6\u7684\u7ec4\u5408</li>\n<li>\u652f\u6301Collapse\u7ec4\u4ef6\u7ec4\u5408</li>\n<li>InfoPage.Part \u9700\u8981\u653e\u5728InfoPage\u4e4b\u4e0b\uff0cInfoPage.Collapse,Content,Descriptions \u9700\u8981\u653e\u5728 InfoPage.Part\u4e4b\u4e0b</li>\n</ul>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>children</td>\n<td>\u5185\u5bb9</td>\n<td>jsx</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>InfoPage.Part</h3>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>title</td>\n<td>\u6807\u9898</td>\n<td>jsx</td>\n<td>-</td>\n</tr>\n<tr>\n<td>extra</td>\n<td>\u989d\u5916\u5185\u5bb9</td>\n<td>jsx</td>\n<td>-</td>\n</tr>\n<tr>\n<td>children</td>\n<td>\u5185\u5bb9</td>\n<td>jsx</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>InfoPage.Collapse</h3>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>children</td>\n<td>\u5185\u5bb9</td>\n<td>jsx</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>",example:{isFull:!1,className:"InfoPage_fb7ea",style:"",list:[{title:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u6807\u9898",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { default: InfoPage } = _InfoPage;\nconst { default: Content } = _Content;\nconst { default: Descriptions } = _Descriptions;\nconst { Space, Button } = antd;\nconst BaseExample = () => {\n  return (\n    <InfoPage>\n      <InfoPage.Part\n        title="\u9000\u7968\u4fe1\u606f"\n        subTitle="\u6211\u662f\u4e00\u4e2a\u9000\u7968\u4fe1\u606f"\n        extra={<Button>\u64cd\u4f5c</Button>}\n      >\n        <Descriptions\n          dataSource={[\n            [\n              { label: "\u5ba2\u6237\u540d\u79f0", content: "\u817e\u8baf" },\n              {\n                label: "\u53d1\u7968\u62ac\u5934",\n                content: "\u817e\u8baf\u79d1\u6280\u516c\u53f8",\n              },\n            ],\n            [\n              { label: "\u53d1\u7968\u7c7b\u578b", content: "\u589e\u503c\u7a0e\u4e13\u7528\u53d1\u7968" },\n              {\n                label: "\u53d1\u7968\u5f00\u5177\u65e5\u671f",\n                content: "2022-08-15",\n              },\n            ],\n            [{ label: "\u9000\u7968\u91d1\u989d", content: "22000.00\u5143" }],\n            [\n              {\n                label: "\u53d1\u7968\u53f7",\n                content: (\n                  <div>\n                    <div>00384895992774</div>\n                    <div>00384895992774</div>\n                    <div>00384895992774</div>\n                    <div>00384895992774</div>\n                  </div>\n                ),\n              },\n            ],\n            [\n              { label: "\u662f\u5426\u9700\u8981\u91cd\u5f00\u53d1\u7968", content: "\u5426" },\n              {\n                label: "\u662f\u5426\u6d89\u53ca\u91d1\u878d\u53d8\u52a8",\n                content: "\u5426",\n              },\n            ],\n            [\n              { label: "\u662f\u5426\u9020\u6210\u5b9e\u8d28\u635f\u5931", content: "\u5426" },\n              { label: "\u8d23\u4efb\u5f52\u5c5e", content: "\u5ba2\u6237\u539f\u56e0" },\n            ],\n            [\n              {\n                label: "\u9000\u7968\u539f\u56e0",\n                content: "\u9000\u7968\u539f\u56e0\u7684\u63cf\u8ff0\u9000\u7968\u539f\u56e0\u7684\u63cf\u8ff0\u9000\u7968\u539f\u56e0\u7684\u63cf",\n              },\n            ],\n            [{ label: "\u9644\u4ef6", content: "\u9644\u4ef6\u540d\u79f0" }],\n            [\n              {\n                label: "\u64cd\u4f5c\u65f6\u95f4",\n                content: "2022-08-01 16:32",\n              },\n              { label: "\u64cd\u4f5c\u4eba", content: "\u897f\u897f\u6b6a" },\n            ],\n          ]}\n        />\n      </InfoPage.Part>\n      <InfoPage.Part title="\u5f00\u7968\u4fe1\u606f">\n        <Space direction="vertical" size={24}>\n          <Descriptions\n            dataSource={[\n              [{ label: "\u5ba2\u6237\u540d\u79f0", content: "\u817e\u8baf" }],\n              [{ label: "\u5408\u540c", content: "\u5408\u540c3" }],\n            ]}\n          />\n          <InfoPage.Part title="\u53d1\u7968\u8d39\u7528\u4fe1\u606f">\n            <Space direction="vertical">\n              <InfoPage.Collapse defaultActiveKey={["0", "1"]}>\n                <InfoPage.Collapse.Panel key="0" header="\u9879\u76ee\u7c7b\u578b1">\n                  <Content\n                    labelAlign="auto"\n                    col={3}\n                    gutter={[0, 12]}\n                    list={[\n                      { label: "\u9879\u76ee\u7c7b\u578b", content: "\u9762\u8bd5\u5230\u5c97" },\n                      {\n                        label: "\u8d39\u7528\u7c7b\u578b",\n                        content: "\u670d\u52a1\u8d39",\n                      },\n                      { label: "\u8d39\u7528\u603b\u91d1\u989d", content: "10,000\u5143" },\n                      {\n                        label: "\u672c\u6b21\u652f\u4ed8\u8d39\u7528\u6bd4\u4f8b",\n                        content: "30%",\n                      },\n                      { label: "\u672c\u6b21\u652f\u4ed8\u8d39\u7528\u91d1\u989d", content: "3,000\u5143" },\n                      {\n                        label: "\u5f00\u7968\u5019\u9009\u4eba",\n                        content: "\u674e\u5c0f\u840c",\n                      },\n                    ]}\n                  />\n                </InfoPage.Collapse.Panel>\n                <InfoPage.Collapse.Panel key="1" header="\u9879\u76ee\u7c7b\u578b2">\n                  <Content\n                    labelAlign="auto"\n                    col={3}\n                    gutter={[0, 12]}\n                    list={[\n                      { label: "\u9879\u76ee\u7c7b\u578b", content: "\u9762\u8bd5\u5230\u5c97" },\n                      {\n                        label: "\u8d39\u7528\u7c7b\u578b",\n                        content: "\u670d\u52a1\u8d39",\n                      },\n                      { label: "\u8d39\u7528\u603b\u91d1\u989d", content: "10,000\u5143" },\n                      {\n                        label: "\u672c\u6b21\u652f\u4ed8\u8d39\u7528\u6bd4\u4f8b",\n                        content: "30%",\n                      },\n                      { label: "\u672c\u6b21\u652f\u4ed8\u8d39\u7528\u91d1\u989d", content: "3,000\u5143" },\n                      {\n                        label: "\u5f00\u7968\u5019\u9009\u4eba",\n                        content: "\u674e\u5c0f\u840c",\n                      },\n                    ]}\n                  />\n                </InfoPage.Collapse.Panel>\n              </InfoPage.Collapse>\n              <Descriptions\n                dataSource={[\n                  [\n                    { label: "\u5ba2\u6237\u4ed8\u7a0e\u6bd4\u4f8b", content: "1%" },\n                    {\n                      label: "\u5ba2\u6237\u6240\u4ed8\u7a0e\u91d1",\n                      content: "30\u5143",\n                    },\n                  ],\n                  [\n                    { label: "\u670d\u52a1\u8d39", content: "2886.29\u5143" },\n                    {\n                      label: "\u53d1\u7968\u589e\u503c\u7a0e",\n                      content: "172.38\u5143",\n                    },\n                  ],\n                  [{ label: "\u53d1\u7968\u91d1\u989d", content: "22000.00\u5143" }],\n                  [\n                    {\n                      label: "\u53d1\u7968\u5907\u6ce8",\n                      content: "\u5907\u6ce8\u7684\u5185\u5bb9\u5907\u6ce8\u7684\u5185\u5bb9\u5907\u6ce8\u7684\u5185\u5bb9\u5907\u6ce8\u7684\u5185\u5bb9",\n                    },\n                  ],\n                ]}\n              />\n            </Space>\n          </InfoPage.Part>\n          <InfoPage.Part title="\u53d1\u7968\u4fe1\u606f">\n            <Descriptions\n              dataSource={[\n                [{ label: "\u4ed8\u6b3e\u4fe1\u606f", content: "ASB54492789374983798" }],\n                [\n                  {\n                    label: "\u53d1\u7968\u6536\u4ef6\u4eba",\n                    content: "\u897f\u897f\u6b6a",\n                  },\n                ],\n                [{ label: "\u9644\u4ef6", content: "\u9644\u4ef6\u540d\u79f0" }],\n                [\n                  {\n                    label: "\u9884\u8ba1\u5165\u804c\u65e5\u671f",\n                    content: "2022-08-15",\n                  },\n                ],\n              ]}\n            />\n          </InfoPage.Part>\n          <InfoPage.Part title="\u4e1a\u7ee9\u5206\u914d">\n            <InfoPage.Collapse defaultActiveKey={["0", "1"]}>\n              <InfoPage.Collapse.Panel key="0" header="\u9879\u76ee\u7c7b\u578b1">\n                <Content\n                  labelAlign="auto"\n                  col={3}\n                  gutter={[0, 12]}\n                  list={[\n                    { label: "\u5206\u914d\u7528\u6237", content: "\u738b\u4e9a\u7537" },\n                    {\n                      label: "\u5206\u914d\u6bd4\u4f8b",\n                      content: "40%",\n                    },\n                    { label: "\u5206\u914d\u91d1\u989d", content: "1,200\u5143" },\n                  ]}\n                />\n              </InfoPage.Collapse.Panel>\n              <InfoPage.Collapse.Panel key="1" header="\u9879\u76ee\u7c7b\u578b2">\n                <Content\n                  labelAlign="auto"\n                  col={3}\n                  gutter={[0, 12]}\n                  list={[\n                    { label: "\u5206\u914d\u7528\u6237", content: "\u738b\u4e9a\u7537" },\n                    {\n                      label: "\u5206\u914d\u6bd4\u4f8b",\n                      content: "40%",\n                    },\n                    { label: "\u5206\u914d\u91d1\u989d", content: "1,200\u5143" },\n                  ]}\n                />\n              </InfoPage.Collapse.Panel>\n            </InfoPage.Collapse>\n          </InfoPage.Part>\n        </Space>\n      </InfoPage.Part>\n    </InfoPage>\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_InfoPage",packageName:"@components/InfoPage",component:a},{name:"_Content",packageName:"@components/Content",component:l},{name:"_Descriptions",packageName:"@components/Descriptions",component:o},{name:"antd",packageName:"antd",component:r}]}]}}},22056:(n,e,t)=>{"use strict";t.d(e,{A:()=>r});var a=t(58609),l=t(76329),o=t(55199);const r={name:"Intl",summary:"<p>\u652f\u6301\u7cfb\u7edf\u56fd\u9645\u5316</p>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n</table>",example:{isFull:!1,className:"Intl_51734",style:"",list:[{title:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u6807\u9898",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:"const {FormattedMessage, IntlProvider} = _Intl;\nconst {PureGlobal} = global;\nconst {Select, Space} = antd;\nconst {default: en} = localeEN;\nconst {default: cn} = localeCN;\nconst {useState} = React;\nconst BaseExample = () => {\n    const [locale, setLocale] = useState('zh-CN');\n    return (<Space>\n        <Select value={locale} onChange={setLocale}\n                options={['zh-CN', 'en-US'].map(key => ({value: key, label: key}))}/>\n        <PureGlobal\n            preset={{\n                locale\n            }}\n        >\n            <IntlProvider locale={locale} importMessages={locale => {\n                return {\n                    default: {\n                        'zh-CN': cn, 'en-US': en\n                    }[locale]\n                };\n            }}>\n                <FormattedMessage defaultMessage=\"\u6309\u94ae\" id=\"ButtonText\">\n                    {text => <div>{text}</div>}\n                </FormattedMessage>\n            </IntlProvider>\n\n        </PureGlobal>\n    </Space>);\n};\n\nrender(<BaseExample/>);\n\n",scope:[{name:"_Intl",packageName:"@components/Intl",component:a},{name:"global",packageName:"@components/Global",component:l},{name:"antd",packageName:"antd",component:o},{name:"localeEN",packageName:"@components/Intl/doc/locale/en-US",component:t(59497)},{name:"localeCN",packageName:"@components/Intl/doc/locale/zh-CN",component:t(82719)}]}]}}},21763:(n,e,t)=>{"use strict";t.d(e,{A:()=>r});var a=t(51516),l=t(76329),o=t(55199);const r={name:"Layout",summary:"<h3>\u4f55\u65f6\u4f7f\u7528</h3>\n<p>\u6bcf\u4e2a\u767b\u5f55\u540e\u7684\u7cfb\u7edf\u9875\u9762\u90fd\u5e94\u8be5\u5728Layout\u7684\u6846\u67b6\u4e4b\u4e0b\uff0c\u5b83\u5b9a\u4e49\u4e86\u9875\u9762\u7684\u57fa\u672c\u6846\u67b6\u3002\u6839\u636e\u8bbe\u8ba1\u5bf9\u4e8e\u9875\u9762\u7684\u4e0d\u540c\u8981\u6c42\uff0c\u9002\u5f53\u9009\u62e9\u4e0d\u540c\u7684\u7ec4\u5408</p>\n<h3>\u7279\u70b9</h3>\n<p>Layout\u5c06\u6574\u4e2a\u9875\u9762\u5212\u5206\u6210\u4ee5\u4e0b\u51e0\u4e2a\u533a\u57df</p>\n<ol>\n<li>\u5bfc\u822a\u533a</li>\n<li>\u5185\u5bb9\u533a</li>\n<li>\u5de6\u83dc\u5355\u533a</li>\n<li>\u53f3\u64cd\u4f5c\u533a</li>\n<li>\u9875\u5934\u533a</li>\n<li>\u9875\u5934\u4fe1\u606f\u533a</li>\n<li>\u9875\u9762\u6807\u9898\u533a</li>\n</ol>\n<p>\u901a\u8fc7\u7ed9Page\u914d\u7f6e\u4e0d\u540c\u7684\u53c2\u6570\u5b9e\u73b0\u4e0d\u540c\u533a\u57df\u7684\u663e\u793a</p>\n<h3>\u6ce8\u610f</h3>\n<ul>\n<li>Page\u7684name\u53c2\u6570\u5fc5\u987b\u8981\u4f20\uff0c\u7528\u6765\u5728\u9875\u9762\u8df3\u8f6c\u65f6\u786e\u5b9aPage\u662f\u4e0d\u662f\u540c\u4e00\u4e2a\uff0c\u51b3\u5b9a\u7740Page\u662f\u5426\u8d70install\u5468\u671f</li>\n<li>Page\u7ec4\u4ef6\u7684\u53c2\u6570\u662f\u901a\u8fc7Context\u4fdd\u5b58\u5728Layout\u4e2d\u7684\uff0c\u8fd9\u6837\u505a\u7684\u76ee\u7684\u662f\u4e3a\u4e86\u8ba9\u9875\u9762\u8df3\u8f6c\u65f6\uff0c\u9664\u9875\u9762\u533a\u4ee5\u5916\u7684\u533a\u57df\u5728\u524d\u540e\u4fe9\u9875\u9762\u5dee\u522b\u4e0d\u5927\u7684\u60c5\u51b5\u4e0b\u8d70\u66f4\u65b0\u5468\u671f\u800c\u4e0d\u662finstall\u5468\u671f\uff0c\u4ee5\u6b64\u5e26\u6765\u66f4\u5feb\u7684\u6e32\u67d3\u901f\u5ea6\u907f\u514d\u4e0d\u5fc5\u8981\u7684\u91cd\u590d\u5b89\u88c5\u548c\u5378\u8f7d</li>\n<li>\u8bf7\u5c3d\u91cf\u901a\u8fc7Page\u63d0\u4f9b\u7684\u53c2\u6570\u6765\u914d\u7f6e\u51fa\u8bbe\u8ba1\u8981\u6c42\u7684\u9875\u9762\uff0c\u4e0d\u8981\u81ea\u884c\u7528css\u5b9e\u73b0\uff0c\u4ee5\u4fbf\u4e8eLayout\u7ec4\u4ef6\u80fd\u4ece\u6574\u4f53\u63a7\u5236\u9875\u9762\u7684\u57fa\u672c\u5f62\u5f0f\u548c\u4e0d\u540c\u533a\u57df\u7684padding\u548cmargin\uff0c\u8ba9\u7cfb\u7edf\u66f4\u52a0\u7edf\u4e00\u5316\u6807\u51c6\u5316</li>\n</ul>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>navigation</td>\n<td>\u5bfc\u822a\u53c2\u6570\u53c2\u8003 Navigation \u7ec4\u4ef6\u53c2\u6570</td>\n<td>object</td>\n<td>-</td>\n</tr>\n<tr>\n<td>children</td>\n<td>\u4e00\u822c\u653e\u7f6ePage\u7ec4\u4ef6</td>\n<td>jsx</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>Page</h3>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>menu</td>\n<td>\u5de6\u83dc\u5355\u533a\u5185\u5bb9</td>\n<td>jsx</td>\n<td>-</td>\n</tr>\n<tr>\n<td>filter</td>\n<td>\u9875\u9762\u6807\u9898\u4f4d\u7f6e\u7b5b\u9009\u5668\u53c2\u6570,\u53c2\u8003 Filter \u7ec4\u4ef6\u53c2\u6570</td>\n<td>object</td>\n<td>-</td>\n</tr>\n<tr>\n<td>menuOpen</td>\n<td>\u5de6\u83dc\u5355\u662f\u5426\u9ed8\u8ba4\u6253\u5f00</td>\n<td>boolean</td>\n<td>true</td>\n</tr>\n<tr>\n<td>menuWidth</td>\n<td>\u5de6\u83dc\u5355\u5bbd\u5ea6</td>\n<td>string</td>\n<td>240px</td>\n</tr>\n<tr>\n<td>menuFixed</td>\n<td>\u5de6\u83dc\u5355\u662f\u5426fixed\u5e03\u5c40</td>\n<td>boolean</td>\n<td>true</td>\n</tr>\n<tr>\n<td>menuCloseButton</td>\n<td>\u63a7\u5236\u5de6\u83dc\u5355\u663e\u793a\u9690\u85cf\u7684\u6309\u94ae\u662f\u5426\u663e\u793a</td>\n<td>boolean</td>\n<td>true</td>\n</tr>\n<tr>\n<td>header</td>\n<td>\u9875\u5934\u533a\u5185\u5bb9</td>\n<td>jsx</td>\n<td>-</td>\n</tr>\n<tr>\n<td>headerFixed</td>\n<td>\u9875\u5934\u533a\u662f\u5426fixed\u5e03\u5c40</td>\n<td>boolean</td>\n<td>true</td>\n</tr>\n<tr>\n<td>headerInfo</td>\n<td>\u9875\u5934\u4fe1\u606f\u533a\u5185\u5bb9</td>\n<td>jsx</td>\n<td>-</td>\n</tr>\n<tr>\n<td>backUrl</td>\n<td>\u53f3\u4fa7\u5185\u5bb9\u533a\u7684\u6807\u9898\u524d\u5c55\u793a\u8fd4\u56de\u6309\u94ae\uff0c\u5e76\u8fd4\u56de\u5230\u8be5url</td>\n<td>\u53c2\u8003 useNavigate</td>\n<td>-</td>\n</tr>\n<tr>\n<td>title</td>\n<td>\u9875\u9762\u6807\u9898</td>\n<td>string,jsx</td>\n<td>-</td>\n</tr>\n<tr>\n<td>titleExtra</td>\n<td>\u9875\u9762\u6807\u9898\u533a\u53f3\u4fa7\u4f4d\u7f6e\u5185\u5bb9</td>\n<td>jsx</td>\n<td>-</td>\n</tr>\n<tr>\n<td>titleLeftExtra</td>\n<td>\u9875\u9762\u6807\u9898\u533a\u5de6\u4fa7\u4f4d\u7f6e\u5185\u5bb9</td>\n<td>jsx</td>\n<td>-</td>\n</tr>\n<tr>\n<td>noMargin</td>\n<td>\u9875\u9762\u5185\u5bb9\u533a\u662f\u5426\u53bb\u6389Margin</td>\n<td>boolean</td>\n<td>false</td>\n</tr>\n<tr>\n<td>noPadding</td>\n<td>\u9875\u9762\u5185\u5bb9\u533a\u662f\u5426\u53bb\u6389Padding</td>\n<td>boolean</td>\n<td>false</td>\n</tr>\n<tr>\n<td>option</td>\n<td>\u53f3\u64cd\u4f5c\u533a\u5185\u5bb9</td>\n<td>jsx</td>\n<td>-</td>\n</tr>\n<tr>\n<td>optionWidth</td>\n<td>\u53f3\u64cd\u4f5c\u533a\u5bbd\u5ea6</td>\n<td>string</td>\n<td>400px</td>\n</tr>\n<tr>\n<td>optionNoPadding</td>\n<td>\u53f3\u64cd\u4f5c\u533a\u662f\u5426\u53bb\u6389Padding</td>\n<td>boolean</td>\n<td>false</td>\n</tr>\n<tr>\n<td>optionFixed</td>\n<td>\u53f3\u64cd\u4f5c\u533a\u662f\u5426fixed\u5e03\u5c40</td>\n<td>boolean</td>\n<td>false</td>\n</tr>\n<tr>\n<td>optionFooter</td>\n<td>\u53f3\u64cd\u4f5c\u533a\u5e95\u90e8\u5185\u5bb9</td>\n<td>jsx</td>\n<td>-</td>\n</tr>\n<tr>\n<td>openFeatures</td>\n<td>Page\u662f\u5426\u542f\u7528Features\uff0c\u542f\u7528\u65f6\u5982\u679c\u914d\u7f6e\u6587\u4ef6\u4e2d\u6ca1\u6709\u8be5\u6a21\u5757id\u5219\u5224\u65ad\u4e3a\u6a21\u5757\u5173\u95ed\uff0c\u4f1a\u5c06name\u4f5c\u4e3aFeatures\u7684id\u8fdb\u884c\u8bbe\u7f6e</td>\n<td>boolean</td>\n<td>false</td>\n</tr>\n</tbody>\n</table>\n<h3>Affix</h3>\n<p>\u53ef\u4ee5\u63a7\u5236\u5176\u4e2d\u7684\u5185\u5bb9\u662f\u5426\u662ffixed\u5e03\u5c40</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>isFixed</td>\n<td>\u5185\u5bb9\u662f\u5426fixed\u5e03\u5c40</td>\n<td>boolean</td>\n<td>true</td>\n</tr>\n<tr>\n<td>offsetTop</td>\n<td>\u8ddd\u79bb\u7a97\u53e3\u9876\u90e8\u8fbe\u5230\u6307\u5b9a\u504f\u79fb\u91cf\u540e\u89e6\u53d1</td>\n<td>number</td>\n<td>0</td>\n</tr>\n<tr>\n<td>offsetBottom</td>\n<td>\u8ddd\u79bb\u7a97\u53e3\u5e95\u90e8\u8fbe\u5230\u6307\u5b9a\u504f\u79fb\u91cf\u540e\u89e6\u53d1</td>\n<td>number</td>\n<td>-</td>\n</tr>\n<tr>\n<td>onChange</td>\n<td>\u56fa\u5b9a\u72b6\u6001\u6539\u53d8\u65f6\u89e6\u53d1\u7684\u56de\u8c03\u51fd\u6570</td>\n<td>function</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>Menu</h3>\n<p>\u663e\u793a\u4e00\u4e2a\u83dc\u5355\uff0c\u6700\u591a\u652f\u6301\u4e24\u7ea7\uff0c\u652f\u6301\u7b2c\u4e00\u7ea7\u5c55\u5f00\u6536\u8d77\uff0c\u652f\u6301\u8def\u5f84\u5339\u914d\u81ea\u52a8\u9ad8\u4eae</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>items</td>\n<td>\u83dc\u5355\u9879</td>\n<td>array[object]</td>\n<td>[]</td>\n</tr>\n<tr>\n<td>items[].label</td>\n<td>\u83dc\u5355\u9879\u663e\u793a\u5185\u5bb9</td>\n<td>jsx</td>\n<td>-</td>\n</tr>\n<tr>\n<td>items[].key</td>\n<td>\u83dc\u5355\u9879\u7684key\u8981\u6c42\u5fc5\u987b\u552f\u4e00</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>items[].iconType</td>\n<td>\u83dc\u5355\u9879\u524d\u9762\u7684icon\u7c7b\u578b\u53c2\u8003 Icon\u7ec4\u4ef6\u7684type\u53c2\u6570</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>items[].path</td>\n<td>\u83dc\u5355\u9879\u7684\u8def\u5f84</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>items[].onClick</td>\n<td>\u83dc\u5355\u9879\u70b9\u51fb\u89e6\u53d1\u4e8b\u4ef6\uff0c\u6ce8\u610f\uff1a\u5982\u679c\u83dc\u5355\u9879\u5df2\u7ecf\u4f20\u5165path\u53c2\u6570\u5219\u8be5\u53c2\u6570\u4e0d\u751f\u6548</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>items[].children</td>\n<td>\u83dc\u5355\u9879\u7684\u7b2c\u4e8c\u7ea7\u9879\u5217\u8868\uff0c\u53c2\u8003items\u53c2\u6570\u3002\u6ce8\u610f\u8be5\u7ec4\u4ef6\u53ea\u652f\u6301\u4e24\u7ea7\u83dc\u5355\uff0c\u6240\u4ee5\u8be5\u53c2\u6570\u5185\u90e8\u7684\u83dc\u5355\u9879\u4e0d\u518d\u652f\u6301children\u53c2\u6570</td>\n<td>array[object]</td>\n<td>-</td>\n</tr>\n<tr>\n<td>currentKey</td>\n<td>\u5f53\u524d\u88ab\u9009\u4e2d\u7684\u83dc\u5355\u9879\u7684key\uff0c\u5982\u679c\u83dc\u5355\u9879\u53c8path\u53c2\u6570\uff0c\u4e0d\u9700\u8981\u4f20\u9012\u8be5\u53c2\u6570\uff0c\u7ec4\u4ef6\u4f1a\u6839\u636e\u8def\u7531\u81ea\u52a8\u5224\u65ad\u9009\u4e2d\u9879</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>onChange</td>\n<td>currentKey\u4ea7\u751f\u4fee\u6539\u65f6\u89e6\u53d1\u51fd\u6570\uff0c\u6ce8\u610f\uff1a\u5982\u679c\u83dc\u5355\u9879\u5df2\u7ecf\u4f20\u5165path\u53c2\u6570\u5219\u8be5\u53c2\u6570\u4e0d\u751f\u6548</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>allowCollapsed</td>\n<td>\u662f\u5426\u5141\u8bb8\u4e00\u7ea7\u83dc\u5355\u6536\u8d77</td>\n<td>boolean</td>\n<td>true</td>\n</tr>\n<tr>\n<td>defaultOpenKeys</td>\n<td>\u521d\u59cb\u5c55\u5f00\u7684 SubMenu \u83dc\u5355\u9879 key \u6570\u7ec4</td>\n<td>string[]</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>PermissionsPage</h3>\n<p>\u52a0\u5165\u6743\u9650\u5224\u65ad\u7684Page\uff0c\u9519\u8bef\u7c7b\u578b\u9ed8\u8ba4\u4e3aerror\uff0c\u5373\u5728\u8be5\u9875\u9762\u6ca1\u6709\u6743\u9650\u65f6\u663e\u793a\u9519\u8bef</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>permissions</td>\n<td>\u6743\u9650\u5217\u8868\u53c2\u8003 Permissions \u7ec4\u4ef6\u53c2\u6570</td>\n<td>object</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>",example:{isFull:!0,className:"Layout_ebd9b",style:".Layout_ebd9b .layout-content {\n  color: #fff;\n  background: var(--primary-color-4);\n  height: 100%;\n  text-align: center;\n  line-height: 300px;\n}\n.Layout_ebd9b .with-title-layout-content {\n  height: 100%;\n}\n.Layout_ebd9b .layout-menu {\n  background: #ff9c6e;\n  color: #fff;\n  height: 110vh;\n  text-align: center;\n  line-height: 300px;\n}\n.Layout_ebd9b .header {\n  background: #ff9c6e;\n  height: 100px;\n  padding: 10px;\n  color: #fff;\n}\n.Layout_ebd9b .right-options {\n  background: var(--primary-color-4);\n  height: 110vh;\n  color: #fff;\n}\n.Layout_ebd9b .header-info {\n  padding: 10px;\n  height: 100px;\n  background: var(--primary-color-4);\n  color: #fff;\n}",list:[{title:"\u57fa\u7840\u4e0a\u4e0b\u5e03\u5c40",description:"\u5c55\u793a\u6700\u57fa\u7840\u7684\u4e0a\u5bfc\u822a\u680f\uff0c\u4e0b\u5185\u5bb9\u7684\u5e03\u5c40",code:'const { default: Layout, Page } = _Layout;\nconst { PureGlobal } = global;\nconst BaseExample = () => {\n  return (\n    <PureGlobal\n      preset={{\n        enums: {\n          helperGuide: () => [\n            {\n              value: "base-detail",\n              content: "\u6d4b\u8bd5\u5e2e\u52a9\u6587\u6863",\n              url: "/",\n            },\n          ],\n        },\n      }}\n    >\n      <Layout navigation={{ isFixed: false }}>\n        <Page name="base" helperGuideName="base-detail">\n          <div className="layout-content">\u5185\u5bb9\u533a</div>\n        </Page>\n      </Layout>\n    </PureGlobal>\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Layout",packageName:"@components/Layout",component:a},{name:"global",packageName:"@components/Global",component:l}]},{title:"\u5e26\u6709\u5de6\u4fa7\u83dc\u5355\u5e03\u5c40",description:"\u5c55\u793a\u5e26\u6709\u5de6\u4fa7\u83dc\u5355\u5e03\u5c40",code:'const { default: Layout, Page, Menu } = layout;\nconst { Button, Space } = antd;\nconst { PureGlobal } = global;\n\nconst Example = () => {\n  return (\n    <Layout navigation={{ isFixed: false }}>\n      <Page\n        name="left-menu"\n        menuFixed={false}\n        menu={\n          <Menu\n            items={[\n              {\n                label: "\u7236\u7ea7\u6807\u98981",\n                key: "p-0",\n                iconType: "icon-zhanghaodenglu",\n                children: [\n                  {\n                    label: "\u5b50\u6807\u98981",\n                    key: "s-0",\n                    path: "/link1",\n                  },\n                  {\n                    label: "\u5b50\u6807\u98982",\n                    key: "s-1",\n                    path: "/link2",\n                  },\n                ],\n              },\n              {\n                label: "\u7236\u7ea7\u6807\u98982",\n                key: "p-1",\n                iconType: "icon-zhanghaodenglu",\n                children: [\n                  {\n                    label: "\u5b50\u6807\u98981",\n                    key: "s-2",\n                    path: "/link3",\n                  },\n                  {\n                    label: "\u5b50\u6807\u98982",\n                    key: "s-3",\n                    path: "/link4",\n                  },\n                ],\n              },\n              {\n                label: "\u7236\u7ea7\u6807\u98983",\n                key: "p-2",\n                iconType: "icon-zhanghaodenglu",\n                path: "/link5",\n              },\n            ]}\n          />\n        }\n        titleExtra={\n          <Space>\n            <Button type="primary">\u65b0\u5efa</Button>\n          </Space>\n        }\n        backUrl={"/"}\n        title="\u6807\u9898"\n      >\n        <div className="layout-content with-title-layout-content">\u5185\u5bb9\u533a</div>\n      </Page>\n    </Layout>\n  );\n};\n\nrender(\n  <PureGlobal>\n    <Example />\n  </PureGlobal>\n);\n\n',scope:[{name:"layout",packageName:"@components/Layout",component:a},{name:"antd",packageName:"antd",component:o},{name:"global",packageName:"@components/Global",component:l}]},{title:"\u5de6\u4fa7\u56fa\u5b9a\u5e26Header",description:"\u5c55\u793a\u5e26\u6709header\u7684\u5de6\u4fa7\u56fa\u5b9a\u83dc\u5355\u5e03\u5c40",code:'const { default: Layout, Page } = layout;\nconst { Button, Space } = antd;\nconst { PureGlobal } = global;\n\nconst Example = () => {\n  return (\n    <Space className="container" direction="vertical">\n      <Layout navigation={{ isFixed: false }}>\n        <Page\n          name="with-header"\n          helperGuideName="base-detail"\n          menu={<div className="layout-menu">\u5de6\u4fa7\u83dc\u5355\u533a</div>}\n          titleExtra={\n            <Space>\n              <Button type="primary">\u65b0\u5efa</Button>\n            </Space>\n          }\n          title="\u6807\u9898"\n          hideCloseSvg={true}\n          headerHeight="40px"\n          menuFixed={false}\n          header={<div className="header">header</div>}\n          headerFixed={false}\n          headerInfo={<div className="header-info">header info\u533a\u57df</div>}\n        >\n          <div>\u5185\u5bb9\u533a</div>\n        </Page>\n      </Layout>\n    </Space>\n  );\n};\n\nrender(\n  <PureGlobal\n    preset={{\n      enums: {\n        helperGuide: () => [\n          {\n            value: "base-detail",\n            content: "\u6d4b\u8bd5\u5e2e\u52a9\u6587\u6863",\n            url: "/",\n          },\n        ],\n      },\n    }}\n  >\n    <Example />\n  </PureGlobal>\n);\n\n',scope:[{name:"layout",packageName:"@components/Layout",component:a},{name:"antd",packageName:"antd",component:o},{name:"global",packageName:"@components/Global",component:l}]},{title:"\u53f3\u4fa7\u56fa\u5b9a",description:"\u5c55\u793a\u5e26\u6709header\u7684\u53f3\u4fa7\u56fa\u5b9a\u83dc\u5355\u5e03\u5c40",code:'const { default: Layout, Page } = layout;\nconst { Button, Space } = antd;\nconst { PureGlobal } = global;\n\nconst Example = () => {\n  return (\n    <Layout navigation={{ isFixed: false }}>\n      <Page\n        name="fix-right-menu"\n        optionFixed={false}\n        option={<div className="right-options">\u53f3\u4fa7\u64cd\u4f5c\u533a\u57df</div>}\n        optionFooter={\n          <Space>\n            <Button type="primary">\u65b0\u5efa</Button>\n          </Space>\n        }\n        titleExtra={\n          <Space>\n            <Button type="primary">\u65b0\u5efa</Button>\n          </Space>\n        }\n        title="\u6807\u9898"\n        header={<div className="header">header</div>}\n        headerFixed={false}\n        menuFixed={false}\n      >\n        <div>\u5185\u5bb9\u533a</div>\n      </Page>\n    </Layout>\n  );\n};\n\nrender(\n  <PureGlobal>\n    <Example />\n  </PureGlobal>\n);\n\n',scope:[{name:"layout",packageName:"@components/Layout",component:a},{name:"antd",packageName:"antd",component:o},{name:"global",packageName:"@components/Global",component:l}]},{title:"\u5e26\u6709filter\u7684\u5217\u8868\u9875",description:"\u5c55\u793a\u5e26\u6709filter\u7684\u5217\u8868\u9875",code:'const { default: Layout, Page } = layout;\nconst {\n  InputFilterItem,\n  CityFilterItem,\n  AdvancedSelectFilterItem,\n  UserFilterItem,\n  FunctionSelectFilterItem,\n  IndustrySelectFilterItem,\n  getFilterValue,\n} = filter;\nconst { useState } = React;\nconst { Space, Button } = antd;\nconst { PureGlobal } = global;\nconst BaseExample = () => {\n  const [filter, setFilter] = useState([]);\n  return (\n    <PureGlobal preset={{}}>\n      <Layout navigation={{ isFixed: false }}>\n        <Page\n          name="base"\n          helperGuideName="base-detail"\n          titleExtra={\n            <Space>\n              <Button type="primary">\u6dfb\u52a0</Button>\n            </Space>\n          }\n          filter={{\n            extraExpand: (\n              <Button type="primary" size="small">\n                \u8ba2\u9605\u7b5b\u9009\u9879\n              </Button>\n            ),\n            value: filter,\n            onChange: (value) => {\n              setFilter(value);\n              console.log(getFilterValue(value));\n            },\n            list: [\n              [\n                <InputFilterItem label="\u6587\u5b57" name="text" />,\n                <CityFilterItem label="\u57ce\u5e02" name="city" />,\n                <AdvancedSelectFilterItem\n                  label="\u9ad8\u7ea7\u9009\u62e9"\n                  name="select"\n                  api={{\n                    loader: () => {\n                      return {\n                        pageData: [\n                          { label: "\u7b2c\u4e00\u9879", value: 1 },\n                          { label: "\u7b2c\u4e8c\u9879", value: 2, disabled: true },\n                          {\n                            label: "\u7b2c\u4e09\u9879",\n                            value: 3,\n                          },\n                        ],\n                      };\n                    },\n                  }}\n                />,\n                <UserFilterItem\n                  label="\u7528\u6237\u9009\u62e9"\n                  name="user"\n                  api={{\n                    loader: () => {\n                      return {\n                        pageData: [\n                          {\n                            label: "\u7528\u6237\u4e00",\n                            value: 1,\n                            description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n                          },\n                          {\n                            label: "\u7528\u6237\u4e8c",\n                            value: 2,\n                            description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n                          },\n                          {\n                            label: "\u7528\u6237\u4e09",\n                            value: 3,\n                            description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n                          },\n                        ],\n                      };\n                    },\n                  }}\n                />,\n                <FunctionSelectFilterItem\n                  label="\u804c\u80fd\u9009\u62e9"\n                  name="function"\n                  onlyAllowLastLevel\n                  single\n                />,\n                <IndustrySelectFilterItem\n                  label="\u884c\u4e1a\u9009\u62e9"\n                  name="industry"\n                  onlyAllowLastLevel\n                />,\n              ],\n              [\n                <UserFilterItem\n                  label="\u804c\u4f4d\u534f\u52a9\u4eba"\n                  name="position_user"\n                  api={{\n                    loader: () => {\n                      return {\n                        pageData: [\n                          {\n                            label: "\u7528\u6237\u4e00",\n                            value: 1,\n                            description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n                          },\n                          {\n                            label: "\u7528\u6237\u4e8c",\n                            value: 2,\n                            description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n                          },\n                          {\n                            label: "\u7528\u6237\u4e09",\n                            value: 3,\n                            description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n                          },\n                        ],\n                      };\n                    },\n                  }}\n                />,\n              ],\n            ],\n          }}\n        >\n          <div className="layout-content">\u5185\u5bb9\u533a</div>\n        </Page>\n      </Layout>\n    </PureGlobal>\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"layout",packageName:"@components/Layout",component:a},{name:"antd",packageName:"antd",component:o},{name:"global",packageName:"@components/Global",component:l},{name:"filter",packageName:"@components/Filter",component:t(2615)}]},{title:"\u5de6\u4fa7\u5bfc\u822a\u83dc\u5355",description:"\u5c55\u793a\u4e00\u4e2a\u5de6\u4fa7\u5bfc\u822a\u83dc\u5355",code:'const { Menu } = layout;\nconst { Space } = antd;\nconst { useState } = React;\n\nconst ControlMenu = () => {\n  const [current, setCurrent] = useState();\n  return (\n    <Menu\n      currentKey={current}\n      onChange={setCurrent}\n      items={[\n        {\n          label: "\u7236\u7ea7\u6807\u98981",\n          key: "p-0",\n          iconType: "icon-zhanghaodenglu",\n          children: [\n            {\n              label: "\u5b50\u6807\u98981",\n              key: "s-0",\n            },\n            {\n              label: "\u5b50\u6807\u98982",\n              key: "s-1",\n            },\n          ],\n        },\n        {\n          label: "\u7236\u7ea7\u6807\u98982",\n          key: "p-1",\n          iconType: "icon-zhanghaodenglu",\n          children: [\n            {\n              label: "\u5b50\u6807\u98981",\n              key: "s-2",\n            },\n            {\n              label: "\u5b50\u6807\u98982",\n              key: "s-3",\n            },\n          ],\n        },\n        {\n          label: "\u7236\u7ea7\u6807\u98983",\n          key: "p-2",\n          iconType: "icon-zhanghaodenglu",\n        },\n      ]}\n    />\n  );\n};\n\nconst Example = () => {\n  return (\n    <Space size={10}>\n      <Menu\n        items={[\n          {\n            label: "\u7236\u7ea7\u6807\u98981",\n            key: "p-0",\n            iconType: "icon-zhanghaodenglu",\n            children: [\n              {\n                label: "\u5b50\u6807\u98981",\n                key: "s-0",\n                path: "/link1",\n              },\n              {\n                label: "\u5b50\u6807\u98982",\n                key: "s-1",\n                path: "/link2",\n              },\n            ],\n          },\n          {\n            label: "\u7236\u7ea7\u6807\u98982",\n            key: "p-1",\n            iconType: "icon-zhanghaodenglu",\n            children: [\n              {\n                label: "\u5b50\u6807\u98981",\n                key: "s-2",\n                path: "/link3",\n              },\n              {\n                label: "\u5b50\u6807\u98982",\n                key: "s-3",\n                path: "/link4",\n              },\n            ],\n          },\n          {\n            label: "\u7236\u7ea7\u6807\u98983",\n            key: "p-2",\n            iconType: "icon-zhanghaodenglu",\n            path: "/link5",\n          },\n        ]}\n      />\n      <Menu\n        items={[\n          {\n            iconType: "icon-zhanghaodenglu",\n            label: "\u5b50\u6807\u98981",\n            key: "s-0",\n            path: "/link1",\n          },\n          {\n            iconType: "icon-zhanghaodenglu",\n            label: "\u5b50\u6807\u98982",\n            key: "s-1",\n            path: "/link2",\n          },\n          {\n            iconType: "icon-zhanghaodenglu",\n            label: "\u5b50\u6807\u98981",\n            key: "s-2",\n            path: "/link3",\n          },\n          {\n            iconType: "icon-zhanghaodenglu",\n            label: "\u5b50\u6807\u98982",\n            key: "s-3",\n            path: "/link4",\n          },\n        ]}\n      />\n      <Menu\n        allowCollapsed={false}\n        items={[\n          {\n            label: "\u7236\u7ea7\u6807\u98981",\n            key: "p-0",\n            iconType: "icon-zhanghaodenglu",\n            children: [\n              {\n                label: "\u5b50\u6807\u98981",\n                key: "s-0",\n                path: "/link1",\n              },\n              {\n                label: "\u5b50\u6807\u98982",\n                key: "s-1",\n                path: "/link2",\n              },\n            ],\n          },\n          {\n            label: "\u7236\u7ea7\u6807\u98982",\n            key: "p-1",\n            iconType: "icon-zhanghaodenglu",\n            children: [\n              {\n                label: "\u5b50\u6807\u98981",\n                key: "s-2",\n                path: "/link3",\n              },\n              {\n                label: "\u5b50\u6807\u98982",\n                key: "s-3",\n                path: "/link4",\n              },\n            ],\n          },\n          {\n            label: "\u7236\u7ea7\u6807\u98983",\n            key: "p-2",\n            iconType: "icon-zhanghaodenglu",\n            path: "/link5",\n          },\n        ]}\n      />\n      <ControlMenu />\n    </Space>\n  );\n};\n\nrender(<Example />);\n\n',scope:[{name:"layout",packageName:"@components/Layout",component:a},{name:"antd",packageName:"antd",component:o}]}]}}},58419:(n,e,t)=>{"use strict";t.d(e,{A:()=>o});var a=t(81014),l=t(55199);const o={name:"LoadingButton",summary:"<h3>\u4f55\u65f6\u4f7f\u7528</h3>\n<p>\u5f53\u70b9\u51fb\u6309\u94ae\u65f6\uff0c\u9700\u8981\u663e\u793aloading\u72b6\u6001\uff0c\u5f53\u7136\u4f60\u53ef\u4ee5\u4f7f\u7528antd Button\u7684loading\u5c5e\u6027\uff0c\u4f46\u662f\u8fd9\u6837\u4f60\u9700\u8981\u81ea\u5df1\u58f0\u660e\u4e00\u4e2astate\u6765\u63a7\u5236\uff0cLoadingButton\u7ec4\u4ef6\u53ef\u4ee5\u5e2e\u4f60\u505a\u597d\u8fd9\u4ef6\u4e8b\u60c5</p>\n<h3>\u7279\u70b9</h3>\n<p>\u901a\u8fc7onClick\u8fd4\u56de\u7684Promise\u6765\u63a7\u5236Button\u7684loading\u72b6\u6001</p>\n<p>children\u9664\u4e86\u53ef\u4ee5\u4f20\u6b63\u5e38\u7684jsx\u4ee5\u5916\u8fd8\u63a5\u53d7function\u53c2\u6570\uff0c\u53ef\u4ee5\u63a5\u6536\u5230loading\u72b6\u6001\u4ee5\u4fbf\u6839\u636eloading\u72b6\u6001\u663e\u793a\u4e0d\u540c\u6587\u6848</p>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>onClick</td>\n<td>\u70b9\u51fb\u6309\u94ae\u89e6\u53d1\u51fd\u6570\uff0c\u53ef\u4ee5\u8fd4\u56de\u4e00\u4e2aPromise\uff0c\u5f53Promise\u518dpending\u72b6\u6001\u65f6Button\u5c06\u81ea\u52a8\u5904\u4e8eloading\u72b6\u6001\uff0c\u5f53Promise\u8fd4\u56de\u7ed3\u679c\u4f1a\u81ea\u52a8\u4eceloading\u5207\u6362\u56de\u666e\u901a\u72b6\u6001</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>children</td>\n<td>Button\u7684\u5b50\u5143\u7d20\uff0c\u53ef\u4ee5\u4e3ajsx\u6216\u8005function\uff0c\u4e3afunction\u65f6\u53ef\u4ee5\u63a5\u6536\u5230loading\u72b6\u6001\u7528\u6765\u5207\u6362\u663e\u793a\u5185\u5bb9</td>\n<td>jsx,function</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>",example:{isFull:!1,className:"LoadingButton_cd4ed",style:"",list:[{title:"\u5e26\u6709\u52a0\u8f7d\u72b6\u6001\u6309\u94ae",description:"\u70b9\u51fb\u6309\u94ae\u5207\u6362\u5230\u52a0\u8f7d\u72b6\u6001\uff0c\u52a0\u8f7d\u65b9\u6cd5\u5b8c\u6210\u540e\u81ea\u52a8\u5207\u6362\u4e3a\u666e\u901a\u72b6\u6001",code:'const { default: LoadingButton } = _LoadingButton;\nconst { Space, message } = antd;\n\nconst clickHandler = () => {\n  message.success("\u70b9\u51fb\u6309\u94ae1s\u540e\u5b8c\u6210\u52a0\u8f7d");\n  return new Promise((resolve) => {\n    setTimeout(() => {\n      message.success("\u5b8c\u6210");\n      resolve();\n    }, 1000);\n  });\n};\nconst BaseExample = () => {\n  return (\n    <Space wrap>\n      <LoadingButton onClick={clickHandler}>\u6309\u94ae</LoadingButton>\n      <LoadingButton onClick={clickHandler}>\n        {(isLoading) => (isLoading ? "\u6b63\u5728\u52a0\u8f7d\u4e2d..." : "\u5207\u6362\u52a0\u8f7d\u6587\u6848")}\n      </LoadingButton>\n    </Space>\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_LoadingButton",packageName:"@components/LoadingButton",component:a},{name:"antd",packageName:"antd",component:l}]}]}}},45516:(n,e,t)=>{"use strict";t.d(e,{A:()=>o});var a=t(28148),l=t(55199);const o={name:"Menu",summary:"<p>\u652f\u6301\u8fdc\u7a0b\u52a0\u8f7d\u6570\u636e\u7684\u83dc\u5355</p>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n</table>",example:{isFull:!1,className:"Menu_b6154",style:"",list:[{title:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u6807\u9898",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { default: Menu } = _Menu;\nconst { Space } = antd;\nconst { useState } = React;\n\nconst ControlMenu = () => {\n  const [current, setCurrent] = useState("s-0");\n  return (\n    <Menu\n      currentKey={current}\n      onChange={setCurrent}\n      items={[\n        {\n          label: "\u7236\u7ea7\u6807\u98981",\n          key: "p-0",\n          iconType: "icon-zhanghaodenglu",\n          children: [\n            {\n              label: "\u5b50\u6807\u98981",\n              key: "s-0",\n            },\n            {\n              label: "\u5b50\u6807\u98982",\n              key: "s-1",\n            },\n          ],\n        },\n        {\n          label: "\u7236\u7ea7\u6807\u98982",\n          key: "p-1",\n          iconType: "icon-zhanghaodenglu",\n          children: [\n            {\n              label: "\u5b50\u6807\u98981",\n              key: "s-2",\n            },\n            {\n              label: "\u5b50\u6807\u98982",\n              key: "s-3",\n            },\n          ],\n        },\n        {\n          label: "\u7236\u7ea7\u6807\u98983",\n          key: "p-2",\n          iconType: "icon-zhanghaodenglu",\n        },\n      ]}\n    />\n  );\n};\nconst BaseExample = () => {\n  return (\n    <Space>\n      <div style={{ maxWidth: "200px" }}>\n        <Menu\n          defaultItems={[\n            {\n              label: "\u7236\u7ea7\u6807\u98981",\n              iconType: "icon-zhanghaodenglu",\n              children: [\n                {\n                  label:\n                    "\u5b50\u6807\u98981\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u5b50\u6807\u98981\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u5b50\u6807\u98981\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u5b50\u6807\u98981\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7",\n                  path: "/link1",\n                },\n                {\n                  label: "\u5b50\u6807\u98982",\n                  path: "/link2",\n                },\n              ],\n            },\n            {\n              label: "\u7236\u7ea7\u6807\u98982",\n              iconType: "icon-zhanghaodenglu",\n              children: [\n                {\n                  label: "\u5b50\u6807\u98981",\n                  path: "/link3",\n                },\n                {\n                  label: "\u5b50\u6807\u98982",\n                  path: "/link4",\n                },\n              ],\n            },\n            {\n              label: "\u7236\u7ea7\u6807\u98983",\n              iconType: "icon-zhanghaodenglu",\n              fetchOptions: {\n                loader: () => {\n                  return new Promise((resolve) => {\n                    setTimeout(() => {\n                      resolve([\n                        {\n                          label: "\u5b50\u6807\u98981",\n                          path: "/link5",\n                        },\n                        {\n                          label: "\u5b50\u6807\u98982",\n                          path: "/link6",\n                        },\n                      ]);\n                    }, 1000);\n                  });\n                },\n              },\n            },\n          ]}\n        />\n      </div>\n\n      <Menu\n        items={[\n          {\n            iconType: "icon-zhanghaodenglu",\n            label: "\u5b50\u6807\u98981",\n            key: "s-0",\n            path: "/link1",\n          },\n          {\n            iconType: "icon-zhanghaodenglu",\n            label: "\u5b50\u6807\u98982",\n            key: "s-1",\n            path: "/link2",\n          },\n          {\n            iconType: "icon-zhanghaodenglu",\n            label: "\u5b50\u6807\u98981",\n            key: "s-2",\n            path: "/link3",\n          },\n          {\n            iconType: "icon-zhanghaodenglu",\n            label: "\u5b50\u6807\u98982",\n            key: "s-3",\n            path: "/link4",\n          },\n        ]}\n      />\n      <Menu\n        allowCollapsed={false}\n        items={[\n          {\n            label: "\u7236\u7ea7\u6807\u98981",\n            key: "p-0",\n            iconType: "icon-zhanghaodenglu",\n            children: [\n              {\n                label: "\u5b50\u6807\u98981",\n                key: "s-0",\n                path: "/link1",\n              },\n              {\n                label: "\u5b50\u6807\u98982",\n                key: "s-1",\n                path: "/link2",\n              },\n            ],\n          },\n          {\n            label: "\u7236\u7ea7\u6807\u98982",\n            key: "p-1",\n            iconType: "icon-zhanghaodenglu",\n            children: [\n              {\n                label: "\u5b50\u6807\u98981",\n                key: "s-2",\n                path: "/link3",\n              },\n              {\n                label: "\u5b50\u6807\u98982",\n                key: "s-3",\n                path: "/link4",\n              },\n            ],\n          },\n          {\n            label: "\u7236\u7ea7\u6807\u98983",\n            key: "p-2",\n            iconType: "icon-zhanghaodenglu",\n            path: "/link5",\n          },\n        ]}\n      />\n      <Menu\n        allowCollapsed={false}\n        defaultItems={[\n          {\n            label: "\u7236\u7ea7\u6807\u98981",\n            iconType: "icon-zhanghaodenglu",\n            children: [\n              {\n                label: "\u5b50\u6807\u98981",\n                path: "/link1",\n              },\n              {\n                label: "\u5b50\u6807\u98982",\n                path: "/link2",\n              },\n            ],\n          },\n          {\n            label: "\u7236\u7ea7\u6807\u98982",\n            iconType: "icon-zhanghaodenglu",\n            children: [\n              {\n                label: "\u5b50\u6807\u98981",\n                path: "/link3",\n              },\n              {\n                label: "\u5b50\u6807\u98982",\n                path: "/link4",\n              },\n            ],\n          },\n          {\n            label: "\u7236\u7ea7\u6807\u98983",\n            iconType: "icon-zhanghaodenglu",\n            fetchOptions: {\n              loader: () => {\n                return new Promise((resolve) => {\n                  setTimeout(() => {\n                    resolve([\n                      {\n                        label: "\u5b50\u6807\u98981",\n                        path: "/link5",\n                      },\n                      {\n                        label: "\u5b50\u6807\u98982",\n                        path: "/link6",\n                      },\n                    ]);\n                  }, 1000);\n                });\n              },\n            },\n          },\n        ]}\n      />\n      <Menu\n        defaultItems={[\n          {\n            label: "\u7236\u7ea7\u6807\u98981",\n            children: [\n              {\n                label: "\u5b50\u6807\u98981",\n                path: "/link1",\n              },\n              {\n                label: "\u5b50\u6807\u98982",\n                path: "/link2",\n              },\n            ],\n          },\n          {\n            label: "\u7236\u7ea7\u6807\u98982",\n            children: [\n              {\n                label: "\u5b50\u6807\u98981",\n                path: "/link3",\n              },\n              {\n                label: "\u5b50\u6807\u98982",\n                path: "/link4",\n              },\n            ],\n          },\n        ]}\n      />\n      <ControlMenu />\n    </Space>\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Menu",packageName:"@components/Menu",component:a},{name:"antd",packageName:"antd",component:l}]}]}}},28928:(n,e,t)=>{"use strict";t.d(e,{A:()=>i});var a=t(3382),l=t(76329),o=t(55199),r=t(87558),s=t(45362);const i={name:"Modal",summary:"<h3>\u4f55\u65f6\u4f7f\u7528</h3>\n<p>\u9700\u8981\u7528\u6237\u5904\u7406\u4e8b\u52a1\uff0c\u53c8\u4e0d\u5e0c\u671b\u8df3\u8f6c\u9875\u9762\u4ee5\u81f4\u6253\u65ad\u5de5\u4f5c\u6d41\u7a0b\u65f6\uff0c\u53ef\u4ee5\u5728\u5f53\u524d\u9875\u9762\u6b63\u4e2d\u6253\u5f00\u4e00\u4e2a\u6d6e\u5c42\uff0c\u627f\u8f7d\u76f8\u5e94\u7684\u64cd\u4f5c\u3002</p>\n<h3>\u7279\u70b9</h3>\n<p>\u8be5\u7ec4\u4ef6\u662fantd Modal\u7ec4\u4ef6\u7684\u518d\u5c01\u88c5\uff1a</p>\n<ul>\n<li>\u4fee\u6539\u4e86footer\u90e8\u5206\u7684\u8bbe\u7f6e\u903b\u8f91,\u80fd\u66f4\u52a0\u7b80\u5355\u7684\u5b9a\u4e49footer\u533a\u57df\u7684\u529f\u80fd</li>\n<li>\u6dfb\u52a0\u4e86withDecorator\u53ef\u4ee5\u66f4\u52a0\u65b9\u4fbf\u7684\u5904\u7406Modal\u5916\u5c42\u7684\u663e\u793a\u903b\u8f91</li>\n<li>\u6269\u5c55\u4e86\u7528\u4e8e\u65b9\u6cd5\u8c03\u7528\u7684useModal\u7684hooks\uff0c\u53ef\u4ee5\u901a\u8fc7hooks\u83b7\u5f97\u4e00\u4e2aModal\u7684\u8c03\u7528\u65b9\u6cd5\uff0c\u5e76\u4e14\u4fdd\u8bc1\u5176\u548cModal\u7ec4\u4ef6\u5f0f\u8c03\u7528\u6709\u76f8\u540c\u7684UI\u8868\u73b0\u548c\u884c\u4e3a</li>\n<li>\u6269\u5c55\u4e86ModalButton\u7ec4\u4ef6\uff0c\u53ef\u4ee5\u5728\u70b9\u51fb\u8be5\u6309\u94ae\u65f6\u6267\u884c\u52a0\u8f7d\u6570\u636e\uff0c\u5e76\u4e14Button\u7684\u72b6\u6001\u53d8\u4e3aloading\uff0c\u5728\u6570\u636e\u52a0\u8f7d\u5b8c\u6210\u4e4b\u540e\u518d\u5f39\u51fa\u5f39\u7a97</li>\n<li>\u6269\u5c55\u4e86TabsModal\u7ec4\u4ef6\uff0c\u5b83\u662f\u4e00\u4e2aTabs\u548cModal\u7ec4\u5408\u8d77\u6765\u7684\u7ec4\u4ef6\uff0c\u5bf9\u5f39\u7a97title\u505a\u4e86\u7279\u6b8a\u5904\u7406\uff0c\u66f4\u52a0\u7b26\u5408UI\u4ea4\u4e92\u903b\u8f91</li>\n</ul>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>footer</td>\n<td>\u5f39\u7a97\u7684footer\uff0c\u5f53\u5176\u88ab\u663e\u5f0f\u8bbe\u7f6e\u6210null\u4e14footerButtons\u6ca1\u6709\u8bbe\u7f6e\u8fc7\u65f6\u5f39\u7a97\u4e0d\u663e\u793afooter\u3002\u5f53\u5b83\u7c7b\u578b\u4e3afunction\u65f6\u53ef\u4ee5\u5f97\u5230close\u65b9\u6cd5\u548cwithDecorator\u8bbe\u7f6e\u7684props</td>\n<td>jsx,function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>footerButtons</td>\n<td>\u5f39\u7a97footer\u7684\u6309\u94ae\u533a\uff0c\u9ed8\u8ba4\u4e3a\u786e\u8ba4\u548c\u53d6\u6d88\u6309\u94ae\uff0c\u9ed8\u8ba4\u6309\u94ae\u5206\u522b\u54cd\u5e94onConfirm\u548conCancel\u65b9\u6cd5\uff0c\u5982\u679c\u81ea\u5b9a\u4e49\u8bbe\u7f6efooterButtons\u5219\u9700\u8981\u81ea\u884c\u4f20\u5165onClick\u53c2\u6570\uff0conConfirm\u548conCancel\u65b9\u6cd5\u5c06\u4e0d\u751f\u6548</td>\n<td>array</td>\n<td>-</td>\n</tr>\n<tr>\n<td>onClose</td>\n<td>\u5f39\u7a97\u5173\u95ed\u65f6\u8c03\u7528\uff0c\u5f39\u7a97\u53d7\u63a7\u65f6\u7531\u8be5\u65b9\u6cd5\u5c06\u5916\u90e8open\u72b6\u6001\u4fee\u6539</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>onConfirm</td>\n<td>\u5f53footerButtons\u672a\u81ea\u5b9a\u4e49\u8bbe\u7f6e\u65f6\u70b9\u51fb\u786e\u8ba4\u6309\u94ae\u89e6\u53d1\u6267\u884c\u8be5\u65b9\u6cd5\uff0c\u5f53\u5176\u8fd4\u56dePromise\u70b9\u51fb\u540ePromise\uff0cresolve\u4e4b\u524d\u786e\u8ba4\u6309\u94ae\u663e\u793a\u4e3aloading\u72b6\u6001\uff0c\u8fd4\u56de\u503c\u4e3afalse\u6216\u8005Promise\u7684resolve\u503c\u4e3afalse\u65f6\u5f39\u7a97\u4e0d\u4f1a\u88ab\u5173\u95ed\uff0c\u5176\u4ed6\u60c5\u51b5\u5f39\u7a97\u9ed8\u8ba4\u5173\u95ed</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>onCancel</td>\n<td>\u548conConfirm\u7c7b\u4f3c\uff0c\u5176\u4e3a\u70b9\u51fb\u53d6\u6d88\u6309\u94ae\u89e6\u53d1</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>children</td>\n<td>\u5f39\u7a97\u5185\u5bb9\uff0c\u53ef\u4ee5\u4e3ajsx\u6216\u8005function\uff0c\u4e3afunction\u65f6\u53ef\u4ee5\u63a5\u6536\u5230close\u548cwithDecorator\u8bbe\u7f6e\u7684props</td>\n<td>jsx,function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>withDecorator</td>\n<td>\u5f39\u7a97\u4fee\u9970\u5668\uff0c\u4f1a\u63a5\u6536\u5230\u5f39\u7a97children\u7684render\u65b9\u6cd5\uff0c\u53ef\u4ee5\u5728\u5176\u5916\u90e8\u6dfb\u52a0\u4fee\u9970\u5185\u5bb9\u540e\u6267\u884crender\u65b9\u6cd5\uff0c\u7ed9render\u65b9\u6cd5\u4f20\u5165\u7684\u503c\u53ef\u4ee5\u5728children,footer,rightOptions\u7c7b\u578b\u4e3afunction\u65f6\u63a5\u6536\u5230\u5bf9\u5e94\u7684\u53c2\u6570</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>rightOptions</td>\n<td>\u5f39\u7a97\u53f3\u4fa7\u533a\u57df\uff0c\u548cchildren\u7c7b\u4f3c\u53ef\u4ee5\u4e3ajsx\u6216\u8005function\u7c7b\u578b</td>\n<td>jsx,function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>maskClosable</td>\n<td>\u70b9\u51fb\u8499\u5c42\u662f\u5426\u5141\u8bb8\u5173\u95ed</td>\n<td>boolean</td>\n<td>false</td>\n</tr>\n</tbody>\n</table>\n<p>\u5176\u4ed6\u53c2\u6570\u53c2\u8003antd Modal\u7ec4\u4ef6</p>\n<h3>useModal</h3>\n<p>\u83b7\u53d6\u4e00\u4e2a\u6267\u884c\u540e\u53ef\u4ee5\u5f39\u51fa\u4e00\u4e2aModal\u7ec4\u4ef6\u7684\u65b9\u6cd5</p>\n<h4>return:modal</h4>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>modal</td>\n<td>\u6267\u884c\u540e\u53ef\u4ee5\u5f39\u51fa\u4e00\u4e2aModal\u5f39\u7a97\uff0c\u53c2\u6570\u540cModal\u7ec4\u4ef6\u53c2\u6570</td>\n<td>function</td>\n</tr>\n</tbody>\n</table>\n<h3>TabsModal</h3>\n<p>\u4e00\u4e2aTabs\u548cModal\u7ec4\u5408\u8d77\u6765\u7684\u7ec4\u4ef6\uff0c\u5bf9\u5f39\u7a97title\u505a\u4e86\u7279\u6b8a\u5904\u7406\uff0c\u66f4\u52a0\u7b26\u5408UI\u4ea4\u4e92\u903b\u8f91</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>items</td>\n<td>\u540cantd Tabs\u7684items\u53c2\u6570</td>\n<td>array</td>\n<td>-</td>\n</tr>\n<tr>\n<td>items[].label</td>\n<td>\u9009\u9879\u5361\u5934\u663e\u793a\u6587\u5b57</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>items[].children</td>\n<td>\u9009\u9879\u5361\u5934\u663e\u793a\u5185\u5bb9\uff0c\u548cantd Tabs\u4e0d\u540c\u7684\u662f\u5b83\u53ef\u4ee5\u662f\u4e00\u4e2afunction\u548cModal\u7684children\u7c7b\u4f3c\u53ef\u4ee5\u63a5\u6536items[].withDecorator\u4f20\u5165\u7684\u53c2\u6570</td>\n<td>jsx,function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>items[].key</td>\n<td>\u5bf9\u5e94activeKey\u503c</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>activeKey</td>\n<td>\u5f53\u524d\u6fc0\u6d3b tab \u9762\u677f\u7684 key</td>\n<td>string</td>\n<td></td>\n</tr>\n<tr>\n<td>withDecorator</td>\n<td>\u5f39\u7a97\u4fee\u9970\u5668\u548cModal\u7684withDecorator\u4f5c\u7528\u4e00\u81f4</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>defaultActiveKey</td>\n<td>\u521d\u59cb\u5316\u9009\u4e2d\u9762\u677f\u7684 key\uff0c\u5982\u679c\u6ca1\u6709\u8bbe\u7f6e activeKey</td>\n<td>string</td>\n<td></td>\n</tr>\n<tr>\n<td>onChange</td>\n<td>\u5207\u6362\u9762\u677f\u7684\u56de\u8c03</td>\n<td>function</td>\n<td></td>\n</tr>\n</tbody>\n</table>\n<h3>useTabsModal</h3>\n<p>\u83b7\u53d6\u4e00\u4e2a\u6267\u884c\u540e\u53ef\u4ee5\u5f39\u51fa\u4e00\u4e2aTabsModal\u7ec4\u4ef6\u7684\u65b9\u6cd5</p>\n<h4>return:tabsModal</h4>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>tabsModal</td>\n<td>\u6267\u884c\u540e\u53ef\u4ee5\u5f39\u51fa\u4e00\u4e2aTabsModal\u5f39\u7a97\uff0c\u53c2\u6570\u540cTabsModal\u7ec4\u4ef6\u53c2\u6570</td>\n<td>function</td>\n</tr>\n</tbody>\n</table>\n<h3>ModalButton</h3>\n<p>\u70b9\u51fb\u4ee5\u540e\u53ef\u4ee5\u6267\u884c\u83b7\u53d6\u6570\u636e\uff0c\u5728\u6570\u636e\u672a\u8fd4\u56de\u65f6\u6309\u94ae\u5c55\u793a\u4e3aloading\u72b6\u6001\uff0c\u6570\u636e\u8fd4\u56de\u540e\u5f39\u51faModal\u5f39\u7a97</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>api</td>\n<td>@kne/react-fetch \u6240\u9700\u53c2\u6570</td>\n<td>object</td>\n<td>-</td>\n</tr>\n<tr>\n<td>modalProps</td>\n<td>\u540cModal\u53c2\u6570,\u5f53\u5b83\u4e3afunction\u65f6\uff0c\u6267\u884cfunction\u540e\u8fd4\u56de\u7684\u503c\u4f5c\u4e3amodalProps</td>\n<td>object,function({data,fetchApi,close})</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<p>\u5176\u4ed6\u53c2\u6570\u540cantd Button \u7ec4\u4ef6</p>\n<h3>TabsModalButton</h3>\n<p>\u70b9\u51fb\u4ee5\u540e\u53ef\u4ee5\u6267\u884c\u83b7\u53d6\u6570\u636e\uff0c\u5728\u6570\u636e\u672a\u8fd4\u56de\u65f6\u6309\u94ae\u5c55\u793a\u4e3aloading\u72b6\u6001\uff0c\u6570\u636e\u8fd4\u56de\u540e\u5f39\u51faTabsModal\u5f39\u7a97</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>api</td>\n<td>@kne/react-fetch \u6240\u9700\u53c2\u6570</td>\n<td>object</td>\n<td>-</td>\n</tr>\n<tr>\n<td>modalProps</td>\n<td>\u540cTabsModal\u53c2\u6570,\u5f53\u5b83\u4e3afunction\u65f6\uff0c\u6267\u884cfunction\u540e\u8fd4\u56de\u7684\u503c\u4f5c\u4e3amodalProps</td>\n<td>object,function({data,fetchApi,close})</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<p>\u5176\u4ed6\u53c2\u6570\u540cantd Button \u7ec4\u4ef6</p>",example:{isFull:!1,className:"Modal_c59d6",style:"",list:[{title:"\u666e\u901a\u5f39\u7a97",description:"\u5c55\u793a\u5f39\u7a97\u7684\u57fa\u672c\u7528\u6cd5\uff0c\u81ea\u5b9a\u4e49footer\u7b49\u529f\u80fd\u3002\n\u6ce8\u610f:\n1.onConfirm\u548conCancel\u53ea\u5bf9\u4e8e\u9ed8\u8ba4\u7684footerButtons\u751f\u6548\uff0c\u5982\u679c\u662f\u81ea\u5b9a\u4e49\u7684footerButtons\u5219\u4e0d\u9700\u8981\u4f20\u8fd9\u4e24\u4e2a\u53c2\u6570\uff0c\u76f4\u63a5\u5b9a\u4e49\u6309\u94ae\u7684onClick\u5373\u53ef\u3002\n2.\u81ea\u5b9a\u4e49\u7684footerButtons\u7684onClick\u53ef\u4ee5\u8fd4\u56de\u4e00\u4e2aPromise\u6765\u5ef6\u8fdf\u5173\u95ed\u5f39\u7a97\uff0cresolve\u7684\u503c\u4e3afalse\u4e0d\u5173\u95ed\u5f39\u7a97\uff0c\u5176\u4ed6\u60c5\u51b5\u4f1a\u81ea\u52a8\u5173\u95ed\u5f39\u7a97\u3002\u5728resolve\u672a\u8fd4\u56de\u4e4b\u524d\u6309\u94ae\u4f1a\u53d8\u6210loading\u72b6\u6001",code:'const { default: Modal, useModal } = _Modal;\nconst { useState } = React;\nconst { Button, Space, message, Radio } = antd;\nconst { PureGlobal } = global;\n\nconst BaseExample = () => {\n  const modal = useModal();\n  const [size, setSize] = useState("default");\n  const [open, setOpen] = useState(false);\n  return (\n    <Space direction="vertical">\n      <Radio.Group\n        value={size}\n        options={[\n          { label: "small", value: "small" },\n          { label: "default", value: "default" },\n          {\n            label: "large",\n            value: "large",\n          },\n        ]}\n        onChange={(e) => {\n          setSize(e.target.value);\n        }}\n        optionType="button"\n        buttonStyle="solid"\n      />\n      <Space wrap>\n        <Modal\n          title="\u786e\u5b9a\u5ef6\u8fdf\u5173\u95ed\u5f39\u7a97"\n          size={size}\n          open={open}\n          onClose={() => {\n            setOpen(false);\n          }}\n          onConfirm={() => {\n            return new Promise((resolve) => {\n              message.success("\u5f39\u7a971s\u540e\u5173\u95ed");\n              setTimeout(() => {\n                message.success("\u5f39\u7a97\u5173\u95ed");\n                resolve();\n              }, 1000);\n            });\n          }}\n        >\n          <div>\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97</div>\n        </Modal>\n        <Button\n          onClick={() => {\n            setOpen(true);\n          }}\n        >\n          \u786e\u5b9a\u5ef6\u8fdf\u5173\u95ed\u5f39\u7a97\n        </Button>\n        <Button\n          onClick={() => {\n            modal({\n              title: "hooks\u8c03\u7528\u5f39\u6846",\n              size,\n              children: <div>\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97</div>,\n            });\n          }}\n        >\n          hooks\u8c03\u7528\u5f39\u6846\n        </Button>\n        <Button\n          onClick={() => {\n            modal({\n              title: "\u8d85\u9ad8\u5f39\u7a97",\n              size,\n              children: (\n                <div style={{ height: "2000px" }}>\n                  \u8d85\u9ad8\u5f39\u7a97\u8d85\u9ad8\u5f39\u7a97\u8d85\u9ad8\u5f39\u7a97\u8d85\u9ad8\u5f39\u7a97\u8d85\u9ad8\u5f39\u7a97\u8d85\u9ad8\u5f39\u7a97\u8d85\u9ad8\u5f39\u7a97\u8d85\u9ad8\u5f39\u7a97\u8d85\u9ad8\u5f39\u7a97\u8d85\u9ad8\u5f39\u7a97\n                </div>\n              ),\n            });\n          }}\n        >\n          \u5c55\u793a\u8d85\u9ad8\u5f39\u7a97\n        </Button>\n        <Button\n          onClick={() => {\n            modal({\n              title: "\u81ea\u5b9a\u4e49footer\u5f39\u6846",\n              size,\n              children: <div>\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97</div>,\n              footer: ({ close }) => (\n                <Space>\n                  <span>\u81ea\u5b9a\u4e49footer</span>\n                  <Button\n                    type="link"\n                    onClick={() => {\n                      close();\n                    }}\n                  >\n                    \u5173\u95ed\n                  </Button>\n                </Space>\n              ),\n            });\n          }}\n        >\n          \u5c55\u793a\u81ea\u5b9a\u4e49footer\u5f39\u6846\n        </Button>\n        <Button\n          onClick={() => {\n            modal({\n              title: "\u65e0footer\u5f39\u6846",\n              size,\n              children: <div>\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97</div>,\n              footer: null,\n            });\n          }}\n        >\n          \u65e0footer\u5f39\u6846\n        </Button>\n        <Button\n          onClick={() => {\n            modal({\n              title: "\u81ea\u5b9a\u4e49\u6309\u94ae\u7ec4",\n              size,\n              children: <div>\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97</div>,\n              footerButtons: [\n                {\n                  children: "\u6309\u94ae\u4e00",\n                },\n                {\n                  type: "primary",\n                  children: "\u6309\u94ae\u4e8c",\n                },\n                {\n                  children: "\u6309\u94ae\u4e09",\n                },\n              ],\n            });\n          }}\n        >\n          \u81ea\u5b9a\u4e49\u6309\u94ae\u7ec4\n        </Button>\n        <Button\n          onClick={() => {\n            modal({\n              title: "\u6709rightOptions\u7684\u5f39\u7a97",\n              size,\n              children: <div>\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97</div>,\n              rightOptions: <div>\u53f3\u4fa7\u5185\u5bb9\u53f3\u4fa7\u5185\u5bb9\u53f3\u4fa7\u5185\u5bb9\u53f3\u4fa7\u5185\u5bb9</div>,\n            });\n          }}\n        >\n          \u6709rightOptions\u7684\u5f39\u7a97\n        </Button>\n        <Button\n          onClick={() => {\n            const StateContainer = ({ children }) => {\n              const [disabled, setDisabled] = useState(false);\n              return children({ disabled, setDisabled });\n            };\n\n            modal({\n              title: "\u6709rightOptions\u7684\u5f39\u7a97",\n              size,\n              withDecorator: (render) => {\n                return <StateContainer>{render}</StateContainer>;\n              },\n              footerButtons: ({ disabled }) => [\n                {\n                  type: "primary",\n                  disabled,\n                  children: "\u786e\u5b9a",\n                },\n              ],\n              children: ({ disabled, setDisabled }) => (\n                <div>\n                  \u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97[{String(disabled)}]\n                  <Button\n                    onClick={() => {\n                      setDisabled((disabled) => !disabled);\n                    }}\n                  >\n                    \u5207\u6362\u786e\u5b9a\u6309\u94aedisabled\n                  </Button>\n                </div>\n              ),\n            });\n          }}\n        >\n          children\u63a7\u5236footerButtons\u72b6\u6001\n        </Button>\n      </Space>\n    </Space>\n  );\n};\n\nrender(\n  <PureGlobal>\n    <BaseExample />\n  </PureGlobal>\n);\n\n',scope:[{name:"_Modal",packageName:"@components/Modal",component:a},{name:"global",packageName:"@components/Global",component:l},{name:"antd",packageName:"antd",component:o}]},{title:"childrenRef\u7684\u4f7f\u7528",description:"",code:'const { default: Modal, useModal } = _Modal;\nconst { Button } = antd;\nconst BaseExample = () => {\n  const modal = useModal();\n\n  return (\n    <Button\n      onClick={() => {\n        modal({\n          title: "\u793a\u4f8b\u5f39\u6846",\n          children: ({ childrenRef }) => {\n            return (\n              <div ref={childrenRef}>\n                \u793a\u4f8b\u5f39\u6846\u793a\u4f8b\u5f39\u6846\u793a\u4f8b\u5f39\u6846\u793a\u4f8b\u5f39\u6846\u793a\u4f8b\u5f39\u6846\u793a\u4f8b\u5f39\u6846\n              </div>\n            );\n          },\n          onConfirm: (e, { childrenRef }) => {\n            console.log(childrenRef.current);\n          },\n        });\n      }}\n    >\n      \u70b9\u51fb\u5f39\u51fa\u5f39\u6846\n    </Button>\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Modal",packageName:"@components/Modal",component:a},{name:"antd",packageName:"antd",component:o}]},{title:"\u9700\u8981\u52a0\u8f7d\u6570\u636e\u7684\u5f39\u7a97",description:"\u53ef\u4ee5\u901a\u8fc7withDecorator\u5c5e\u6027\u5b9e\u73b0\u5f39\u7a97\u7684\u52a0\u8f7d\u6570\u636e\u6216\u8005\u52a0\u8f7d\u8fdc\u7a0b\u7ec4\u4ef6\u7684\u903b\u8f91\uff0c\u5728\u6570\u636e\u6216\u8005\u8fdc\u7a0b\u7ec4\u4ef6\u52a0\u8f7d\u5b8c\u6210\u4e4b\u524d\u5f39\u7a97\u5c55\u793aloading\u72b6\u6001\uff0c\u52a0\u8f7d\u5b8c\u6210\u4e4b\u540echildren\u53ef\u4ee5\u83b7\u53d6\u5230\u52a0\u8f7d\u7684\u6570\u636e",code:'const { default: Modal, useModal } = _Modal;\nconst { useState } = React;\nconst { Button, Space } = antd;\nconst { default: Fetch } = fetch;\nconst { PureGlobal } = global;\nconst { default: Content } = _Content;\n\nconst BaseExample = () => {\n  const modal = useModal();\n  const [open, setOpen] = useState(false);\n  return (\n    <Space wrap>\n      <Modal\n        title="\u7ec4\u4ef6\u8c03\u7528\u65b9\u5f0f"\n        withDecorator={(render) => (\n          <Fetch\n            loader={() => {\n              return new Promise((resolve) => {\n                setTimeout(() => {\n                  resolve([\n                    {\n                      label: "\u5185\u5bb91",\n                      content: "\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91",\n                    },\n                    {\n                      label: "\u5185\u5bb92",\n                      content: "\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92",\n                    },\n                  ]);\n                }, 1000);\n              });\n            }}\n            render={({ data }) => render({ data })}\n          />\n        )}\n        open={open}\n        onClose={() => {\n          setOpen(false);\n        }}\n      >\n        {({ data }) => <Content list={data} col={2} />}\n      </Modal>\n      <Button\n        onClick={() => {\n          setOpen(true);\n        }}\n      >\n        \u7ec4\u4ef6\u8c03\u7528\u65b9\u5f0f\n      </Button>\n      <Button\n        onClick={() => {\n          modal({\n            title: "hooks\u8c03\u7528\u65b9\u5f0f",\n            withDecorator: (render) => (\n              <Fetch\n                loader={() => {\n                  return new Promise((resolve) => {\n                    setTimeout(() => {\n                      resolve([\n                        {\n                          label: "\u5185\u5bb91",\n                          content: "\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91",\n                        },\n                        {\n                          label: "\u5185\u5bb92",\n                          content: "\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92",\n                        },\n                      ]);\n                    }, 1000);\n                  });\n                }}\n                render={({ data }) => render({ data })}\n              />\n            ),\n            children: ({ data }) => <Content list={data} col={2} />,\n          });\n        }}\n      >\n        hooks\u8c03\u7528\u65b9\u5f0f\n      </Button>\n      <Button\n        onClick={() => {\n          modal({\n            title: (props) => {\n              return "hooks\u8c03\u7528\u65b9\u5f0f";\n            },\n            withDecorator: (render) => (\n              <Fetch\n                loader={() => {\n                  return new Promise((resolve) => {\n                    setTimeout(() => {\n                      resolve([\n                        {\n                          label: "\u5185\u5bb91",\n                          content: "\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91",\n                        },\n                        {\n                          label: "\u5185\u5bb92",\n                          content: "\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92",\n                        },\n                      ]);\n                    }, 1000);\n                  });\n                }}\n                render={({ data }) => render({ data })}\n              />\n            ),\n            children: ({ data }) => <Content list={data} col={2} />,\n          });\n        }}\n      >\n        hooks title\u8c03\u7528\u65b9\u5f0f\n      </Button>\n    </Space>\n  );\n};\n\nrender(\n  <PureGlobal>\n    <BaseExample />\n  </PureGlobal>\n);\n\n',scope:[{name:"_Modal",packageName:"@components/Modal",component:a},{name:"global",packageName:"@components/Global",component:l},{name:"antd",packageName:"antd",component:o},{name:"fetch",packageName:"@kne/react-fetch",component:r},{name:"_Content",packageName:"@components/Content",component:s}]},{title:"\u53ef\u4ee5\u5f39\u51fa\u5f39\u7a97\u7684\u6309\u94ae",description:"\u53ef\u4ee5\u70b9\u51fb\u6309\u94ae\u5f39\u51fa\u5f39\u7a97\uff0c\u5e76\u4e14\u5728\u5f39\u7a97\u5f39\u51fa\u4e4b\u524d\u53ef\u4ee5\u52a0\u8f7d\u6570\u636e\uff0c\u52a0\u8f7d\u6570\u636e\u65f6\uff0c\u6309\u94ae\u4e3aloading\u72b6\u6001\uff0c\u6570\u636e\u52a0\u8f7d\u5b8c\u6210\u4e4b\u540e\u518d\u5f39\u51fa\u5f39\u7a97",code:'const { ModalButton, TabsModalButton } = _Modal;\nconst { Space } = antd;\nconst { PureGlobal } = global;\nconst { default: Content } = _Content;\nconst { default: FormInfo, Input, TextArea } = _FormInfo;\n\nconst api = {\n  loader: () => {\n    return new Promise((resolve) => {\n      setTimeout(() => {\n        resolve([\n          { label: "\u5185\u5bb91", content: "\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91" },\n          {\n            label: "\u5185\u5bb92",\n            content: "\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92",\n          },\n        ]);\n      }, 1000);\n    });\n  },\n};\n\nconst BaseExample = () => {\n  return (\n    <Space wrap>\n      <ModalButton\n        api={api}\n        modalProps={({ data }) => {\n          return {\n            title: "\u52a0\u8f7d\u6570\u636e\u7684\u5f39\u7a97",\n            children: <Content list={data} col={2} />,\n          };\n        }}\n      >\n        \u70b9\u51fb\u52a0\u8f7d\u6570\u636e\n      </ModalButton>\n      <TabsModalButton\n        api={api}\n        modalProps={({ data }) => {\n          return {\n            items: data.map(({ label, content }, index) => {\n              return {\n                key: index,\n                children: content,\n                label,\n              };\n            }),\n          };\n        }}\n      >\n        \u70b9\u51fb\u52a0\u8f7d\u6570\u636e\u7684Tabs\u5f39\u7a97\n      </TabsModalButton>\n    </Space>\n  );\n};\n\nrender(\n  <PureGlobal>\n    <BaseExample />\n  </PureGlobal>\n);\n\n',scope:[{name:"_Modal",packageName:"@components/Modal",component:a},{name:"global",packageName:"@components/Global",component:l},{name:"antd",packageName:"antd",component:o},{name:"_Content",packageName:"@components/Content",component:s},{name:"_FormInfo",packageName:"@components/FormInfo",component:t(96252)}]},{title:"tabs\u5f39\u7a97",description:"\u5c55\u793a\u4e00\u4e2atabs\u5f39\u7a97\uff0ctabs\u7684\u9009\u9879\u7684label\u4f1a\u5360\u636e\u5f39\u7a97title\u4f4d\u7f6e\uff0c\u5f39\u6846\u7684title\u5c06\u4e0d\u663e\u793a\ntabs\u7684items\u591a\u52a0\u4e86withDecorator\u53c2\u6570\u548cModal\u7684withDecorator\u53c2\u6570\u7c7b\u4f3c\u53ef\u4ee5\u63a7\u5236\u5176\u5916\u90e8\u663e\u793a\u53ca\u6e32\u67d3\u5185\u5bb9\ntabs\u7684items\u7684children\u4e5f\u53ef\u4ee5\u662ffunction\uff0c\u540c\u6837\u53ef\u4ee5\u63a5\u6536\u5230TabsModal\u7684withDecorator\u4f20\u56de\u7684\u53c2\u6570",code:'const { TabsModal, useTabsModal } = _Modal;\nconst { useState } = React;\nconst { default: Fetch } = fetch;\nconst { Button, Space } = antd;\nconst { PureGlobal } = global;\nconst { default: Content } = _Content;\n\nconst BaseExample = () => {\n  const [open, setOpen] = useState(false);\n  const tabsModal = useTabsModal();\n  return <Space wrap>\n    <TabsModal open={open} onClose={() => {\n      setOpen(false);\n    }} items={[{\n      label: "\u9879\u76ee 1", key: "item-1", children: <div>\u9879\u76ee 1\u9879\u76ee 1\u9879\u76ee 1\u9879\u76ee 1\u9879\u76ee 1\u9879\u76ee 1\u9879\u76ee 1\u9879\u76ee 1</div>\n    }, {\n      label: "\u9879\u76ee 2", key: "item-2", children: <div>\u9879\u76ee 2\u9879\u76ee 2\u9879\u76ee 2\u9879\u76ee 2\u9879\u76ee 2\u9879\u76ee 2\u9879\u76ee 2\u9879\u76ee 2</div>\n    }]} rightOptions={<div>\u53f3\u8fb9\u680f\u5185\u5bb9\u53f3\u8fb9\u680f\u5185\u5bb9\u53f3\u8fb9\u680f\u5185\u5bb9\u53f3\u8fb9\u680f\u5185\u5bb9</div>}>\n      <div>\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97</div>\n    </TabsModal>\n    <Button onClick={() => {\n      setOpen(true);\n    }}>\u7ec4\u4ef6\u8c03\u7528\u65b9\u5f0f</Button>\n    <Button onClick={() => {\n      tabsModal({\n        rightOptions: <div>\u53f3\u8fb9\u680f\u5185\u5bb9\u53f3\u8fb9\u680f\u5185\u5bb9\u53f3\u8fb9\u680f\u5185\u5bb9\u53f3\u8fb9\u680f\u5185\u5bb9</div>, items: [{\n          label: "\u9879\u76ee 1", key: "item-1", children: <div>\u9879\u76ee 1\u9879\u76ee 1\u9879\u76ee 1\u9879\u76ee 1\u9879\u76ee 1\u9879\u76ee 1\u9879\u76ee 1\u9879\u76ee 1</div>\n        }, {\n          label: "\u9879\u76ee 2", key: "item-2", children: <div>\u9879\u76ee 2\u9879\u76ee 2\u9879\u76ee 2\u9879\u76ee 2\u9879\u76ee 2\u9879\u76ee 2\u9879\u76ee 2\u9879\u76ee 2</div>\n        }]\n      });\n    }}>hooks\u8c03\u7528\u65b9\u5f0f</Button>\n    <Button onClick={() => {\n      tabsModal({\n        title: "\u6b64title\u4e0d\u5c55\u793a",\n        rightOptions: ({ data }) => <Content list={data} />,\n        withDecorator: (render) => <Fetch loader={() => {\n          return new Promise((resolve) => {\n            setTimeout(() => {\n              resolve([{ label: "\u5185\u5bb91", content: "\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91" }, {\n                label: "\u5185\u5bb92", content: "\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92"\n              }]);\n            }, 1000);\n          });\n        }} render={({ data }) => render({ data })} />,\n        items: [{\n          label: "\u9879\u76ee 1", key: "item-1", children: ({ data }) => <Content list={data} col={2} />\n        }, {\n          withDecorator: (render) => <Fetch loader={() => {\n            return new Promise((resolve) => {\n              setTimeout(() => {\n                resolve([{ label: "\u5185\u5bb93", content: "\u5185\u5bb93\u5185\u5bb93\u5185\u5bb93\u5185\u5bb93\u5185\u5bb93\u5185\u5bb93\u5185\u5bb93" }, {\n                  label: "\u5185\u5bb94", content: "\u5185\u5bb94\u5185\u5bb94\u5185\u5bb94\u5185\u5bb94\u5185\u5bb94\u5185\u5bb94\u5185\u5bb94\u5185\u5bb94"\n                }]);\n              }, 1000);\n            });\n          }} render={({ data }) => render({ tabData: data })} />,\n          label: "\u9879\u76ee 2",\n          key: "item-2",\n          children: ({ data, tabData }) => <Content list={[...data, ...tabData]} col={2} />\n        }]\n      });\n    }}>\u590d\u6742\u6570\u636e\u52a0\u8f7d</Button>\n  </Space>;\n};\n\nrender(<PureGlobal><BaseExample /></PureGlobal>);\n',scope:[{name:"_Modal",packageName:"@components/Modal",component:a},{name:"global",packageName:"@components/Global",component:l},{name:"antd",packageName:"antd",component:o},{name:"fetch",packageName:"@kne/react-fetch",component:r},{name:"_Content",packageName:"@components/Content",component:s}]},{title:"\u6d88\u606f\u786e\u8ba4\u548c\u63d0\u793a",description:"\u5c55\u793a\u786e\u8ba4\u6d88\u606f\u63d0\u9192",code:'const { default: Modal, useConfirmModal } = _Modal;\nconst { useState } = React;\nconst { Button, Space, message } = antd;\nconst { PureGlobal } = global;\nconst BaseExample = () => {\n  const confirmModal = useConfirmModal();\n  return (\n    <Space wrap>\n      <Button\n        onClick={() => {\n          confirmModal({\n            danger: true,\n            type: "confirm",\n            title: "\u786e\u5b9a\u8981\u5220\u9664\u5417\uff1f",\n            message:\n              "\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664",\n          });\n        }}\n      >\n        confirm\n      </Button>\n      <Button\n        onClick={() => {\n          confirmModal({\n            type: "confirm",\n            confirmType: "warning",\n            title: "\u786e\u5b9a\u8981\u7f16\u8f91\u5417\uff1f",\n            message:\n              "\u786e\u5b9a\u8981\u7f16\u8f91\u786e\u5b9a\u8981\u7f16\u8f91\u786e\u5b9a\u8981\u7f16\u8f91\u786e\u5b9a\u8981\u7f16\u8f91\u786e\u5b9a\u8981\u7f16\u8f91\u786e\u5b9a\u8981\u7f16\u8f91\u786e\u5b9a\u8981\u7f16\u8f91",\n          });\n        }}\n      >\n        confirm \u8b66\u544a\n      </Button>\n      <Button\n        onClick={() => {\n          confirmModal({\n            type: "info",\n            title: "\u786e\u5b9a\u8981\u5220\u9664\u5417\uff1f",\n            message:\n              "\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664",\n          });\n        }}\n      >\n        info\n      </Button>\n      <Button\n        onClick={() => {\n          confirmModal({\n            type: "info",\n            message:\n              "\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664",\n          });\n        }}\n      >\n        info\u65e0\u6807\u9898\n      </Button>\n      <Button\n        onClick={() => {\n          confirmModal({\n            type: "success",\n            title: "\u786e\u5b9a\u8981\u5220\u9664\u5417\uff1f",\n            message:\n              "\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664",\n          });\n        }}\n      >\n        success\n      </Button>\n      <Button\n        onClick={() => {\n          confirmModal({\n            type: "warning",\n            title: "\u786e\u5b9a\u8981\u5220\u9664\u5417\uff1f",\n            message:\n              "\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664",\n          });\n        }}\n      >\n        warning\n      </Button>\n      <Button\n        onClick={() => {\n          confirmModal({\n            type: "error",\n            title: "\u786e\u5b9a\u8981\u5220\u9664\u5417\uff1f",\n            message:\n              "\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664",\n          });\n        }}\n      >\n        error\n      </Button>\n    </Space>\n  );\n};\n\nrender(\n  <PureGlobal>\n    <BaseExample />\n  </PureGlobal>\n);\n\n',scope:[{name:"_Modal",packageName:"@components/Modal",component:a},{name:"global",packageName:"@components/Global",component:l},{name:"antd",packageName:"antd",component:o},{name:"fetch",packageName:"@kne/react-fetch",component:r},{name:"_Content",packageName:"@components/Content",component:s}]}]}}},38799:(n,e,t)=>{"use strict";t.d(e,{A:()=>r});var a=t(79329),l=t(76329),o=t(55199);const r={name:"Navigation",summary:"<h3>\u4f55\u65f6\u4f7f\u7528</h3>\n<p>\u7cfb\u7edf\u7684\u9876\u90e8\u5bfc\u822a\uff0c\u4e00\u7ea7\u5bfc\u822a\u9879\u504f\u5de6\u9760\u8fd1 logo \u653e\u7f6e\uff0c\u8f85\u52a9\u83dc\u5355\u504f\u53f3\u653e\u7f6e\u3002</p>\n<h3>\u7279\u70b9</h3>\n<ul>\n<li>\u96c6\u6210\u4e86Permissions\u6743\u9650\u5224\u65ad\uff0c\u53ef\u4ee5\u901a\u8fc7\u6743\u9650\u5217\u8868\u6765\u5224\u65ad\u5bfc\u9879\u662f\u5426\u663e\u793a</li>\n<li>\u5728\u5c4f\u5e55\u663e\u793a\u4e0d\u4e86\u5168\u90e8\u7684\u4e00\u7ea7\u5bfc\u822a\u65f6\u53ef\u4ee5\u81ea\u52a8\u5c06\u540e\u9762\u7684\u5bfc\u822a\u9879\u6536\u8d77\u5230\u66f4\u591a\u4e0b\u62c9\u83dc\u5355\u91cc\u9762</li>\n</ul>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n</table>",example:{isFull:!0,className:"Navigation_84649",style:".Navigation_84649 .fold-items {\n  width: 600px;\n}",list:[{title:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u6807\u9898",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { default: Navigation } = _Navigation;\nconst { PureGlobal } = global;\n\nconst menuList = [\n  {\n    key: "client",\n    title: "\u5ba2\u6237",\n    path: "/client",\n    permission: "client:client:look",\n  },\n  {\n    key: "position",\n    title: "\u804c\u4f4d",\n    path: "/position",\n    permission: "jd:job:look",\n  },\n  {\n    key: "ats",\n    title: "\u62db\u8058\u6d41\u7a0b",\n    path: "/ats",\n  },\n  {\n    key: "talent",\n    title: "\u4eba\u624d\u5e93",\n    permission: "cv:cv:look",\n    path: "/talent",\n  },\n  {\n    key: "contract",\n    title: "\u5408\u540c",\n    permission: "contract:mgr:look",\n    path: "/contract",\n  },\n  {\n    key: "payment",\n    title: "\u4ed8\u6b3e\u4fe1\u606f",\n    permission: "payment:mgr:look",\n    path: "/payment",\n  },\n  {\n    key: "invoice-center",\n    title: "\u5f00\u7968",\n    permission: "client:invoice:center",\n    path: "/invoice-center",\n  },\n  {\n    key: "invoice-manage",\n    title: "\u53d1\u7968\u7ba1\u7406",\n    permission: "client:invoice:manager",\n    path: "/invoice-manage",\n  },\n  {\n    key: "setting",\n    title: "\u8bbe\u7f6e",\n    permission: (permissions) =>\n      permissions.some(\n        (x) =>\n          [\n            "system:permissions:mgr",\n            "system:org:mgr",\n            "system:user:mgr",\n          ].indexOf(x) !== -1\n      ),\n    path: "/setting",\n  },\n];\n\nrender(\n  <PureGlobal>\n    <Navigation\n      list={menuList}\n      isFixed={false}\n      permissions={[\n        "client:client:look",\n        "jd:job:look",\n        "cv:cv:look",\n        "contract:mgr:look",\n        "payment:mgr:look",\n        "client:invoice:center",\n        "client:invoice:manager",\n        "system:permissions:mgr",\n      ]}\n    />\n  </PureGlobal>\n);\n\n',scope:[{name:"_Navigation",packageName:"@components/Navigation",component:a},{name:"global",packageName:"@components/Global",component:l}]},{title:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u6807\u9898",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { default: Navigation } = _Navigation;\nconst { PureGlobal } = global;\n\nconst menuList = [\n  {\n    key: "client",\n    title: "\u5ba2\u6237",\n    path: "/client",\n    permission: "client:client:look",\n  },\n  {\n    key: "position",\n    title: "\u804c\u4f4d",\n    path: "/position",\n    permission: "jd:job:look",\n  },\n  {\n    key: "ats",\n    title: "\u62db\u8058\u6d41\u7a0b",\n    path: "/ats",\n  },\n  {\n    key: "talent",\n    title: "\u4eba\u624d\u5e93",\n    permission: "cv:cv:look",\n    path: "/talent",\n  },\n  {\n    key: "contract",\n    title: "\u5408\u540c",\n    permission: "contract:mgr:look",\n    path: "/contract",\n  },\n  {\n    key: "payment",\n    title: "\u4ed8\u6b3e\u4fe1\u606f",\n    permission: "payment:mgr:look",\n    path: "/payment",\n  },\n  {\n    key: "invoice-center",\n    title: "\u5f00\u7968",\n    permission: "client:invoice:center",\n    path: "/invoice-center",\n  },\n  {\n    key: "invoice-manage",\n    title: "\u53d1\u7968\u7ba1\u7406",\n    permission: "client:invoice:manager",\n    path: "/invoice-manage",\n  },\n  {\n    key: "setting",\n    title: "\u8bbe\u7f6e",\n    permission: (permissions) =>\n      permissions.some(\n        (x) =>\n          [\n            "system:permissions:mgr",\n            "system:org:mgr",\n            "system:user:mgr",\n          ].indexOf(x) !== -1\n      ),\n    path: "/setting",\n  },\n];\n\nrender(\n  <PureGlobal>\n    <div className="fold-items">\n      <Navigation\n        isFixed={false}\n        list={menuList}\n        permissions={[\n          "client:client:look",\n          "jd:job:look",\n          "cv:cv:look",\n          "contract:mgr:look",\n          "payment:mgr:look",\n          "client:invoice:center",\n          "client:invoice:manager",\n          "system:permissions:mgr",\n        ]}\n      />\n    </div>\n  </PureGlobal>\n);\n\n',scope:[{name:"_Navigation",packageName:"@components/Navigation",component:a},{name:"global",packageName:"@components/Global",component:l}]},{title:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u6807\u9898",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { useState } = React;\nconst { PureGlobal } = global;\nconst { default: Navigation } = _Navigation;\nconst { Checkbox, Space } = antd;\n\nconst menuList = [\n  {\n    key: "client",\n    title: "\u5ba2\u6237",\n    path: "/client",\n    permission: "client:client:look",\n  },\n  {\n    key: "position",\n    title: "\u804c\u4f4d",\n    path: "/position",\n    permission: "jd:job:look",\n  },\n  {\n    key: "ats",\n    title: "\u62db\u8058\u6d41\u7a0b",\n    path: "/ats",\n  },\n  {\n    key: "talent",\n    title: "\u4eba\u624d\u5e93",\n    permission: "cv:cv:look",\n    path: "/talent",\n  },\n  {\n    key: "contract",\n    title: "\u5408\u540c",\n    permission: "contract:mgr:look",\n    path: "/contract",\n  },\n  {\n    key: "payment",\n    title: "\u4ed8\u6b3e\u4fe1\u606f",\n    permission: "payment:mgr:look",\n    path: "/payment",\n  },\n  {\n    key: "invoice-center",\n    title: "\u5f00\u7968",\n    permission: "client:invoice:center",\n    path: "/invoice-center",\n  },\n  {\n    key: "invoice-manage",\n    title: "\u53d1\u7968\u7ba1\u7406",\n    permission: "client:invoice:manager",\n    path: "/invoice-manage",\n  },\n  {\n    key: "setting",\n    title: "\u8bbe\u7f6e",\n    permission: (permissions) =>\n      permissions.some(\n        (x) =>\n          [\n            "system:permissions:mgr",\n            "system:org:mgr",\n            "system:user:mgr",\n          ].indexOf(x) !== -1\n      ),\n    path: "/setting",\n  },\n];\n\nconst Example = () => {\n  const [permissions, setPermissions] = useState([]);\n  return (\n    <PureGlobal>\n      <Space className="container" direction="vertical" size={32}>\n        <Navigation isFixed={false} list={menuList} permissions={permissions} />\n        <Checkbox.Group\n          value={permissions}\n          options={[\n            "client:client:look",\n            "jd:job:look",\n            "cv:cv:look",\n            "contract:mgr:look",\n            "payment:mgr:look",\n            "client:invoice:center",\n            "client:invoice:manager",\n            "system:permissions:mgr",\n          ]}\n          onChange={(values) => {\n            setPermissions(values);\n          }}\n        />\n      </Space>\n    </PureGlobal>\n  );\n};\n\nrender(<Example />);\n\n',scope:[{name:"_Navigation",packageName:"@components/Navigation",component:a},{name:"antd",packageName:"antd",component:o},{name:"global",packageName:"@components/Global",component:l}]}]}}},9384:(n,e,t)=>{"use strict";t.d(e,{A:()=>r});var a=t(89384),l=t(76329),o=t(55199);const r={name:"Notification",summary:"<p>\u6d88\u606f\u901a\u77e5</p>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n</table>",example:{isFull:!1,className:"Notification_96d00",style:"",list:[{title:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u6807\u9898",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { default: Notification } = _Notification;\nconst { PureGlobal } = global;\nconst BaseExample = () => {\n  return (\n    <PureGlobal\n      preset={{\n        ajax: () => {\n          return new Promise((resolve) => {\n            setTimeout(() => {\n              resolve({ data: { code: 0, data: {} } });\n            }, 1000);\n          });\n        },\n        apis: {\n          notification: {},\n        },\n        global: {\n          notification: {\n            list: [\n              {\n                id: 1,\n                level: "high",\n                title:\n                  "\u6211\u662f\u4e00\u4e2a\u9ad8\u7ea7\u901a\u77e5\u6211\u662f\u4e00\u4e2a\u9ad8\u7ea7\u901a\u77e5\u6211\u662f\u4e00\u4e2a\u9ad8\u7ea7\u901a\u77e5\u6211\u662f\u4e00\u4e2a\u9ad8\u7ea7\u901a\u77e5\u6211\u662f\u4e00\u4e2a\u9ad8\u7ea7\u901a\u77e5\u6211\u662f\u4e00\u4e2a\u9ad8\u7ea7\u901a\u77e5\u6211\u662f\u4e00\u4e2a\u9ad8\u7ea7\u901a\u77e5\u6211\u662f\u4e00\u4e2a\u9ad8\u7ea7\u901a\u77e5",\n                subtitle:\n                  "\u901a\u77e5\u6807\u9898\u901a\u77e5\u6807\u9898\u901a\u77e5\u6807\u9898\u901a\u77e5\u6807\u9898\u901a\u77e5\u6807\u9898\u901a\u77e5\u6807\u9898\u901a\u77e5\u6807\u9898\u901a\u77e5\u6807\u9898",\n                link: "https://www.baidu.com",\n                content: [\n                  {\n                    label: "\u5b57\u6bb5",\n                    content: "\u54c8\u54c8\u54c8\u54c8",\n                  },\n                  {\n                    label: "\u5b57\u6bb5",\n                    content:\n                      "\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8",\n                  },\n                  {\n                    label: "\u5b57\u6bb5",\n                    content: "\u54c8\u54c8\u54c8\u54c8",\n                  },\n                  {\n                    label: "\u5b57\u6bb5",\n                    content: "\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8",\n                  },\n                  {\n                    label: "\u5b57\u6bb5",\n                    content: "\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8",\n                  },\n                ],\n              },\n              {\n                id: 2,\n                level: "high",\n                title: "\u6211\u662f\u4e00\u4e2a\u9ad8\u7ea7\u901a\u77e52",\n                content: [\n                  {\n                    label: "\u5b57\u6bb5",\n                    content: "\u54c8\u54c8\u54c8\u54c8",\n                  },\n                ],\n              },\n              {\n                id: 3,\n                level: "high",\n                title: "\u6211\u662f\u4e00\u4e2a\u9ad8\u7ea7\u901a\u77e53",\n                content: [\n                  {\n                    label: "\u5b57\u6bb5",\n                    content: "\u54c8\u54c8\u54c8\u54c8",\n                  },\n                ],\n              },\n              {\n                id: 4,\n                level: "high",\n                title: "\u6211\u662f\u4e00\u4e2a\u9ad8\u7ea7\u901a\u77e54",\n                content: [\n                  {\n                    label: "\u5b57\u6bb5",\n                    content: "\u54c8\u54c8\u54c8\u54c8",\n                  },\n                ],\n              },\n              {\n                id: 5,\n                level: "low",\n                title: "\u6211\u662f\u4e00\u4e2a\u4f4e\u7ea7\u901a\u77e5",\n                content: [\n                  {\n                    label: "\u5b57\u6bb5",\n                    content: "\u54c8\u54c8\u54c8\u54c8",\n                  },\n                ],\n              },\n              {\n                id: 6,\n                level: "low",\n                title: "\u6211\u662f\u4e00\u4e2a\u4f4e\u7ea7\u901a\u77e52",\n                content: [\n                  {\n                    label: "\u5b57\u6bb5",\n                    content: "\u54c8\u54c8\u54c8\u54c8",\n                  },\n                ],\n              },\n              {\n                id: 7,\n                level: "middle",\n                title: "\u6211\u662f\u4e00\u4e2a\u4e2d\u7ea7\u901a\u77e5",\n                children: "\u54c8\u54c8\u54c8\u54c8",\n              },\n            ],\n          },\n        },\n      }}\n    >\n      <Notification />\n    </PureGlobal>\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Notification",packageName:"@components/Notification",component:a},{name:"global",packageName:"@components/Global",component:l},{name:"antd",packageName:"antd",component:o}]}]}}},28967:(n,e,t)=>{"use strict";t.d(e,{A:()=>r});var a=t(29053),l=t(76329),o=t(55199);const r={name:"Permissions",summary:"<h3>\u4f55\u65f6\u4f7f\u7528</h3>\n<p>\u5728\u7cfb\u7edf\u4e2d\u5b58\u5728\u4e00\u4e9b\u529f\u80fd\u548c\u64cd\u4f5c\u53ea\u5141\u8bb8\u67d0\u4e9b\u89d2\u8272\u7528\u6237\u4f7f\u7528\uff0c\u4f7f\u7528\u8be5\u7ec4\u4ef6\u53ef\u4ee5\u8ba9\u5176\u5305\u88f9\u7684\u7ec4\u4ef6\u6216\u8005\u533a\u57df\u6839\u636e\u7cfb\u7edf\u7684\u6743\u9650\u5217\u8868\u914d\u7f6e\u5c55\u793a\u4e0d\u540c\u7684\u72b6\u6001</p>\n<h3>\u7279\u70b9</h3>\n<p>\u901a\u8fc7\u5728Global\u4e2d\u7684preset\u4e2d\u8bbe\u7f6epermissions\u4f5c\u4e3a\u5f53\u524d\u7528\u6237\u7684\u6743\u9650\u5217\u8868\uff0c\u5728Permissions\u7ec4\u4ef6\u914d\u7f6epermissions\u4f5c\u4e3a\u8be5\u529f\u80fd\u8981\u6c42\u5177\u5907\u7684\u6743\u9650\u9879\uff0c\u5f53\u8981\u6c42\u5177\u5907\u7684\u6743\u9650\u9879\u5168\u90e8\u5728\u7528\u6237\u7684\u6743\u9650\u5217\u8868\u4e2d\u627e\u5230\u65f6\u4e3a\u6743\u9650\u901a\u8fc7\u72b6\u6001\u5426\u5219\u4e3a\u6743\u9650\u4e0d\u901a\u8fc7\u72b6\u6001</p>\n<p>\u5f53\u6743\u9650\u4e0d\u901a\u8fc7\u65f6\uff0cPermissions\u7ec4\u4ef6\u53ef\u4ee5\u6709\u4e09\u79cd\u65b9\u5f0f\u5448\u73b0\uff1a</p>\n<ol>\n<li>\u7528\u6237\u53ef\u4ee5\u770b\u5230\u64cd\u4f5c\u529f\u80fd\u7684\u7ec4\u4ef6\u663e\u793a\uff0c\u4f46\u662f\u4e0d\u80fd\u8fdb\u884c\u64cd\u4f5c\uff0c\u5728\u9f20\u6807\u79fb\u5165\u65f6\u4f1a\u4ee5ToolTip\u63d0\u793a\u9519\u8bef\u539f\u56e0\uff0c\u4e00\u822c\u7528\u5728\u6309\u94ae\u7b49\u9700\u8981\u7528\u6237\u4ea4\u4e92\u7684\u529f\u80fd\u4f4d\u7f6e</li>\n<li>\u7528\u6237\u4e0d\u80fd\u770b\u5230\u64cd\u4f5c\u529f\u80fd\u6216\u8005\u6570\u636e\u5448\u73b0\uff0c\u5bf9\u5e94\u533a\u57df\u663e\u793a\u9519\u8bef\u539f\u56e0\uff0c\u4e00\u822c\u7528\u5728\u8981\u6570\u636e\u5c55\u793a\u7b49\u573a\u666f</li>\n<li>\u9690\u85cf\u5185\u90e8\u7ec4\u4ef6\uff0c\u4e00\u822c\u7528\u5728\u4e0d\u9700\u8981\u5e72\u6270\u5230\u7528\u6237\u6216\u7528\u6237\u4e0d\u9700\u8981\u4e86\u89e3\u5176\u6ca1\u6709\u6743\u9650\u7684\u529f\u80fd\u6216\u6570\u636e\u7b49\u573a\u666f</li>\n</ol>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td>\u7c7b\u578b\uff0c\u53ef\u9009\u503c\u4e3ahidden\uff0ctooltip\uff0cerror\uff0c\u5206\u522b\u4e3a\u9690\u85cf\uff0c\u6c14\u6ce1\u63d0\u793a\uff0c\u9519\u8bef\u63d0\u793a\u4e09\u79cd\u5f62\u5f0f</td>\n<td>string</td>\n<td>hidden</td>\n</tr>\n<tr>\n<td>tagName</td>\n<td>\u5f53\u524d\u7ec4\u4ef6\u7684tagName\uff0c\u540cReact.createElement\u7684type\u53c2\u6570\uff0c\u9ed8\u8ba4\u4e3aspan</td>\n<td>string</td>\n<td>span</td>\n</tr>\n<tr>\n<td>message</td>\n<td>\u63d0\u793a\u6587\u6848</td>\n<td>string</td>\n<td>\u60a8\u6682\u65e0\u6743\u9650\uff0c\u8bf7\u8054\u7cfb\u7ba1\u7406\u5458</td>\n</tr>\n<tr>\n<td>request</td>\n<td>\u6743\u9650\u5217\u8868\u4e3a\u4e00\u4e2a\u5b57\u7b26\u4e32\u6570\u7ec4\uff0c\u6bcf\u4e2aitem\u4e3a\u4e00\u9879\u6743\u9650\u7684key\uff0c\u6240\u6709\u6743\u9650\u5728\u5168\u5c40\u7684permissions\u4e2d\u5b58\u5728\u5219\u5224\u65ad\u4e3a\u6743\u9650\u901a\u8fc7</td>\n<td>array[string]</td>\n<td>[]</td>\n</tr>\n<tr>\n<td>children</td>\n<td>\u8be5\u53c2\u6570\u53ef\u4ee5\u4f20function\u7c7b\u578b\uff0cchildren({isPass, type, request})\uff0cisPass\u4e3a\u6743\u9650\u6821\u9a8c\u662f\u5426\u901a\u8fc7\uff0ctype\u4e3a\u63d0\u793a\u7c7b\u578b\uff0crequest\u4e3a\u6240\u9700\u6743\u9650\u5217\u8868\uff0c\u53ef\u4ee5\u81ea\u884c\u5b9e\u73b0\u6743\u9650\u7684\u5c55\u793a</td>\n<td>jsx,function</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>",example:{isFull:!1,className:"Permissions_d08cc",style:".Permissions_d08cc .box {\n  padding: 20px;\n  background: #f8f8f8;\n}",list:[{title:"\u5c55\u793a\u6743\u9650\u4e0d\u901a\u8fc7\u7684\u51e0\u79cd\u5f62\u5f0f",description:"\u901a\u8fc7\u5207\u6362\u4e0d\u540c\u7684type\uff0c\u53ef\u4ee5\u9884\u89c8\u4e09\u79cd\u4e0d\u540ctype\u7684\u8868\u73b0\u5f62\u5f0f",code:'const { default: Permissions } = _Permissions;\nconst { PureGlobal } = global;\nconst { Button, Radio, Space } = antd;\nconst { useState } = React;\n\nconst BaseExample = () => {\n  const [type, setType] = useState("tooltip");\n  return (\n    <PureGlobal\n      preset={{\n        permissions: ["permission_1", "permission_2"],\n      }}\n    >\n      <Space direction="vertical">\n        <Radio.Group\n          value={type}\n          options={[\n            { label: "tooltip", value: "tooltip" },\n            {\n              label: "error",\n              value: "error",\n            },\n            { label: "hidden", value: "hidden" },\n          ]}\n          onChange={(e) => {\n            setType(e.target.value);\n          }}\n          optionType="button"\n          buttonStyle="solid"\n        />\n        <Permissions type={type} request={["permission_2"]}>\n          <div className="box">\n            <Button onClick={() => console.log("\u6267\u884c\u64cd\u4f5c")}>\u6709\u6743\u9650\u64cd\u4f5c</Button>\n          </div>\n        </Permissions>\n        <Permissions type={type} request={["permission_3"]}>\n          <div className="box">\n            <Button onClick={() => console.log("\u6267\u884c\u64cd\u4f5c")}>\u65e0\u6743\u9650\u64cd\u4f5c</Button>\n          </div>\n        </Permissions>\n      </Space>\n    </PureGlobal>\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Permissions",packageName:"@components/Permissions",component:a},{name:"global",packageName:"@components/Global",component:l},{name:"antd",packageName:"antd",component:o}]}]}}},12027:(n,e,t)=>{"use strict";t.d(e,{A:()=>o});var a=t(87227),l=t(55199);const o={name:"StateBar",summary:"<p>\u7528\u4e8e State Bar</p>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>stateOption</td>\n<td>state\u64cd\u4f5c\u5217\u8868</td>\n<td>string</td>\n<td>{key: string, tab: ReactNode}[]</td>\n</tr>\n<tr>\n<td>activeKey</td>\n<td>\u5f53\u524d\u6fc0\u6d3b tab \u9762\u677f\u7684 key</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>type</td>\n<td>\u5f53\u524dtab\u5c55\u793a\u6837\u5f0f</td>\n<td>'tab'\u3001'radio'\u3001'step'</td>\n<td>'tab'</td>\n</tr>\n<tr>\n<td>onChange</td>\n<td>\u4e8b\u4ef6\u8fd4\u56de\u9009\u4e2d\u7684key</td>\n<td>(value: string) =&gt; void</td>\n<td></td>\n</tr>\n<tr>\n<td>tabBarExtraContent</td>\n<td>\u5c55\u793a\u5728state bar\u53f3\u4fa7</td>\n<td>ReactNode</td>\n<td>null</td>\n</tr>\n<tr>\n<td>isInner</td>\n<td>\u5e95\u90e8\u7ebf\u5ef6\u5c55\u81f3\u603b\u957f</td>\n<td>boolean</td>\n<td>false</td>\n</tr>\n</tbody>\n</table>\n<h3>Mapping</h3>\n<h4>stateOption</h4>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>key</td>\n<td>\u5bf9\u5e94 activeKey</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>tab</td>\n<td>\u9009\u9879\u5361\u5934\u663e\u793a\u6587\u5b57</td>\n<td>ReactNode</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>",example:{isFull:!1,className:"StateBar_de00a",style:"",list:[{title:"State Bar",description:"State Bar",code:'const { default: StateBar } = _StateBar;\nconst { Button, Radio, Space } = antd;\nconst { useState } = React;\n\nconst BaseExample = () => {\n  const [size, setSize] = useState("default");\n  const [isInner, setIsInner] = useState(false);\n  return (\n    <Space direction="vertical">\n      <Radio.Group\n        value={isInner}\n        options={[\n          { label: "inner", value: true },\n          { label: "normal", value: false },\n        ]}\n        onChange={(e) => {\n          setIsInner(e.target.value);\n        }}\n        optionType="button"\n        buttonStyle="solid"\n      />\n      <Radio.Group\n        value={size}\n        options={[\n          { label: "small", value: "small" },\n          { label: "default", value: "default" },\n          { label: "large", value: "large" },\n        ]}\n        onChange={(e) => {\n          setSize(e.target.value);\n        }}\n        optionType="button"\n        buttonStyle="solid"\n      />\n      <StateBar\n        size={size}\n        isInner={isInner}\n        stateOption={[\n          { tab: "\u5168\u90e8", key: "1" },\n          { tab: "\u79d1\u76ee\u4e00", key: "2" },\n          {\n            tab: "\u79d1\u76ee\u4e8c",\n            key: "3",\n          },\n          { tab: "\u79d1\u76ee\u4e09", key: "4" },\n          { tab: "\u79d1\u76ee\u56db", key: "5" },\n        ]}\n      />\n    </Space>\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_StateBar",packageName:"@components/StateBar",component:a},{name:"antd",packageName:"antd",component:l}]},{title:"Radio State Bar",description:"Radio State Bar",code:'const { default: StateBar } = _StateBar;\nconst { Radio, Space } = antd;\nconst { useState } = React;\n\nconst BaseStateExample = () => {\n  const [size, setSize] = useState("default");\n  return (\n    <Space direction="vertical">\n      <Radio.Group\n        value={size}\n        options={[\n          { label: "small", value: "small" },\n          { label: "default", value: "default" },\n          { label: "large", value: "large" },\n        ]}\n        onChange={(e) => {\n          setSize(e.target.value);\n        }}\n        optionType="button"\n        buttonStyle="solid"\n      />\n      <StateBar\n        size={size}\n        type="radio"\n        stateOption={[\n          { tab: "\u5168\u90e8", key: "1" },\n          { tab: "\u79d1\u76ee\u4e00", key: "2" },\n          { tab: "\u79d1\u76ee\u4e8c", key: "3" },\n          { tab: "\u79d1\u76ee\u4e09", key: "4" },\n          { tab: "\u79d1\u76ee\u56db", key: "5" },\n          { tab: "\u79d1\u76ee\u4e001", key: "22" },\n          { tab: "\u79d1\u76ee\u4e8c2", key: "33" },\n          { tab: "\u79d1\u76ee\u4e093", key: "44" },\n          { tab: "\u79d1\u76ee\u56db4", key: "55", style: { cursor: "copy" } },\n        ]}\n      />\n    </Space>\n  );\n};\n\nrender(<BaseStateExample />);\n\n',scope:[{name:"_StateBar",packageName:"@components/StateBar",component:a},{name:"antd",packageName:"antd",component:l}]},{title:"Step State Bar",description:"Step State Bar",code:'const { default: StateBar } = _StateBar;\n\nconst BaseStateExample = () => {\n  return (\n    <StateBar\n      type="step"\n      stateOption={[\n        { tab: "\u5168\u90e8", key: "1" },\n        { tab: "\u79d1\u76ee\u4e00", key: "2" },\n        { tab: "\u79d1\u76ee\u4e8c", key: "3" },\n        { tab: "\u79d1\u76ee\u4e09", key: "4" },\n        { tab: "\u79d1\u76ee\u56db", key: "5" },\n        { tab: "\u79d1\u76ee\u4e001", key: "22" },\n        { tab: "\u79d1\u76ee\u4e8c2", key: "33" },\n        { tab: "\u79d1\u76ee\u4e093", key: "44" },\n        { tab: "\u79d1\u76ee\u56db4", key: "55", className: "last" },\n      ]}\n      tabBarExtraContent={<div>\u6d4b\u8bd5</div>}\n    />\n  );\n};\n\nrender(<BaseStateExample />);\n\n',scope:[{name:"_StateBar",packageName:"@components/StateBar",component:a}]}]}}},52616:(n,e,t)=>{"use strict";t.d(e,{A:()=>r});var a=t(62716),l=t(90580),o=t(21079);const r={name:"StateTag",summary:"<p>\u7528\u4e8e\u5c55\u793a\u6807\u7b7e</p>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td>tag\u7684\u7c7b\u578b\uff0c\u7c7b\u578b\u51b3\u5b9a\u663e\u793a\u7684\u989c\u8272</td>\n<td>'default'(#666666)\u3001'skill'(#666666)(\u6b64\u65f6\u8fb9\u6846\u989c\u8272\u4e3a #EEEEEE)\u3001'success'(#027A48)\u3001'progress'(#F09700)\u3001'danger'(#D14343)\u3001'info'(#155ACF)\u3001'other'(#6740C3)(\u5f85\u5b9a\u989c\u8272)\u3001'result'(#666666)\u3001'filterResult'(#5CB8B2)</td>\n<td>'default'</td>\n</tr>\n<tr>\n<td>showBorder</td>\n<td>\u662f\u5426\u5c55\u793a\u8fb9\u6846</td>\n<td>boolean</td>\n<td>false</td>\n</tr>\n<tr>\n<td>showBackground</td>\n<td>\u662f\u5426\u5c55\u793a\u80cc\u666f\u8272</td>\n<td>boolean</td>\n<td>true</td>\n</tr>\n<tr>\n<td>text</td>\n<td>tag\u6587\u6848</td>\n<td>string</td>\n<td>''</td>\n</tr>\n<tr>\n<td>filterName</td>\n<td>tag\u7c7b\u578b\u4e3a\u201cfilterResult\u201d\u65f6\u663e\u793a\u5728\u524d\u8fb9\u7684\u6587\u6848</td>\n<td>string</td>\n<td>''</td>\n</tr>\n</tbody>\n</table>\n<p>\u5176\u4ed6\u53c2\u6570\u53c2\u8003 <a href=\"https://ant.design/components/tag-cn\">antd Tag.Tag</a></p>",example:{isFull:!0,className:"StateTag_cfeaa",style:"",list:[{title:"\u57fa\u672c\u793a\u4f8b",description:"\u72b6\u6001\u6807\u7b7e",code:'const { default: StateTag } = _StateTag;\nconst { default: Descriptions } = _Descriptions;\nconst { range } = lodash;\n\nconst BaseExample = () => {\n  return (\n    <div>\n      <div>\u4f7f\u7528\u573a\u666f: \u5217\u8868\u9875Table,\u7b80\u5386\u8be6\u60c5\u9875</div>\n      <br />\n      <Descriptions\n        dataSource={[\n          [\n            { label: "\u4f7f\u7528\u89c4\u5219", content: "\u5f85XX\uff0c\u6682\u505c" },\n            { label: "\u4ee3\u7801\u793a\u4f8b", content: `{type: "info", text: "\u6807\u7b7e\u5185\u5bb9"}` },\n          ],\n          [\n            {\n              label: "\u6807\u7b7e\u6837\u5f0f",\n              content: <StateTag {...{ type: "info", text: "\u6807\u7b7e\u5185\u5bb9" }} />,\n            },\n            {\n              label: "\u793a\u4f8b",\n              content: <StateTag {...{ type: "info", text: "\u5f85\u63d0\u4ea4\u5f00\u7968" }} />,\n            },\n          ],\n          [\n            { label: "\u4f7f\u7528\u89c4\u5219", content: "XX\u4e2d\uff0c\u6b63\u5728XX\u4e2d" },\n            {\n              label: "\u4ee3\u7801\u793a\u4f8b",\n              content: `{type: "progress", text: "\u9000\u7968\u5ba1\u6838\u4e2d"}`,\n            },\n          ],\n          [\n            {\n              label: "\u6807\u7b7e\u6837\u5f0f",\n              content: <StateTag {...{ type: "progress", text: "\u6807\u7b7e\u5185\u5bb9" }} />,\n            },\n            {\n              label: "\u793a\u4f8b",\n              content: (\n                <StateTag {...{ type: "progress", text: "\u9000\u7968\u5ba1\u6838\u4e2d" }} />\n              ),\n            },\n          ],\n          [\n            { label: "\u4f7f\u7528\u89c4\u5219", content: "\u901a\u8fc7\uff0c\u6210\u529f\uff0c\u5b8c\u6210" },\n            {\n              label: "\u4ee3\u7801\u793a\u4f8b",\n              content: `{type: "success", text: "\u6807\u7b7e\u5185\u5bb9"}`,\n            },\n          ],\n          [\n            {\n              label: "\u6807\u7b7e\u6837\u5f0f",\n              content: <StateTag {...{ type: "success", text: "\u6807\u7b7e\u5185\u5bb9" }} />,\n            },\n            {\n              label: "\u793a\u4f8b",\n              content: <StateTag {...{ type: "success", text: "\u6807\u7b7e\u5185\u5bb9" }} />,\n            },\n          ],\n          [\n            { label: "\u4f7f\u7528\u89c4\u5219", content: "\u4e0d\u901a\u8fc7\uff0c\u5931\u8d25\uff0c\u6dd8\u6c70\uff0c\u7f3a\u5e2d\uff0c\u62d2\u7edd" },\n            {\n              label: "\u4ee3\u7801\u793a\u4f8b",\n              content: `{type: "danger", text: "\u9000\u7968\u62d2\u7edd"}`,\n            },\n          ],\n          [\n            {\n              label: "\u6807\u7b7e\u6837\u5f0f",\n              content: <StateTag {...{ type: "danger", text: "\u6807\u7b7e\u5185\u5bb9" }} />,\n            },\n            {\n              label: "\u793a\u4f8b",\n              content: <StateTag {...{ type: "danger", text: "\u9000\u7968\u62d2\u7edd" }} />,\n            },\n          ],\n          [\n            { label: "\u4f7f\u7528\u89c4\u5219", content: "\u53d6\u6d88\uff0c\u64a4\u9500\uff0c\u505c\u6b62" },\n            { label: "\u4ee3\u7801\u793a\u4f8b", content: `{text: "\u64a4\u9500\u5f00\u7968\u5ba1\u6838"}` },\n          ],\n          [\n            {\n              label: "\u6807\u7b7e\u6837\u5f0f",\n              content: <StateTag {...{ text: "\u6807\u7b7e\u5185\u5bb9" }} />,\n            },\n            {\n              label: "\u793a\u4f8b",\n              content: <StateTag {...{ text: "\u64a4\u9500\u5f00\u7968\u5ba1\u6838" }} />,\n            },\n          ],\n          [\n            { label: "\u4f7f\u7528\u89c4\u5219", content: "\uff08\u6682\u65f6\u8fd8\u672a\u7528\u5230\uff09" },\n            { label: "\u4ee3\u7801\u793a\u4f8b", content: `{type: "other", text: "\u6807\u7b7e\u5185\u5bb9"}` },\n          ],\n          [\n            {\n              label: "\u6807\u7b7e\u6837\u5f0f",\n              content: <StateTag {...{ type: "other", text: "\u6807\u7b7e\u5185\u5bb9" }} />,\n            },\n          ],\n        ]}\n      />\n      <br />\n      <br />\n      <div>\u4e2a\u522b\u7279\u6b8a\u573a\u666f\uff08\u9700\u8981\u5355\u72ec\u8be2\u95eeUI):</div>\n      <br />\n      <Descriptions\n        dataSource={[\n          [\n            { label: "\u4f7f\u7528\u89c4\u5219", content: "\u5f85XX\uff0c\u6682\u505c" },\n            {\n              label: "\u793a\u4f8b",\n              content: (\n                <div>\n                  <StateTag {...{ type: "success", text: "\u5df2\u63a8\u8350\u7b80\u5386" }} />\n                  <StateTag {...{ type: "success", text: "\u5df2\u9000\u7968" }} />\n                </div>\n              ),\n            },\n          ],\n          [\n            { label: "\u4f7f\u7528\u89c4\u5219", content: "\u5df2XX\u5f85XX" },\n            {\n              label: "\u793a\u4f8b",\n              content: (\n                <div>\n                  <StateTag {...{ type: "success", text: "\u5df2\u5f00\u7968\u5f85\u5bc4\u51fa" }} />\n                  <StateTag {...{ type: "success", text: "\u5df2\u5f85\u5bc4\u5f85\u6536\u6b3e" }} />\n                </div>\n              ),\n            },\n          ],\n          [\n            {\n              label: "\u4f7f\u7528\u89c4\u5219",\n              content: "\u5df2XX+\u8bcd\u8bed\uff1a\u6839\u636e\u540e\u9762\u7684\u8bcd\u8bed\u8bed\u4e49\u8fdb\u884c\u5224\u65ad",\n            },\n            {\n              label: "\u793a\u4f8b",\n              content: (\n                <div>\n                  <StateTag {...{ type: "success", text: "\u5df2\u6210\u529f" }} />\n                  <StateTag {...{ type: "default", text: "\u5df2\u53d6\u6d88" }} />\n                  <StateTag {...{ type: "danger", text: "\u5df2\u5931\u8d25" }} />\n                  <StateTag {...{ type: "progress", text: "\u5df2\u6682\u505c" }} />\n                </div>\n              ),\n            },\n          ],\n          [\n            { label: "\u4f7f\u7528\u89c4\u5219", content: "\u5b8c\u5168\u6839\u636e\u8bed\u4e49\u8bed\u5883\u5224\u65ad" },\n            {\n              label: "\u793a\u4f8b",\n              content: (\n                <div>\n                  <StateTag {...{ type: "success", text: "\u5168\u90e8\u5230\u6b3e" }} />\n                  <StateTag {...{ type: "success", text: "\u90e8\u5206\u5230\u6b3e" }} />\n                  <StateTag {...{ type: "success", text: "\u7b80\u5386\u4eae\u70b9" }} />\n                  <StateTag {...{ type: "danger", text: "\u7b80\u5386\u98ce\u9669\u70b9" }} />\n                </div>\n              ),\n            },\n          ],\n        ]}\n      />\n    </div>\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_StateTag",packageName:"@components/StateTag",component:a},{name:"_Descriptions",packageName:"@components/Descriptions",component:l},{name:"lodash",packageName:"lodash",component:o}]},{title:"\u57fa\u672c\u793a\u4f8b",description:"\u6280\u80fd\u6807\u7b7e",code:'const { default: StateTag } = _StateTag;\n\nconst BaseExample = () => {\n  return (\n    <div>\n      <StateTag\n        text={"\u6280\u80fd\u6807\u7b7e"}\n        type={"skill"}\n        showBorder\n        showBackground={false}\n      />\n    </div>\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_StateTag",packageName:"@components/StateTag",component:a}]},{title:"\u57fa\u672c\u793a\u4f8b",description:"\u4e0b\u62c9\u83dc\u5355\u3001\u5f39\u7a97\u4e2d\u5df2\u9009\u7ed3\u679c\u6807\u7b7e",code:'const { default: StateTag } = _StateTag;\n\nconst BaseExample = () => {\n  return (\n    <div>\n      <StateTag\n        text={"\u6280\u80fd\u6807\u7b7e"}\n        type={"result"}\n        showBackground={false}\n        closable\n        onClose={() => console.log("close")}\n      />\n      <StateTag\n        text={"\u6280\u80fd\u6807\u7b7e"}\n        type={"result"}\n        closable\n        onClose={() => console.log("close")}\n      />\n    </div>\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_StateTag",packageName:"@components/StateTag",component:a}]},{title:"\u57fa\u672c\u793a\u4f8b",description:"\u7b5b\u9009\u7ec4\u4ef6\u4e2d\u7b5b\u9009\u7ed3\u679c\u6807\u7b7e",code:'const { default: StateTag } = _StateTag;\n\nconst BaseExample = () => {\n  return (\n    <div>\n      <StateTag\n        filterName={"BD"}\n        text={"\u9648\u67ab\u6797\uff0c\u738b\u6653\u6668"}\n        type={"filterResult"}\n        closable\n        onClose={() => console.log("close")}\n      />\n      <br />\n      <StateTag\n        filterName={"\u6dfb\u52a0\u4eba"}\n        text={"\u9648\u67ab\u6797\uff0c\u738b\u6653\u6668\uff0c\u9648\u8def\uff0c\u5f20\u529b"}\n        type={"filterResult"}\n        closable\n        onClose={() => console.log("close")}\n      />\n    </div>\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_StateTag",packageName:"@components/StateTag",component:a}]}]}}},70467:(n,e,t)=>{"use strict";t.d(e,{A:()=>i});var a=t(75698),l=t(76329),o=t(87558),r=t(21079),s=t(55199);const i={name:"Table",summary:"<p>\u53ef\u4ee5\u4ece\u540e\u7aef\u83b7\u53d6\u6570\u636e\uff0c\u7136\u540e\u5c55\u793a\u4e3a\u4e00\u4e2a\u8868\u683c</p>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n</table>",example:{isFull:!0,className:"Table_51c45",style:"",list:[{title:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u6807\u9898",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { default: Table } = _Table;\nconst { PureGlobal } = _Global;\nconst { preset } = reactFetch;\n\nconst ajax = (config) => {\n  return new Promise((resolve) => {\n    setTimeout(() => {\n      if (config.url === "/api/v1/user/user/user_key_get") {\n        resolve({\n          data: {\n            code: 0,\n            data: `{"date":{"visible":false},"serialNumber":{"width":400}}`,\n          },\n        });\n      } else if (config.url === "/api/v1/user/user/user_key_set") {\n        console.log(config.data);\n        resolve({\n          data: {\n            code: 0,\n            data: "",\n          },\n        });\n      }\n    }, 100);\n  });\n};\n\npreset({\n  ajax,\n});\n\nconst BaseExample = () => {\n  return (\n    <PureGlobal\n      preset={{\n        ajax,\n        tableServerApis: {\n          getDataApi: (name) => {\n            return {\n              url: "/api/v1/user/user/user_key_get",\n              method: "GET",\n              params: {\n                key: `table_config_v2_${name}`,\n              },\n              transformResponse: (response) => {\n                const { data } = response;\n                response.data = Object.assign({}, data, {\n                  data: (() => {\n                    try {\n                      return JSON.parse(data.data);\n                    } catch (e) {\n                      return [];\n                    }\n                  })(),\n                });\n\n                response.data = {\n                  code: response.data.code === 0 ? 200 : data.code,\n                  msg: response.data.msg,\n                  results: response.data.data,\n                };\n\n                return response;\n              },\n              cache: "TABLE_PAGE_CONFIG",\n            };\n          },\n          setDataFunc: (name, data) => {\n            return ajax({\n              url: "/api/v1/user/user/user_key_set",\n              data: {\n                map: {\n                  [`table_config_v2_${name}`]: JSON.stringify(data),\n                },\n              },\n            });\n          },\n        },\n      }}\n    >\n      <Table\n        name="test-table"\n        onTablePropsReady={({ columns, dataSource }) => {\n          console.log({ columns, dataSource });\n        }}\n        dataSource={[\n          {\n            id: 0,\n            date: "2021-07-21",\n            datetime: "2023-07-22 09:00:00",\n            serialNumber: "SX00192932323434",\n            serialNumberShort: "SH0023",\n            userName: "\u6797\u73ca\u73ca",\n            title: "\u6211\u662f\u4e3b\u8981\u5b57\u6bb5",\n            tagEnum: null,\n            enUserName: "Lin Shanshan",\n            phoneNumber: "+86 18792877372",\n            email: "a@a.com",\n            count: 4,\n            description:\n              "\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0",\n            description2:\n              "\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0",\n            other: "\u5176\u4ed6\u4fe1\u606f",\n          },\n          {\n            id: 1,\n            date: "",\n            datetime: "2023-07-22 09:00:00",\n            serialNumber: "SX00192932323434",\n            serialNumberShort: "SH0023",\n            userName: "\u6797\u73ca\u73ca1",\n            title: "\u6211\u662f\u4e3b\u8981\u5b57\u6bb5",\n            tagEnum: "Y",\n            enUserName: "Lin Shanshan",\n            phoneNumber: null,\n            email: "a@a.com",\n            count: 5,\n            description: "\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0",\n            description2: "\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0",\n            other: "\u5176\u4ed6\u4fe1\u606f",\n          },\n        ]}\n        columns={[\n          {\n            name: "date",\n            title: "\u65e5\u671f",\n            type: "date",\n            hover: true,\n          },\n          {\n            name: "datetime",\n            title: "\u65e5\u671f\u65f6\u95f4",\n            type: "datetime",\n            hideSecond: true,\n          },\n          {\n            name: "serialNumber",\n            title: "\u7f16\u53f7",\n            type: "serialNumber",\n            primary: true,\n            onClick: async (item) => {\n              console.log(item);\n              return new Promise((resolve) => {\n                setTimeout(() => {\n                  resolve(true);\n                }, 10000);\n              });\n            },\n          },\n          {\n            name: "serialNumberShort",\n            title: "\u77ed\u7f16\u53f7",\n            type: "serialNumberShort",\n          },\n          {\n            name: "title",\n            title: "\u4e3b\u8981\u4fe1\u606f",\n            type: "mainInfo",\n          },\n          {\n            name: "tag",\n            title: "\u72b6\u6001\u6807\u7b7e",\n            type: "tag",\n            valueOf: () => ({ type: "success", text: "\u5ba1\u6838\u901a\u8fc7" }),\n          },\n          {\n            name: "tagEnum",\n            title: "\u6807\u7b7e\u679a\u4e3e",\n            type: "tag",\n            valueOf: (item) =>\n              item.tagEnum && {\n                type: "success",\n                isEnum: true,\n                moduleName: "marital",\n                name: item.tagEnum,\n              },\n          },\n          {\n            name: "avatar",\n            title: "\u5934\u50cf",\n            type: "avatar",\n            valueOf: () => ({ gender: "F" }),\n          },\n          {\n            name: "user",\n            title: "\u7528\u6237",\n            type: "user",\n            valueOf: (item) => `${item.enUserName} ${item.userName}`,\n          },\n          {\n            name: "hideInfo",\n            title: "\u9690\u85cf\u5b57\u6bb5",\n            type: "hideInfo",\n            valueOf: (item) =>\n              item["phoneNumber"] && {\n                loader: () => {\n                  return item["phoneNumber"] + "-" + item["id"];\n                },\n              },\n          },\n          {\n            name: "userName",\n            title: "\u7528\u6237\u540d",\n            type: "userName",\n          },\n          {\n            name: "contacts",\n            title: "\u8054\u7cfb\u4eba",\n            type: "contacts",\n            valueOf: (item) => `${item.userName} ${item.phoneNumber}`,\n          },\n          {\n            name: "count",\n            title: "\u6570\u91cf",\n            type: "singleRow",\n            render: ({ target }) => {\n              return target.count === 5 ? { hover: true } : { hover: false };\n            },\n          },\n          {\n            name: "description",\n            title: "\u63cf\u8ff0",\n            type: "description",\n          },\n          {\n            name: "description2",\n            title: "\u63cf\u8ff0(\u7701\u7565)",\n            type: "description",\n            ellipsis: true,\n          },\n          {\n            name: "other",\n            title: "\u5176\u4ed6",\n            type: "other",\n            hover: true,\n          },\n          {\n            name: "options",\n            title: "\u64cd\u4f5c",\n            type: "options",\n            valueOf: (item) => [\n              {\n                onClick: () => {\n                  return new Promise((resolve) => {\n                    setTimeout(() => {\n                      resolve();\n                    }, 1000);\n                  });\n                },\n                children: "\u5206\u914d",\n                message: "\u786e\u5b9a\u8981\u5206\u914d\u5417",\n                isDelete: false,\n              },\n              {\n                children: "\u5ba1\u6838",\n              },\n              {\n                onClick: () => {\n                  console.log(item);\n                },\n                children: "\u6dd8\u6c70",\n              },\n              {\n                onClick: () => {\n                  console.log(item);\n                },\n                children: "\u4e00\u952e\u7ea6\u9762",\n              },\n              {\n                children: "\u5220\u9664",\n                confirm: true,\n                onClick: () => {\n                  console.log("\u5220\u9664");\n                },\n              },\n            ],\n          },\n        ]}\n      />\n    </PureGlobal>\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Table",packageName:"@components/Table",component:a},{name:"_Global",packageName:"@components/Global",component:l},{name:"reactFetch",packageName:"@kne/react-fetch",component:o}]},{title:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u6807\u9898",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { PureGlobal } = _Global;\nconst { TablePage } = _Table;\nconst { range } = lodash;\nconst BaseExample = () => {\n  return (\n    <PureGlobal\n      preset={{\n        features: {\n          debug: true,\n          profile: {\n            id: "erc",\n            type: "system",\n            name: "\u4e1a\u52a1\u7cfb\u7edf",\n            children: [\n              {\n                id: "test",\n                type: "feature",\n                name: "\u6d4b\u8bd5\u529f\u80fd",\n                options: {\n                  hiddenColumns: ["date", "datetime"],\n                },\n              },\n            ],\n          },\n        },\n      }}\n    >\n      <TablePage\n        featureId="test"\n        sticky={false}\n        rowSelection={{\n          type: "checkbox",\n        }}\n        loader={() => {\n          return {\n            addUserName: "\u6211\u662f\u5927\u9b54\u738b",\n            pageData: range(0, 50).map((index) => ({\n              id: index,\n              date: "2021-07-21",\n              datetime: "2023-07-22 09:00:00",\n              serialNumber: "SX00192932323434",\n              serialNumberShort: "SH0023",\n              userName: "\u6797\u73ca\u73ca" + index,\n              title: "\u6211\u662f\u4e3b\u8981\u5b57\u6bb5",\n              enUserName: "Lin Shanshan",\n              phoneNumber: "+86 18792877372",\n              email: "a@a.com",\n              count: 5,\n              description:\n                "\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0",\n              other: "\u5176\u4ed6\u4fe1\u606f",\n            })),\n            totalCount: 50,\n          };\n        }}\n        columns={[\n          {\n            name: "date",\n            title: "\u65e5\u671f",\n            type: "date",\n            hover: true,\n          },\n          {\n            name: "datetime",\n            title: "\u65e5\u671f\u65f6\u95f4",\n            type: "datetime",\n          },\n          {\n            name: "dateRange",\n            title: "\u65e5\u671f\u8303\u56f4",\n            type: "dateRange",\n            valueOf: ({ date, datetime }) => [date, datetime],\n          },\n          {\n            name: "serialNumber",\n            title: "\u7f16\u53f7",\n            type: "serialNumber",\n            primary: true,\n          },\n          {\n            name: "serialNumberShort",\n            title: "\u77ed\u7f16\u53f7",\n            type: "serialNumberShort",\n          },\n          {\n            name: "title",\n            title: "\u4e3b\u8981\u4fe1\u606f",\n            type: "mainInfo",\n          },\n          {\n            name: "phone",\n            title: "\u624b\u673a\u53f7",\n            type: "hideInfo",\n            primary: true,\n            valueOf: (item) => ({\n              loader: () => {\n                return item["phoneNumber"] + "-" + item["id"];\n              },\n            }),\n          },\n          {\n            name: "email",\n            title: "\u90ae\u7bb1",\n            type: "hideInfo",\n            valueOf: (item) => ({\n              loader: () => {\n                return item["email"] + "-" + item["id"];\n              },\n              children: (data) => {\n                return `${data},${item["userName"]}`;\n              },\n            }),\n          },\n          {\n            name: "tag",\n            title: "\u72b6\u6001\u6807\u7b7e",\n            type: "tag",\n            valueOf: () => ({ type: "success", text: "\u5ba1\u6838\u901a\u8fc7" }),\n          },\n          {\n            name: "avatar",\n            title: "\u5934\u50cf",\n            type: "avatar",\n            valueOf: () => ({ gender: "F" }),\n          },\n          {\n            name: "user",\n            title: "\u7528\u6237",\n            type: "user",\n            valueOf: (item) => `${item.enUserName} ${item.userName}`,\n          },\n          {\n            name: "userName",\n            title: "\u7528\u6237\u540d",\n            type: "userName",\n          },\n          {\n            name: "contacts",\n            title: "\u8054\u7cfb\u4eba",\n            type: "contacts",\n            valueOf: (item) => `${item.userName} ${item.phoneNumber}`,\n          },\n          {\n            name: "count",\n            title: "\u6570\u91cf",\n            type: "singleRow",\n          },\n          {\n            name: "description",\n            title: "\u63cf\u8ff0(\u7701\u7565)",\n            type: "description",\n            ellipsis: true,\n          },\n          {\n            name: "other",\n            title: "\u5176\u4ed6",\n            type: "other",\n            hover: true,\n          },\n          {\n            name: "addUser",\n            title: "\u6dfb\u52a0\u4eba",\n            type: "user",\n            render: ({ data }) => ({ valueOf: () => data.addUserName }),\n          },\n          {\n            name: "options",\n            title: "\u64cd\u4f5c",\n            type: "options",\n            fixed: "right",\n            valueOf: (item) => [\n              {\n                onClick: () => {\n                  return new Promise((resolve) => {\n                    setTimeout(() => {\n                      resolve();\n                    }, 1000);\n                  });\n                },\n                children: "\u7f16\u8f91",\n                disabled: true,\n              },\n              {\n                children: "\u5ba1\u6838",\n              },\n              {\n                onClick: () => {\n                  console.log(item);\n                },\n                children: "\u6dd8\u6c70",\n              },\n              {\n                onClick: () => {\n                  console.log(item);\n                },\n                children: "\u4e00\u952e\u7ea6\u9762",\n              },\n              {\n                children: "\u5220\u9664",\n              },\n            ],\n          },\n        ]}\n      />\n    </PureGlobal>\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Table",packageName:"@components/Table",component:a},{name:"lodash",packageName:"lodash",component:r},{name:"_Global",packageName:"@components/Global",component:l}]},{title:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u6807\u9898",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { default: Table } = _Table;\nconst { PureGlobal } = _Global;\nconst { preset } = reactFetch;\nconst { useState } = React;\nconst { Input } = antd;\nconst ajax = (config) => {\n  return new Promise((resolve) => {\n    setTimeout(() => {\n      if (config.url === "/api/v1/user/user/user_key_get") {\n        resolve({\n          data: {\n            code: 0,\n            data: `{"date":{},"serialNumber":{"width":400}}`,\n          },\n        });\n      } else if (config.url === "/api/v1/user/user/user_key_set") {\n        console.log(config.data);\n        resolve({\n          data: {\n            code: 0,\n            data: "",\n          },\n        });\n      }\n    }, 100);\n  });\n};\n\npreset({\n  ajax,\n});\n\nconst ValueEdit = ({ value, targetRender }) => {\n  const [isEdit, setIsEdit] = useState(false);\n  return (\n    <span\n      onClick={() => {\n        setIsEdit(true);\n      }}\n    >\n      {isEdit ? (\n        <Input\n          type="text"\n          size="small"\n          defaultValue={value}\n          onBlur={() => {\n            setIsEdit(false);\n          }}\n        />\n      ) : (\n        targetRender(value)\n      )}\n    </span>\n  );\n};\n\nconst BaseExample = () => {\n  return (\n    <PureGlobal\n      preset={{\n        ajax,\n        tableServerApis: {\n          getDataApi: (name) => {\n            return {\n              url: "/api/v1/user/user/user_key_get",\n              method: "GET",\n              params: {\n                key: `table_config_v2_${name}`,\n              },\n              transformResponse: (response) => {\n                const { data } = response;\n                response.data = Object.assign({}, data, {\n                  data: (() => {\n                    try {\n                      return JSON.parse(data.data);\n                    } catch (e) {\n                      return [];\n                    }\n                  })(),\n                });\n\n                response.data = {\n                  code: response.data.code === 0 ? 200 : data.code,\n                  msg: response.data.msg,\n                  results: response.data.data,\n                };\n\n                return response;\n              },\n              cache: "TABLE_PAGE_CONFIG",\n            };\n          },\n          setDataFunc: (name, data) => {\n            return ajax({\n              url: "/api/v1/user/user/user_key_set",\n              data: {\n                map: {\n                  [`table_config_v2_${name}`]: JSON.stringify(data),\n                },\n              },\n            });\n          },\n        },\n      }}\n    >\n      <Table\n        name="test-table"\n        dataSource={[\n          {\n            id: 0,\n            date: "2021-07-21",\n            datetime: "2023-07-22 09:00:00",\n            serialNumber: "SX00192932323434",\n            serialNumberShort: "SH0023",\n            userName: "\u6797\u73ca\u73ca",\n            title: "\u6211\u662f\u4e3b\u8981\u5b57\u6bb5",\n            tagEnum: "Y",\n            enUserName: "Lin Shanshan",\n            phoneNumber: "+86 18792877372",\n            email: "a@a.com",\n            count: 4,\n            description:\n              "\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0",\n            description2:\n              "\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0",\n            other: "\u5176\u4ed6\u4fe1\u606f",\n          },\n          {\n            id: 1,\n            date: "",\n            datetime: "2023-07-22 09:00:00",\n            serialNumber: "SX00192932323434",\n            serialNumberShort: "SH0023",\n            userName: "\u6797\u73ca\u73ca1",\n            title: "\u6211\u662f\u4e3b\u8981\u5b57\u6bb5",\n            tagEnum: "Y",\n            enUserName: "Lin Shanshan",\n            phoneNumber: "+86 18792877372",\n            email: "a@a.com",\n            count: 5,\n            description: "\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0",\n            description2: "\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0",\n            other: "\u5176\u4ed6\u4fe1\u606f",\n          },\n        ]}\n        columns={[\n          {\n            name: "date",\n            title: "\u65e5\u671f",\n            sort: true,\n            groupHeader: [\n              {\n                name: "group1",\n                title: "\u5206\u7ec41",\n              },\n              {\n                name: "group1-1",\n                title: "\u5206\u7ec41-1",\n              },\n            ],\n            type: "date",\n            hover: true,\n          },\n          {\n            name: "datetime",\n            title: "\u65e5\u671f\u65f6\u95f4",\n            sort: true,\n            groupHeader: [\n              {\n                name: "group1",\n                title: "\u5206\u7ec41",\n              },\n              {\n                name: "group1-2",\n                title: "\u5206\u7ec41-2",\n              },\n            ],\n            type: "datetime",\n          },\n          {\n            name: "serialNumber",\n            title: "\u7f16\u53f7",\n            sort: true,\n            groupHeader: [\n              {\n                name: "group1",\n                title: "\u5206\u7ec41",\n              },\n              {\n                name: "group1-1",\n                title: "\u5206\u7ec41-1",\n              },\n            ],\n            type: "serialNumber",\n            primary: true,\n          },\n          {\n            name: "serialNumberShort",\n            title: "\u77ed\u7f16\u53f7",\n            type: "serialNumberShort",\n          },\n          {\n            name: "title",\n            title: "\u4e3b\u8981\u4fe1\u606f",\n            type: "mainInfo",\n            disableColItem: true,\n            valueOf: (item, { targetRender }) => (\n              <ValueEdit value={item["title"]} targetRender={targetRender} />\n            ),\n          },\n          {\n            name: "tag",\n            title: "\u72b6\u6001\u6807\u7b7e",\n            type: "tag",\n            valueOf: () => ({ type: "success", text: "\u5ba1\u6838\u901a\u8fc7" }),\n          },\n          {\n            name: "tagEnum",\n            title: "\u6807\u7b7e\u679a\u4e3e",\n            type: "tag",\n            valueOf: (item) => ({\n              type: "success",\n              isEnum: true,\n              moduleName: "marital",\n              name: item.tagEnum,\n            }),\n          },\n          {\n            name: "avatar",\n            title: "\u5934\u50cf",\n            type: "avatar",\n            valueOf: () => ({ gender: "F" }),\n          },\n          {\n            name: "user",\n            title: "\u7528\u6237",\n            type: "user",\n            valueOf: (item) => `${item.enUserName} ${item.userName}`,\n          },\n          {\n            name: "hideInfo",\n            title: "\u9690\u85cf\u5b57\u6bb5",\n            type: "hideInfo",\n            valueOf: (item) => ({\n              loader: () => {\n                return item["phoneNumber"] + "-" + item["id"];\n              },\n            }),\n          },\n          {\n            name: "userName",\n            title: "\u7528\u6237\u540d",\n            type: "userName",\n          },\n          {\n            name: "contacts",\n            title: "\u8054\u7cfb\u4eba",\n            type: "contacts",\n            valueOf: (item) => `${item.userName} ${item.phoneNumber}`,\n          },\n          {\n            name: "count",\n            title: "\u6570\u91cf",\n            type: "singleRow",\n            render: ({ target }) => {\n              return target.count === 5 ? { hover: true } : { hover: false };\n            },\n          },\n          {\n            name: "description",\n            title: "\u63cf\u8ff0",\n            type: "description",\n          },\n          {\n            name: "description2",\n            title: "\u63cf\u8ff0(\u7701\u7565)",\n            type: "description",\n            ellipsis: true,\n          },\n          {\n            name: "other",\n            title: "\u5176\u4ed6",\n            type: "other",\n            hover: true,\n            sort: true,\n          },\n          {\n            name: "options",\n            title: "\u64cd\u4f5c",\n            type: "options",\n            fixed: "right",\n            sort: true,\n            valueOf: (item) => [\n              {\n                onClick: () => {\n                  return new Promise((resolve) => {\n                    setTimeout(() => {\n                      resolve();\n                    }, 1000);\n                  });\n                },\n                children: "\u5206\u914dProgram\u53ca\u6559\u7ec3",\n              },\n              {\n                children: "\u5ba1\u6838",\n              },\n              {\n                onClick: () => {\n                  console.log(item);\n                },\n                children: "\u6dd8\u6c70",\n              },\n              {\n                onClick: () => {\n                  console.log(item);\n                },\n                children: "\u4e00\u952e\u7ea6\u9762",\n              },\n              {\n                children: "\u5220\u9664",\n              },\n            ],\n          },\n        ]}\n        onSortChange={(sort) => {\n          console.log(">>>>>>", sort);\n        }}\n      />\n    </PureGlobal>\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Table",packageName:"@components/Table",component:a},{name:"_Global",packageName:"@components/Global",component:l},{name:"reactFetch",packageName:"@kne/react-fetch",component:o},{name:"antd",packageName:"antd",component:s}]}]}}},69022:(n,e,t)=>{"use strict";t.d(e,{A:()=>i});var a=t(27777),l=t(21079),o=t(76329),r=t(87558),s=t(57469);const i={name:"TablePage",summary:"<p>\u53ef\u4ee5\u4ece\u540e\u7aef\u83b7\u53d6\u6570\u636e\uff0c\u7136\u540e\u5c55\u793a\u4e3a\u4e00\u4e2a\u8868\u683c</p>\n<p><em><strong>\uff08\u5df2\u5e9f\u5f03\uff0c\u4e0d\u5efa\u8bae\u4f7f\u7528\uff0c\u8bf7\u7528Table\u7684TablePage\u7ec4\u4ef6\u4ee3\u66ff\uff09</strong></em></p>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>dataFormat</td>\n<td>\u7528\u4e8e\u5904\u7406\u540e\u7aef\u8fd4\u56de\u7684\u6570\u636e\uff0c\u4f5c\u4e3a\u8868\u683c\u6570\u636e</td>\n<td>function</td>\n<td>(data) =&gt; {return {list: data.data.pageData,total: data.data.totalCount};}</td>\n</tr>\n<tr>\n<td>pagination</td>\n<td>\u63a7\u5236\u5206\u9875\u53c2\u6570</td>\n<td>object</td>\n<td>{showSizeChanger: true,showQuickJumper: true,open: true,paramsType: 'data',requestType: 'reload',current: 'currentPage',pageSize: 'perPage',defaultPageSize: 20,size: 'default'}</td>\n</tr>\n<tr>\n<td>getColumns</td>\n<td>\u83b7\u53d6colums\u53c2\u6570\u7684\u51fd\u6570,\u8be5\u51fd\u6570\u7684\u53c2\u6570\u53ef\u4ee5\u62ff\u5230\u8bf7\u6c42\u7ed3\u679c\u6570\u636e,\u5982\u679c\u4e0d\u4f20\u8be5\u51fd\u6570\u5219\u9ed8\u8ba4\u53d6colums\u5c5e\u6027 getColumns({data,formatData}),\u53ef\u4ee5\u8fd4\u56dePromise</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>stickyOffset</td>\n<td>sticky\u6a21\u5f0f\uff0ctable header\u8ddd\u79bb\u9876\u90e8\u4f4d\u7f6e\uff0c\u9ed8\u8ba4\u4f1a\u53d6 --nav-height\uff0c\u6ce8\u610f\uff1a\u8be5\u7ec4\u4ef6\u4f1a\u8986\u76d6\u8c03sticky\u4e2d\u8bbe\u7f6e\u7684\u503c\uff0c\u5bfc\u81f4\u5176\u8bbe\u7f6e\u4e0d\u751f\u6548\uff0c\u9700\u8981\u914d\u7f6e\u8be5\u53c2\u6570\u6765\u5b9e\u73b0\u529f\u80fd</td>\n<td>string</td>\n<td>var(--nav-height)</td>\n</tr>\n<tr>\n<td>controllerOpen</td>\n<td>\u662f\u5426\u5f00\u542f\u5217\u63a7\u5236\uff0c\u8c03\u6574\u5217\u5bbd\u548c\u5217\u663e\u793a</td>\n<td>boolean</td>\n<td>true</td>\n</tr>\n</tbody>\n</table>\n<p>\u5176\u4ed6\u53c2\u6570\u53c2\u8003</p>\n<p>\u8868\u683c\u53c2\u6570:</p>\n<p><a href=\"https://ant.design/components/table-cn/\">antd Table</a></p>\n<p>\u8bf7\u6c42\u6570\u636e\u53c2\u6570:</p>\n<p><a href=\"/lib/react-fetch\">react-fetch</a></p>",example:{isFull:!0,className:"TablePage_b85cd",style:".TablePage_b85cd .table-Limit-height {\n  height: 600px;\n  overflow: auto;\n  max-width: 1000px;\n  margin: 0 auto;\n}",list:[{title:"\u666e\u901a\u8868\u683c",description:"\u5c55\u793a\u4e00\u4e2a\u666e\u901a\u7684\u8868\u683c",code:'const { default: TablePage } = tablePage;\nconst { PureGlobal } = global;\nconst { range } = _;\nconst { preset } = reactFetch;\n\nconst ajax = (config) => {\n  return new Promise((resolve) => {\n    setTimeout(() => {\n      if (config.url === "/api/v1/user/user/user_key_get") {\n        resolve({\n          data: {\n            code: 0,\n            data: `[{"id":"clientName","name":"\u5ba2\u6237\u540d\u79f0","width":341,"chosen":false,"selected":false},{"id":"city","name":"\u5de5\u4f5c\u5730\u70b9","width":341,"chosen":false,"selected":false},{"id":"startTime","name":"\u804c\u4f4d\u5f00\u59cb\u65f6\u95f4","hidden":false,"width":200,"chosen":false,"selected":false},{"id":"options","name":"\u64cd\u4f5c","fixed":"right","width":341}]`,\n          },\n        });\n      } else if (config.url === "/api/v1/user/user/user_key_set") {\n        console.log(config.data);\n        resolve({\n          data: {\n            code: 0,\n            data: "",\n          },\n        });\n      }\n    }, 100);\n  });\n};\n\npreset({\n  ajax,\n});\n\nconst Example = () => {\n  return (\n    <PureGlobal\n      preset={{\n        ajax,\n        tablePageServerApis: {\n          getDataApi: (name) => {\n            return {\n              url: "/api/v1/user/user/user_key_get",\n              method: "GET",\n              params: {\n                key: `table_config_${name}`,\n              },\n              transformResponse: (response) => {\n                const { data } = response;\n                response.data = Object.assign({}, data, {\n                  data: (() => {\n                    try {\n                      return JSON.parse(data.data);\n                    } catch (e) {\n                      return [];\n                    }\n                  })(),\n                });\n\n                response.data = {\n                  code: response.data.code === 0 ? 200 : data.code,\n                  msg: response.data.msg,\n                  results: response.data.data,\n                };\n\n                return response;\n              },\n              cache: "TABLE_PAGE_CONFIG",\n            };\n          },\n          setDataFunc: (name, data) => {\n            return ajax({\n              url: "/api/v1/user/user/user_key_set",\n              data: {\n                map: {\n                  [`table_config_${name}`]: JSON.stringify(data),\n                },\n              },\n            });\n          },\n        },\n      }}\n    >\n      <TablePage\n        name="test1"\n        rowSelection={{\n          type: "checkbox",\n        }}\n        columns={[\n          {\n            title: (\n              <div>\n                \u804c\u4f4d\u540d\u79f0<i>~</i>\n              </div>\n            ),\n            titleText: "\u804c\u4f4d\u540d\u79f0",\n            key: "positionName",\n            fixed: "left",\n            dataIndex: "positionName",\n          },\n          {\n            title: "\u5ba2\u6237\u540d\u79f0",\n            key: "clientName",\n            dataIndex: "clientName",\n          },\n          {\n            title: "\u5de5\u4f5c\u5730\u70b9",\n            key: "city",\n            dataIndex: "city",\n          },\n          {\n            title: "\u5de5\u4f5c\u5730\u70b91",\n            key: "city1",\n            dataIndex: "city",\n          },\n          {\n            title: "\u5de5\u4f5c\u5730\u70b92",\n            key: "city2",\n            dataIndex: "city",\n          },\n          {\n            title: "\u5de5\u4f5c\u5730\u70b93",\n            key: "city3",\n            dataIndex: "city",\n          },\n          {\n            title: "\u5de5\u4f5c\u5730\u70b94",\n            key: "city4",\n            dataIndex: "city",\n          },\n          {\n            title: "\u5de5\u4f5c\u5730\u70b95",\n            key: "city5",\n            dataIndex: "city",\n          },\n          {\n            title: "\u5de5\u4f5c\u5730\u70b96",\n            key: "city6",\n            dataIndex: "city",\n          },\n          {\n            title: "\u5de5\u4f5c\u5730\u70b97",\n            key: "city7",\n            dataIndex: "city",\n          },\n          {\n            title: "\u5de5\u4f5c\u5730\u70b98",\n            key: "city8",\n            dataIndex: "city",\n          },\n          {\n            title: "\u5de5\u4f5c\u5730\u70b99",\n            key: "city9",\n            dataIndex: "city",\n          },\n          {\n            title: "\u804c\u4f4d\u5f00\u59cb\u65f6\u95f4",\n            key: "startTime",\n            dataIndex: "startTime",\n            hidden: true,\n          },\n          {\n            title: "\u64cd\u4f5c",\n            key: "options",\n            fixed: "right",\n            width: 300,\n            render: () => {\n              return "\u64cd\u4f5c";\n            },\n          },\n        ]}\n        sticky={false}\n        data={{ currentPage: 1, perPage: 20 }}\n        loader={({ data }) => {\n          return new Promise((resolve) => {\n            setTimeout(() => {\n              resolve({\n                pageData: range(data.perPage).map((index) => ({\n                  id: index + (data.currentPage - 1) * data.perPage + 1,\n                  positionName:\n                    "\u5e02\u573a\u8fd0\u8425\u603b\u76d1" +\n                    (index + (data.currentPage - 1) * data.perPage + 1),\n                  clientName: "\u5927\u4f17",\n                  city: "\u5317\u4eac",\n                  startTime: "2020-01-10",\n                })),\n                totalCount: 100,\n              });\n            }, 100);\n          });\n        }}\n      />\n    </PureGlobal>\n  );\n};\n\nrender(<Example />);\n\n',scope:[{name:"tablePage",packageName:"@components/TablePage",component:a},{name:"_",packageName:"lodash",component:l},{name:"global",packageName:"@components/Global",component:o},{name:"reactFetch",packageName:"@kne/react-fetch",component:r}]},{title:"\u6811\u5f62\u6570\u636e",description:"\u5c55\u793a\u4e00\u4e2a\u6811\u5f62\u6570\u636e\u7684\u8868\u683c",code:'const { default: TablePage } = tablePage;\nconst { range } = _;\n\nconst Example = () => {\n  return (\n    <TablePage\n      name="test1"\n      columns={[\n        {\n          title: "\u804c\u4f4d\u540d\u79f0",\n          key: "positionName",\n          fixed: "left",\n          dataIndex: "positionName",\n        },\n        {\n          title: "\u5ba2\u6237\u540d\u79f0",\n          key: "clientName",\n          dataIndex: "clientName",\n        },\n        {\n          title: "\u5de5\u4f5c\u5730\u70b9",\n          key: "city",\n          dataIndex: "city",\n        },\n        {\n          title: "\u804c\u4f4d\u5f00\u59cb\u65f6\u95f4",\n          key: "startTime",\n          dataIndex: "startTime",\n          hidden: true,\n        },\n        {\n          title: "\u64cd\u4f5c",\n          key: "options",\n          fixed: "right",\n          width: 300,\n          render: () => {\n            return "\u64cd\u4f5c";\n          },\n        },\n      ]}\n      sticky={false}\n      data={{ currentPage: 1, perPage: 20 }}\n      loader={({ data }) => {\n        return new Promise((resolve) => {\n          setTimeout(() => {\n            resolve({\n              pageData: range(data.perPage).map((index) => ({\n                id: index + (data.currentPage - 1) * data.perPage + 1,\n                positionName:\n                  "\u5e02\u573a\u8fd0\u8425\u603b\u76d1" +\n                  (index + (data.currentPage - 1) * data.perPage + 1),\n                clientName: "\u5927\u4f17",\n                city: "\u5317\u4eac",\n                startTime: "2020-01-10",\n                children: range(10).map((i) => {\n                  return {\n                    id:\n                      index +\n                      (data.currentPage - 1) * data.perPage +\n                      1 +\n                      "-" +\n                      i,\n                    positionName:\n                      "\u5e02\u573a\u8fd0\u8425\u603b\u76d1" +\n                      (index + (data.currentPage - 1) * data.perPage + 1) +\n                      "-" +\n                      i,\n                    clientName: "\u5927\u4f17",\n                    city: "\u5317\u4eac",\n                    startTime: "2020-01-10",\n                    children:\n                      index === 0\n                        ? [\n                            {\n                              id:\n                                index +\n                                (data.currentPage - 1) * data.perPage +\n                                1 +\n                                "-" +\n                                i +\n                                "-last",\n                              positionName: "\u6700\u540e\u4e00\u5c42",\n                              clientName: "\u6700\u540e\u4e00\u5c42",\n                              city: "\u6700\u540e\u4e00\u5c42",\n                              startTime: "2020-01-10",\n                            },\n                          ]\n                        : null,\n                  };\n                }),\n              })),\n              totalCount: 100,\n            });\n          }, 100);\n        });\n      }}\n    />\n  );\n};\n\nrender(<Example />);\n\n',scope:[{name:"tablePage",packageName:"@components/TablePage",component:a},{name:"_",packageName:"lodash",component:l}]},{title:"\u56fa\u5b9a\u8868\u5934\u8868\u683c",description:"\u5c55\u793a\u4e00\u4e2a\u56fa\u5b9a\u8868\u5934\u7684\u8868\u683c",code:'const { default: TablePage } = tablePage;\nconst { range } = _;\nconst { useRef } = React;\n\nconst Example = () => {\n  const ref = useRef();\n  return (\n    <div className="table-Limit-height" ref={ref}>\n      <div\n        style={{\n          height: 700,\n        }}\n      >\n        \u8bf7\u5f80\u4e0b\u62c9\n      </div>\n      <TablePage\n        stickyOffset="0px"\n        scroller={{\n          getContainer: () => ref.current,\n        }}\n        data={{ currentPage: 1, perPage: 20 }}\n        columns={[\n          {\n            title: "\u804c\u4f4d\u540d\u79f0",\n            key: "positionName",\n            fixed: "left",\n            dataIndex: "positionName",\n          },\n          {\n            title: "\u5ba2\u6237\u540d\u79f0",\n            key: "clientName",\n            dataIndex: "clientName",\n          },\n          {\n            title: "\u5de5\u4f5c\u5730\u70b9",\n            key: "city",\n            dataIndex: "city",\n          },\n          {\n            title: "\u804c\u4f4d\u5f00\u59cb\u65f6\u95f4",\n            key: "startTime",\n            dataIndex: "startTime",\n          },\n        ]}\n        loader={({ data }) => {\n          return {\n            pageData: range(data.perPage).map((index) => ({\n              id: index + (data.currentPage - 1) * data.perPage + 1,\n              positionName:\n                "\u5e02\u573a\u8fd0\u8425\u603b\u76d1" +\n                (index + (data.currentPage - 1) * data.perPage + 1),\n              clientName: "\u5927\u4f17",\n              city: "\u5317\u4eac",\n              startTime: "2020-01-10",\n            })),\n            totalCount: 100,\n          };\n        }}\n      />\n    </div>\n  );\n};\n\nrender(<Example />);\n\n',scope:[{name:"tablePage",packageName:"@components/TablePage",component:a},{name:"_",packageName:"lodash",component:l}]},{title:"\u65e5\u671f\u683c\u5f0f\u5316\u8868\u683c",description:"\u5c55\u793a\u4e00\u4e2a\u65e5\u671f\u683c\u5f0f\u5316\u8868\u683c",code:'const { default: TablePage } = tablePage;\nconst { range } = _;\nconst dayjs = dayjs;\n\nconst dateFormat = (target) => {\n  return dayjs(target).format("YYYY-MM-DD HH:mm:ss");\n};\n\nconst Example = () => {\n  return (\n    <TablePage\n      sticky={false}\n      columns={[\n        {\n          title: "\u804c\u4f4d\u540d\u79f0",\n          key: "positionName",\n          fixed: "left",\n          dataIndex: "positionName",\n        },\n        {\n          title: "\u5ba2\u6237\u540d\u79f0",\n          key: "clientName",\n          dataIndex: "clientName",\n        },\n        {\n          title: "\u5de5\u4f5c\u5730\u70b9",\n          key: "city",\n          dataIndex: "city",\n        },\n        {\n          title: "\u804c\u4f4d\u5f00\u59cb\u65f6\u95f4",\n          key: "startTime",\n          dataIndex: "startTime",\n          render: dateFormat,\n        },\n        {\n          title: "\u804c\u4f4d\u7ed3\u675f\u65f6\u95f4",\n          key: "endTime",\n          dataIndex: "endTime",\n          render: dateFormat,\n        },\n      ]}\n      data={{ currentPage: 1, perPage: 10 }}\n      loader={({ data }) => {\n        return new Promise((resolve) => {\n          setTimeout(() => {\n            resolve({\n              pageData: range(data.perPage).map((index) => ({\n                id: index + (data.currentPage - 1) * data.perPage + 1,\n                positionName:\n                  "\u5e02\u573a\u8fd0\u8425\u603b\u76d1" +\n                  (index + (data.currentPage - 1) * data.perPage + 1),\n                clientName: "\u5927\u4f17",\n                city: "\u5317\u4eac",\n                startTime: "2020-01-10",\n                endTime: "2020-02-10",\n              })),\n              totalCount: 48,\n            });\n          }, 1000);\n        });\n      }}\n    />\n  );\n};\n\nrender(<Example />);\n\n',scope:[{name:"tablePage",packageName:"@components/TablePage",component:a},{name:"_",packageName:"lodash",component:l},{name:"dayjs",packageName:"dayjs",component:s}]},{title:"\u52a8\u6001column\u83b7\u53d6",description:"\u5c55\u793a\u52a8\u6001column\u83b7\u53d6\u7684\u8868\u683c",code:'const { default: TablePage } = tablePage;\nconst { range } = _;\n\nconst Example = () => {\n  return (\n    <TablePage\n      sticky={false}\n      getColumns={({ data, formatData }) => {\n        console.log(data, formatData);\n        return Promise.resolve([\n          {\n            title: "\u804c\u4f4d\u540d\u79f0",\n            key: "positionName",\n            fixed: "left",\n            dataIndex: "positionName",\n          },\n          {\n            title: "\u5ba2\u6237\u540d\u79f0",\n            key: "clientName",\n            dataIndex: "clientName",\n          },\n          {\n            title: "\u5de5\u4f5c\u5730\u70b9",\n            key: "city",\n            dataIndex: "city",\n          },\n          {\n            title: "\u804c\u4f4d\u5f00\u59cb\u65f6\u95f4",\n            key: "startTime",\n            dataIndex: "startTime",\n          },\n        ]);\n      }}\n      data={{ currentPage: 1, perPage: 20 }}\n      loader={({ data }) => {\n        return new Promise((resolve) => {\n          setTimeout(() => {\n            resolve({\n              pageData: range(data.perPage).map((index) => ({\n                id: index + (data.currentPage - 1) * data.perPage + 1,\n                positionName:\n                  "\u5e02\u573a\u8fd0\u8425\u603b\u76d1" +\n                  (index + (data.currentPage - 1) * data.perPage + 1),\n                clientName: "\u5927\u4f17",\n                city: "\u5317\u4eac",\n                startTime: "2020-01-10",\n              })),\n              totalCount: 100,\n            });\n          }, 1000);\n        });\n      }}\n    />\n  );\n};\n\nrender(<Example />);\n\n',scope:[{name:"tablePage",packageName:"@components/TablePage",component:a},{name:"_",packageName:"lodash",component:l}]}]}}},91026:(n,e,t)=>{"use strict";t.d(e,{A:()=>s});var a=t(21554),l=t(8002),o=t(96252),r=t(87558);const s={name:"Tooltip",summary:"<p>\u7b80\u5355\u7684\u6587\u5b57\u63d0\u793a\u6c14\u6ce1\u6846</p>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>size</td>\n<td>\u9ed8\u8ba4\u5bbd\u5ea6 360\uff0csmall \u5bbd\u5ea6 240</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>title</td>\n<td>\u6807\u9898\u5185\u5bb9</td>\n<td>string,jsx</td>\n<td>-</td>\n</tr>\n<tr>\n<td>showInfo</td>\n<td>\u5c55\u793a\u6807\u9898\u65c1\u7684\u63d0\u793a\u6309\u94ae</td>\n<td>boolean</td>\n<td>-</td>\n</tr>\n<tr>\n<td>importantInfo</td>\n<td>\u91cd\u8981\u5185\u5bb9</td>\n<td>string,jsx</td>\n<td>-</td>\n</tr>\n<tr>\n<td>subtitle</td>\n<td>\u526f\u6807\u9898</td>\n<td>string,jsx</td>\n<td>-</td>\n</tr>\n<tr>\n<td>content</td>\n<td>\u5185\u5bb9</td>\n<td>string,jsx</td>\n<td>-</td>\n</tr>\n<tr>\n<td>importantInfoType</td>\n<td>\u91cd\u8981\u5185\u5bb9\u7c7b\u578b\uff0csuccess,error,warning</td>\n<td>string,jsx</td>\n<td>-</td>\n</tr>\n<tr>\n<td>moreInfo</td>\n<td>\u5176\u4ed6\u5185\u5bb9</td>\n<td>jsx</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>TooltipFetch</h3>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>api</td>\n<td>\u83b7\u53d6\u6570\u636e\u7684\u63a5\u53e3\uff0c\u53c2\u8003@kne/react-fetch</td>\n<td>object</td>\n<td>-</td>\n</tr>\n<tr>\n<td>fetchContent</td>\n<td>\u5f53api\u63a5\u53e3\u8fd4\u56de\u503c\u7684\u65f6\u5019\u8c03\u7528\uff0c\u53ef\u4ee5\u83b7\u53d6\u5230\u63a5\u53e3\u53c2\u6570\uff0c\u8fd4\u56de\u503c\u4f1a\u66f4\u65b0\u5230Tootip\u7684\u53c2\u6570\u4e2d</td>\n<td>function</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>",example:{isFull:!1,className:"Tooltip_c9830",style:"",list:[{title:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u6807\u9898",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { default: Tooltip, TooltipInfoLabel } = _Tooltip;\nconst { default: Space } = space;\nconst {\n  default: FormInfo,\n  Form,\n  Input,\n  TypeDateRangePicker,\n  SubmitButton,\n  CancelButton,\n} = formInfo;\n\nconst MoreInfo = () => {\n  return (\n    <Form>\n      <FormInfo\n        column={1}\n        list={[\n          <Input label="\u59d3\u540d" name="name" rule="REQ" />,\n          <TypeDateRangePicker\n            name="type_date"\n            label="\u65e5\u671f\u65f6\u95f4\u6bb5"\n            rule="REQ"\n          />,\n          <Space\n            style={{\n              width: "100%",\n              justifyContent: "end",\n            }}\n          >\n            <CancelButton>\u53d6\u6d88</CancelButton>\n            <SubmitButton>\u786e\u5b9a</SubmitButton>\n          </Space>,\n        ]}\n      />\n    </Form>\n  );\n};\n\nconst BaseExample = () => {\n  return (\n    <Space>\n      <Tooltip content="\u8fd9\u91cc\u663e\u793a\u5b8c\u6574\u7684\u4fe1\u606f">\u5c0f\u6bb5\u4fe1\u606f</Tooltip>\n      <Tooltip\n        size="small"\n        content="\u8fd9\u91cc\u663e\u793a\u5b8c\u6574\u7684\u4fe1\u606f\u5b8c\u6574\u7684\u4fe1\u606f\uff0c\u8fd9\u91cc\u663e\u793a\u5b8c\u6574\u7684\u4fe1\u606f\u5b8c\u6574\u7684\u4fe1\u606f\u8fd9\u91cc\u663e\u793a\u5b8c\u6574\u7684\u4fe1\u606f\u5b8c\u6574\u7684\u4fe1\u606f\u8fd9\u91cc\u663e\u793a\u5b8c\u6574\u7684\u4fe1\u606f\u5b8c\u6574\u7684\u4fe1\u606f\uff0c\u8fd9\u91cc\u663e\u793a\u5b8c\u6574\u7684\u4fe1\u606f\u3002"\n      >\n        \u5927\u6bb5\u4fe1\u606f\n      </Tooltip>\n      <Tooltip title="\u6807\u9898" content="\u5185\u5bb9\u63cf\u8ff0\u5185\u5bb9\u63cf\u8ff0\u5185\u5bb9\u3002">\n        \u5e26\u6709\u6807\u9898\u7684\u5c0f\u6bb5\u4fe1\u606f\n      </Tooltip>\n      <Tooltip\n        title="\u6807\u9898"\n        content="\u5185\u5bb9\u63cf\u8ff0\u5185\u5bb9\u63cf\u8ff0\u5185\u5bb9\u63cf\u8ff0\u5185\u5bb9\u63cf\u8ff0\u5185\u5bb9\u63cf\u8ff0\u5185\u5bb9\u63cf\u8ff0\u5185\u5bb9\u63cf\u8ff0\u5185\u5bb9\u63cf\u8ff0\u5185\u5bb9\u63cf\u8ff0\u5185\u5bb9\u63cf\u8ff0\u5185\u5bb9\u63cf\u8ff0"\n      >\n        \u5e26\u6709\u6807\u9898\u7684\u5927\u6bb5\u4fe1\u606f\n      </Tooltip>\n      <Tooltip\n        importantInfo="\u7b5b\u9009\u65e5\u671f\u8303\u56f4\u5185\uff0c\u804c\u4f4d\u4e0a\u5b89\u6392\u987e\u95ee\u9762\u8bd5\u7684\u5019\u9009\u4eba\u603b\u6570\u3002\u6839\u636e\u6240\u586b\u5199\u7684\u987e\u95ee\u3010\u9762\u8bd5\u9762\u8bd5\u3011\u65f6\u95f4\u6765\u8fdb\u884c\u7edf\u8ba1\uff0c\u800c\u975e\u5728\u7cfb\u7edf\u7684\u64cd\u4f5c\u65f6\u95f4\u3002"\n        subtitle="\u793a\u4f8b:"\n        content="2022.10.21\u5728\u7cfb\u7edf\u64cd\u4f5c\u987e\u95ee\u9762\u8bd5\uff0c\u4f46\u586b\u5199\u7684\u987e\u95ee\u9762\u8bd5\u65f6\u95f4\u4e3a2022.10.20\uff0c\u5219\u6570\u636e\u4f1a\u7edf\u8ba1\u57282022.10.20\uff0c\u800c\u975e2022.10.21 \u3002"\n      >\n        \u5e26\u6709\u91cd\u8981\u4fe1\u606f\n      </Tooltip>\n      <TooltipInfoLabel\n        title="\u5e26\u6709Info\u4fe1\u606f"\n        tooltipTitle={{\n          importantInfo:\n            "\u7b5b\u9009\u65e5\u671f\u8303\u56f4\u5185\uff0c\u804c\u4f4d\u4e0a\u5b89\u6392\u987e\u95ee\u9762\u8bd5\u7684\u5019\u9009\u4eba\u603b\u6570\u3002\u6839\u636e\u6240\u586b\u5199\u7684\u987e\u95ee\u3010\u9762\u8bd5\u9762\u8bd5\u3011\u65f6\u95f4\u6765\u8fdb\u884c\u7edf\u8ba1\uff0c\u800c\u975e\u5728\u7cfb\u7edf\u7684\u64cd\u4f5c\u65f6\u95f4\u3002",\n          subtitle: "\u793a\u4f8b:",\n          content:\n            "2022.10.21\u5728\u7cfb\u7edf\u64cd\u4f5c\u987e\u95ee\u9762\u8bd5\uff0c\u4f46\u586b\u5199\u7684\u987e\u95ee\u9762\u8bd5\u65f6\u95f4\u4e3a2022.10.20\uff0c\u5219\u6570\u636e\u4f1a\u7edf\u8ba1\u57282022.10.20\uff0c\u800c\u975e2022.10.21 \u3002",\n        }}\n      />\n      <Tooltip\n        trigger="click"\n        title="\u6807\u9898"\n        content="\u8f85\u52a9\u4fe1\u606f\u63cf\u8ff0\u5185\u5bb9\u8f85\u52a9\u4fe1\u606f\u63cf\u8ff0\u5185\u5bb9\u8f85\u52a9\u4fe1\u606f\u63cf\u8ff0\u5185\u5bb9\u8f85\u52a9\u4fe1\u606f\u63cf\u8ff0\u5185\u5bb9\u8f85\u52a9\u4fe1\u606f\u63cf\u8ff0\u5185\u5bb9"\n        moreInfo={<MoreInfo />}\n      >\n        \u5e26\u6709\u8868\u5355\u4fe1\u606f\n      </Tooltip>\n    </Space>\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Tooltip",packageName:"@components/Tooltip",component:a},{name:"space",packageName:"antd/lib/space",component:l},{name:"formInfo",packageName:"@components/FormInfo",component:o}]},{title:"\u5e26\u6709\u8fdc\u7a0b\u6570\u636e\u52a0\u8f7d\u7684\u63d0\u793a",description:"\u5c55\u793a\u5e26\u6709\u8fdc\u7a0b\u6570\u636e\u52a0\u8f7d\u7684\u63d0\u793a",code:'const { TooltipFetch } = _Tooltip;\nconst { preset } = reactFetch;\nconst { default: Descriptions } = _Descriptions;\nconst { default: StateTag } = _StateTag;\n\npreset({\n  ajax: () => {\n    return new Promise((resolve) => {\n      setTimeout(() => {\n        resolve({\n          data: {\n            code: 0,\n            data: {\n              clientName: "\u817e\u8baf",\n              title: "\u817e\u8baf\u79d1\u6280\u516c\u53f8",\n              type: "\u589e\u503c\u7a0e\u4e13\u7528\u53d1\u7968",\n              date: "2022-08-15",\n            },\n          },\n        });\n      }, 1000);\n    });\n  },\n});\n\nconst BaseExample = () => {\n  return (\n    <TooltipFetch\n      api={{\n        url: "/api/data",\n      }}\n      size="large"\n      fetchContent={(data) => {\n        return {\n          content: (\n            <Descriptions\n              dataSource={[\n                [\n                  { label: "\u5ba2\u6237\u540d\u79f0", content: data.clientName },\n                  { label: "\u53d1\u7968\u62ac\u5934", content: data.title },\n                ],\n                [\n                  { label: "\u53d1\u7968\u7c7b\u578b", content: data.type },\n                  { label: "\u53d1\u7968\u65e5\u671f", content: data.date },\n                ],\n              ]}\n            />\n          ),\n        };\n      }}\n    >\n      <StateTag text="\u54c8\u54c8\u54c8" />\n    </TooltipFetch>\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Tooltip",packageName:"@components/Tooltip",component:a},{name:"reactFetch",packageName:"@kne/react-fetch",component:r},{name:"_Descriptions",packageName:"@components/Descriptions",component:t(90580)},{name:"_StateTag",packageName:"@components/StateTag",component:t(62716)}]}]}}},11448:(n,e,t)=>{"use strict";t.r(e);var a=t(13050),l=t(87558),o=t(89946),r=t.n(o),s=t(55199),i=t(45784),d=t(70579);window.PUBLIC_URL="/components-core",i.A.config({paths:{vs:"https://uc.fatalent.cn/packages/monaco-editor/0.48.0/min/vs"}});const c={remote:"components-core",url:"https://registry.npmmirror.com",tpl:"{{url}}/@kne%2f{{remote}}/{{version}}/files/build",defaultVersion:"0.2.2"};(0,a.preset)({remotes:{default:c,"components-core":c,"components-iconfont":{remote:"components-iconfont",url:"https://uc.fatalent.cn",tpl:"{{url}}/packages/@kne-components/{{remote}}/{{version}}/build",defaultVersion:"0.1.8"}}});const u=r().create({validateStatus:function(){return!0}});(0,l.preset)({ajax:u,loading:(0,d.jsx)(s.Spin,{style:{position:"absolute",left:"50%",padding:"10px",transform:"translateX(-50%)"}}),error:(0,d.jsx)(s.Result,{status:"error",title:"\u8bf7\u6c42\u53d1\u751f\u9519\u8bef"}),empty:(0,d.jsx)(s.Empty,{}),transformResponse:n=>{const{data:e}=n;return n.data={code:0===e.code?200:e.code,msg:e.msg,results:e.data},n}});var m=t(73884),p=t.n(m),h=t(84391),g=t(94679),f=t(14152),b=t.n(f),y=(t(91296),t(46446));const v=b().ExampleRoutes,x=n=>{let{preset:e,themeToken:t,...a}=n;return(0,d.jsx)(g.HashRouter,{children:(0,d.jsx)(v,{...a,paths:[{key:"components",path:"/",title:"\u9996\u9875"}],preset:e,themeToken:t,readme:y.default})})};h.createRoot(document.getElementById("root")).render((0,d.jsx)(p().StrictMode,{children:(0,d.jsx)(x,{preset:{ajax:u},themeToken:{colorPrimary:"#4F185A"}})}))},25644:(n,e,t)=>{"use strict";t.d(e,{A:()=>a});const a={getItem:n=>{const e=window.localStorage.getItem(n);try{const{dataType:n,value:t}=JSON.parse(e);if("object"===n&&"null"===t)return null;if("undefined"===n)return;return"number"===n?Number(t):"boolean"===n?Boolean(t):t}catch(t){return null}},setItem:(n,e)=>{const t=typeof e;window.localStorage.setItem(n,JSON.stringify({dataType:t,value:e}))}}},80940:(n,e,t)=>{"use strict";t.r(e),t.d(e,{default:()=>S});var a=t(73884),l=t(96418),o=t.n(l),r=t(55199),s=t(83136),i=t.n(s),d=t(64671),c=t(81014),u=t(58407),m=t(77964),p=t(22616),h=t.n(p);const g="style_width-container__JfEbg__ln08u",f="style_hidden-container__EdySA__ln08u",b="style_hidden-inner__vAN59__ln08u",y="style_menu-list__VDttR__ln08u",v="style_btn-item__mp5MQ__ln08u";var x=t(15797),_=t.n(x),N=t(70579);const k=_()((n=>{let{amountWidth:e,moreBtnWidth:t,buttonWidthList:a,spaceProps:l,compact:o}=n;const r=o?0:["small","middle","large"].indexOf(l.size)>-1?8*(["small","middle","large"].indexOf(l.size)+1):Number.isInteger(l.size)?l.size:8;let s=0,i=0;for(;e>=i+a[s]+s*r&&s<a.length;)i+=a[s],s+=1;for(;e<i+(s-1)*r+(s<a.length?t+r:0)&&s>0;)i-=a[s-1],s-=1;return s}),(n=>{let{amountWidth:e,moreBtnWidth:t,buttonWidthList:a,spaceProps:l,compact:o}=n;return"".concat(e).concat(t).concat(a.join(",")).concat(Object.values(l).join(",")).concat(o&&o.toString())})),I=n=>{let{list:e,more:t,compact:l,...s}=n;const d=h()(s,["size","split","align","style"]),[p,x]=(0,a.useState)(e.length&&1),_=o()((()=>{const n=S.current,e=F.current,t=I.current;if(!n)return;const o=n.querySelectorAll(".button-group-item");if(!o)return;if(0===o.length)return;const r=t.clientWidth,s=e.clientWidth,i=[].map.call(o,(n=>n.offsetWidth)),c=k({amountWidth:r,moreBtnWidth:s,buttonWidthList:i,spaceProps:d,compact:l});(0,a.startTransition)((()=>{x(c)}))})),I=(0,m.A)(_),S=(0,m.A)(_),F=(0,m.A)(_),j=e.slice(p),C=(n,e,t)=>{if("function"===typeof n)return n({key:e,className:i()("button-group-item",v),isDropdown:t});const{className:l,confirm:o,buttonComponent:r,...s}=n,d=o||s.message,m=d?u.default:r||c.default;return(0,a.createElement)(m,{danger:d&&!1!==s.isDelete,...Object.assign({},s,d&&(s.isModal||t)?{isModal:!0}:{}),key:e,className:i()("button-group-item",v,l)})},P=l?r.Space.Compact:r.Space;return(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)("div",{className:g,ref:I}),(0,N.jsxs)("div",{className:f,children:[(0,N.jsx)("div",{className:b,ref:F,children:t}),(0,N.jsx)("div",{className:b,ref:S,children:(0,N.jsx)(P,{...d,children:e.map(C)})})]}),(0,N.jsxs)(P,{...d,children:[e.slice(0,p).map(((n,e)=>C(n,e,!1))),j.length>0&&(0,N.jsx)(r.Dropdown,{overlayClassName:y,menu:{items:j.map(((n,e)=>({key:e,label:C(n,e,!0)})))},children:t})]})]})};I.defaultProps={more:(0,N.jsxs)(r.Button,{children:["\u66f4\u591a",(0,N.jsx)(d.default,{type:"icon-arrow-thin-down"})]})};const S=I},58407:(n,e,t)=>{"use strict";t.r(e),t.d(e,{ConfirmLink:()=>b,ConfirmText:()=>y,default:()=>v,withConfirm:()=>f});t(73884);var a=t(55199);const l=n=>({"en-US":()=>t.e(3275).then(t.bind(t,63275)),"zh-CN":()=>t.e(5181).then(t.bind(t,25181))}[n]());var o=t(64671),r=t(58609),s=t(3382),i=t(83136),d=t.n(i);const c="style_overlay__99t5t__ln08u",u="style_is-danger__gxyAB__ln08u",m="style_title__EEPu2__ln08u",p="style_content__mZZg5__ln08u",h="style_has-title__5+PEt__ln08u";var g=t(70579);const f=n=>{const e=(0,r.createWithIntl)({moduleName:"ConfirmButton",importMessages:l})((e=>{let{title:t,message:l,isDelete:i=!0,onClick:f,onCancel:b,disabled:y,showCancel:v,cancelText:x,isModal:_,okText:N,placement:k,getContainer:I,...S}=e;const{formatMessage:F}=(0,r.useIntl)({moduleName:"ConfirmButton"}),j=(0,s.useConfirmModal)();return _?(0,g.jsx)(n,{...S,disabled:y,onClick:n=>{j({type:"confirm",title:t,getContainer:I,danger:i,confirmType:i?"warning":"info",message:l||F({id:"message"}),okText:N||F(i?{id:"delete"}:{id:"confirm"}),cancelText:x||F({id:"cancel"}),onCancel:b,onOk:f})}}):(0,g.jsx)(a.Popconfirm,{title:(0,g.jsxs)(a.Space,{direction:"vertical",onClick:n=>{n.stopPropagation()},children:[t&&(0,g.jsxs)(a.Space,{size:0,align:"start",className:m,children:[i&&(0,g.jsx)(o.default,{className:"title-icon",type:"icon-tishi-tianchong"}),t]}),(0,g.jsxs)(a.Space,{size:0,align:"start",className:d()(p,{[h]:t}),children:[!t&&i?(0,g.jsx)(o.default,{className:"title-icon",type:"icon-tishi-tianchong"}):null,l||F({id:"message"})]})]}),placement:k,onConfirm:f,okButtonProps:{danger:i},onCancel:b,overlayClassName:d()(c,{[u]:i}),getPopupContainer:I,disabled:y,showCancel:v,cancelText:x,okText:N||F(i?{id:"delete"}:{id:"confirm"}),children:(0,g.jsx)(n,{...S,disabled:y})})}));return e.defaultProps={isModal:!1,showCancel:!0},e},b=f(a.Typography.Link),y=f(a.Typography.Text),v=f(a.Button)},45362:(n,e,t)=>{"use strict";t.r(e),t.d(e,{Label:()=>h,default:()=>f});var a=t(73884),l=t(55199),o=t(83136),r=t.n(o);const s="style_content__KHqQn__ln08u",i="style_size-small__RwAEB__ln08u",d="style_label__EG-qx__ln08u",c="style_content-content__AkJj-__ln08u",u="style_item__WV0-i__ln08u";var m=t(63361),p=t(70579);const h=n=>{let{className:e,children:t,setWidth:l}=n;const o=(0,a.useRef)(null);return(0,a.useRef)(l).current=l,(0,a.useLayoutEffect)((()=>{const n=()=>{if(!o.current)return;const{width:n}=o.current.getBoundingClientRect();l(n)},e=new ResizeObserver(n);return e.observe(o.current),n(),()=>{e.disconnect()}}),[l]),(0,p.jsxs)("div",{ref:o,className:e,children:[t,"\uff1a"]})},g=n=>{let{list:e,labelAlign:t,col:o,gutter:g,className:f,size:b}=n;const y=(0,a.useRef)([]),[v,x]=(0,a.useState)(0);return(0,p.jsx)(l.Row,{"data-testid":"components-core-content",className:r()(s,"content",f,{[i]:"small"===b}),gutter:g,children:e.filter((n=>"function"===typeof n.display?n.display():!1!==n.display)).map(((n,e)=>{let{label:a,content:s,block:i,featureId:g}=n;const f=(0,p.jsx)(l.Col,{span:!0===i?24:24/o,className:u,children:(0,p.jsxs)(l.Space,{className:r()(u,"content-item"),children:[a?(0,p.jsx)("div",{style:v&&"auto"!==t?{minWidth:v,textAlign:t}:null,children:(0,p.jsx)(h,{className:r()(d,"content-label"),setWidth:n=>{y.current[e]=n,x(Math.max(...y.current))},children:a})}):null,(0,p.jsx)("div",{className:r()(c,"content-content"),children:s})]},e)},e);return g?(0,p.jsx)(m.default,{id:g,children:f}):f}))})};g.defaultProps={labelAlign:"left",col:1,gutter:0,list:[]};const f=g},90580:(n,e,t)=>{"use strict";t.r(e),t.d(e,{default:()=>d});var a=t(55199),l=t(83136),o=t.n(l),r=t(63361);const s={descriptions:"style_descriptions__HozsO__ln08u","descriptions-item":"style_descriptions-item__vV+UK__ln08u","col-label":"style_col-label__ZFEwt__ln08u","col-content":"style_col-content__wtZ9I__ln08u"};var i=t(70579);const d=n=>{let{dataSource:e,isFull:t,className:l,...d}=n;return(0,i.jsx)(a.Row,{...d,className:o()(s.descriptions,l),children:e.map(((n,l)=>{const d=n.slice(0,2).filter((n=>"function"===typeof n.display?n.display(n,e):!1!==n.display));return d.slice(0,2).map(((n,e)=>{let{label:c,content:u,featureId:m}=n;const p=(0,i.jsx)(a.Col,{span:24/d.length,className:o()(s["col-item"],"descriptions-col-item"),children:(0,i.jsxs)(a.Row,{wrap:!1,className:o()(s["descriptions-item"],"descriptions-item"),children:[(0,i.jsx)(a.Col,{span:t?8:4*d.length,className:o()(s["col-label"],"descriptions-col-label"),children:c}),(0,i.jsx)(a.Col,{span:t?16:24-4*d.length,className:o()(s["col-content"],"descriptions-col-content"),children:u})]})},"".concat(l,"-").concat(e));return m?(0,i.jsx)(r.default,{id:m,children:p},"".concat(l,"-").concat(e)):p}))}))})}},48731:(n,e,t)=>{"use strict";t.r(e),t.d(e,{default:()=>f});var a=t(73884),l=t(87558),o=t(76329),r=t(15797),s=t.n(r),i=t(79686),d=t.n(i),c=t(70579);const u=[["gender",()=>[{value:"M",description:"\u7537"},{value:"F",description:"\u5973"}]],["marital",()=>[{description:"\u5df2\u5a5a",value:"Y"},{description:"\u672a\u5a5a",value:"N"}]],["confirm",()=>[{description:"\u662f",value:"Y"},{description:"\u5426",value:"N"}]],["political",()=>[{description:"\u4e2d\u5171\u515a\u5458",value:"\u4e2d\u5171\u515a\u5458"},{description:"\u5171\u9752\u56e2\u5458",value:"\u5171\u9752\u56e2\u5458"},{description:"\u7fa4\u4f17",value:"\u7fa4\u4f17"},{description:"\u5176\u4ed6\u515a\u6d3e",value:"\u5176\u4ed6\u515a\u6d3e"}]],["phoneStateEnum",()=>[{value:0,description:"\u7a7a\u53f7"},{value:1,description:"\u5b9e\u53f7"},{value:2,description:"\u505c\u673a"},{value:3,description:"\u5e93\u65e0"},{value:4,description:"\u6c89\u9ed8\u53f7"},{value:5,description:"\u98ce\u9669\u53f7"}]],["degreeEnum",()=>[{description:"\u521d\u4e2d",value:10},{description:"\u4e2d\u4e13",value:20},{description:"\u9ad8\u4e2d",value:30},{description:"\u5927\u4e13",value:40},{description:"\u672c\u79d1",value:50},{description:"\u7855\u58eb\u7814\u7a76\u751f",value:60},{description:"\u535a\u58eb\u7814\u7a76\u751f",value:70},{description:"\u535a\u58eb\u540e",value:75},{description:"\u5b66\u5386\u4e0d\u9650",value:999}]]],m=(0,l.withFetch)((n=>{let{data:e,children:t}=n;return"function"===typeof t?t(e):t||(null===e||void 0===e?void 0:e.description)})),p=s()((n=>new Map(u.concat(Object.keys(Object.assign({},n)).map((e=>[e,n[e]])))))),h=n=>{let{loader:e,...t}=n;const{global:{enumsRef:l}}=(0,o.useGlobalContext)(),r=(0,a.useRef)(null);return(0,c.jsx)(m,{...t,loader:async function(){const n=p(await e(...arguments)),{params:t}=arguments.length<=0?void 0:arguments[0],{moduleName:a,name:o,force:s,locale:i}=t,c=async e=>!0!==s&&r.current===i&&l.current.get(e)||await(async()=>{const t=n.get(e),a=await(async()=>"function"===typeof t?new Map((await t({locale:i})).map((n=>[n.value.toString(),n]))):Array.isArray(t)?new Map(t.map((n=>[n.value.toString(),n]))):"object"===typeof t?new Map(Object.keys(t).map((n=>[n.toString(),t[n]]))):(console.warn("\u679a\u4e3e\u503cloader\u7684\u8bbe\u7f6e\u53ef\u80fd\u4e0d\u6b63\u786e"),new Map))();return l.current.set(e,a),r.current=i,a})();if(Array.isArray(a))return await Promise.all(a.map((n=>c(n).then((n=>Array.from(n.values()))))));const u=await c(a);return d()(o)?Array.from(u.values()):u.get(o.toString())}})},g=n=>{let{moduleName:e,name:t,force:a,children:l,...r}=n;const s=(0,o.usePreset)();return(0,c.jsx)(h,{...r,params:{moduleName:e,locale:null===s||void 0===s?void 0:s.locale,enums:null===s||void 0===s?void 0:s.enums,name:t,force:a},loader:n=>{let{params:e}=n;return e.enums},children:l})};g.defaultProps={force:!1};const f=g},67390:(n,e,t)=>{"use strict";t.r(e),t.d(e,{Download:()=>y,FileLink:()=>Y,List:()=>Q,OptionButtons:()=>M,default:()=>W,downloadBlobFile:()=>g,useDownload:()=>f,useFileModal:()=>A});var a=t(33097),l=t.n(a),o=t(89946),r=t.n(o),s=t(55199),i=t(76329),d=t(64671),c=t(87558),u=t(73884),m=t(96418),p=t.n(m),h=t(70579);const g=async(n,e)=>{const t=n=>{const t=document.createElement("a"),a=new MouseEvent("click");t.download=e,t.href=n,t.dispatchEvent(a)};if(!n)throw new Error("\u672a\u83b7\u53d6\u5230\u4e0b\u8f7d\u7684\u6587\u4ef6\u4fe1\u606f");if("string"===typeof n&&/blob:http(s)?:/.test(n))return void t(n);if("[object Blob]"===Object.prototype.toString.call(n)){const e=new Blob([n],{type:l()(n,"type")});return void t(URL.createObjectURL(e))}const{data:a}=await r()({url:n,responseType:"blob"});t(URL.createObjectURL(new Blob([a],{type:l()(a,"type")})))},f=n=>{let{id:e,filename:t,apis:a,onError:l,onSuccess:o}=n;const{message:r}=s.App.useApp(),{apis:d}=(0,i.usePreset)(),m=Object.assign({},d,a),[h,f]=(0,u.useState)(!1),{paramsType:b,paramsName:y,...v}=Object.assign({paramsType:"params",paramsName:"id"},m.oss),x={};x[b]={[y]:e};const{isLoading:_,data:N,error:k,refresh:I,...S}=(0,c.useFetch)(Object.assign({},v,x,{auto:!1})),F=p()(l||r.error),j=p()(o);return(0,u.useEffect)((()=>{_||(k?F(k):N&&(f(!0),g(N,t).then(j).catch((n=>{F(n.message)})).then((()=>{f(!1)}))))}),[_,k,N,t,F,j]),{...S,isLoading:_||h,download:()=>I(e&&x)}},b=n=>{let{id:e,filename:t,api:a,onSuccess:l,onError:o,onClick:r,...i}=n;const{isLoading:c,download:u}=f({id:e,filename:t,api:a,onError:o,onSuccess:l});return(0,h.jsx)(s.Button,{icon:(0,h.jsx)(d.default,{type:"icon-xiazai"}),...i,loading:c,onClick:function(){r&&r(...arguments),u()}})};b.defaultProps={filename:"\u672a\u547d\u540d\u4e0b\u8f7d\u6587\u4ef6"},b.useDownload=f,b.downloadBlobFile=g;const y=b;var v=t(75087),x=t.n(v),_=t(58407),N=t(96252),k=t(58609),I=t(74065),S=t.n(I),F=t(26304),j=t.n(F),C=t(3382),P=t(10419);const w="style_file-modal-outer__1guNh__ln08u",B="style_file-title__8bnUq__ln08u",E="style_ellipse__kDaLC__ln08u",A=()=>{const n=(0,C.useModal)(),{message:e}=s.App.useApp();return(0,u.useCallback)((t=>{let{title:a,id:l,originName:o,apis:r,openDownload:i=!0,...d}=t;return n(Object.assign({footer:null},d,{title:(0,h.jsxs)(s.Space,{size:10,className:B,children:[(0,h.jsx)("span",{className:E,children:a||o}),i&&(0,h.jsx)(y,{className:"btn-no-padding",type:"link",id:l,apis:r,filename:o,onSuccess:()=>{e.success("\u4e0b\u8f7d\u6210\u529f")}})]}),children:(0,h.jsx)("div",{className:w,children:(0,h.jsx)(P.default,{id:l,originName:o,apis:r})})}))}),[n,e])},T=n=>({"en-US":()=>t.e(5645).then(t.bind(t,75645)),"zh-CN":()=>t.e(6707).then(t.bind(t,26707))}[n]()),L=(0,k.createWithIntl)({moduleName:"File",importMessages:T})((n=>{let{item:e,hasPreview:t,getPermission:a,apis:l}=n;const{filename:o,id:r}=e,{formatMessage:i}=(0,k.useIntl)({moduleName:"File"}),c=(0,N.useFormModal)(),u=A();return(0,h.jsxs)(s.Space,{size:0,children:[t&&a("preview",e)&&(0,h.jsx)(s.Button,{type:"text",icon:(0,h.jsx)(d.default,{type:"icon-yulan"}),onClick:()=>{l.onPreview?l.onPreview(e):u({id:r,originName:o,apis:l})}}),a("edit",e)&&(0,h.jsx)(s.Button,{type:"text",icon:(0,h.jsx)(d.default,{type:"icon-bianji"}),onClick:()=>{const n=c({size:"small",title:i({id:"editDocumentName"}),formProps:{data:{name:j()(e.filename.split(".")).join(".")},onSubmit:async t=>{!1!==(l.onEdit&&await l.onEdit({formData:Object.assign({},t,{name:"".concat(t.name,".").concat(S()(e.filename.split(".")))}),item:e}))&&n.close()}},children:(0,h.jsx)(N.default,{column:1,list:[(0,h.jsx)(N.Input,{name:"name",label:i({id:"documentName"}),rule:"REQ LEN-0-100"})]})})}}),a("download",e)&&(0,h.jsx)(y,{type:"text",id:r,filename:o}),a("delete",e)&&(0,h.jsx)(_.default,{type:"text",icon:(0,h.jsx)(d.default,{type:"icon-shanchu"}),onClick:()=>l.onDelete&&l.onDelete(e)})]})}));L.defaultProps={hasPreview:!0,apis:{},getPermission:(n,e)=>!0};const M=L;var R=t(57469),D=t.n(R);const O="style_list-item-outer__0jlCN__ln08u",G="style_list-item__nmPCB__ln08u",z="style_split__kgSlH__ln08u",U="style_loading__kQUX5__ln08u",H="style_list-options__aEila__ln08u",V=n=>{let{className:e,dataSource:t,getPermission:a,infoItemRenders:l,apis:o}=n;return(0,h.jsx)(k.IntlProvider,{importMessages:T,moduleName:"File",children:(0,h.jsx)(s.List,{className:e,dataSource:t.map(((n,e)=>(n.index=e,n))),rowKey:n=>"item_".concat(n.uuid&&"uuid_".concat(n.uuid)||n.id&&"id_".concat(n.id)||n.ossId&&"id_".concat(n.ossId)),renderItem:n=>{const{type:e,filename:t}=n;return(0,h.jsx)(s.List.Item,{className:O,children:(0,h.jsxs)(s.Row,{justify:"space-between",wrap:!1,className:G,children:[(0,h.jsxs)(s.Col,{flex:1,children:[(0,h.jsx)("div",{className:z}),(0,h.jsxs)(s.Space,{className:"is-block",align:"start",size:4,children:[(0,h.jsx)(x(),{type:S()(null===t||void 0===t?void 0:t.split(".")),size:14}),t]})]}),l&&l.map(((t,a)=>(0,h.jsxs)(s.Col,{span:t.span||4,children:["uploading"!==e&&("function"===typeof t?t:t.render)(n),(0,h.jsx)("div",{className:z})]},a))),(0,h.jsx)(s.Col,{className:H,children:"uploading"!==e?(0,h.jsx)(M,{getPermission:a,item:n,apis:o}):(0,h.jsxs)(s.Space,{className:U,children:[(0,h.jsx)(s.Spin,{size:"small"}),(0,h.jsx)(s.Typography.Link,{children:(0,h.jsx)(k.FormattedMessage,{id:"uploading",moduleName:"File"})})]})})]})})},bordered:!0})})};V.defaultProps={infoItemRenders:[n=>n.userName?(0,h.jsx)(s.Typography.Text,{children:n.userName}):null,n=>n.date?(0,h.jsx)(s.Typography.Text,{children:D()(n.date).format("YYYY-MM-DD HH:mm:ss")}):null]};const Q=V;const W=(0,t(97211).A)((n=>{let{data:e,children:t,...a}=n;return t({url:e,...a})})),K=n=>{let{id:e,originName:t,openDownload:a,children:l,modalProps:o,...r}=n;const i=A();return(0,h.jsx)(s.Typography.Link,{...r,onClick:()=>{i({...o,id:e,originName:t,openDownload:a})},children:l||t})};K.defaultProps={openDownload:!0};const Y=K},24474:(n,e,t)=>{"use strict";t.r(e),t.d(e,{DragArea:()=>J,DragAreaOuter:()=>q,DragButton:()=>K,FileUpload:()=>ln,Title:()=>M,UploadButton:()=>Y,UploadTips:()=>$,default:()=>tn});var a=t(73884),l=t(33097),o=t.n(l),r=t(55199);const s="style_file-list-outer__wPhbb__ln08u",i="style_file-list-title__zXM5r__ln08u",d="style_container__P4RaF__ln08u",c="style_file-preview-inner__cvE72__ln08u",u="style_file-preview__M-Asq__ln08u",m="style_drag-area__Q+lm7__ln08u",p="style_upload-drag-close__u5o8W__ln08u",h="style_upload-drag-tips__z7puZ__ln08u",g="style_upload-drag-icon__sGGoS__ln08u",f="style_upload-drag-title__9Afmb__ln08u",b="style_upload-drag-text__o38vS__ln08u",y="style_title-group__8IJkS__ln08u",v="style_upload-btn__Q+Jxn__ln08u",x="style_total-count__z1fyd__ln08u",_="style_file-select__mHqyI__ln08u",N="style_file-name__QkvMn__ln08u",k="style_file-select-info__fOLiM__ln08u",I="style_file-select-option__AbDrD__ln08u";var S=t(75087),F=t.n(S),j=t(74065),C=t.n(j),P=t(57469),w=t.n(P),B=t(64671),E=t(67390),A=t(58609),T=t(70579);const L=n=>{let{currentTab:e,setCurrentTab:t,previewMap:a,previewList:l,getPermission:o,currentPreviewFileId:s,setCurrentPreviewFileId:d,itemApis:c,children:u,maxWidth:m,getPopupContainer:p}=n;return(0,T.jsx)("div",{className:i,children:(0,T.jsxs)(r.Row,{align:"middle",justify:"space-between",wrap:!1,children:[(0,T.jsx)(r.Col,{children:(0,T.jsxs)(r.Space,{className:y,size:4,children:[(0,T.jsx)(r.Segmented,{value:e,onChange:t,options:[{label:(0,T.jsxs)(r.Space,{size:4,children:[(0,T.jsx)(B.default,{type:"icon-shitu-liebiao"}),(0,T.jsx)(A.FormattedMessage,{id:"listText",moduleName:"FileList"})]}),value:"list"},{label:(0,T.jsxs)(r.Space,{size:4,children:[(0,T.jsx)(B.default,{type:"icon-shitu-yulan"}),(0,T.jsx)(A.FormattedMessage,{id:"previewText",moduleName:"FileList"})]}),value:"preview"}]}),"preview"===e&&s&&a.get(s)&&(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)(r.Select,{className:_,variant:"borderless",popupMatchSelectWidth:!1,value:s,onChange:d,getPopupContainer:p,children:l.map((n=>{let{filename:e,userName:t,date:a,ossId:l}=n;return(0,T.jsx)(r.Select.Option,{className:I,value:l,children:(0,T.jsxs)(r.Space,{direction:"vertical",children:[(0,T.jsxs)(r.Space,{size:4,align:"start",children:[(0,T.jsx)(F(),{type:C()(e.split(".")),size:14}),(0,T.jsx)(r.Typography.Text,{className:N,ellipsis:!0,style:{"--max-width":"".concat(m,"px")},children:e})]}),t||a?(0,T.jsxs)(r.Space,{className:k,size:24,children:[(0,T.jsxs)("div",{children:[(0,T.jsx)(A.FormattedMessage,{id:"uploadUser",moduleName:"FileList"}),":",t]}),(0,T.jsxs)("div",{children:[(0,T.jsx)(A.FormattedMessage,{id:"uploadTime",moduleName:"FileList"}),":",a&&w()(a).format("YYYY-MM-DD HH:mm:ss")]})]}):null]})},l)}))}),(0,T.jsx)(E.OptionButtons,{hasPreview:!1,getPermission:o,item:a.get(s),apis:c}),(0,T.jsx)("div",{className:x,children:(0,T.jsx)(A.FormattedMessage,{id:"totalCount",values:{count:l.length},moduleName:"FileList"})})]})]})}),(0,T.jsx)(r.Col,{children:u})]})})};L.defaultProps={maxWidth:260};const M=L,R=n=>({"en-US":()=>t.e(5714).then(t.bind(t,63333)),"zh-CN":()=>t.e(8795).then(t.bind(t,48795))}[n]());var D=t(70720),O=t.n(D),G=t(83136),z=t.n(G);const U=(0,a.createContext)({}),{Provider:H}=U,V=()=>(0,a.useContext)(U);var Q=t(29574),W=t(81348);const K=n=>{let{children:e}=n;const{onOpenChange:t,getDragButtonEl:a}=V();return(0,T.jsx)("div",{ref:a,className:v,onClick:()=>{t((n=>!n))},children:(0,T.jsxs)(r.Typography.Text,{className:"ant-btn",children:[(0,T.jsx)(B.default,{type:"icon-tuozhuaishangchuan"}),e||(0,T.jsx)(A.FormattedMessage,{id:"dragText",moduleName:"FileList"})]})})},Y=n=>{let{children:e}=n;const{accept:t,onFileSelected:a}=V();return(0,T.jsxs)(Q.AG,{className:v,accept:t,multiple:!0,onChange:a,children:[(0,T.jsx)(B.default,{type:"icon-tianjia"}),e]})},q=n=>{let{title:e,accept:t,fileSize:l,maxLength:o,onFileSelected:i,children:c,className:u}=n;const[m,p]=(0,a.useState)(!1),h=(0,a.useRef)(null),g=O()((n=>{h.current&&(h.current.contains(n.target)||n.target===h.current||p(!1))}));return(0,T.jsx)(A.IntlProvider,{importMessages:R,moduleName:"FileList",children:(0,T.jsx)(H,{value:{open:m,onOpenChange:p,accept:t,fileSize:l,maxLength:o,onFileSelected:i,getDragButtonEl:n=>{h.current=n}},children:(0,T.jsxs)(r.Space,{className:s,direction:"vertical",children:[e,(0,T.jsx)("div",{className:z()(d,u),ref:g,onDragEnter:()=>{p(!0)},children:c})]})})})};q.defaultProps={fileSize:20,accept:[".png",".jpg",".pdf",".docx",".doc"]};const $=n=>{let{icon:e,title:t,renderTips:a}=n;const{accept:l,fileSize:o,maxLength:r}=V(),s=a((0,A.useIntl)({moduleName:"FileList"}).formatMessage({id:"dragTips"},{accept:l.map((n=>n.replace(/^\./,""))).join("\u3001"),size:o}),{fileSize:o,maxLength:r,accept:l});return(0,T.jsxs)("div",{className:z()(h,"upload-drag-tips"),children:[(0,T.jsx)("div",{className:g,children:e||(0,T.jsx)(B.default,{type:"icon-shangchuan",size:64})}),(0,T.jsx)("div",{className:f,children:t||(0,T.jsx)(A.FormattedMessage,{id:"dragTitle",moduleName:"FileList"})}),(0,T.jsx)("div",{className:b,children:s})]})};$.defaultProps={renderTips:n=>n};const X=n=>{let{children:e,className:t}=n;const{open:a,accept:l,onOpenChange:o,onFileSelected:s}=V();return a?(0,T.jsxs)("div",{className:z()(m,t),onDragOver:n=>{n.stopPropagation(),n.preventDefault(),n.dataTransfer.dropEffect="copy"},onDrop:n=>{if(n.stopPropagation(),n.preventDefault(),0===n.dataTransfer.files.length)return;o(!1);const e=Array.from(n.dataTransfer.files).filter((n=>(0,W.A)(n,l)));s(e)},onDragEnd:()=>{o(!1)},children:[(0,T.jsx)(r.Button,{className:p,type:"text",shape:"circle",size:"small",icon:(0,T.jsx)(B.default,{type:"icon-close-bold"}),onClick:()=>{o(!1)}}),e]}):null};X.defaultProps={children:(0,T.jsx)($,{})};const J=X;var Z=t(10419),nn=t(76329);const en=n=>{var e;let{maxLength:t,list:l,setList:s,defaultTab:i,defaultPreviewFileId:d,apis:m,getPermission:p,titleExtra:h,fileSize:g,accept:f,getPopupContainer:b}=n;const{apis:y}=(0,nn.usePreset)(),v=Object.assign({},y,m),{fileList:x,onFileSelected:_}=(0,Q.lN)({maxLength:t,multiple:!0,value:l,onChange:s,concurrentCount:1,onAdd:()=>{k("list")},onSave:v.onSave,ossUpload:v.ossUpload}),[N,k]=(0,a.useState)(i),{formatMessage:I}=(0,A.useIntl)({moduleName:"FileList"}),{message:S}=r.App.useApp(),F=(0,a.useMemo)((()=>new Map(l.map((n=>[n.ossId,n])))),[l]),[j,C]=(0,a.useState)(d||o()(l,"[0].ossId",null));(0,a.useEffect)((()=>{j&&F.get(j)||C(o()(l,"[0].ossId",null))}),[l,F,j]);const P={onPreview:n=>{C(n.ossId),k("preview")},onDelete:async n=>{v.onDelete&&await v.onDelete(n),s((e=>{const t=e.slice(0),a=e.findIndex((e=>{let{ossId:t}=e;return t===n.ossId}));return a>-1&&t.splice(a,1),t})),S.success(I({id:"successDelete"},{name:n.filename}))},onEdit:async n=>{let{formData:e,item:t}=n;v.onEdit&&await v.onEdit({formData:e,item:t}),s((n=>{const a=n.slice(0),l=n.findIndex((n=>{let{ossId:e}=n;return e===t.ossId}));return l>-1&&a.splice(l,1,Object.assign({},t,{filename:e.name})),a})),S.success(I({id:"successEditFileName"},{name:t.filename}))}},w="function"===typeof h?h({currentPreviewFileId:j,currentTab:N}):h;return(0,T.jsxs)(q,{title:(0,T.jsx)(M,{currentTab:N,setCurrentTab:k,previewMap:F,previewList:l,getPermission:p,currentPreviewFileId:j,setCurrentPreviewFileId:C,itemApis:P,getPopupContainer:b,children:(0,T.jsxs)(r.Space,{split:(0,T.jsx)(r.Divider,{type:"vertical"}),children:[w,p("add",{})?(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)(K,{children:(0,T.jsx)(A.FormattedMessage,{id:"dragText",moduleName:"FileList"})}),(0,T.jsx)(Y,{children:(0,T.jsx)(A.FormattedMessage,{id:"uploadFile",moduleName:"FileList"})})]}):null]})}),fileSize:g,maxLength:t,onFileSelected:_,accept:f,children:["list"===N?(0,T.jsx)(E.List,{dataSource:[...x,...l],getPermission:p,apis:P}):null,"preview"===N?j?(0,T.jsx)("div",{className:c,children:(0,T.jsx)(Z.default,{className:u,id:j,apis:v,originName:null===(e=F.get(j))||void 0===e?void 0:e.filename})}):(0,T.jsx)(r.Empty,{image:r.Empty.PRESENTED_IMAGE_SIMPLE,className:"ant-empty-normal"}):null,(0,T.jsx)(J,{})]})};en.defaultProps={defaultTab:"list",titleExtra:null,accept:[".png",".jpg",".pdf",".docx",".doc"],fileSize:20,maxLength:Number.MAX_VALUE,getPermission:()=>!0};const tn=n=>(0,T.jsx)(A.IntlProvider,{importMessages:R,moduleName:"FileList",children:(0,T.jsx)(en,{...n})}),an=n=>{let{maxLength:e,list:t,setList:a,apis:l,getPermission:o,fileSize:s,accept:i}=n;const{apis:d}=(0,nn.usePreset)(),c=Object.assign({},d,l),{fileList:u,onFileSelected:m}=(0,Q.lN)({maxLength:e,multiple:!0,value:t,onChange:a,concurrentCount:1,onSave:c.onSave,ossUpload:c.ossUpload});return(0,T.jsxs)(q,{title:(0,T.jsxs)(r.Row,{children:[(0,T.jsx)(r.Col,{flex:1}),(0,T.jsx)(r.Col,{children:(0,T.jsxs)(r.Space,{split:(0,T.jsx)(r.Divider,{type:"vertical"}),children:[(0,T.jsx)(K,{}),(0,T.jsx)(Y,{children:"\u4e0a\u4f20"})]})})]}),fileSize:s,maxLength:e,onFileSelected:m,accept:i,children:[(0,T.jsx)(E.List,{dataSource:[...u,...t],getPermission:o,apis:c}),(0,T.jsx)(J,{})]})};an.defaultProps={accept:[".png",".jpg",".pdf",".docx",".doc"],fileSize:20,maxLength:Number.MAX_VALUE,getPermission:()=>!0};const ln=an},10419:(n,e,t)=>{"use strict";t.r(e),t.d(e,{HtmlPreview:()=>f,ImagePreview:()=>B,OSSFilePreview:()=>L,OfficePreview:()=>v,PdfPreview:()=>I,TextPreview:()=>P,UnknownPreview:()=>w,default:()=>M});var a=t(63114),l=t.n(a),o=t(73884),r=t(13050),s=t(83136),i=t.n(s);const d="style_container__9Fu-3__ln08u",c="style_loading__r3aiE__ln08u",u="style_text-outer__TzhuG__ln08u",m="style_error__wSaxt__ln08u";var p=t(87558),h=t(70579);const g=(0,p.createWithFetch)({transformResponse:n=>{let{data:e}=n;return{data:{code:200,results:e}}}})((n=>{let{data:e}=n;const t=(0,o.useRef)(null);return(0,o.useEffect)((()=>{const n=(new DOMParser).parseFromString(e,"text/html");n.querySelectorAll("script").forEach((n=>{n.parentElement.removeChild(n)}));const a=(0,r.getPublicPath)("components-core")+"/iframeResizer.contentWindow.js",l=document.createElement("script");l.src=a,n.head.appendChild(l);const o=document.createElement("style");o.innerText="html,body{height:auto!important;}body{pointer-events: none;background: #FFFFFF;}",n.head.appendChild(o),t.current.srcdoc=n.documentElement.outerHTML}),[e]),(0,o.useEffect)((()=>{l().iframeResize({checkOrigin:!1},t.current)}),[]),(0,h.jsx)("iframe",{title:"\u7b80\u5386\u9884\u89c8",frameBorder:"0",width:"100%",ref:t})})),f=n=>{let{className:e,url:t,maxWidth:a}=n;return(0,h.jsx)("div",{className:i()(e,d),style:{maxWidth:a},children:(0,h.jsx)(g,{url:t})})};var b=t(76329);const y=(0,p.createWithFetch)({cache:"office-preview"})((n=>{let{data:e,className:t,...a}=n;const{data:l}=e;return l.map((n=>{let{url:e}=n;const l=T(e);return(0,o.createElement)(l,{...a,url:e,key:e,className:t})}))})),v=n=>{let{id:e,apis:t,className:a,...l}=n;const{apis:o}=(0,b.usePreset)(),r=Object.assign({},o,t);return(0,h.jsx)(y,{...l,...r.previewOffice,data:{id:e},className:a})};var x=t(55199),_=t(39165),N=(t(71975),t(36));const k=(0,o.memo)((n=>{let{url:e,maxWidth:t,scale:a,rotate:l,className:s}=n;const[u,m]=(0,o.useState)(0);_.pdfjs.GlobalWorkerOptions.workerSrc=(0,r.getPublicPath)("components-core")+"/pdfjs/build/pdf.worker.js";const[p,g]=(0,o.useState)(t),f=(0,N.useResize)((()=>{f.current&&f.current.clientWidth&&g(Math.min(f.current.clientWidth,t))}));return(0,h.jsx)("div",{ref:f,className:i()(s,d),style:{maxWidth:t},children:(0,h.jsx)(_.Document,{file:{url:e},options:{standardFontDataUrl:(0,r.getPublicPath)("components-core")+"/pdfjs/standard_fonts/",cMapUrl:(0,r.getPublicPath)("components-core")+"/pdfjs/cmaps/",cMapPacked:!0},error:"PDF\u6587\u4ef6\u52a0\u8f7d\u5931\u8d25",loading:(0,h.jsx)("div",{className:c,children:(0,h.jsx)(x.Spin,{})}),noData:"\u672a\u6307\u5b9aPDF\u6587\u4ef6",onLoadSuccess:n=>{let{numPages:e}=n;m(e),console.log("onLoadSuccess")},onLoadError:n=>{console.log("onLoadError",n)},onSourceError:n=>{console.log("onSourceError",n)},children:(0,h.jsx)(x.Space,{direction:"vertical",children:u>=1&&Array.from(new Array(u),((n,e)=>(0,h.jsx)(_.Page,{className:"preview-item",scale:a/100,rotate:l,pageNumber:e+1,width:p,loading:null,renderAnnotationLayer:!1,renderTextLayer:!0,noData:"\u672a\u6307\u5b9a\u9875\u9762"},"page_".concat(e))))})})})}));k.defaultProps={autoSize:!0,renderTextLayer:!1,scale:100,rotate:0,maxWidth:1200};const I=k;var S=t(91409),F=t.n(S),j=t(89946),C=t.n(j);const P=n=>{let{url:e,className:t,maxWidth:a}=n;const[l,r]=(0,o.useState)(""),[s,p]=(0,o.useState)(!0),[g,f]=(0,o.useState)(!1);return(0,o.useEffect)((()=>{C().get(e).then((n=>{let{data:e}=n;r(e),p(!1)}),(()=>{p(!1),f(!0)}))}),[e]),(0,h.jsxs)("div",{className:i()(t,d),style:{maxWidth:a},children:[s?(0,h.jsx)("div",{className:c,children:(0,h.jsx)(x.Spin,{})}):null,(0,h.jsx)("div",{className:u,children:g?(0,h.jsx)("div",{className:m,children:"\u6587\u4ef6\u52a0\u8f7d\u5931\u8d25"}):(0,h.jsx)(F(),{text:l})})]})},w=n=>{let{maxWidth:e}=n;return(0,h.jsx)("div",{className:d,style:{maxWidth:e},children:(0,h.jsx)("div",{className:u,children:(0,h.jsx)(x.Result,{status:"500",title:"\u4e0d\u652f\u6301\u7684\u6587\u4ef6\u7c7b\u578b",subTitle:"\u7cfb\u7edf\u4e0d\u652f\u6301\u8be5\u6587\u4ef6\u7c7b\u578b\u9884\u89c8\uff0c\u8bf7\u4e0b\u8f7d\u5230\u672c\u5730\u540e\u8fdb\u884c\u9884\u89c8"})})})},B=n=>{let{url:e,scale:t,rotate:a,className:l,maxWidth:r}=n;const[s,u]=(0,o.useState)(!0),[p,g]=(0,o.useState)(!1);return(0,o.useEffect)((()=>{const n=new Image;n.src=e;const t=()=>{u(!1)},a=()=>{u(!1),g(!0)};return n.addEventListener("load",t),n.addEventListener("error",a),()=>{n.removeEventListener("load",t),n.removeEventListener("error",a)}}),[e,t,a]),(0,h.jsxs)("div",{className:i()(l,d),style:{maxWidth:r},children:[s?(0,h.jsx)("div",{className:c,children:(0,h.jsx)(x.Spin,{})}):null,p?(0,h.jsx)("div",{className:m,children:"\u56fe\u7247\u52a0\u8f7d\u5931\u8d25"}):(0,h.jsx)("img",{src:e,alt:"\u7b80\u5386\u9884\u89c8"})]})},E=n=>{const e=(n||"").split("?")[0].toLowerCase();return/.txt$/.test(e)?"txt":/.pdf$/.test(e)?"pdf":/.(png|jpg|jpeg)$/.test(e)?"image":/.(html|htm)$/.test(e)?"html":/.(doc|docx|xls|xlsx|ppt|pptx)$/.test(e)?"office":"unknown"},A=E,T=n=>({txt:P,pdf:I,image:B,html:f,office:v,unknown:w}[E(n)]);const L=(0,t(97211).A)((n=>{let{data:e,id:t,className:a,...l}=n;const o=T(e);return"office"===A(e)?(0,h.jsx)(v,{...l,id:t,className:a}):(0,h.jsx)(o,{...l,className:a,url:e})})),M=n=>{let{id:e,originName:t,...a}=n;return"office"===A(t)?(0,h.jsx)(v,{...a,id:e,originName:t}):(0,h.jsx)(L,{...a,id:e,originName:t})}},2615:(n,e,t)=>{"use strict";t.r(e),t.d(e,{AdvancedFilter:()=>Hn,AdvancedSelectFilterItem:()=>bn,CascaderFilterItem:()=>Nn,CityFilterItem:()=>_n,DatePickerFilterItem:()=>mn,DateRangePickerFilterItem:()=>pn,FilterItem:()=>A,FilterItemContainer:()=>Vn,FilterLines:()=>x,FilterValueDisplay:()=>N,FunctionSelectFilterItem:()=>vn,IndustrySelectFilterItem:()=>xn,InputFilterItem:()=>In,NumberRangeFilterItem:()=>Sn,PopoverItem:()=>en,TreeFilterItem:()=>kn,TypeDateRangePickerFilterItem:()=>gn,UserFilterItem:()=>yn,advancedFields:()=>Gn,default:()=>Qn,fields:()=>a,getFilterValue:()=>Cn,withFieldItem:()=>T});var a={};t.r(a),t.d(a,{AdvancedSelectFilterItem:()=>bn,CascaderFilterItem:()=>Nn,CityFilterItem:()=>_n,DatePickerFilterItem:()=>mn,DateRangePickerFilterItem:()=>pn,FunctionSelectFilterItem:()=>vn,IndustrySelectFilterItem:()=>xn,InputFilterItem:()=>In,NumberRangeFilterItem:()=>Sn,TreeFilterItem:()=>kn,TypeDateRangePickerFilterItem:()=>gn,UserFilterItem:()=>yn});var l=t(83136),o=t.n(l),r=t(73884),s=t(64671);const i={filter:"style_filter__Xml45__ln08u","filter-item-icon":"style_filter-item-icon__kVCRK__ln08u","filter-item-option-icon":"style_filter-item-option-icon__q1fz3__ln08u","filter-title":"style_filter-title__PlIpS__ln08u","filter-title-hidden":"style_filter-title-hidden__NJ1ZB__ln08u","ad-filter-title":"style_ad-filter-title__5-OzD__ln08u","ad-filter-line":"style_ad-filter-line__ga6UH__ln08u","filter-line":"style_filter-line__E+cRh__ln08u","clean-btn":"style_clean-btn__oSEvm__ln08u","filter-item":"style_filter-item__Q2ncE__ln08u","un-expand":"style_un-expand__4PFY8__ln08u","ad-filter-selected":"style_ad-filter-selected__KbLfG__ln08u","filter-label":"style_filter-label__qu26i__ln08u","filter-item-wrap":"style_filter-item-wrap__rOq7H__ln08u",option:"style_option__rd5Qo__ln08u","is-active":"style_is-active__OArQI__ln08u","is-visited":"style_is-visited__gZ5ni__ln08u","un-expand-shadow":"style_un-expand-shadow__fj92e__ln08u","filter-item-label":"style_filter-item-label__C781J__ln08u","filter-item-field":"style_filter-item-field__Ltfr8__ln08u","filter-drop-tag":"style_filter-drop-tag__DD-2P__ln08u","filter-list-tag":"style_filter-list-tag__Qt5hA__ln08u","filter-tag":"style_filter-tag__dUGfu__ln08u","filter-tag-value":"style_filter-tag-value__p-SFv__ln08u","pop-util-content":"style_pop-util-content__bx5zP__ln08u","pop-util-overlay":"style_pop-util-overlay__LEASt__ln08u","pop-util-footer":"style_pop-util-footer__Xat1s__ln08u","pop-util-text":"style_pop-util-text__pzeUy__ln08u","filter-item-inner":"style_filter-item-inner__LVXgh__ln08u","filter-item-text":"style_filter-item-text__MA8tU__ln08u","filter-item-number-range":"style_filter-item-number-range__U-OgQ__ln08u","filter-item-custom":"style_filter-item-custom__UusRa__ln08u","filter-item-custom-active":"style_filter-item-custom-active__uFtny__ln08u","filter-item-number-range-split":"style_filter-item-number-range-split__fVt8E__ln08u","filter-item-number-input":"style_filter-item-number-input__YPO6K__ln08u","range-picker":"style_range-picker__c6ngq__ln08u","cascader-select-wrap":"style_cascader-select-wrap__z5hu7__ln08u","cascader-dropdown-menu":"style_cascader-dropdown-menu__nhAH5__ln08u","filter-advanced":"style_filter-advanced__4cyDy__ln08u","filter-advanced-item-other":"style_filter-advanced-item-other__-v86K__ln08u","filter-advanced-item-other-inner":"style_filter-advanced-item-other-inner__sXLEV__ln08u","filter-advanced-more":"style_filter-advanced-more__OFXq4__ln08u"};var d=t(55199),c=t(58609);const u=n=>({"en-US":()=>t.e(8869).then(t.bind(t,18869)),"zh-CN":()=>t.e(2363).then(t.bind(t,92363))}[n]()),m=(0,r.createContext)({}),{Provider:p}=m,h=()=>(0,r.useContext)(m);var g=t(33097),f=t.n(g),b=t(70579);const y=n=>{let{list:e,children:t}=n;const{value:a,onChange:l}=h();return(0,b.jsxs)("div",{className:i["filter-line"],children:[e.map(((n,e)=>{const t=n.type;return(0,r.createElement)(t,{...n.props,key:n.key||n.props.name||e,value:a?f()(a.get(n.props.name),"value"):n.props.value,onChange:l?e=>l({name:n.props.name,label:n.props.label,value:e}):n.props.onChange})})),t]})},v=n=>{let{className:e,list:t,displayLine:a,label:l,extra:m,children:p}=n;const h=t.length>a,[g,f]=(0,r.useState)(!1);return(0,b.jsxs)(c.IntlProvider,{importMessages:u,moduleName:"Filter",children:[(0,b.jsxs)(d.Space,{className:o()(i["filter-title"],e),align:"top",size:16,children:[(0,b.jsx)("span",{className:i["filter-label"],children:l||(0,b.jsx)(c.FormattedMessage,{id:"filterText",moduleName:"Filter",defaultMessage:"\u7b5b\u9009"})}),(0,b.jsxs)(d.Row,{justify:"space-between",wrap:!1,align:"middle",children:[(0,b.jsx)(d.Col,{className:i["filter-list"],flex:1,children:t.slice(0,a).map(((n,e)=>(0,b.jsx)(y,{list:n,children:h&&!1===g&&e===a-1?(0,b.jsxs)(d.Space,{size:4,className:o()(i["filter-item"],i.option),onClick:()=>{f((n=>!n))},children:[(0,b.jsx)(c.FormattedMessage,{id:"moreText",moduleName:"Filter",defaultMessage:"\u66f4\u591a"}),(0,b.jsx)(s.default,{className:i["filter-item-option-icon"],type:"icon-arrow-thin-down"})]}):null},e)))}),(0,b.jsx)(d.Col,{children:m})]})]}),(0,b.jsx)(d.Space,{className:o()(i["filter-title"],"filter-title-wrap"),align:"center",size:16,children:p}),(0,b.jsxs)(d.Space,{className:o()(i["filter-title"],"filter-title-wrap",{[i["filter-title-hidden"]]:!(h&&g)}),align:"top",size:16,children:[(0,b.jsx)("span",{className:i["filter-label"],children:(0,b.jsx)(c.FormattedMessage,{id:"moreText",moduleName:"Filter",defaultMessage:"\u66f4\u591a"})}),(0,b.jsx)("div",{className:i["filter-list"],children:t.slice(a).map(((n,e)=>(0,b.jsx)(y,{list:n,children:e===t.length-a-1&&(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(d.Space,{size:4,className:o()(i["un-expand-shadow"]),children:(0,b.jsxs)(d.Space,{size:4,className:o()(i.option,i["filter-item"]),children:[(0,b.jsx)(c.FormattedMessage,{id:"toggleUpText",moduleName:"Filter",defaultMessage:"\u6536\u8d77"}),(0,b.jsx)(s.default,{className:i["filter-item-option-icon"],type:"icon-arrow-thin-up"})]})}),(0,b.jsx)(d.Space,{size:4,className:o()(i["un-expand"]),onClick:()=>{f((n=>!n))},children:(0,b.jsxs)(d.Space,{size:4,className:o()(i.option,i["filter-item"]),children:[(0,b.jsx)(c.FormattedMessage,{id:"toggleUpText",moduleName:"Filter",defaultMessage:"\u6536\u8d77"}),(0,b.jsx)(s.default,{className:i["filter-item-option-icon"],type:"icon-arrow-thin-up"})]})})]})},e)))})]})]})};v.defaultProps={displayLine:1};const x=v;var _=t(62716);const N=n=>{let{value:e,extraExpand:t,onChange:a}=n;return(0,b.jsx)(c.IntlProvider,{importMessages:u,moduleName:"Filter",children:(0,b.jsxs)(d.Space,{className:i["filter-title"],align:"top",size:16,children:[(0,b.jsx)("span",{className:i["filter-label"],children:(0,b.jsx)(c.FormattedMessage,{id:"selectedText",moduleName:"Filter",defaultMessage:"\u60a8\u5df2\u9009\u62e9"})}),(0,b.jsxs)("div",{className:i["filter-line"],children:[e.map(((n,t)=>{let{name:l,label:o,value:r}=n;return(0,b.jsx)(_.default,{type:"filterResult",filterName:o,text:Array.isArray(r)?r.map((n=>n.label)).join("\uff0c"):r.label,closable:!0,onClose:()=>{const n=e.slice(0);n.splice(t,1),a(n)}},l)})),(0,b.jsxs)(d.Space,{size:4,className:o()(i["un-expand-shadow"]),children:[t,(0,b.jsx)(d.Button,{size:"small",children:(0,b.jsx)(c.FormattedMessage,{id:"clearAllText",moduleName:"Filter",defaultMessage:"\u6e05\u7a7a\u5168\u90e8"})})]}),(0,b.jsxs)(d.Space,{size:4,className:o()(i["un-expand"]),children:[t,(0,b.jsx)(d.Button,{size:"small",onClick:()=>{a([])},children:(0,b.jsx)(c.FormattedMessage,{id:"clearAllText",moduleName:"Filter",defaultMessage:"\u6e05\u7a7a\u5168\u90e8"})})]})]})]})})};var k=t(10986),I=t.n(k),S=t(41740),F=t.n(S),j=t(36);const C=n=>{let{children:e,className:t,...a}=n;const[l,s]=I()(a),d=(0,r.useMemo)((()=>l.filter((n=>(0,j.isNotEmpty)(n.value)))),[l]),m=(0,r.useMemo)((()=>new Map(d.map((n=>[n.name,n])))),[d]);return(0,b.jsx)(c.IntlProvider,{moduleName:"Filter",importMessages:u,children:(0,b.jsx)(p,{value:{value:m,onChange:n=>{const e=F()(m);n.value?e.set(n.name,n):e.delete(n.name),null===s||void 0===s||s(Array.from(e.values()))}},children:(0,b.jsx)("div",{className:o()(i.filter,t),children:e({props:a,value:d,onChange:s})})})})};C.defaultProps={defaultValue:[]};const P=C,w=n=>(0,b.jsx)(P,{...n,children:n=>{let{props:e,value:t,onChange:a}=n;const{extraExpand:l,...o}=e;return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(x,{...o}),t&&t.length>0&&(0,b.jsx)(N,{value:t,onChange:a,extraExpand:l})]})}});w.defaultProps={defaultValue:[]};const B=w;var E=t(55490);const A=n=>{let{open:e,active:t,label:a,children:l}=n;return(0,b.jsx)(d.Space,{className:i["filter-item-wrap"],children:(0,b.jsxs)("div",{className:o()(i["filter-item"],{[i["is-active"]]:t,[i["is-visited"]]:e}),children:[(0,b.jsxs)(d.Space,{className:i["filter-item-label"],size:4,children:[(0,b.jsx)("div",{children:a}),(0,b.jsx)(s.default,{className:i["filter-item-icon"],type:"icon-triangle-down"})]}),(0,b.jsx)("div",{className:i["filter-item-field"],children:l})]})})},T=n=>e=>{let{value:t,onChange:a,interceptor:l,label:o,...s}=e;const[d,c]=(0,r.useState)(!1);return(0,b.jsx)(A,{label:o,open:d,active:(0,E.A)(t),children:(0,b.jsx)(n,{allowClear:!1,...s,className:i["filter-item-inner"],value:t,onChange:"function"===typeof l?function(){return a(l(...arguments))}:a,valueType:"all",onOpenChange:c})})};var L=t(12392),M=t(41654),R=t(93761),D=t(53392),O=t(45776),G=t(30509),z=t(96418),U=t.n(z);const H="style_scroll-loader__Rcuti__ln08u",V="style_is-popup__pCRv2__ln08u";var Q=t(17342),W=t(1488),K=t.n(W),Y=t(15797),q=t.n(Y);const $=G.A.useContext,X=n=>{let{value:e,setValue:t,size:a}=n;const{fetchApi:l,props:s}=$(),i=U()(s.dataFormat),{single:c,isPopup:u,searchPlaceholder:m,...p}=s,h=(0,r.useRef)(s.fieldNames);h.current=s.fieldNames;const g=l.data,{treeData:f}=(0,r.useMemo)((()=>i(g,{fieldNames:h.current})),[i,g]);return(0,b.jsx)(d.Space,{direction:"vertical",size:16,children:(0,b.jsx)(Q.A,{className:o()(H,{[V]:s.isPopup}),children:(0,b.jsx)(d.Tree,{...K()(p,["value","valueType","children","dataFormat"]),size:a,checkable:!c,treeData:f,onCheck:t,checkedKeys:e,onSelect:c?t:n=>{const e=n[0];void 0!==e&&t((n=>{const t=n.slice(0),a=t.indexOf(e);return a>-1?t.splice(a,1):t.push(e),t}))},selectedKeys:c?e:void 0})})})},J=n=>{let{maxLength:e,dataFormat:t,...a}=n;return(0,b.jsx)(G.A,{...a,dataFormat:n=>t(n,{fieldNames:a.fieldNames}),children:n=>{let{value:t,setValue:a}=n;return(0,b.jsx)(X,{size:e,value:t,setValue:a})}})};J.defaultProps={searchPlaceholder:"\u641c\u7d22",maxLength:Number.MAX_VALUE,size:"middle",isPopup:!0,checkStrictly:!1,dataFormat:(n,e)=>{let{fieldNames:t}=e;const a=q()(((n,e)=>{let{fieldNames:t}=e;const a=[],l=n=>{Array.isArray(n)&&n.length>0&&n.forEach((n=>{const e=n[f()(t,"key","key")],o=n[f()(t,"title","title")],r=n[f()(t,"children","children")];a.push({id:e,value:e,label:o}),l(r)}))};return l(n),a}));return{treeData:n,list:a(n,{fieldNames:t})}}};const Z=J,nn=n=>{let{value:e,label:t,onValidate:a,overlayClassName:l,placement:s,onOpenChange:u,onChange:m,children:p}=n;const[h,g]=(0,r.useState)(e),[f,y]=(0,r.useState)(!1),v=(0,r.useMemo)((()=>a&&!a(h)),[a,h]);return(0,b.jsx)(d.Popover,{open:f,trigger:"click",placement:s,overlayClassName:o()(i["pop-util-overlay"],l),onOpenChange:n=>{y(n),g(e),u&&u(n)},content:(0,b.jsxs)("span",{onClick:n=>{n.stopPropagation()},children:[(0,b.jsx)("div",{className:i["pop-util-content"],children:p({value:h,onChange:g})}),(0,b.jsxs)(d.Row,{className:i["pop-util-footer"],justify:"end",gutter:8,children:[(0,b.jsx)(d.Col,{children:(0,b.jsx)(d.Button,{size:"small",onClick:()=>{y(!1),u&&u(!1)},children:(0,b.jsx)(c.FormattedMessage,{id:"cancelText",moduleName:"Filter",defaultMessage:"\u53d6\u6d88"})})}),(0,b.jsx)(d.Col,{children:(0,b.jsx)(d.Button,{size:"small",type:"primary",disabled:v,onClick:()=>{y(!1),u&&u(!1),m&&m(h)},children:(0,b.jsx)(c.FormattedMessage,{id:"determineText",moduleName:"Filter",defaultMessage:"\u786e\u5b9a"})})})]})]}),children:(0,b.jsx)("span",{children:(0,b.jsx)(A,{open:f,active:(0,E.A)(e),label:t})})})};nn.defaultProps={placeholder:"\u8bf7\u9009\u62e9",placement:"bottomLeft"};const en=nn,tn=n=>{let{label:e,value:t,onChange:a,placeholder:l,onValidate:o,overlayClassName:r,placement:s,onOpenChange:c,...u}=n;return(0,b.jsx)(en,{label:e,value:t,onChange:a,onValidate:o,overlayClassName:r,placement:s,onOpenChange:c,children:n=>{let{value:t,onChange:a}=n;return(0,b.jsx)(d.Input,{...u,placeholder:l||"\u8bf7\u8f93\u5165".concat(e),className:i["filter-item-text"],value:f()(t,"value",""),onChange:n=>a(n.target.value?{label:n.target.value,value:n.target.value}:null)})}})};var an=t(79160),ln=t.n(an);const on=(n,e,t)=>ln()(n[0])||ln()(n[1])?{label:(n=>ln()(n[0])&&ln()(n[1])?"".concat(n[0],"-").concat(n[1]).concat(e||""):ln()(n[0])?t({id:"over"},{count:n[0],unit:e}):ln()(n[1])?t({id:"lessThan"},{count:n[1],unit:e}):void 0)(n),value:[n[0]||null,n[1]||null]}:null,rn=n=>{let{label:e,value:t,onChange:a,placeholder:l,onValidate:o,overlayClassName:r,placement:s,onOpenChange:u,unit:m,...p}=n;const{formatMessage:h}=(0,c.useIntl)({moduleName:"Filter"});return(0,b.jsx)(en,{label:e,value:t,onChange:a,onValidate:o,overlayClassName:r,placement:s,onOpenChange:u,children:n=>{let{value:t,onChange:a}=n;return(0,b.jsxs)(d.Space.Compact,{children:[(0,b.jsx)(d.InputNumber,{...p,placeholder:l||"".concat(h({id:"pleaseInput"})).concat(e),className:i["filter-item-number-range"],value:f()(t,"value[0]",""),onChange:n=>{a(on([n,f()(t,"value[1]")],m,h))}}),(0,b.jsx)(d.Input,{style:{width:30,borderLeft:0,borderRight:0,pointerEvents:"none"},placeholder:"~",disabled:!0}),(0,b.jsx)(d.InputNumber,{...p,placeholder:l||"".concat(h({id:"pleaseInput"})).concat(e),className:i["filter-item-number-range"],value:f()(t,"value[1]",""),onChange:n=>{a(on([f()(t,"value[0]"),n],m,h))}}),m&&(0,b.jsx)(d.Input,{style:{width:50,borderLeft:0},value:m,disabled:!0})]})}})};rn.defaultProps={onValidate:n=>{const e=f()(n,"value");return!(e&&ln()(e[0])&&ln()(e[1])&&e[1]<e[0])}};const sn=rn;var dn=t(57469),cn=t.n(dn);const un=T((n=>{let{value:e,onChange:t,picker:a,...l}=n;return(0,b.jsx)(d.DatePicker,{...l,picker:a,value:e&&cn()(e.value),onChange:n=>{const{format:e}=Object.assign({format:"YYYY-MM-DD"},l);n&&t({label:"date"!==a?"".concat(n.startOf(a).format(e),"~").concat(n.endOf(a).format(e)):n.format(e),value:new Date(n.startOf(a).valueOf())})}})}));un.defaultProps="date";const mn=un,pn=T((n=>{let{value:e,onChange:t,...a}=n;return(0,b.jsx)(d.DatePicker.RangePicker,{...a,allowEmpty:[!1,!1],value:e&&Array.isArray(e.value)&&2===e.value.length&&e.value.map((n=>cn()(n))),onChange:n=>{const{format:e}=Object.assign({format:"YYYY-MM-DD"},a);t({label:n.map((n=>n.format(e))).join("~"),value:n.map((n=>new Date(n.valueOf())))})}})}));var hn=t(89319);const gn=n=>{let{label:e,value:t,onChange:a,...l}=n;return(0,b.jsx)(en,{label:e,value:t,onChange:a,onValidate:n=>{const e=null===n||void 0===n?void 0:n.value;return(null===e||void 0===e?void 0:e.type)&&Array.isArray(null===e||void 0===e?void 0:e.value)&&2===e.value.length},children:n=>{let{value:e,onChange:t}=n;return(0,b.jsx)(hn.A,{...l,className:i["filter-item-text"],value:f()(e,"value"),onChange:n=>{const{format:e}=Object.assign({format:"YYYY-MM-DD"},l),a=(null===n||void 0===n?void 0:n.value)||[];t({label:a[0]&&!a[1]?"".concat(cn()(a[0]).format(e),"\u4ee5\u540e"):!a[0]&&a[1]?"".concat(cn()(a[1]).format(e),"\u4ee5\u524d"):a[0]&&a[1]?"".concat(cn()(a[0]).format(e),"~").concat(cn()(a[1]).format(e)):"",value:n})}})}})},fn=n=>e=>{let{placeholder:t,label:a,...l}=e;return(0,b.jsx)(c.FormattedMessage,{id:"defaultInputPlaceholder",moduleName:"Filter",values:{label:a},children:e=>(0,b.jsx)(n,{...l,label:a,placeholder:t||e})})},bn=T(L.Ay),yn=T(L.Eo),vn=T(M.A),xn=T(D.A),_n=T(R.Ay),Nn=T(O.Ay),kn=T(Z),In=fn(tn),Sn=fn(sn);var Fn=t(22717),jn=t.n(Fn);const Cn=n=>jn()(n,((n,e)=>{let{name:t,value:a}=e;n[t]=Array.isArray(a)?a.map((n=>{let{value:e}=n;return e})):a.value}),{});var Pn=t(76329);const{CheckableTag:wn}=d.Tag,Bn=n=>{let{value:e,onChange:t,single:a,maxLength:l,addressApi:o,...s}=n;const{message:u}=d.App.useApp(),{locale:m}=(0,Pn.usePreset)(),{formatMessage:p}=(0,c.useIntl)({moduleName:"Filter"}),h=(0,r.useMemo)((()=>o.getChinaHotCities()),[o]);return(0,b.jsxs)(b.Fragment,{children:[h.map((n=>{const{code:o}=n,r=(0,R.NY)(n,m);return(0,b.jsx)(wn,{size:"small",checked:a?(null===e||void 0===e?void 0:e.value)===o:!!(e||[]).find((n=>{let{value:e}=n;return e===o})),onChange:n=>{if(a)return void t(n?{value:o,label:r}:null);const s=(e||[]).slice(0);n?s.push({value:o,label:r}):(()=>{const n=s.findIndex((n=>{let{value:e}=n;return e===o}));s.splice(n,1)})(),s.length>l?u.error(p({id:"maxSelectedCount"},{count:l})):t(s)},children:r},o)})),(0,b.jsxs)(wn,{className:i["filter-advanced-item-other"],size:"small",checked:(a?null===e||void 0===e?void 0:e.value:(null===e||void 0===e?void 0:e.value)&&e.value.length>0)&&!h.find((n=>{let{code:t}=n;return a?(null===e||void 0===e?void 0:e.value)===t:!!(e||[]).find((n=>{let{value:e}=n;return e===t}))})),children:[(0,b.jsx)(c.FormattedMessage,{id:"otherText",moduleName:"Filter",defaultMessage:"\u5176\u4ed6"}),(0,b.jsx)(R.Ay,{...s,className:i["filter-advanced-item-other-inner"],maxLength:l,value:a?null===e||void 0===e?void 0:e.value:(e||[]).map((n=>{let{value:e}=n;return e})),single:a,onChange:function(n){const e=n=>{const{city:e}=o.getCity(n);return{value:null===e||void 0===e?void 0:e.code,label:null===e||void 0===e?void 0:e.name}};t(a?e(n):n.map((n=>e(n))))}})]})]})};Bn.defaultProps={single:!1,maxLength:5};const En=(0,R.DF)(Bn);var An=t(19853),Tn=t.n(An);const{CheckableTag:Ln}=d.Tag,Mn=n=>{let{value:e,onChange:t,label:l,single:o,maxLength:r,items:s,custom:i}=n;const{message:u}=d.App.useApp(),{formatMessage:m}=(0,c.useIntl)({moduleName:"Filter"});return(0,b.jsxs)(b.Fragment,{children:[s.map((n=>{let{label:a,value:l}=n;return(0,b.jsx)(Ln,{size:"small",checked:o?Tn()(l,null===e||void 0===e?void 0:e.value):!!(e||[]).find((n=>{let{value:e}=n;return Tn()(l,e)})),onChange:n=>{if(o)return void t(n?{value:l,label:a}:null);const s=(e||[]).slice(0);n?s.push({value:l,label:a}):(()=>{const n=s.find((n=>{let{value:e}=n;return Tn()(l,e)}));s.splice(n,1)})(),s.length>r?u.error(m({id:"maxSelectedCount"},{count:r})):t(s)},children:a},a)})),i&&(()=>{const n=Object.values(a).find((n=>n===i.type));return n?(0,b.jsx)(n,{...i.props,value:e,placeholder:"".concat(m({id:"pleaseInput"})).concat(l),onChange:t}):null})()]})};Mn.defaultProps={single:!1,maxLength:5,items:[]};const Rn=Mn;var Dn=t(78491),On=t.n(Dn);const Gn={CityFilterItem:En,ListFilterItem:Rn,InputFilterItem:n=>{let{value:e,label:t,onChange:a,...l}=n;const o=null===e||void 0===e?void 0:e.value,[s,i]=(0,r.useState)(o||""),[u,m]=(0,r.useState)(!1),{formatMessage:p}=(0,c.useIntl)({moduleName:"Filter"}),h=()=>{a(s?{label:s,value:s}:null)},g=On()((()=>{m(!1),h()})),f=(0,r.useRef)("");return f.current=s,(0,r.useEffect)((()=>{o!==f.current&&i(o)}),[o]),(0,b.jsx)("span",{ref:g,children:(0,b.jsxs)(d.Space.Compact,{children:[(0,b.jsx)(d.Input,{placeholder:"".concat(p({id:"pleaseInput"})).concat(t),...l,size:"small",value:s,onFocus:()=>{m(!0)},onChange:n=>{i(n.target.value)},onPressEnter:h}),u&&(0,b.jsx)(d.Button,{size:"small",type:"primary",onClick:h,children:p({id:"search"})})]})})}},zn=n=>{let{list:e}=n;const{value:t,onChange:a}=h();return(0,b.jsx)(d.Flex,{gap:8,children:e.map(((n,e)=>{const l=n.type;return(0,b.jsxs)(d.Flex,{gap:16,align:"center",children:[(0,b.jsxs)("div",{className:i["filter-label"],children:[n.props.label,":"]}),(0,b.jsx)(d.Flex,{wrap:!0,align:"center",children:(0,b.jsx)(l,{...n.props,value:t?f()(t.get(n.props.name),"value"):n.props.value,onChange:a?e=>a({name:n.props.name,label:n.props.label,value:e}):n.props.onChange})})]},n.key||n.props.name||e)}))})},Un=(0,c.createWithIntl)({importMessages:u,moduleName:"Filter"})((n=>{const{formatMessage:e}=(0,c.useIntl)({moduleName:"Filter"});return(0,b.jsx)(P,{...n,children:n=>{let{value:t,onChange:a,props:l}=n;const{list:o,more:r}=l;return(0,b.jsxs)("div",{children:[(0,b.jsxs)(d.Flex,{gap:8,vertical:!0,className:i["filter-advanced"],children:[o.map(((n,e)=>(0,b.jsx)(zn,{list:n},e))),r&&(0,b.jsx)(x,{className:i["filter-advanced-more"],label:"".concat(e({id:"moreText"}),":"),list:[r]})]}),t&&t.length>0&&(0,b.jsx)(N,{value:t,onChange:a})]})}})}));Un.fields=Gn;const Hn=Un,Vn=n=>{let{children:e,...t}=n;return e(t)};B.fields=a,B.getFilterValue=Cn;const Qn=B},330:(n,e,t)=>{"use strict";t.r(e),t.d(e,{default:()=>v,useFlexBox:()=>f});var a=t(77964),l=t(74065),o=t.n(l),r=t(73884),s=t(55199),i=t(87558),d=t.n(i),c=t(19853),u=t.n(c),m=t(83136),p=t.n(m),h=t(70579);const g=[{width:786,col:1,size:15},{width:960,col:2,size:12},{width:1360,col:3,size:12},{width:1680,col:4,size:12},{width:1920,col:5,size:15}],f=n=>{const{columns:e,onChange:t}=Object.assign({},{columns:g},n),[l,s]=(0,r.useState)(null),i=(0,r.useRef)(null),d=(0,a.A)((n=>{const a=n.clientWidth,l=e.find(((n,e)=>n.width>=a))||o()(e);u()(l,i.current)||(s(l),i.current&&t&&t(l),i.current=l)}));return{ref:d,column:l}},b=n=>{let{columns:e,outerClassName:t,gutter:a,...l}=n;const{ref:o,column:r}=f({columns:e});return(0,h.jsx)("div",{ref:o,className:t,children:r&&(0,h.jsx)(s.List,{...l,grid:{gutter:a,column:r.col}})})};b.defaultProps={gutter:16,columns:g},b.Item=s.List.Item;const y=(0,r.forwardRef)(((n,e)=>{let{columns:t,api:a,getFetchApi:l,outerClassName:o,className:r,gutter:i,dataFormat:c,...u}=n;const{ref:m,column:g}=f({columns:t});return(0,h.jsx)("div",{ref:m,className:o,children:g&&(0,h.jsx)(d(),{...a||l(g),ref:e,render:n=>{let{data:e,isComplete:t}=n;return(0,h.jsx)(s.List,{...u,className:p()(r,"loading-container",{"is-loading":!t}),dataSource:c(e),grid:{gutter:i,column:g.col}})}})})}));y.defaultProps={gutter:16,columns:g,dataFormat:n=>n.pageData},b.Fetch=y;const v=b},45053:(n,e,t)=>{"use strict";t.d(e,{A:()=>p});var a=t(98434),l=t(55199),o=t(73884),r=t(83136),s=t.n(r),i=t(70720),d=t.n(i),c=t(47094),u=t(70579);const m=n=>{let{name:e,groupName:t,overlayClassName:r,errorRender:i,groupIndex:m,children:p}=n;const h=(n=>{let{name:e,groupName:t,groupIndex:l}=n;const{emitter:r,formState:s}=(0,a.useFormContext)(),i=(0,o.useRef)({name:e,groupName:t,groupIndex:l});i.current={name:e,groupName:t,groupIndex:l};const d=(0,o.useRef)(s);d.current=s;const[c,u]=(0,o.useState)(null);return(0,o.useEffect)((()=>{const n=r.addListener("form-field-validate-complete",(n=>{let{id:e,validate:t}=n;const l=d.current[e];if(!l)return;const o=i.current;l.name!==o.name||o.groupName&&(l.groupName!==o.groupName||l.groupIndex!==o.groupIndex)||u(2===t.status?Object.assign({},t,{label:l.label,errMsg:a.util.compileErrMsg(t.msg,l.label)}):null)}));return()=>{n&&n.remove()}}),[r]),c})({name:e,groupName:t,groupIndex:m}),[g,f]=(0,o.useState)(!1),b=h&&g&&i(Object.assign({},h,{closeHover:()=>f(!1)})),y=(0,o.useRef)(null),v=(0,o.useRef)(null);d()((()=>{f(!1)})).current={contains:n=>y.current.contains(n)||v.current&&v.current.contains(n)};const[x,_]=(0,o.useState)(0);return(0,o.useLayoutEffect)((()=>{const n=()=>{const n=y.current.querySelector(".react-form__field-component");n&&_(n.clientWidth)};n();const e=new ResizeObserver(n);e.observe(y.current);const t=new MutationObserver(n);return t.observe(y.current,{subtree:!0,childList:!0}),()=>{t.disconnect(),e.disconnect()}}),[]),(0,u.jsx)(l.Popover,{open:!!b,overlayClassName:s()(r,c.A["error-tip-overlay"]),content:b&&(0,u.jsx)("div",{ref:v,style:{width:x},className:s()(c.A["error-tip-overlay-content"]),children:b}),placement:"bottom",transitionName:"ant-slide-up",arrow:!1,children:(0,u.jsx)("div",{className:s()("error-tip"),ref:y,onMouseEnter:()=>{f(!0)},children:p})})};m.defaultProps={errorRender:()=>null};const p=m},83560:(n,e,t)=>{"use strict";t.d(e,{A:()=>h});var a=t(55199),l=t(98434),o=t(63361),r=t(73884),s=t(10486),i=t(21554),d=t(64671),c=t(83136),u=t.n(c),m=t(47094),p=t(70579);const h=n=>{let{list:e,groupArgs:t,itemRender:c}=n;const h=(0,l.useFormContext)(),g=Object.assign({},h,t?{groupArgs:t}:{}),f=(0,r.useRef)(null),[b,y]=(0,r.useState)(!1);return(0,r.useEffect)((()=>{y(!0)}),[]),(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)("div",{ref:f,style:{display:"none"}}),e.filter((n=>"function"===typeof n.props.display?n.props.display(g):!1!==n.props.display)).map(((n,l)=>{const h=n.props.name+l||t&&t[0]+l||l,y={key:h,list:e,props:n.props},v=Object.assign({},n.props),x=n.type;["display","block","hidden","setExtraProps","isBlock","featureId"].forEach((e=>{n.props.hasOwnProperty(e)&&(y[e]=n.props[e]),delete v[e]})),y.hasOwnProperty("isBlock")&&(v.block=y.isBlock);const _=(0,p.jsx)(x,{...Object.assign({},v,"function"===typeof y.setExtraProps?y.setExtraProps({props:v,contextApi:g}):{}),onChange:function(){for(var e=arguments.length,t=new Array(e),a=0;a<e;a++)t[a]=arguments[a];return n.props.onChange&&n.props.onChange(...t,g)}}),N=y.hidden?b&&(0,s.createPortal)(_,f.current):c(y.tips?(0,p.jsxs)(a.Row,{gutter:8,align:"top",children:[(0,p.jsx)(a.Col,{flex:1,children:_}),(0,p.jsx)(a.Col,{children:(0,p.jsx)(i.default,{content:y.tips,children:(0,p.jsx)("span",{className:u()(m.A["field-tips"],{[m.A["label-hidden"]]:v.labelHidden}),children:(0,p.jsx)(d.default,{type:"icon-xinxi-miaobian"})})})})]}):_,y);return(0,p.jsx)(r.Fragment,{children:y.hasOwnProperty("featureId")?(0,p.jsx)(o.default,{id:y.featureId,children:N},h):N},h)}))]})}},85696:(n,e,t)=>{"use strict";t.d(e,{A:()=>x});var a=t(73884),l=t(76329),o=t(33097),r=t.n(o),s=t(64261),i=t(58609),d=t(55431),c=t(46237),u=t(1454),m=t(46732),p=t(98434),h=t(83136),g=t.n(h),f=t(47094),b=t(70579);const y=n=>{let{children:e}=n;const[t,o]=(0,a.useState)(!1),i=(0,l.usePreset)(),d=r()(i,"formInfo",{}),c=r()(i,"locale");return(0,a.useEffect)((()=>{Promise.resolve((0,s.A)(d,{locale:c})).then((()=>{o(!0)}))}),[d,c]),t?e:null},v=(0,a.forwardRef)(((n,e)=>{let{className:t,helperGuideName:a,children:l,lang:o,...r}=n;return(0,b.jsx)(i.IntlProvider,{importMessages:d.A,moduleName:"FormInfo",children:(0,b.jsx)(c.Ay,{value:o,children:(0,b.jsx)(u.default,{children:(0,b.jsx)(m.K,{value:a,children:(0,b.jsx)(p.FormAntd,{...r,ref:e,className:g()(t,f.A["form-outer"]),children:(0,b.jsx)(y,{children:l})})})})})})}));v.defaultProps={type:"inner"};const x=v},35774:(n,e,t)=>{"use strict";t.d(e,{A:()=>r});var a=t(98434),l=t(81014),o=t(70579);const r=n=>{let{onClick:e,...t}=n;const r=(0,a.useFormContext)();return(0,o.jsx)(l.default,{...t,onClick:n=>e(r,n)})}},48221:(n,e,t)=>{"use strict";t.d(e,{Ay:()=>h,WJ:()=>f,Xy:()=>g});var a=t(25963),l=t(83136),o=t.n(l),r=t(98434),s=t(73025),i=t(58609),d=t(47094),c=t(55431),u=t(70579);const m=[{children:"\u53d6\u6d88",ButtonComponent:r.CancelButton},{type:"primary",children:"\u4fdd\u5b58",ButtonComponent:r.SubmitButton,autoClose:!1}],p=n=>{let{className:e,withDecorator:t,footerButtons:a=m,formProps:l,...s}=n;return{...s,footerButtons:a,className:o()(e,d.A["form-outer"],d.A["form-drawer"]),withDecorator:n=>{const e=e=>{const t="function"===typeof l?l(e):l;return(0,u.jsx)(r.FormAntd,{...t,children:(0,u.jsx)(i.IntlProvider,{importMessages:c.A,moduleName:"FormInfo",children:n(e)})})};return"function"===typeof t?t(e):e()}}},h=n=>(0,u.jsx)(a.default,{...p(n)}),g=()=>{const n=(0,a.useDrawer)();return e=>n(p(e))},f=n=>{const e=g();return(0,u.jsx)(s.A,{...n,modalFunc:e})}},2196:(n,e,t)=>{"use strict";t.d(e,{A:()=>m});var a=t(55199),l=t(1454),o=t(330),r=t(83560),s=t(47094),i=t(83136),d=t.n(i),c=t(70579);const u=n=>{let{list:e,groupArgs:t,column:i,gap:u,className:m,...p}=n;const h=!(Number.isInteger(i)&&i>0),{ref:g,column:f}=(0,o.useFlexBox)(h?i:{}),b=(n,l)=>(0,c.jsx)(a.Row,{gutter:[u||24,0],className:d()({[s.A["column-not-layout"]]:l}),children:(0,c.jsx)(r.A,{list:e,groupArgs:t,itemRender:(e,t)=>(0,c.jsx)(a.Col,{span:!0===t.block?24:Math.round(24/(n||1)),children:e})})});return(0,c.jsxs)(l.default.Part,{...p,className:d()(m,s.A["form-info"]),children:[(0,c.jsx)("div",{ref:g}),h?f?b(f.col):b(2,!0):b(i)]})};u.defaultProps={column:2,list:[]};const m=u},30891:(n,e,t)=>{"use strict";t.d(e,{A:()=>l});var a=t(98434);const l=n=>{let{children:e}=n;const{openApi:t,formData:l}=(0,a.useFormContext)();return e({...t,formData:l})}},46237:(n,e,t)=>{"use strict";t.d(e,{Ay:()=>i,oc:()=>s});var a=t(73884);const l=(0,a.createContext)([]),{Provider:o,Consumer:r}=l,s=()=>(0,a.useContext)(l),i=o},5995:(n,e,t)=>{"use strict";t.d(e,{Ay:()=>g,Vl:()=>f,W6:()=>b});var a=t(3382),l=t(83136),o=t.n(l),r=t(98434),s=t(83799),i=t(73025),d=t(58609),c=t(47094),u=t(55431),m=t(70579);const p="FormInfo",h=n=>{let{className:e,withDecorator:t,footerButtons:a,formProps:l,...i}=n;return{...i,footerButtons:a||[{children:(0,m.jsx)(d.IntlProvider,{importMessages:u.A,moduleName:p,children:(0,m.jsx)(d.FormattedMessage,{id:"Cancel",moduleName:p})}),ButtonComponent:r.CancelButton},{type:"primary",children:(0,m.jsx)(d.IntlProvider,{importMessages:u.A,moduleName:p,children:(0,m.jsx)(d.FormattedMessage,{id:"Save",moduleName:p})}),ButtonComponent:r.SubmitButton,autoClose:!1}],className:o()(e,c.A["form-outer"],c.A["form-modal"]),withDecorator:n=>{const e=e=>{const t="function"===typeof l?l(e):l;return(0,m.jsx)(s.lV,{...t,children:(0,m.jsx)(d.IntlProvider,{importMessages:u.A,moduleName:"FormInfo",children:n(e)})})};return"function"===typeof t?t(e):e()}}},g=n=>(0,m.jsx)(a.default,{...h(n)}),f=()=>{const n=(0,a.useModal)();return e=>n(h(e))},b=n=>{const e=f();return(0,m.jsx)(i.A,{...n,modalFunc:e})}},94005:(n,e,t)=>{"use strict";t.d(e,{$X:()=>u,Ay:()=>c,Wp:()=>m});var a=t(5995),l=t(55199),o=t(73884),r=t(98434),s=t(70579);const i=n=>{let{setCurrent:e,current:t,items:a,setStepData:o,stepData:i}=n;const d=a[t],{formData:c}=(0,r.useFormContext)();return(0,s.jsxs)(l.Space,{className:"full-space",direction:"vertical",children:[(0,s.jsx)(l.Steps,{current:t,onChange:n=>{o((e=>{const t=e.slice(0);return t[n]=c,t})),e(n)},items:a}),d.children]})},d=()=>{const[n,e]=(0,o.useState)([]),[t,a]=(0,o.useState)(0);return l=>{var o;let{items:d,formProps:c}=l;const u=t===d.length-1;return{stepData:n,formProps:Object.assign({},c,{data:Object.assign({},null===(o=c.data)||void 0===o?void 0:o[t],n[t]),onSubmit:l=>{const o=n.slice(0);if(o[t]=l,e(o),u)return null===c||void 0===c?void 0:c.onSubmit(n);a(t+1)}}),children:(0,s.jsx)(i,{items:d,current:t,setCurrent:a,stepData:n,setStepData:e}),footerButtons:[{children:"\u53d6\u6d88",ButtonComponent:r.CancelButton},{type:"primary",children:u?"\u4fdd\u5b58":"\u4e0b\u4e00\u6b65",ButtonComponent:r.SubmitButton,autoClose:!1}]}}},c=n=>{const e=d(),{footerButtons:t,children:l,formProps:o}=e(n);return(0,s.jsx)(a.Ay,{...n,formProps:o,footerButtons:t,children:l})},u=()=>{const n=(0,a.Vl)(),e=d();return t=>{const{footerButtons:a,children:l,formProps:o}=e(t);return n({...t,formProps:o,footerButtons:a,children:l})}},m=n=>{let{modalProps:e,...t}=n;const l=d(),{footerButtons:o,children:r,formProps:i}=l(e);return(0,s.jsx)(a.W6,{...t,modalProps:Object.assign({},e,{formProps:i,footerButtons:o,children:r})})}},46732:(n,e,t)=>{"use strict";t.d(e,{A:()=>c,K:()=>d});var a=t(75363),l=t(73884),o=t(98434),r=t(47094),s=t(70579);const i=(0,l.createContext)(""),{Provider:d}=i,c=n=>{let{name:e}=n;const t=(0,l.useContext)(i),d=(0,o.useGroup)();return t&&(0,s.jsx)(a.default,{className:r.A["helper-guide-field"],name:t+"-"+(d.name?d.name+"-":"")+e})}},85846:(n,e,t)=>{"use strict";t.d(e,{A:()=>v});var a=t(73884),l=t(55199),o=t(58407),r=t(64671),s=t(1454),i=t(98434),d=t(2196),c=t(83136),u=t.n(c),m=t(55431),p=t(58609),h=t(33097),g=t.n(h),f=t(47094),b=t(70579);const y=(0,p.createWithIntl)({moduleName:"FormInfo",importMessages:m.A})((n=>{let{title:e,addText:t,minLength:s,isUnshift:c,maxLength:m,defaultLength:h,label:y,name:v,beforeAdd:x,afterDelete:_,column:N,list:k,listRender:I,itemTitle:S,outer:F,renderChildren:j,className:C,important:P,deleteButtonProps:w}=n;const B=(0,a.useRef)(null),E=(0,i.useFormContext)(),{formData:A}=E,T=!(m&&m<=g()(A,"".concat(v,".length"),0)),{formatMessage:L}=(0,p.useIntl)({moduleName:"FormInfo"}),M=()=>{"function"===typeof x&&!1===x(v,E,{isUnshift:c,group:B.current})||B.current.onAdd({isUnshift:c})};return(0,b.jsxs)(b.Fragment,{children:[(0,a.cloneElement)(F,{title:e,addText:t,className:u()(C,f.A["list-part"]),allowAdd:c&&T,add:M},j((0,b.jsx)(i.GroupList,{name:v,defaultLength:h,ref:B,children:function(){for(var n=arguments.length,t=new Array(n),a=0;a<n;a++)t[a]=arguments[a];const[i,{index:c,onRemove:m,length:h}]=t,g={key:i,column:N,list:"function"===typeof k?k(...t,E):k,title:"function"===typeof S?S({index:c,key:i,onRemove:m}):S,groupArgs:t,extra:(0,b.jsx)(p.FormattedMessage,{id:"delText",moduleName:"FormInfo",children:n=>s&&s>=h?null:(0,b.jsx)(o.default,{danger:!0,className:"btn-no-padding",message:L({id:"delConfirm"},{name:y||e}),type:"link",onClick:()=>{m(i),_&&_(...t,E)},...Object.assign({},w),children:null!==w&&void 0!==w&&w.children?null===w||void 0===w?void 0:w.children:(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(r.default,{type:"icon-shanchu"}),n]})})})};return(0,b.jsxs)("div",{className:u()(f.A["list-item"],{[f.A["is-important"]]:P}),children:["function"===typeof I?I(g):(0,b.jsx)(d.A,{...g,className:f.A["list-item-part"],gap:16}),(0,b.jsx)(l.Divider,{})]},i)}}))),!c&&T?(0,b.jsx)(p.FormattedMessage,{id:"addText",moduleName:"FormInfo",children:n=>(0,b.jsxs)(l.Button,{onClick:M,children:[(0,b.jsx)(r.default,{type:"icon-tianjia"}),t||n]})}):null]})}));y.defaultProps={minLength:0,isUnshift:!0,defaultLength:1,outer:(0,b.jsx)((n=>{let{add:e,addText:t,className:a,allowAdd:o,...i}=n;return(0,b.jsx)(s.default.Part,{...i,className:a,extra:o&&(0,b.jsx)(p.FormattedMessage,{id:"addText",moduleName:"FormInfo",children:n=>(0,b.jsxs)(l.Typography.Text,{className:f.A["list-btn"],onClick:e,children:[(0,b.jsx)(r.default,{type:"icon-tianjia"}),t||n]})})})}),{}),renderChildren:n=>n};const v=y},97949:(n,e,t)=>{"use strict";t.d(e,{A:()=>h});var a=t(73884),l=t(55199),o=t(98434),r=t(64671),s=t(33097),i=t.n(s),d=t(47094),c=t(83136),u=t.n(c),m=t(70579);const p=n=>{let{name:e,label:t,rule:s,field:c,defaultLength:p,minLength:h,maxLength:g,...f}=n;const b=(0,a.useRef)(null),y=c,v=(0,o.useFormContext)(),{formData:x}=v,_=!(g&&g<=i()(x,"".concat(e,".length"),0));return(0,m.jsxs)("div",{className:u()(d.A["mult-field"],"mult-field"),children:[(0,m.jsx)(o.GroupList,{ref:b,name:e,defaultLength:Math.max(p,h,1),children:(n,a)=>{let{index:o,onRemove:i,length:c}=a;return(0,m.jsxs)("div",{className:u()(d.A["mult-field-item"],"mult-field-item",{[d.A["first-item"]]:0===o}),children:[(0,m.jsx)(y,{...f,name:e,label:t,rule:s}),(0,m.jsxs)("div",{children:[(0,m.jsx)("div",{className:"react-form__field-label"}),(0,m.jsx)(l.Button,{icon:(0,m.jsx)(r.default,{type:"shanchu"}),onClick:i,disabled:c<=Math.max(h,1)})]})]},n)}}),_&&(0,m.jsxs)(l.Button,{className:d.A["mult-field-add-btn"],type:"dashed",onClick:()=>b.current.onAdd(),children:[(0,m.jsx)(r.default,{type:"tianjia"}),"\u6dfb\u52a0",t]})]})};p.defaultProps={minLength:1,defaultLength:1};const h=p},18936:(n,e,t)=>{"use strict";t.d(e,{A:()=>T});const a={"ant-tag":"style_ant-tag__7ct2q__ln08u",overlay:"style_overlay__CXfU5__ln08u",input:"style_input__+OpvV__ln08u","is-disabled":"style_is-disabled__uX4qq__ln08u","input-icon":"style_input-icon__E3NjK__ln08u",large:"style_large__vMozz__ln08u",small:"style_small__ubqQ+__ln08u","input-inner":"style_input-inner__sY-6k__ln08u","input-custom":"style_input-custom__Kxq3n__ln08u","display-content":"style_display-content__qA1jn__ln08u","overlay-footer-extra":"style_overlay-footer-extra__yCzWX__ln08u","selected-tag":"style_selected-tag__BZsMM__ln08u","selected-tag-list":"style_selected-tag-list__As0ho__ln08u","selected-tag-inner":"style_selected-tag-inner__2NH59__ln08u","text-inner":"style_text-inner__Bq2Ji__ln08u",placeholder:"style_placeholder__odotY__ln08u","is-modal":"style_is-modal__4cj8L__ln08u","overlay-content":"style_overlay-content__kpGRn__ln08u"};var l=t(74981);const{context:o,useContext:r,Provider:s,Consumer:i}=(0,l.A)();var d=t(73884),c=t(10986),u=t.n(c),m=t(87558),p=t(33097),h=t.n(p),g=t(55199),f=t(83136),b=t.n(f),y=t(3382),v=t(64671),x=t(79686),_=t.n(x),N=t(41740),k=t.n(N),I=t(74065),S=t.n(I),F=t(17342),j=t(70579);const C=n=>{let{maxLength:e,single:t,setValue:a,value:l,message:o}=n;return n=>a(!t&&Number.isInteger(e)&&e>0&&n.length>e?(o("\u6700\u591a\u9009\u62e9".concat(e,"\u4e2a")),l):n)},P=n=>{let{single:e,value:t,mapping:l,onClose:o}=n;return t&&Array.isArray(t)&&0!==t.length?e?(0,j.jsx)("span",{className:a["text-inner"],children:h()(l.get(t[0]),"label")||t[0]}):t.map((n=>{const e=l.get(n);return(0,j.jsx)(g.Tag,{className:a["display-tag"],closable:!0,onClose:t=>{t.preventDefault(),o(n,e)},children:(0,j.jsx)("span",{className:a["tag-inner"],children:h()(e,"label")||n})},n)})):null},w=(0,d.forwardRef)(((n,e)=>{let{value:t,onChange:l,extra:o,showSelectedTag:r,renderSelectedContent:s,children:i,...c}=n;const[u,m]=(0,d.useState)(t),p=(0,d.useRef)(t);p.current=t;const[h,f]=(0,d.useState)(!1),{message:b}=g.App.useApp(),v=C({maxLength:c.maxLength,single:c.single,setValue:m,value:u,message:b.error});return(0,d.useEffect)((()=>{h&&m(p.current)}),[h]),(0,d.useImperativeHandle)(e,(()=>({modalOpen:()=>{f(!0)},close:()=>{f(!1)}}))),(0,j.jsx)(y.default,{...c,open:h,onConfirm:()=>{l(u)},onClose:()=>{f(!1)},footer:(r||o)&&(0,j.jsxs)(g.Space,{direction:"vertical",className:a["overlay-footer"],children:[o&&(0,j.jsx)("div",{className:a["overlay-footer-extra"],children:o}),r&&s({value:u,setValue:v})]}),children:"function"===typeof i?i({value:u,setValue:v}):i})})),B=(0,d.forwardRef)(((n,e)=>{let{value:t,setValue:l,children:o,renderSelectedContent:r,showSelectedTag:s,placement:i,inputContent:c,single:u,extra:m,overlayWidth:p,wrapClassName:h,...f}=n;const[b,y]=(0,d.useState)(!1);return(0,d.useImperativeHandle)(e,(()=>({close:()=>{y(!1)}})),[]),(0,j.jsx)(g.Popover,{...f,open:b,onOpenChange:y,overlayClassName:a.overlay,arrow:!1,content:(0,j.jsxs)("div",{style:p?{"--overlay-width":p}:{},className:a["overlay-content"],onClick:n=>{n.stopPropagation()},children:[(0,j.jsx)("div",{className:a["overlay-inner"],children:"function"===typeof o?o({value:t,setValue:n=>{(!u||t[0]!==n[0])&&l(n),u&&y(!1)}}):o}),(s||m)&&(0,j.jsxs)("div",{className:a["overlay-footer"],children:[m&&(0,j.jsx)("div",{className:a["overlay-footer-extra"],children:m}),s&&r({value:t,setValue:l})]})]}),trigger:"click",placement:i,children:(0,j.jsx)("div",{className:a["input-inner"],children:c})})})),E=(0,m.withFetch)((n=>{let{setFetchApi:e,wrapClassName:t,...l}=n;const[o,s]=(0,d.useState)(!1),i=(0,d.useRef)(null),c=(0,d.useRef)(null),u=r(),{valueState:m,mapping:p,props:h}=u,[f,y]=m,{single:x,placement:_,getPopupContainer:N,placeholder:k,isPopup:I,disabled:S,showSelectedTag:C,extra:E,inputContent:A}=h,T=(0,d.useRef)(l);T.current=l,(0,d.useEffect)((()=>{e(Object.assign({},T.current,{data:l.data,isComplete:l.isComplete}))}),[l.data,e,l.isComplete]);const L=P({single:x,value:f,mapping:p,onClose:n=>{y((e=>{const t=e.slice(0),a=e.indexOf(n);return a>-1&&t.splice(a,1),t}))}}),M=n=>{let{value:e,setValue:t}=n;return(0,j.jsxs)(g.Space,{className:a["selected-tag"],align:"center",wrap:!0,children:[(0,j.jsxs)("div",{children:["\u5df2\u9009",!h.single&&Number.isInteger(h.maxLength)&&h.maxLength>0?"(".concat(e.length,"/").concat(h.maxLength,")"):"",":"]}),(0,j.jsx)(F.A,{className:a["selected-tag-list"],children:(0,j.jsx)("div",{className:a["selected-tag-inner"],children:P({value:e,mapping:p,onClose:n=>{t((e=>{const t=e.slice(0),a=e.indexOf(n);return a>-1&&t.splice(a,1),t}))}})})})]})},R=A?A(u):(0,j.jsxs)(g.Space,{className:a["display-content"],onMouseOver:()=>{s(!0)},onMouseOut:()=>{s(!1)},children:[(0,j.jsx)("div",{children:L||(0,j.jsx)("span",{className:a.placeholder,children:k})}),o&&f&&f.length>0&&!S?(0,j.jsx)(v.default,{className:b()(a.close,a["input-icon"],"close","input-icon"),type:"icon-shibai",onClick:n=>{n.stopPropagation(),y([])}}):(0,j.jsx)(v.default,{className:b()(a["input-icon"],"input-icon-arrow","input-icon"),type:"icon-arrow-thin-down"})]});return I?(0,j.jsx)(B,{ref:c,overlayWidth:h.overlayWidth,value:f,setValue:y,single:x,inputContent:R,extra:"function"===typeof E?E({close:()=>c.current.close(),context:u}):E,renderSelectedContent:M,showSelectedTag:C,trigger:"click",placement:_,getPopupContainer:N,children:h.children}):(0,j.jsxs)("div",{className:a["input-inner"],onClick:()=>{i.current.modalOpen()},children:[(0,j.jsx)(w,{size:h.modalSize,ref:i,single:h.single,maxLength:h.maxLength,disabledScroller:!0,wrapClassName:b()(a.overlay,a["is-modal"],t),title:h.placeholder,value:f,onChange:y,extra:"function"===typeof E?E({close:()=>i.current.close(),context:u}):E,showSelectedTag:C,renderSelectedContent:M,children:h.children}),R]})})),A=n=>{let{api:e,className:t,displayItems:l,wrapClassName:o,...r}=n;const[i,c]=(0,d.useState)(""),[m,p]=(0,d.useState)(new Map(l.map((n=>[n.value,n])))),[f,y]=(0,d.useState)({}),{message:v}=g.App.useApp(),x=n=>{const e=n.filter((n=>m.get(n.value)!==n));0!==e.length&&p((n=>{const t=k()(n);return e.forEach((n=>{t.set(n.value,n)})),t}))},N=n=>((n,e,t)=>"all"!==t?n:(e(n),n.map((n=>n.value))))(r.single?_()(n)?[]:[n]:n||[],x,r.valueType),[I,F]=u()(Object.assign({},r,{onChange:n=>{const e=((n,e,t)=>"all"!==t?n:n.map((n=>e.get(n))))(n,m,r.valueType);r.onChange&&r.onChange(r.single?S()(e):e)}},"value"in r?{value:N(r.value)}:{defaultValue:N(r.defaultValue)})),P=C({maxLength:r.maxLength,single:r.single,setValue:F,value:I,message:v.error});return(0,j.jsx)(s,{value:{mapping:m,searchText:i,setSearchText:c,appendMapping:x,setItems:n=>{f.setData(n),x(h()(r.dataFormat(n),"list",[]))},fetchApi:f,valueState:[I,P],props:r},children:(0,j.jsx)("div",{className:b()(a["input".concat(r.inputContent&&"function"===typeof r.inputContent?"-custom":"")],t),children:(0,j.jsx)(E,{...e,wrapClassName:o,loading:null,setFetchApi:y,onRequestSuccess:n=>{x(h()(r.dataFormat(n),"list",[])),e.onRequestSuccess&&e.onRequestSuccess(n)}})})})};A.defaultProps={placeholder:"\u8bf7\u9009\u62e9",displayItems:[],extra:null,api:{loader:()=>[]},dataFormat:n=>({list:n}),placement:"bottomLeft",getPopupContainer:null,showSelectedTag:!0},A.useContext=r;const T=A},97056:(n,e,t)=>{"use strict";t.d(e,{A:()=>h});var a=t(85846),l=t(83560),o=t(55199),r=t(41740),s=t.n(r),i=t(73884),d=t(83136),c=t.n(d),u=t(47094),m=t(70579);const p=(0,i.forwardRef)(((n,e)=>{const[t,a]=(0,i.useState)(new Map);return(0,i.useImperativeHandle)(e,(()=>n=>{setTimeout((()=>{a((e=>{if(e.has(n.key))return e;const t=s()(e);return t.set(n.key,n.props),t}))}))}),[]),(0,m.jsxs)(o.Row,{wrap:!1,className:u.A["table-list-header"],style:{"--col-width":"".concat(100/t.size,"%")},children:[Array.from(t).map((n=>{let[e,{label:t,rule:a}]=n;return(0,m.jsx)(o.Col,{className:c()({[u.A["is-req"]]:0===(a||"").split(" ").indexOf("REQ")}),children:t},e)})),(0,m.jsx)(o.Col,{className:u.A["table-list-extra"]})]})})),h=n=>{let{list:e,className:t,...r}=n;const s=(0,i.useRef)(null);return(0,m.jsx)(a.A,{...r,className:c()(t,u.A["table-list"]),list:e,renderChildren:n=>(0,m.jsxs)("div",{className:u.A["table-list-inner"],children:[(0,m.jsx)(p,{ref:s}),n]}),listRender:n=>{let{list:e,groupArgs:t,extra:a,key:r}=n;return(0,m.jsxs)(o.Row,{wrap:!1,align:"top",style:{"--col-width":"".concat(100/e.length,"%")},children:[(0,m.jsx)(l.A,{list:e,groupArgs:t,itemRender:(n,e)=>(s.current(e),(0,m.jsx)(o.Col,{className:u.A["table-list-field"],flex:1,children:n}))}),(0,m.jsx)(o.Col,{className:u.A["table-list-extra"],children:a})]},r)}})}},1904:(n,e,t)=>{"use strict";t.d(e,{A:()=>i,N:()=>d});var a=t(98434),l=t(36);const{useOnChange:o,useDecorator:r}=a.hooks,s=n=>o(Object.assign({},{placeholder:"\u8bf7\u9009\u62e9"+n.label},n))(l.AddressSelectField);s.Field=l.AddressSelectField,s.AddressEnum=l.AddressSelectField.AddressEnum,s.createAddressApi=l.AddressSelectField.createAddressApi,s.withAddressApi=l.AddressSelectField.withAddressApi;const i=s,d=n=>r(Object.assign({},{placeholder:"\u8bf7\u9009\u62e9"+n.label,inputPlaceholder:"\u8bf7\u8f93\u5165"+n.label},n))(l.AddressInputField);d.Field=l.AddressInputField},30096:(n,e,t)=>{"use strict";t.d(e,{Ay:()=>c});var a=t(98434),l=t(36);const{useOnChange:o}=a.hooks,r=n=>{const e=e=>o(Object.assign({},{placeholder:"\u8bf7\u9009\u62e9"+e.label},e))(n);return e.field=e.Field=n,e},s=r(l.UserField),i=r(l.TableField),d=r(l.AdvancedSelectField);d.createdList=n=>{let{renderList:e,defaultProps:t}=n;return r((0,l.createListField)({renderList:e,defaultProps:t}))},d.User=s,d.Table=i;const c=d},96339:(n,e,t)=>{"use strict";t.d(e,{A:()=>O});var a=t(73884),l=t(29574),o=t(40438),r=t(76329),s=t(3382),i=t(64671),d=t(55199),c=t(53202),u=t.n(c),m=t(33097),p=t.n(m),h=t(83136),g=t.n(h),f=t(51941),b=t(98434),y=t(34677),v=t.n(y);const x="style_upload-btn__-6XtP__ln08u",_="style_square__UPkfA__ln08u",N="style_is-loading__wx6Pd__ln08u",k="style_upload-btn-tips__YtxWz__ln08u",I="style_drop-tips__N-v59__ln08u",S="style_preview-area__aV3SN__ln08u";var F=t(18411),j=t(58609),C=t(55431),P=t(70579);const{useOnChange:w}=b.hooks,B=o.default.Avatar,E="FormInfo",A=(0,l.Ay)((n=>{let{className:e,icon:t,loading:a,value:l,gender:o,width:r,height:s,children:c,shape:u,defaultAvatar:m,apis:h}=n;const f=(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)(B,{id:p()(l,"id"),gender:o,width:64*r/s,height:64,shape:u,defaultAvatar:m,apis:h}),(0,P.jsx)("div",{className:k,children:t||(0,P.jsx)(i.default,{type:"icon-chuanzhaopian",size:16})}),c]});return(0,P.jsx)("div",{className:g()(e,x,{[N]:a,[_]:"square"===u||!(r&&r===s)}),style:{width:64*r/s},children:a?(0,P.jsx)(d.Spin,{children:f}):f})})),T=n=>{let e=n.split(","),t=e[1].substring(0,e[1].length-2),a=e[0].match(/:(.*?);/)[1],l=atob(t),o=l.length,r=new Uint8Array(o);for(;o--;)r[o]=l.charCodeAt(o);return new Blob([r],{type:a})},L=(0,a.forwardRef)(((n,e)=>{let{image:t,width:o,height:r,borderRadius:s,preview:c,fileSize:m,accept:p,renderTips:h,getApi:g,shape:b,border:y,...v}=n;const x=(0,j.useIntl)({moduleName:E}),[_,N]=(0,a.useState)(0),k=(0,a.useRef)(null),[F,C]=(0,a.useState)(t),[w,B]=(0,a.useState)(1),[A,L]=(0,a.useState)(0),[M,R]=(0,a.useState)(""),D=(0,a.useRef)(null);(0,a.useLayoutEffect)((()=>{N(2*k.current.clientWidth/3)}),[]),g({getImage:()=>{const n=D.current.getImage(),e=document.createElement("canvas"),t=e.getContext("2d");return e.width=o,e.height=r,t.drawImage(n,0,0,e.width,e.height),new window.File([T(e.toDataURL())],F.name,{type:F.type})}});const O=()=>{R(D.current.getImage().toDataURL())},G=(0,f.useDebouncedCallback)(O,500);return(0,P.jsx)("div",{ref:k,children:(0,P.jsxs)(d.Row,{wrap:!1,align:"middle",children:[(0,P.jsx)(d.Col,{span:c?16:24,children:_&&(0,P.jsxs)(d.Space,{direction:"vertical",children:[(0,P.jsx)(u(),{...v,ref:D,image:F,scale:w,rotate:A,width:_-2*y,height:r*_/o-2*y*r/o,border:y,color:[0,0,0,.6],borderRadius:s*_/o,onImageReady:O,onImageChange:G}),(0,P.jsx)("div",{className:I,children:h("".concat(x.formatMessage({id:"PictureFormat"})).concat(p.map((n=>n.replace(/^\./,""))).join(" ")," ").concat(x.formatMessage({id:"ImageSize"})).concat(x.formatMessage({id:"NotExceeding"},{size:m})),{accept:p,fileSize:m})}),(0,P.jsxs)(d.Row,{gutter:14,align:"middle",children:[(0,P.jsx)(d.Col,{children:(0,P.jsx)(d.Tooltip,{title:x.formatMessage({id:"Rotate"}),placement:"bottom",children:(0,P.jsx)(i.default,{type:"icon-xuanzhuan",onClick:()=>{L((n=>(n-90)%360))}})})}),(0,P.jsx)(d.Col,{children:(0,P.jsx)(d.Tooltip,{title:x.formatMessage({id:"ImageFull"}),placement:"bottom",children:(0,P.jsx)(i.default,{type:"icon-chongman",onClick:()=>{B(1)}})})}),(0,P.jsx)(d.Col,{flex:1,children:(0,P.jsx)(d.Slider,{tooltip:{placement:"bottom",formatter:()=>x.formatMessage({id:"Size"})},value:w,step:.05,min:.2,max:3,onChange:B})}),(0,P.jsx)(d.Col,{children:(0,P.jsx)(l.FI,{accept:p,onChange:n=>{n[0].size>1024*m*1024?d.message.error(x.formatMessage({id:"FileNotExceeding"},{name:n[0].name,size:m})):(L(0),B(1),C(n[0]))},children:(0,P.jsx)(j.FormattedMessage,{id:"ReUpload",moduleName:E})})})]})]})}),c&&(0,P.jsx)(d.Col,{span:8,children:(0,P.jsx)("div",{className:S,children:(0,P.jsxs)(d.Space,{direction:"vertical",children:[(0,P.jsx)(d.Avatar,{src:M,shape:b,style:{width:_/2-36,height:(_/2-36)*r/o}}),(0,P.jsx)("div",{style:{textAlign:"center"},children:(0,P.jsx)(j.FormattedMessage,{id:"Preview",moduleName:E})})]})})})]})})}));L.defaultProps={border:1};const M=()=>{const n=(0,s.useModal)();return e=>{const{image:t,width:a,height:l,borderRadius:o,getApi:r,preview:s,fileSize:i,accept:d,renderTips:c,border:u,dropModalSize:m,...p}=Object.assign({},{title:"\u7f16\u8f91\u5934\u50cf",width:200,height:200,borderRadius:"circle"===e.shape&&e.width&&e.width===e.height?e.width/2:2,preview:!0},e);return n({...p,size:m,children:(0,P.jsx)(L,{preview:s,fileSize:i,accept:d,getApi:r,renderTips:c,width:a,height:l,shape:"circle"===e.shape&&e.width&&e.width===e.height?"circle":"square",borderRadius:o,image:t,border:u,scale:1,rotate:0})})}},R=n=>{let{value:e,gender:t,fileSize:l,accept:o,openEditor:s,apis:i,renderTips:c,onChange:u,shape:m,width:p,height:h,title:g,border:f,icon:b,dropModalSize:y,defaultAvatar:x}=n;const[_,N]=(0,a.useState)(!1),{apis:k}=(0,r.usePreset)(),I=v()({},k,i),{ossUpload:S}=I,F=(0,a.useRef)(null),C=M(),w=(0,j.useIntl)({moduleName:E});return(0,P.jsx)(A,{value:e,gender:t,accept:o,width:p,height:h,shape:m,icon:b,loading:_,defaultAvatar:x,apis:I,onChange:n=>{if(n[0].size>1024*l*1024)return void d.message.error(w.formatMessage({id:"FileNotExceeding"},{name:n[0].name,size:l}));const e=n=>(N(!0),S({file:n}).then((n=>{let{data:e}=n;0===e.code?u(e.data):d.message.error(w.formatMessage({id:"UploadFailed"},{msg:e.msg?":"+e.msg:""}))})).finally((()=>{N(!1)})));s?C({image:n[0],width:p,height:h,title:g,shape:m,border:f,dropModalSize:y,getApi:n=>F.current=n,fileSize:l,accept:o,renderTips:c,onConfirm:()=>{e(F.current.getImage())}}):e(n[0])}})};R.defaultProps={defaultAvatar:F.A,openEditor:!0,fileSize:2,width:200,height:200,dropModalSize:"small",border:1,title:(0,P.jsx)(j.IntlProvider,{importMessages:C.A,moduleName:"FormInfo",children:(0,P.jsx)(j.FormattedMessage,{id:"Crop",moduleName:"FormInfo"})}),accept:[".jpg",".png",".jpeg"],renderTips:n=>n,shape:"circle"};const D=n=>w(n)(R);D.defaultProps={},D.Field=D,D.useDropModal=M;const O=D},83230:(n,e,t)=>{"use strict";t.d(e,{A:()=>s});var a=t(98434),l=t(36);const{useOnChange:o}=a.hooks,r=n=>o(Object.assign({},{placeholder:"\u8bf7\u9009\u62e9"+n.label},n))(l.CascaderField);r.Field=l.CascaderField,r.createTreeUtils=l.createTreeUtils;const s=r},81026:(n,e,t)=>{"use strict";t.d(e,{A:()=>s});var a=t(36),l=t(98434);const{useOnChange:o}=l.hooks,r=n=>o(Object.assign({},{placeholder:"\u8bf7\u9009\u62e9"+n.label},n))(a.FunctionSelectField);r.Field=a.FunctionSelectField,r.Enum=a.FunctionSelectField.Enum;const s=r},78756:(n,e,t)=>{"use strict";t.d(e,{A:()=>s});var a=t(36),l=t(98434);const{useOnChange:o}=l.hooks,r=n=>o(Object.assign({},{placeholder:"\u8bf7\u9009\u62e9"+n.label},n))(a.IndustrySelectField);r.Field=a.IndustrySelectField,r.Enum=a.IndustrySelectField.Enum;const s=r},15209:(n,e,t)=>{"use strict";t.d(e,{A:()=>c});var a=t(55199),l=t(10986),o=t.n(l),r=t(13050),s=t(70579);const i=n=>{let{...e}=n;const[t,l]=o()(e);return(0,s.jsx)(a.Input,{...e,value:t,onChange:n=>{l(n.target.value?n.target.value.toUpperCase():n.target.value,n)}})},d=(0,r.createWithRemoteLoader)({modules:["FormInfo@formModule"]})((n=>{let{remoteModules:e,...t}=n;const[a]=e,{hooks:l}=a,{useDecorator:o}=l;return o(Object.assign({placeholder:"\u8bf7\u8f93\u5165".concat(t.label||"")},t))(i)}));d.field=i;const c=d},92328:(n,e,t)=>{"use strict";t.d(e,{A:()=>x});var a=t(10986),l=t.n(a),o=t(98434),r=t(55199),s=t(69484);const i="style_money-input__Pyur7__ln08u",d="style_money-description__9pFk4__ln08u";var c=t(83136),u=t.n(c),m=t(34677),p=t.n(m),h=t(73884),g=t(70579);const{isNotEmpty:f}=o.util,{useOnChange:b}=o.hooks,y=n=>{let{chineseEmpty:e,className:t,showError:a,errorDesc:o,transformMoneyToChinese:c,onBlur:m,moneyFormat:b,...y}=n;const[v,x]=(0,h.useState)(""),[_,N]=l()(y),k=p()({controls:!1,precision:2,addonAfter:"\u5143"},y,{max:f(y.max)?y.max>s.e?s.e:y.max:s.e});return(0,g.jsxs)("div",{className:u()(t,"money-input",i),children:[(0,g.jsx)(r.InputNumber,{...k,status:v,formatter:b?n=>"".concat(n).replace(/\B(?=(\d{3})+(?!\d))/g,","):null,parser:n=>{const e=b?null===n||void 0===n?void 0:n.replace(/\$\s?|(,*)/g,""):n;return f(e)?(Number(e)>Number(k.max)||f(k.min)&&Number(e)<Number(k.min))&&x("error"):x(""),f(e)?Number(e):null},onChange:n=>{N(n)},onBlur:n=>{m&&m(n,x)}}),(0,g.jsx)("div",{className:u()(d),children:"error"===v&&a?o:f(_)?(0,s.A)(c?c(_):_):e})]})},v=n=>b(Object.assign({placeholder:"\u8bf7\u8f93\u5165".concat(n.label||"")},n))(y);v.Field=y,v.toChineseCharacter=s.A;const x=v},88893:(n,e,t)=>{"use strict";t.d(e,{N:()=>v,A:()=>x});var a=t(88701),l=t(55199),o=t(98434),r=t(78491),s=t.n(r),i=t(10986),d=t.n(i),c=t(33097),u=t.n(c);const m={"country-select":"style_country-select__Ztf-V__ln08u","flag-img":"style_flag-img__RGhcM__ln08u"};var p=t(13050),h=t(70579);const{useDecorator:g}=o.hooks,f=(0,p.createWithRemoteLoader)({modules:["components-iconfont:CountyFlag"]})((n=>{let{remoteModules:e,value:t,onChange:a}=n;const[o]=e;return(0,h.jsx)(o,{children:n=>{let{list:e}=n;return(0,h.jsx)(l.Select,{popupMatchSelectWidth:300,className:m["country-select"],value:t||"CN",onChange:a,placeholder:"\u8bf7\u9009\u62e9\u56fd\u5bb6",showSearch:!0,filterOption:(n,e)=>e.name.indexOf(n)>-1,optionLabelProp:"code",options:e.map((n=>{let{country_name_cn:e,country_code:t,ab:a}=n;return{value:a,code:"(+".concat(t,")"),name:e,label:(0,h.jsxs)(l.Space,{align:"center",children:[(0,h.jsx)("span",{className:m["country-name"],children:e}),(0,h.jsxs)("div",{children:["(+",t,")"]})]})}}))})}})})),b=n=>{const{className:e,onBlur:t,name:o,...r}=n,[i,c]=d()(n),m=s()(t||(()=>{})),p=n=>new a.AsYouType(u()(n,"code","CN")).input(u()(n,"value",""));return(0,h.jsx)("div",{className:e,ref:m,children:(0,h.jsx)(l.Input,{...r,addonBefore:(0,h.jsx)(f,{value:u()(i,"code","CN"),onChange:n=>{c&&c(Object.assign({},i,{code:n,value:p({code:n,value:u()(i,"value","")})})),t&&t()}}),value:u()(i,"value",""),onChange:n=>{c&&c(Object.assign({code:"CN"},i,{value:n.target.value,code:u()(i,"code","CN")}))},onBlur:n=>{c&&c(Object.assign({code:"CN"},i,{value:p({value:n.target.value,code:u()(i,"code","CN")})})),t&&t()}})})},y=n=>{let{rule:e,...t}=n;const a=g(Object.assign({placeholder:"\u8bf7\u8f93\u5165".concat(t.label||""),rule:(n=>{const e=(n||"").split(" "),t=e.indexOf("REQ");return t>-1?e.splice(t+1,0,"PHONE_NUMBER"):e.unshift("PHONE_NUMBER"),e.join(" ")})(e)},t));return a(b)};y.Field=b,y.defaultProps={},y.format=n=>{let{code:e,value:t}=n;const l=e?(0,a.getCountryCallingCode)(e):null;return l&&t?"+".concat(l," ").concat(t):""},y.parsePhoneNumber=n=>{let{phoneNumber:e}=n;const{country:t,countryCallingCode:l,nationalNumber:o}=e?(0,a.parsePhoneNumber)(e):null;return o&&e?{country:t,countryCallingCode:l,nationalNumber:o}:""};const v=async(n,e)=>{let{field:a}=e;if((a.rule||"").split(" ").indexOf("REQ")>-1&&!u()(n,"value"))return{result:!1,errMsg:"%s\u4e0d\u80fd\u4e3a\u7a7a"};if(!u()(n,"value"))return{result:!0};return{result:await Promise.all([t.e(8481),t.e(6900)]).then(t.bind(t,6900)).then((e=>{let{isValidPhoneNumber:t}=e;return t(u()(n,"value",""),{defaultCountry:u()(n,"code","CN"),extract:!0})})),errMsg:"%s\u683c\u5f0f\u4e0d\u6b63\u786e"}},x=y},36972:(n,e,t)=>{"use strict";t.d(e,{A:()=>P});var a=t(73884),l=t(98434),o=t(78491),r=t.n(o),s=t(55199);const i="style_salary__sUOtT__ln08u",d="style_salary-type__Sl1LC__ln08u",c="style_input-number__eoEZr__ln08u",u="style_full__NPqJm__ln08u",m="style_input-group__toLB7__ln08u",p="style_input-group-no-mb__C4nzh__ln08u";var h=t(58609),g=t(55431),f=t(48731),b=t(10986),y=t.n(b),v=t(21079),x=t(70579);const{field:_}=l.Select.Fetch,{useDecorator:N,useUIDecorator:k}=l.hooks,I=n=>{if(!n)return"";const e=isNaN(Number(n))?n:Math.abs(Number(n));return n.split(".")[1]&&n.split(".")[1].length>2?e.toFixed(2):e},S=n=>{let{children:e,isError:t}=n;return(0,x.jsx)("div",{style:{marginBottom:0},className:"react-form__field ".concat(t?"is-error":""),children:(0,x.jsx)("div",{className:"react-form__field-main",children:(0,x.jsx)("div",{className:"react-form__field-input",children:(0,a.cloneElement)(e,{className:"react-form__field-component"})})})})},F=n=>{let{getPopupContainer:e,onBlur:t,api:a,isRange:l=!0,placeholder:o,disabled:g,showMonth:b,remindUnit:N,req:k,...F}=n;const[j,C]=y()(F),{formatMessage:P}=(0,h.useIntl)({moduleName:"FormInfo"}),w=P({id:"defaultSelectPlaceholder"},{label:""}),B=P({id:"defaultInputPlaceholder"},{label:""}),E=[6].indexOf((0,v.get)(j,"type"))>-1,A=1===(0,v.get)(j,"type"),T=7===(0,v.get)(j,"type"),L=n=>{if(n)return E?n/1e4:n},M=r()(t||(()=>{}));return(0,x.jsx)("div",{ref:M,className:i,children:(0,x.jsxs)(s.Row,{wrap:!1,gutter:10,children:[(0,x.jsx)(s.Col,{children:(0,x.jsx)(_,{className:d,...a,value:(0,v.get)(j,"type"),onChange:n=>{C&&C(Object.assign({},A?{}:j,{type:n,min:"",max:""}))},placeholder:o||w,getPopupContainer:e,disabled:g,children:n=>{let{data:e}=n;return{options:e||[]}}})}),A?null:(0,x.jsxs)(s.Col,{flex:1,children:[l&&(0,x.jsxs)(s.Row,{className:N&&[5,6].includes(null===j||void 0===j?void 0:j.type)?m:p,wrap:!1,children:[(0,x.jsx)(s.Col,{flex:1,children:(0,x.jsx)(S,{isError:!(0,v.get)(j,"min")&&k,children:(0,x.jsx)(s.InputNumber,{disabled:g,placeholder:B,formatter:I,value:L((0,v.get)(j,"min")),style:{textAlign:"center"},onChange:n=>{C(Object.assign({},j,{min:E?1e4*n:n}))},description:N&&[5,6].includes(null===j||void 0===j?void 0:j.type)?(0,x.jsxs)("span",{style:{color:"#fc3333"},children:["\u6ce8\u610f\uff1a",(0,x.jsx)(f.default,{name:null===j||void 0===j?void 0:j.type,moduleName:"salaryTypeEnum"}),"\u7684\u5355\u4f4d\u4e3a",E?P({id:"thousand"}):T?"":P({id:"yuan"})]}):null})})}),(0,x.jsx)(s.Col,{children:(0,x.jsx)(s.Input,{style:{width:30,borderLeft:0,borderRight:0,pointerEvents:"none"},placeholder:"~",disabled:!0})}),(0,x.jsx)(s.Col,{flex:1,children:(0,x.jsx)(S,{isError:!(0,v.get)(j,"max")&&k,children:(0,x.jsx)(s.InputNumber,{disabled:g,placeholder:B,formatter:I,value:L((0,v.get)(j,"max")),style:{textAlign:"center"},addonAfter:E?P({id:"thousand"}):T?"":P({id:"yuan"}),onChange:n=>{C(Object.assign({},j,{max:E?1e4*n:n}))}})})}),5===(0,v.get)(j,"type")&&b&&(0,x.jsx)(s.Col,{children:(0,x.jsxs)("span",{className:(0,v.get)(j,"max")&&(0,v.get)(j,"min")&&!(0,v.get)(j,"month")&&k?"error":"",children:[(0,x.jsx)("span",{className:c,children:"X"}),(0,x.jsx)(s.InputNumber,{min:12,disabled:g,value:(0,v.get)(j,"month"),onChange:n=>{C(Object.assign({},j,{month:n}))},style:{width:100,textAlign:"center"},placeholder:"\u6570\u91cf",addonAfter:"\u6708"})]})})]}),!l&&!T&&(0,x.jsx)(s.InputNumber,{disabled:g,min:0,max:1e8,placeholder:B,className:u,formatter:I,value:L((0,v.get)(j,"max")),style:{textAlign:"center"},addonAfter:E?P({id:"thousand"}):T?"":P({id:"yuan"}),onChange:n=>{C(Object.assign({},j,{max:E?1e4*n:n}))}}),!l&&T&&(0,x.jsx)(s.Input,{disabled:g,placeholder:B,className:u,onChange:n=>{C(Object.assign({},j,{max:n.target.value}))},value:(0,v.get)(j,"max"),style:{textAlign:"center"}})]})]})})},j=n=>(0,x.jsx)(h.IntlProvider,{moduleName:"FormInfo",importMessages:g.A,children:(0,x.jsx)(F,{...n})});j.defaultProps={api:{loader:()=>[{value:1,label:"\u9762\u8bae"},{value:2,label:"\u65f6\u85aa"},{value:3,label:"\u65e5\u85aa"},{value:4,label:"\u5468\u85aa"},{value:5,label:"\u6708\u85aa"},{value:6,label:"\u5e74\u85aa"}]},defaultValue:{type:5,min:"",max:"",month:12}};const C=n=>{var e;return N({...n,req:(null===n||void 0===n||null===(e=n.rule)||void 0===e?void 0:e.indexOf("REQ"))>-1})(j)};C.Field=j;const P=C},50192:(n,e,t)=>{"use strict";t.d(e,{A:()=>y});var a=t(87558),l=t(83136),o=t.n(l);const r="style_table__A9nBK__ln08u";var s=t(21079),i=t(27777),d=t(98434),c=t(10986),u=t.n(c),m=t(73884),p=t(70579);const{useOnChange:h}=d.hooks,g=(0,a.withFetch)((n=>{let{...e}=n;const[t,a]=u()(e),l=["isLoading","isComplete","data","requestParams","error","send","refresh","reload","loadMore","setData"],d=(0,s.pick)(e,l),c=(0,s.omit)(e,l),{rowKey:h="id",columns:g,className:f,innerName:b,headerRender:y,footerRender:v}=c,x=e.dataFormat(d.data),_=(n,e,t)=>{let{current:l,rowKeyValue:o,dataIndex:r}=t;const s={},i=n.slice(0).map((n=>{if(n[h]===o)return s[n[h]]={...n,[r]:l},{...n,[r]:l};{const t=e[n[h]];return s[n[h]]=Object.assign({},n,t),Object.assign({},n,t)}})),c={pageData:i,totalCount:i.length};d.setData(c),a&&a(s)},N=(0,m.useRef)(null);return N.current=_,(0,m.useEffect)((()=>{x.list.every((n=>{const e=t[n[h]]||{};return Object.keys(n).every((n=>e.hasOwnProperty(n)))}))&&Object.keys(t).length===x.list.length||!d.isComplete||N.current(x.list,t,{})}),[d.isComplete,t,x.list,h]),(0,p.jsxs)("div",{children:[y&&y(d),(0,p.jsx)(i.Table,{...c,className:o()(r,f),rowKey:h,dataSource:x.list,pagination:!1,columns:g.map((n=>{const e={...n};return e.dataIndex?Object.assign({},e,{render:(n,a,l)=>{const o=!e.editable||("function"===typeof e.editable?e.editable(n,a,l,x.list):e.editable),r=a[h],i=t[r],c=(0,s.get)(i,e.dataIndex)||n;if(o&&e.field){var u,m;if(null!==(u=e.field)&&void 0!==u&&u.render)return(0,p.jsx)(p.Fragment,{children:e.field.render({value:c,name:"".concat(b,".").concat(r,".").concat(e.dataIndex),label:" ",labelHidden:e.labelHidden,onChange:function(){for(var n,a=arguments.length,l=new Array(a),o=0;o<a;o++)l[o]=arguments[o];const s=null!==(n=e.field)&&void 0!==n&&n.getValue?e.field.getValue(l[0]):l[0];return _(x.list,t,{current:s,rowKeyValue:r,dataIndex:e.dataIndex}),e.field.onChange&&e.field.onChange(...l,d)}},a,l,d)});const n=null===(m=e.field)||void 0===m?void 0:m.type;return(0,p.jsx)(n,{...(0,s.omit)(e.field,["type","getValue"]),value:c,name:"".concat(b,".").concat(r,".").concat(e.dataIndex),label:" ",labelHidden:e.labelHidden,onChange:function(){for(var n,a=arguments.length,l=new Array(a),o=0;o<a;o++)l[o]=arguments[o];const s=null!==(n=e.field)&&void 0!==n&&n.getValue?e.field.getValue(l[0]):l[0];return _(x.list,t,{current:s,rowKeyValue:r,dataIndex:e.dataIndex}),e.field.onChange&&e.field.onChange(...l,d)}})}return e.render?e.render(c,a,l):c}}):e}))}),v&&v(d)]})}));g.defaultProps={mergeList:(n,e)=>Object.assign({},e,{pageData:(n.pageData||[]).concat(e.pageData||[])}),dataFormat:n=>({list:n.pageData,total:n.totalCount})};const f=n=>{let{api:e,...t}=n;return(0,p.jsx)(g,{...t,...e})};f.defaultProps={api:{},value:{}};const b=n=>h(Object.assign({placeholder:"\u8bf7\u9009\u62e9".concat(n.label),innerName:n.name},n))(f);b.Field=f;const y=b},56259:(n,e,t)=>{"use strict";t.d(e,{A:()=>s});var a=t(89319),l=t(98434);const{useOnChange:o}=l.hooks,r=n=>o(Object.assign({},{},n))(a.A);r.Field=a.A;const s=r},89099:(n,e,t)=>{"use strict";t.d(e,{A:()=>_});var a=t(55199),l=t(83136),o=t.n(l),r=t(10986),s=t.n(r);const i="style_upload__t422Q__ln08u",d="style_upload-list__Q9HDc__ln08u",c="style_tips__3Gpnu__ln08u";var u=t(64671),m=t(67390),p=t(98434),h=t(1488),g=t.n(h),f=t(29574),b=t(70579);const{useOnChange:y}=p.hooks,v=n=>{let{className:e,fileSize:t,maxLength:l,multiple:r,size:u,accept:p,children:h,renderTips:y,showUploadList:v,onSave:x,ossUpload:_,getPermission:N,...k}=n;const[I,S]=s()(k),F=I||[],{fileList:j,onFileSelected:C}=(0,f.lN)({multiple:r,onSave:x,ossUpload:_,fileSize:t,maxLength:l,value:F,onChange:S,concurrentCount:10}),P=[...j,...F],w=y("\u652f\u6301\u6269\u5c55\u540d".concat(p.map((n=>n.replace(/^\./,""))).join("\u3001"),",\u5355\u4e2a\u6587\u4ef6\u5927\u5c0f\u4e0d\u8d85\u8fc7").concat(t,"M\uff0c\u6700\u591a\u4e0a\u4f20").concat(l,"\u4e2a\u9644\u4ef6"),{fileSize:t,maxLength:l,accept:p});return(0,b.jsxs)(a.Space,{direction:"vertical",children:[(0,b.jsxs)(a.Space,{children:[(0,b.jsx)(f.Zi,{...g()(k,["value","onChange"]),size:u,multiple:r,accept:p,className:o()(i,e),onChange:C,children:h}),w&&(0,b.jsx)("div",{className:c,children:w})]}),v&&P.length>0&&(0,b.jsx)(m.List,{className:d,dataSource:P,infoItemRenders:[],getPermission:N||(n=>"delete"===n),apis:{onDelete:n=>{const e=F.slice(0),t=e.indexOf(n);t>-1&&e.splice(t,1),S(e)}}})]})};v.defaultProps={defaultValue:[],children:(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(u.default,{type:"icon-shangchuanfujian"}),"\u4e0a\u4f20\u9644\u4ef6"]}),accept:[".pdf",".jpg",".png",".jpeg",".doc",".docx",".xls",".xlsx",".html",".msg",".zip"],renderTips:n=>n,multiple:!0,showUploadList:!0,maxLength:10,fileSize:30};const x=n=>y(n)(v);x.defaultProps={interceptor:"file-format"},x.Field=v;const _=x},10328:(n,e,t)=>{"use strict";t.d(e,{A:()=>G,E:()=>z});var a=t(98434),l=t(30096),o=t(1904),r=t(83230),s=t(81026),i=t(78756),d=t(92328),c=t(88893),u=t(89099),m=t(96339),p=t(36972),h=t(15209),g=t(50192),f=t(74529),b=t.n(f),y=t(73884),v=t(58609),x=t(33097),_=t.n(x),N=t(21079),k=t(46237),I=t(56259),S=t(21554),F=t(64671),j=t(55199),C=t(83136),P=t.n(C),w=t(47094),B=t(70579);const E=n=>e=>{const t=b()(...n)((n=>{let{forwardedRef:t,label:a,placeholder:l,...o}=n;return(0,B.jsx)(e,{...o,label:a,labelRender:()=>o.tips?(0,B.jsxs)(j.Space,{children:[a,(0,B.jsx)(S.default,{content:o.tips,children:(0,B.jsx)("span",{className:P()(w.A["field-tips"],{[w.A["label-hidden"]]:o.labelHidden}),children:(0,B.jsx)(F.default,{type:"icon-xinxi-miaobian"})})})]}):a,ref:t})})),a=(0,y.forwardRef)(((n,e)=>(0,B.jsx)(t,{...n,forwardedRef:e})));return Object.keys(e).filter((n=>-1===["$$typeof","render","field"].indexOf(n))).forEach((n=>{a[n]=e[n]})),a},A=n=>e=>{let{placeholder:t,label:a,...l}=e;return(0,B.jsx)(v.FormattedMessage,{id:"defaultInputPlaceholder",moduleName:"FormInfo",values:{label:a},children:e=>(0,B.jsx)(n,{...l,label:a,placeholder:t||e})})},T=n=>e=>{let{placeholder:t,label:a,...l}=e;return(0,B.jsx)(v.FormattedMessage,{id:"defaultSelectPlaceholder",moduleName:"FormInfo",values:{label:a},children:e=>(0,B.jsx)(n,{...l,label:a,placeholder:t||e})})},L=n=>e=>{const t=(0,a.useGroup)(),l=_()(t,"name"),o=(0,N.get)(t,"index"),r=(0,k.oc)();return r&&Array.isArray(r)&&r.length>0?r.map((t=>{if("string"===typeof t)return(0,y.createElement)(n,{...e,key:t});const{name:a,label:r,options:s}=t,i=_()(s,"ignore",[]),d=_()(s,"disabled",[]),c=_()(s,"fields",[]),u=n=>e.name===n.name&&!(n.hasOwnProperty("groupName")&&n.groupName!==l)&&!(n.hasOwnProperty("groupIndex")&&n.groupIndex!==o);if(i.length>0&&i.find(u))return null;if(c.length>0&&!c.find(u))return null;let m=Object.assign({},e,{name:_()(s,"nameTransform",((n,e)=>"".concat(n).concat(e)))(e.name,a),label:_()(s,"labelTransform",((n,e)=>n&&"".concat(n).concat(e)))(e.label,r)});return d.length>0&&d.find(u)&&(m.disabled=!0,m.rule=""),(0,y.createElement)(n,{...m,key:a})})):(0,B.jsx)(n,{...e})},M=E([L,A])(a.Input),R=E([L,A])(a.InputNumber);M.Password=E([L,A])(a.Input.Password);const D=E([L,T])(a.DatePicker);D.MonthPicker=E([L,T])(a.DatePicker.MonthPicker),D.RangePicker=E([L,T])(a.DatePicker.RangePicker),D.WeekPicker=E([L,T])(a.DatePicker.WeekPicker);const O=E([L,T])(a.TimePicker);O.RangePicker=E([L,T])(a.TimePicker.RangePicker);const G={Input:M,InputNumber:R,DatePicker:D,TimePicker:O,DatePickerToday:E([L])((n=>{let{placeholder:e,label:t,soFarText:l,...o}=n;const{formatMessage:r}=(0,v.useIntl)({moduleName:"FormInfo"});return(0,B.jsx)(a.DatePickerToday,{...o,label:t,placeholder:[r({id:"startDate"}),r({id:"endDate"})],soFarText:l||r({id:"soFarText"})})})),RadioGroup:E([L])(a.RadioGroup),CheckboxGroup:E([L])(a.CheckboxGroup),Rate:E([L])(a.Rate),Switch:E([L])(a.Switch),Slider:E([L])(a.Slider),TableInput:E([L])(g.A),SalaryInput:E([L])(p.A),TypeDateRangePicker:E([L])(I.A),MoneyInput:E([L])(d.A),PhoneNumber:E([L])(c.A),Upload:E([L])(u.A),Avatar:E([L])(m.A),FunctionSelect:E([L,T])(s.A),IndustrySelect:E([L,T])(i.A),Cascader:E([L,T])(r.A),AddressSelect:E([L,T])(o.A),AddressInput:E([L,T])(o.N),TreeSelect:E([L,T])(a.TreeSelect),ReactInputNumber:E([L,A])(a.InputNumber),InputUpperCase:E([L,A])(h.A),Select:E([L,T])(a.Select),TextArea:E([L,A])(a.TextArea),AdvancedSelect:E([L,T])(l.Ay)},z={createWithFieldDecorator:E,withInputDefaultPlaceholder:A,withSelectDefaultPlaceholder:T,withLang:L}},83799:(n,e,t)=>{"use strict";t.d(e,{NI:()=>T,TQ:()=>c.A,JL:()=>A,eu:()=>b.A,vx:()=>u.A,lr:()=>H,s3:()=>V,lV:()=>l.A,d4:()=>m.A,ZN:()=>p.A,pd:()=>M,YI:()=>G,h2:()=>L,F0:()=>h.A,go:()=>g.A,tt:()=>a.Rate,lu:()=>y.A,l6:()=>O,Ap:()=>a.Slider,dO:()=>a.Switch,N:()=>_.A,EY:()=>P,fs:()=>R,AG:()=>U,f7:()=>z,w5:()=>x.A,_O:()=>f.A,nk:()=>Q});var a=t(98434),l=t(85696),o=t(58609),r=t(73884),s=t(30891),i=t(47094),d=t(30096),c=t(1904),u=t(83230),m=t(81026),p=t(78756),h=t(92328),g=t(88893),f=t(89099),b=t(96339),y=t(36972),v=t(15209),x=t(56259),_=t(50192),N=t(55199),k=t(10986),I=t.n(k),S=t(70579);const{useDecorator:F}=a.hooks,j=n=>{let{children:e,...t}=n;const[a]=I()(t);return(0,S.jsxs)(N.Typography.Text,{...t,children:[(0,S.jsx)("div",{style:{height:0,width:0,overflow:"hidden"},children:(0,S.jsx)(N.Input,{value:a})}),e||a]})},C=n=>F(n)(j);C.Field=j;const P=C;var w=t(45053);const B=n=>{const e=(0,r.forwardRef)(((e,t)=>{let{placeholder:a,label:l,...r}=e;return(0,S.jsx)(o.FormattedMessage,{id:"defaultInputPlaceholder",moduleName:"FormInfo",values:{label:l},children:e=>(0,S.jsx)(n,{...r,ref:t,label:l,placeholder:a||e})})}));return Object.keys(n).filter((n=>-1===["$$typeof","render","field"].indexOf(n))).forEach((t=>{e[t]=n[t]})),e},E=n=>{const e=(0,r.forwardRef)(((e,t)=>{let{placeholder:a,label:l,...r}=e;return(0,S.jsx)(o.FormattedMessage,{id:"defaultSelectPlaceholder",moduleName:"FormInfo",values:{label:l},children:e=>(0,S.jsx)(n,{...r,ref:t,label:l,placeholder:a||e})})}));return Object.keys(n).filter((n=>-1===["$$typeof","render","field"].indexOf(n))).forEach((t=>{e[t]=n[t]})),e},A=E(d.Ay),T=E(c.N),L=B(v.A),M=B(a.Input);M.Password=B(a.Input.Password);const R=(D=a.TextArea,n=>{let{placeholder:e,label:t,className:a,...l}=n;return(0,S.jsx)(o.FormattedMessage,{id:"defaultInputPlaceholder",moduleName:"FormInfo",values:{label:t},children:n=>(0,S.jsx)("div",{className:i.A["textarea-wrapped-component"],children:(0,S.jsx)(D,{...l,label:t,placeholder:e||n})})})});var D;const O=E(a.Select);O.Fetch=E(a.Select.Fetch),O.Fetch.field=a.Select.Fetch.field;const G=B(a.InputNumber),z=E(a.TreeSelect);z.Fetch=E(a.TreeSelect.Fetch),z.Fetch.field=a.TreeSelect.Fetch.field;const U=E(a.TimePicker);U.RangePicker=E(a.TimePicker.RangePicker);const H=E(a.DatePicker);H.MonthPicker=E(a.DatePicker.MonthPicker),H.RangePicker=E(a.DatePicker.RangePicker),H.WeekPicker=E(a.DatePicker.WeekPicker);const V=n=>{let{placeholder:e,label:t,soFarText:l,...r}=n;const{formatMessage:s}=(0,o.useIntl)({moduleName:"FormInfo"});return(0,S.jsx)(a.DatePickerToday,{...r,label:t,placeholder:[s({id:"startDate"}),s({id:"endDate"})],soFarText:l||s({id:"soFarText"})})},Q=Object.assign({},a,{Input:M,InputUpperCase:L,TextArea:R,Select:O,InputNumber:G,TreeSelect:z,TimePicker:U,DatePicker:H,DatePickerToday:V,Form:l.A,FormItem:s.A,AdvancedSelect:A,AddressSelect:c.A,AddressInput:T,MoneyInput:h.A,PhoneNumber:g.A,Cascader:u.A,FunctionSelect:m.A,IndustrySelect:p.A,TypeDateRangePicker:x.A,Upload:f.A,Avatar:b.A,SalaryInput:y.A,TableInput:_.A,Text:P,Rate:a.Rate,Switch:a.Switch,Slider:a.Slider,ErrorTip:w.A})},96252:(n,e,t)=>{"use strict";t.r(e),t.d(e,{AddressInput:()=>y.NI,AddressSelect:()=>y.TQ,AdvancedSelect:()=>y.JL,Avatar:()=>y.eu,Cascader:()=>y.vx,DatePicker:()=>y.lr,DatePickerToday:()=>y.s3,ErrorTip:()=>h.A,Form:()=>m.A,FormApiButton:()=>i.A,FormDrawer:()=>u.Ay,FormDrawerButton:()=>u.WJ,FormItem:()=>p.A,FormModal:()=>d.Ay,FormModalButton:()=>d.W6,FormStepModal:()=>c.Ay,FormStepModalButton:()=>c.Wp,FunctionSelect:()=>y.d4,IndustrySelect:()=>y.ZN,Input:()=>y.pd,InputNumber:()=>y.YI,InputUpperCase:()=>y.h2,List:()=>r.A,MoneyInput:()=>y.F0,MultiField:()=>g.A,PhoneNumber:()=>y.go,Rate:()=>y.tt,SalaryInput:()=>y.lu,Select:()=>y.l6,SelectInnerInput:()=>v.A,Slider:()=>y.Ap,Switch:()=>y.dO,TableInput:()=>y.N,TableList:()=>s.A,Text:()=>y.EY,TextArea:()=>y.fs,TimePicker:()=>y.AG,TreeSelect:()=>y.f7,TypeDateRangePicker:()=>y.w5,Upload:()=>y._O,default:()=>x,fieldDecorator:()=>o.E,fields:()=>o.A,formModule:()=>y.nk,useFormDrawer:()=>u.Xy,useFormModal:()=>d.Vl,useFormStepModal:()=>c.$X});var a=t(64261),l=t(2196),o=t(10328),r=t(85846),s=t(97056),i=t(35774),d=t(5995),c=t(94005),u=t(48221),m=t(85696),p=t(30891),h=t(45053),g=t(97949),f=t(98434),b={};for(const _ in f)["default","Form","FormItem","ErrorTip","fields","fieldDecorator","List","TableList","FormApiButton","FormModal","useFormModal","FormModalButton","FormStepModal","useFormStepModal","FormStepModalButton","FormDrawer","useFormDrawer","FormDrawerButton","MultiField","SelectInnerInput"].indexOf(_)<0&&(b[_]=()=>f[_]);t.d(e,b);var y=t(83799),v=t(18936);(0,a.A)(),l.A.fields=o.A,l.A.List=r.A,l.A.TableList=s.A,l.A.FormApiButton=i.A,l.A.FormModal=d.Ay,l.A.useFormModal=d.Vl,l.A.FormModalButton=d.W6,l.A.FormStepModal=c.Ay,l.A.useFormStepModal=c.$X,l.A.FormStepModalButton=c.Wp,l.A.FormDrawer=u.Ay,l.A.useFormDrawer=u.Xy,l.A.FormDrawerButton=u.WJ,l.A.Form=m.A,l.A.FormItem=p.A,l.A.ErrorTip=h.A,l.A.SubmitButton=f.SubmitButton,l.A.CancelButton=f.CancelButton,l.A.fieldDecorator=o.E,l.A.MultiField=g.A;const x=l.A},55431:(n,e,t)=>{"use strict";t.d(e,{A:()=>a});const a=n=>({"en-US":()=>t.e(1649).then(t.bind(t,21649)),"zh-CN":()=>t.e(711).then(t.bind(t,80711))}[n]())},64261:(n,e,t)=>{"use strict";t.d(e,{A:()=>h});var a=t(98434),l=t(57469),o=t.n(l),r=t(34677),s=t.n(r),i=t(33097),d=t.n(i),c=(t(17448),t(88893)),u=t(46732),m=t(13050),p=t(70579);const h=async(n,e)=>{const{locale:t}=Object.assign({},e);a.interceptors.input.use("photo-string",(n=>{if(n&&"string"===typeof n){return{id:n.split("?")[0]}}return n})),a.interceptors.output.use("photo-string",(n=>{var e,t;return n&&"string"!==typeof n?(null===(e=n.id)||void 0===e||null===(t=e.split("?"))||void 0===t?void 0:t[0])||n.id:n})),a.interceptors.input.use("to-array",(n=>Array.isArray(n)?n[0]:n)),a.interceptors.output.use("to-array",(n=>[n])),a.interceptors.input.use("array-single",(n=>n?[n]:[])),a.interceptors.output.use("array-single",(n=>n?n[0]:null)),a.interceptors.input.use("boolean-number",(n=>1===n||"1"===n)),a.interceptors.output.use("boolean-number",(n=>n?1:0)),a.interceptors.input.use("un-boolean",(n=>!n)),a.interceptors.output.use("un-boolean",(n=>!n)),a.interceptors.output.use("object-output-value",(n=>n?n.value||n.id:n)),a.interceptors.input.use("date-string",(n=>n?o()(n):null)),a.interceptors.output.use("date-string",(n=>n?new Date(n.valueOf()).toISOString():"")),a.interceptors.input.use("date-range-string",(n=>{if(!Array.isArray(n))return[];const e=[];return n[0]&&e.push(o()(n[0])),n[0]&&n[1]&&"sofar"===n[1]&&e.push("\u81f3\u4eca"),n[0]&&n[1]&&"\u81f3\u4eca"!==n[1]&&e.push(o()(n[1])),e})),a.interceptors.output.use("date-range-string",(n=>{if(!Array.isArray(n))return[];const e=[];return n[0]&&e.push(new Date(n[0].valueOf()).toISOString()),n[0]&&n[1]&&"\u81f3\u4eca"===n[1]&&e.push("sofar"),n[0]&&n[1]&&"\u81f3\u4eca"!==n[1]&&e.push(new Date(n[1].valueOf()).toISOString()),e})),a.interceptors.output.use("file-format",(n=>Array.isArray(n)?n.map((n=>Object.assign({},n,{id:n.id||n.ossId,originalName:n.filename}))):[])),a.interceptors.input.use("file-format",(n=>Array.isArray(n)?n.map((n=>({id:n.id||n.ossId,ossId:n.id||n.ossId,filename:n.originalName||n.filename}))):[]));const{default:l}=await(0,m.loadModule)("components-iconfont:CountyFlag@load"),r=await l(),i=new Map(r.map((n=>{let{ab:e,country_code:t}=n;return[e,t]}))),h=new Map(r.map((n=>{let{ab:e,country_code:t}=n;return[t,e]})));a.interceptors.output.use("phone-number-string",(n=>n.code&&n.value?"+".concat(i.get(n.code)," ").concat(n.value.replace(/\s+/g,"")):"")),a.interceptors.input.use("phone-number-string",(n=>{if(!n)return{};const e=n.match(/^\+(\d+)\s(.*)/);return e.length<3?{}:{code:h.get(Number(e[1])),value:e[2]}}));const g=a.RULES.REQ,f=a.RULES.LEN,b=(n,e)=>{e=Object.assign({},e);const a={REQ:{"zh-CN":"%s\u4e0d\u80fd\u4e3a\u7a7a","en-US":"%s cannot be empty "},LENGTH_EQUAL:{"zh-CN":"%s\u5fc5\u987b\u7b49\u4e8e".concat(e.end),"en-US":"%s must be equal to ".concat(e.end)},LENGTH_MORE:{"zh-CN":"%s\u5fc5\u987b\u5927\u4e8e".concat(e.start),"en-US":"%s must be greater than ".concat(e.start)},LENGTH_LESS:{"zh-CN":"%s\u5fc5\u987b\u5c0f\u4e8e".concat(e.end),"en-US":"%s must be less than ".concat(e.end)}},l=d()(a,"".concat(n,".").concat(t));return l||d()(a,"".concat(n,".zh-CN"))};(0,a.preset)(s()({},{rules:{REQ:function(){return Object.assign({},g(...arguments),{errMsg:b("REQ")})},LEN:function(){for(var n=arguments.length,e=new Array(n),t=0;t<n;t++)e[t]=arguments[t];const[a,l,o]=e;let r="";return o===l&&a.length!==Number(o)&&(r="LENGTH_EQUAL"),a.length<l&&(r="LENGTH_MORE"),o&&a.length>o&&(r="LENGTH_LESS"),Object.assign({},f(...e),{errMsg:b(r,{start:l,end:o})})},PHONE_NUMBER:c.N,ARRAY_LENGTH:(n,e,t)=>t===e&&n.length!==Number(t)?{result:!1,errMsg:b("LENGTH_EQUAL",{start:e,end:t})}:n.length<e?{result:!1,errMsg:b("LENGTH_MORE",{start:e,end:t})}:t&&n.length>t?{result:!1,errMsg:b("LENGTH_LESS",{start:e,end:t})}:{result:!0}},field:{datePicker:{defaultProps:{interceptor:"date-string"}},rangeDatePicker:{defaultProps:{interceptor:"date-range-string"}},textArea:{defaultProps:{autoSize:{minRows:2,maxRows:6}}}},globalProps:{labelTips:n=>(0,p.jsx)(u.A,{...n})}},"function"===typeof n?n({interceptors:a.interceptors,RULES:a.RULES}):n))}},75363:(n,e,t)=>{"use strict";t.r(e),t.d(e,{default:()=>g});const a=n=>({"en-US":()=>t.e(9431).then(t.bind(t,9431)),"zh-CN":()=>t.e(1065).then(t.bind(t,81065))}[n]());var l=t(58609),o=t(64671),r=t(55199),s=t(83136),i=t.n(s);const d="style_helper-guide__K5xFw__ln08u",c="style_inner__bMKeU__ln08u",u="style_content__xTfWZ__ln08u",m="style_link__93j7O__ln08u";var p=t(48731),h=t(70579);const g=n=>{let{name:e,className:t}=n;return(0,h.jsx)(l.IntlProvider,{importMessages:a,moduleName:"HelperGuide",children:(0,h.jsx)(p.default,{moduleName:"helperGuide",name:e,children:n=>n&&n.value&&(0,h.jsx)("div",{className:i()(d,t),children:(0,h.jsxs)(r.Space,{className:c,children:[(0,h.jsx)(o.default,{colorful:!0,type:"icon-color-bangzhuyindao"}),(0,h.jsx)("span",{className:u,children:n.content}),n.url&&(0,h.jsxs)(r.Typography.Link,{className:m,href:n.url,target:"_blank",children:["\u67e5\u770b\u5e2e\u52a9",(0,h.jsx)(o.default,{type:"icon-shuangjiantou-right"})]})]})})})})}},41153:(n,e,t)=>{"use strict";t.r(e),t.d(e,{HighlightProvider:()=>i,default:()=>c});var a=t(73884);const l="style_high-color__-DN7m__ln08u";var o=t(70579);const r=(0,a.createContext)({}),{Provider:s}=r,i=n=>{let{list:e,children:t,highlightClassName:a}=n;return(0,o.jsx)(s,{value:{list:e,highlightClassName:a},children:(0,o.jsx)("span",{"data-testid":"components-core-highlight",children:t})})};i.defaultProps={caseSensitive:!1,list:[],highlightClassName:""};const d=n=>{let{tagName:e,children:t}=n;const{list:o,caseSensitive:s,highlightClassName:i}=(0,a.useContext)(r),d=(0,a.useMemo)((()=>{if(!t)return;let n=null===t||void 0===t?void 0:t.toString();if(!o||0===o.length)return n;const e=o.map((function(n){return"("+(n.replace(/[`+~!@#_$%^*()=|{}':;,\\[\].<>/?\uff01\uffe5\u2026&\uff08\uff09\u2014\u3010\u3011\u2018\uff1b\uff1a\u201d\u201c\u3002\uff0c\u3001\uff1f\s]/g,(n=>"\\"+n))+")")})).join("|"),a=new RegExp(e,s?"gm":"gim");return n.replace(a,(n=>'<font class="'.concat(l," ").concat(i,'">').concat(n,"</font>")))}),[o,s,t,i]);return(0,a.createElement)(e,{dangerouslySetInnerHTML:{__html:d}})};d.defaultProps={tagName:"span",children:""};const c=d},24666:(n,e,t)=>{"use strict";t.r(e),t.d(e,{default:()=>x});const a="style_overlay__ZS5Wz__ln08u",l="style_overlay-content__IVFmc__ln08u",o="style_state-tag__+59RJ__ln08u";var r=t(73884),s=t(25644),i=t(62716),d=t(55199),c=t(69175),u=t.n(c),m=t(20977),p=t.n(m),h=t(70720),g=t.n(h),f=t(83136),b=t.n(f),y=t(70579);const v=n=>{let{className:e,overlayClassName:t,storeName:c,maxLength:m,label:h,children:f,onSelect:v,zIndex:x,getPopupContainer:_}=n;const[N,k]=(0,r.useState)((()=>s.A.getItem(c)||[])),[I,S]=(0,r.useState)(!1),F=(0,r.useCallback)((()=>{0!==N.length&&S(!0)}),[N]),j=(0,r.useRef)(c);j.current=c,(0,r.useEffect)((()=>{s.A.setItem(j.current,N)}),[N]);const C=(0,r.useCallback)((n=>{n.value&&n.label&&k((e=>{const t=u()(e,{value:n.value});return t.splice(0,0,n),m?p()(t,"value").slice(0,m):t})),S(!1)}),[m]),P=(0,r.useCallback)((()=>{S(!1)}),[]),w=g()(P),B=(0,r.useRef)(null),E=(0,r.useRef)(null);w.current={contains:n=>B.current.contains(n)||I&&E.current.contains(n)};const A=(0,r.useRef)(null),[T,L]=(0,r.useState)(0);return(0,r.useLayoutEffect)((()=>{const n=()=>{L(B.current.clientWidth)};n();const e=new ResizeObserver(n);e.observe(B.current);const t=new MutationObserver(n);return t.observe(B.current,{subtree:!0,childList:!0}),()=>{t.disconnect(),e.disconnect()}}),[]),(0,y.jsx)(d.Popover,{zIndex:x,placement:"bottom",transitionName:"ant-slide-up",arrow:!1,open:I,getPopupContainer:_,overlayClassName:b()(t,a),content:(0,y.jsx)("div",{className:l,style:{width:T},ref:E,children:(0,y.jsxs)(d.Space,{direction:"vertical",children:[(0,y.jsx)("div",{children:h}),(0,y.jsx)(d.Space,{wrap:!0,children:N.map((n=>(0,y.jsx)(i.default,{className:o,text:n.label,type:"result",onClick:()=>{v&&v(n.value,n),A.current&&A.current(n.value,n),P(),C(n)}})))})]})}),children:(0,y.jsx)("div",{ref:B,className:b()(e),children:f({open:I,openHistory:F,appendHistory:C,setOnSelect:n=>{A.current=n},close:P})})})};v.defaultProps={maxLength:5,label:"\u6700\u8fd1\u641c\u7d22",storeName:"HISTORY_STORE_KEY"};const x=v},1454:(n,e,t)=>{"use strict";t.r(e),t.d(e,{default:()=>b});var a=t(55199),l=t(83136),o=t.n(l),r=t(64671);const s="style_part__+Vw3+__ln08u",i="style_no-title__nO8sX__ln08u",d="style_part-title__Uw+4K__ln08u",c="style_collapse__ARl-O__ln08u",u="style_is-active__i1zHH__ln08u",m="style_part-title-sub__fcxT7__ln08u";var p=t(70579);const h=n=>{let{children:e,className:t,...l}=n;return(0,p.jsx)(a.Collapse,{...l,className:o()(c,"collapse",t),expandIcon:n=>{let{isActive:e}=n;return(0,p.jsx)(r.default,{size:12,className:o()({[u]:e,"is-active":e}),type:"icon-triangle-right"})},children:e})};h.Panel=a.Collapse.Panel;const g=h,f=n=>{let{className:e,children:t,...l}=n;return(0,p.jsx)(a.Space,{...l,className:e,direction:"vertical",size:24,children:t})};f.Part=n=>{let{className:e,title:t,subTitle:l,extra:r,children:c,...u}=n;return(0,p.jsx)(a.Card,{className:o()(s,"part",e,{"no-title":!t,[i]:!t}),bordered:!1,title:t&&(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)("div",{className:o()("part-title",d),children:t}),l&&(0,p.jsx)("div",{className:o()("part-title-sub",m),children:l})]}),extra:r,...u,children:c})},f.Collapse=g;const b=f},59497:(n,e,t)=>{"use strict";t.r(e),t.d(e,{default:()=>a});const a={ButtonText:"confirm"}},82719:(n,e,t)=>{"use strict";t.r(e),t.d(e,{default:()=>a});const a={ButtonText:"\u786e\u5b9a"}},51516:(n,e,t)=>{"use strict";t.r(e),t.d(e,{Affix:()=>A,Menu:()=>Y.default,Page:()=>E,PermissionsPage:()=>K,StateBarPage:()=>J,TablePage:()=>$,default:()=>W});var a=t(55199),l=t(73884);const o={menu:null,filter:null,menuOpen:!0,menuWidth:"240px",menuFixed:!0,menuCloseButton:!0,backgroundColor:null,header:null,headerHeight:0,headerFixed:!0,headerInfo:null,backUrl:null,title:null,titleExtra:null,titleLeftExtra:null,noMargin:!1,noPadding:!1,optionFooterHeight:0,option:null,optionWidth:"400px",optionNoPadding:!1,optionFixed:!0,optionFooter:null},r=(0,l.createContext)({}),{Provider:s,Consumer:i}=r,d=()=>(0,l.useContext)(r);var c=t(79329),u=t(76801),m=t(36755),p=t(19853),h=t.n(p),g=t(63361),f=t(83136),b=t.n(f);const y={layout:"style_layout__k+lxR__ln08u","page-content":"style_page-content__4XeN8__ln08u","page-main":"style_page-main__P0yEF__ln08u","page-main-content":"style_page-main-content__1OVPN__ln08u","table-page":"style_table-page__JkbLf__ln08u","helper-guide":"style_helper-guide__vzw4z__ln08u","page-outer":"style_page-outer__2a6iH__ln08u","no-margin":"style_no-margin__S6caT__ln08u","page-menu":"style_page-menu__CZSa9__ln08u",closed:"style_closed__hmnft__ln08u","page-menu-inner":"style_page-menu-inner__rmKpu__ln08u","page-menu-main":"style_page-menu-main__OXg2M__ln08u","page-option-main":"style_page-option-main__LyfT3__ln08u","page-menu-main-outer":"style_page-menu-main-outer__yY+-Q__ln08u","page-option":"style_page-option__diS2S__ln08u","page-option-inner":"style_page-option-inner__Fj1JH__ln08u","page-option-footer":"style_page-option-footer__d7xE0__ln08u","fixed-container":"style_fixed-container__1VZwY__ln08u","is-fixed":"style_is-fixed__1aQhp__ln08u","page-menu-btn-outer":"style_page-menu-btn-outer__iVJiW__ln08u","page-menu-btn":"style_page-menu-btn__BiTy8__ln08u","page-title":"style_page-title__zw-Fd__ln08u","page-title-text":"style_page-title-text__Rj4RC__ln08u","no-padding":"style_no-padding__V7Dwy__ln08u","page-header":"style_page-header__a813p__ln08u","page-header-info":"style_page-header-info__cMrZR__ln08u","layout-menu":"style_layout-menu__yiab0__ln08u","sub-menu":"style_sub-menu__dyqK7__ln08u","no-collapsed":"style_no-collapsed__76h8W__ln08u","has-not-children":"style_has-not-children__fnjRK__ln08u","table-page-top":"style_table-page-top__bt1l9__ln08u","error-component":"style_error-component__HvghB__ln08u","state-bar-page":"style_state-bar-page__+aUM4__ln08u","back-icon":"style_back-icon__79v2G__ln08u"};var v=t(70579);const x=n=>{let{className:e,isFixed:t,children:a}=n;return t?(0,v.jsx)("div",{className:b()(e,"fixed-container",y["fixed-container"],{[y["is-fixed"]]:t}),children:a}):(0,v.jsx)("div",{className:b()(e,"fixed-container",y["fixed-container"]),children:a})};var _=t(64671),N=t(17342),k=t(94679),I=t(33097),S=t.n(I),F=t(55490),j=t(25644);const C="CORE_PAGE_MENU_OPEN_KEY",P=()=>{const{pageProps:n,setPageProps:e}=d(),{menu:t,menuOpen:l,menuWidth:o,menuFixed:r,menuCloseButton:s}=n,i=(0,k.useLocation)().pathname.split("/")[1];return t?(0,v.jsxs)(a.Col,{className:b()(y["page-menu"],{[y.closed]:!l}),style:{"--width":o},children:[(0,v.jsx)(x,{className:y["page-menu-inner"],isFixed:r,children:(0,v.jsx)("div",{className:y["page-menu-main-outer"],children:(0,v.jsx)(N.A,{className:y["page-menu-main"],children:t})})}),s?(0,v.jsx)(x,{className:b()(y["page-menu-btn-outer"],{[y["is-fixed"]]:r}),isFixed:r,children:(0,v.jsx)(a.Button,{className:b()(y["page-menu-btn"],{[y.closed]:!l}),icon:l?(0,v.jsx)(_.default,{type:"icon-arrow-bold-left"}):(0,v.jsx)(_.default,{type:"icon-arrow-bold-right"}),onClick:()=>{e({menuOpen:!n.menuOpen});const t=j.A.getItem(C)||{};t[i]=!n.menuOpen,j.A.setItem(C,t),e({menuOpen:!n.menuOpen})}})}):null]}):null},w=n=>{let{children:e,isPass:t,...r}=n;const{setPageProps:s}=d(),i=(0,l.useRef)(null),c=(()=>{const n=(0,k.useLocation)().pathname.split("/")[1];return(0,l.useMemo)((()=>{const e=j.A.getItem(C)||{};return!(0,F.A)(S()(e,n))||S()(e,n)}),[n])})(),u=(0,l.useRef)(c);return u.current=c,(0,l.useEffect)((()=>{if(!h()(i.current,r)){i.current=r;const n=Object.assign({},o,r,"boolean"===typeof u.current?{menuOpen:u.current}:{});n.header&&0===n.headerHeight&&delete n.headerHeight,n.optionFooter&&0===n.optionFooterHeight&&delete n.optionFooter,s(n)}}),[r,s]),!1===t?(0,v.jsx)(a.Result,{status:"403",subTitle:"\u6682\u672a\u5f00\u653e\u6b64\u529f\u80fd"}):e},B=n=>{let{featureId:e,name:t,openFeatures:a,...o}=n;return!0===a?(0,v.jsx)(g.default,{id:t,children:n=>{let{isPass:e}=n;return(0,l.createElement)(w,{...o,key:t,isPass:e})}}):(0,l.createElement)(w,{...o,key:t})};B.defaultProps=o;const E=B,A=n=>{let{isFixed:e,offsetTop:t,offsetBottom:l,onChange:o,...r}=n;return e?(0,v.jsx)(a.Affix,{...r,offsetTop:Number.isInteger(t)?t-.1:t,offsetBottom:l,onChange:o}):(0,v.jsx)("div",{...r})},T=n=>{let{targetKey:e,...t}=n;const a=(n=>{let{targetKey:e}=n;const{setPageProps:t}=d(),a=(0,l.useRef)(null);return(0,l.useLayoutEffect)((()=>{const n=()=>{t({[e]:a.current.offsetHeight})};n();const l=new MutationObserver(n);return l.observe(a.current,{subtree:!0,childList:!0}),()=>{l.disconnect()}}),[t,e]),a})({targetKey:e});return(0,v.jsx)("div",{...t,ref:a})},L=()=>{const{pageProps:n}=d(),{header:e,headerFixed:t}=n;return e?(0,v.jsx)(A,{isFixed:t,className:y["page-header"],offsetTop:c.navigationHeight,children:(0,v.jsx)(T,{targetKey:"headerHeight",children:e})}):null},M=()=>{const{pageProps:n}=d(),{headerInfo:e}=n,t=(0,l.useRef)(null);return e?(0,v.jsx)("div",{ref:t,className:b()(y["page-header-info"],"page-header-info"),children:e}):null};var R=t(2615);const D=n=>{let{title:e,filter:t,titleExtra:l,titleLeftExtra:o,backUrl:r}=n;const s=(0,k.useNavigate)();return t?(0,v.jsx)(R.default,{className:y["page-title"],...t,extra:l}):e||o||l?(0,v.jsxs)(a.Row,{justify:"space-between",align:"middle",className:y["page-title"],children:[(0,v.jsx)(a.Col,{children:(0,v.jsxs)(a.Space,{children:[e?(0,v.jsx)("div",{className:y["page-title-text"],children:r?(0,v.jsxs)(a.Space,{children:[(0,v.jsx)("span",{className:y["back-icon"],onClick:()=>{s(r)},children:(0,v.jsx)(_.default,{type:"icon-arrow-thin-left"})}),(0,v.jsx)("span",{children:e})]}):e}):null,o||null]})}),(0,v.jsx)(a.Col,{children:l})]}):null},O=()=>{const{pageProps:n}=d(),{option:e,optionWidth:t,optionFixed:l,optionFooter:o,optionFooterHeight:r,optionNoPadding:s}=n;return e?(0,v.jsx)(a.Col,{className:b()(y["page-option"],"page-option"),style:{"--width":t,"--foot-height":r+"px"},children:(0,v.jsxs)(x,{className:y["page-option-inner"],isFixed:l,children:[(0,v.jsx)(N.A,{className:b()(y["page-option-main"],"page-option-main"),style:{padding:s?"0px":"var(--padding-width)"},children:e}),o?(0,v.jsx)(T,{className:y["page-option-footer"],targetKey:"optionFooterHeight",children:(0,v.jsx)(a.Space,{align:"center",children:o})}):null]})}):null};var G=t(75363),z=t(29053);const{Content:U}=a.Layout,H=()=>(0,v.jsx)(a.Alert,{message:"\u7cfb\u7edf\u51fa\u4e86\u70b9\u5c0f\u95ee\u9898\uff0c\u53ef\u5237\u65b0\u9875\u9762\u8fdb\u884c\u89e3\u51b3",showIcon:!0,type:"error",action:(0,v.jsx)(a.Button,{size:"small",danger:!0,onClick:()=>window.location.reload(),children:"\u5237\u65b0"})}),V=n=>(0,v.jsx)(m.A,{...n,errorComponent:H}),Q=n=>{let{children:e,theme:t,navigation:r}=n;const[i,d]=(0,l.useState)(0),[m,p]=(0,l.useState)(Object.assign({},o)),{permissions:h}=(0,z.usePermissions)(),g=(0,l.useCallback)((n=>p((e=>Object.assign({},e,n)))),[]);return(0,l.useEffect)((()=>{const n=(0,u.h)(),e=()=>{d(n.scrollLeft)};return n.addEventListener("scroll",e),()=>{n.removeEventListener("scroll",e)}}),[]),(0,v.jsxs)(a.Layout,{className:y.layout,style:Object.assign({},{"--nav-height":c.navigationHeight+"px","--nav-height-base":"var(--nav-height)","--scroll-left":-i+"px"},t),children:[r&&(0,v.jsx)(V,{children:(0,v.jsx)(c.default,{permissions:h,...r,onChange:n=>{(null===r||void 0===r?void 0:r.onChange)&&r.onChange(n)}})}),(0,v.jsx)(V,{children:(0,v.jsx)(U,{className:y["layout-content-wrap"],children:(0,v.jsxs)(s,{value:{pageProps:m,setPageProps:g},children:[(0,v.jsx)(V,{children:(0,v.jsx)(L,{})}),(0,v.jsx)(V,{children:(0,v.jsx)(M,{})}),(0,v.jsx)(V,{children:(0,v.jsxs)(a.Row,{className:b()(m.className,y["page-outer"]),wrap:!1,style:{"--nav-height":"calc(".concat(m.headerHeight,"px + var(--nav-height-base))"),"--nav-only-height":"var(--nav-height-base)"},children:[(0,v.jsx)(V,{children:(0,v.jsx)(P,{})}),(0,v.jsx)(a.Col,{className:b()(y["page-content"],{[y["no-margin"]]:m.noMargin}),flex:1,style:{"--background-color":m.backgroundColor},children:(0,v.jsxs)("div",{className:y["page-main"],children:[(0,v.jsx)(V,{children:(0,v.jsx)(D,{title:m.title,backUrl:m.backUrl,filter:m.filter,titleExtra:m.titleExtra,titleLeftExtra:m.titleLeftExtra})}),(0,v.jsx)("div",{className:b()(y["page-main-content"],{[y["no-padding"]]:m.noPadding}),children:(0,v.jsxs)(V,{children:[m.helperGuideName&&(0,v.jsx)(G.default,{className:y["helper-guide-page"],name:m.helperGuideName}),e]})})]})}),(0,v.jsx)(V,{children:(0,v.jsx)(O,{})})]})})]})})})]})};Q.defaultProps={navigation:{}};const W=Q,K=n=>{let{permissions:e,...t}=n;return(0,v.jsx)(z.default,{...Object.assign({},e,{type:"error"}),children:(0,v.jsx)(E,{...t})})};var Y=t(28148),q=t(75698);const $=(0,l.forwardRef)(((n,e)=>{let{helperGuideName:t,permissions:a,page:o,openFeatures:r,name:s,topArea:i,...d}=n;const[c,u]=(0,l.useState)(null);return(0,v.jsxs)(K,{name:s,openFeatures:r,permissions:a,...o,children:[i?(0,v.jsx)("div",{className:y["table-page-top"],children:"function"===typeof i?i(c):i}):null,(0,v.jsxs)("div",{className:y["table-page"],children:[t&&(0,v.jsx)(G.default,{className:b()("helper-guide",y["helper-guide"]),name:t}),(0,v.jsx)(q.TablePage,{...d,ref:e,name:s,onRequestSuccess:n=>{u(n)}})]})]})}));var X=t(87227);const J=n=>{let{helperGuideName:e,permissions:t,page:a,stateBar:l,children:o,...r}=n;return(0,v.jsxs)(K,{...a,permissions:t,...r,children:[(0,v.jsx)("div",{className:y["state-bar-page"],children:(0,v.jsx)(X.default,{...l})}),e&&(0,v.jsx)(G.default,{className:y["helper-guide"],name:e}),o]})}},28148:(n,e,t)=>{"use strict";t.r(e),t.d(e,{default:()=>v});const a={menu:"style_menu__gvIvn__ln08u","all-no-start-icon":"style_all-no-start-icon__CA+zR__ln08u","no-start-icon":"style_no-start-icon__LnC1S__ln08u","has-children":"style_has-children__m9tce__ln08u","has-children-node":"style_has-children-node__2bhEB__ln08u","is-root":"style_is-root__4hhOc__ln08u",title:"style_title__+Hcar__ln08u",active:"style_active__WU49K__ln08u","no-collapse":"style_no-collapse__aIZBM__ln08u","title-content":"style_title-content__cQXpK__ln08u",loading:"style_loading__1pU4P__ln08u"};var l=t(83136),o=t.n(l),r=t(55199),s=t(94679),i=t(29053),d=t(10986),c=t.n(d),u=t(64671),m=t(73884),p=t(18081),h=t.n(p),g=t(87558),f=t(70579);const b=n=>{const e=(0,s.useNavigate)(),{id:t,className:l,label:d,iconType:c,path:m,request:p,onClick:h,isOpen:b,isSelected:y,onOpenChange:v,children:x,fetchOptions:_,depth:N,onLoad:k,allowCollapsed:I}=n,S=Array.isArray(x)&&x.length>0||_,{refresh:F,isLoading:j}=(0,g.useFetch)(Object.assign({},_,{auto:!I&&_,onRequestSuccess:n=>{k(n)}}));return(0,f.jsx)(i.default,{request:p,children:(0,f.jsxs)("div",{className:o()(l,a["menu-item"]),children:[(0,f.jsxs)("div",{className:o()(a.title,{[a.active]:y,[a["has-children"]]:S,[a["no-collapse"]]:S&&!I,[a["no-start-icon"]]:!c,[a["is-root"]]:0===N}),onClick:a=>{a.stopPropagation(),S||!m?S||_?I&&(_&&F({}),v(!b)):null===h||void 0===h||h(t,n):e(m)},children:[c&&(0,f.jsx)(u.default,{type:c}),(0,f.jsx)("span",{className:a["title-content"],children:d}),S&&I&&(0,f.jsx)(u.default,{type:b?"icon-arrow-bold-down":"icon-arrow-bold-right"})]}),S?!I||b&&x?(0,f.jsx)("div",{className:a["children-list"],children:x}):!I||b&&j?(0,f.jsx)("div",{className:a["children-list"],children:(0,f.jsx)(r.Spin,{className:a.loading,size:"small"})}):void 0:null]})})},y=n=>{let{className:e,allowCollapsed:t,...l}=n;const{pathname:r,search:i}=(0,s.useLocation)(),[d,u]=c()(l,{value:"currentKey",defaultValue:"defaultCurrentKey"}),[p,g]=c()(l,{defaultValue:"defaultItems",value:"items",onChange:"onItemsChange"}),{items:y,defaultOpenKeys:v,links:x,childrenKeys:_,hasStartIcon:N,hasChildren:k}=(0,m.useMemo)((()=>{var n;const{items:e,childrenKeys:t,nodeMapping:a}=(n=>{const e={},t=[],a=(n,l)=>{const{parentKey:o,depth:r}=Object.assign({parentKey:"root",depth:0,paths:[]},l);return Array.isArray(n)&&n.length>0?n.map(((n,l)=>{const s="".concat(n.key||"".concat("root"!==o?"".concat(o,"-"):"","node-").concat(l));e[o]||(e[o]=[]),e[o].push(s);const i=a(n.children,{parentKey:s,depth:r+1});e[s]&&e[o].push(...e[s]);const d=Object.assign({},n,{key:s,parentKey:o,depth:r,children:i,originItem:n});return t[s]=d,d})):null};return{items:a(n),childrenKeys:e,nodeMapping:t}})(p);let l=!1,o=!1;const r=[],s=[];return null===t||void 0===t||null===(n=t.root)||void 0===n||n.forEach((n=>{const e=a[n];e.iconType&&(l=!0),e.path&&r.push({path:e.path,key:n}),Array.isArray(e.children)&&e.children.length>0&&(o=!0,s.push(e.key))})),{defaultOpenKeys:s,links:r,items:e,childrenKeys:t,hasStartIcon:l,hasChildren:o}}),[p]);(0,m.useEffect)((()=>{const n=x.find((n=>{let{path:e}=n;return h()(r.replace(/[#,?].*/,""))===h()(e)||h()(r+i)===h()(e)}));n&&u(n.key)}),[x,r,i,u]);const[I,S]=c()(Object.assign({},l,{defaultOpenKeys:l.defaultOpenKeys||v}),{value:"openKeys",defaultValue:"defaultOpenKeys",onChange:"onOpenChange"}),F=(0,m.useCallback)(((n,e)=>{const{parentKey:a,depth:l,selectedKey:o,openKeys:r,paths:s}=Object.assign({parentKey:null,depth:0,paths:[]},e);return Array.isArray(n)&&n.length>0?n.map((n=>{let{children:e,key:i,originItem:d,...c}=n;return(0,m.createElement)(b,{...Object.assign({},c),id:i,parentId:a,depth:l,allowCollapsed:t,isSelected:i===o||_[i]&&_[i].indexOf(o)>-1,onClick:u,onLoad:n=>{g((e=>{const t=e=>Array.isArray(e)&&e.length>0?e.map((e=>Object.assign({},e,{children:d===e?n:t(e.children)}))):null;return t(e)}))},isOpen:(r||[]).indexOf(i)>-1,key:i,onOpenChange:()=>{S((n=>{const e=n.slice(0);return n.indexOf(i)>-1?e.splice(n.indexOf(i),1):e.push(i),e}))}},F(e,{parentKey:a,depth:l+1,selectedKey:o,openKeys:r,paths:[...s,i]}))})):null}),[g,S,u,_,t]);return(0,f.jsx)("div",{className:o()(e,a.menu,{[a["all-no-start-icon"]]:!N,[a["has-children-node"]]:k}),children:F(y,{selectedKey:d,openKeys:I})})};y.defaultProps={defaultItems:[],allowCollapsed:!0};const v=y},79329:(n,e,t)=>{"use strict";t.r(e),t.d(e,{default:()=>C,navigationHeight:()=>S});var a=t(55199),l=t(94679),o=t(33097),r=t.n(o),s=t(73884),i=t(83136),d=t.n(i);const c=t.p+"static/media/favicon.477a5bb996fd5b367fe0dddc29f67824.svg";var u=t(40438);const m=n=>({"en-US":()=>t.e(257).then(t.bind(t,30257)),"zh-CN":()=>t.e(5671).then(t.bind(t,5671))}[n]());var p=t(58609),h=t(64671);const g="style_navigation-wrap__VF8x2__ln08u",f="style_navigation__60RrS__ln08u",b="style_is-fixed__kHFWj__ln08u",y="style_navigation-logo__q9qHu__ln08u",v="style_logo__lB9RC__ln08u",x="style_navigation-list__EYtkg__ln08u",_="style_navigation-options__0BdJU__ln08u",N="style_more-icon__gNMnt__ln08u";var k=t(70579);const{Header:I}=a.Layout,S=48,F=n=>{let{name:e,mapping:t,defaultTitle:a}=n;const l=(0,s.useRef)({mapping:t,defaultTitle:a});return(0,s.useEffect)((()=>{const n=r()(l.current.mapping.get(e),"title");document.title=(n?n+"-":"")+l.current.defaultTitle}),[e]),null},j=n=>{let{permissions:e,list:t,headerLogo:o,rightOptions:i,isFixed:S,showIndex:j,indexLabel:C,defaultTitle:P,overflowedIndicator:w,base:B,onChange:E,className:A}=n;const T=(0,s.useMemo)((()=>new Map(t.map((n=>{let{key:e,...t}=n;return[e,t]})))),[t]),L=(0,l.useNavigate)(),M=(0,l.useLocation)(),R=(0,s.useRef)(),D=(0,s.useRef)(null),[O,G]=(0,s.useState)("\u66f4\u591a"),z=M.pathname.replace(new RegExp("^".concat(B)),"").split("/")[1],U=z?r()(Array.from(T.entries()).find((n=>{let[t,{path:a,permission:l}]=n;return-1!==("function"===typeof a?a(l,e):a).indexOf("/"+z)})),"[0]"):"home";(0,s.useEffect)((()=>{const n=()=>{if(R.current){const n=R.current.querySelectorAll("li[data-menu-id]");let e=!1;for(let a=0;a<n.length;a++){if(-1!==n[a].getAttribute("data-menu-id").indexOf(U)){e=!0;break}}let t=T.get(U)&&!e?r()(T.get(U),"title"):"";G(t)}},e={attributes:!0,childList:!0,subtree:!0};return R&&R.current&&(n(),D.current&&D.current.disconnect(),D.current=new MutationObserver(n),D.current.observe(R.current,e)),()=>{D.current&&D.current.disconnect()}}),[U,T]);const H=!!j&&{label:C||(0,k.jsx)(p.FormattedMessage,{id:"indexLabel",moduleName:"Navigation"}),key:"home",onClick:()=>{E&&E("/"),setTimeout((()=>{L("/")}),0)}};return(0,k.jsxs)(p.IntlProvider,{importMessages:m,moduleName:"Navigation",children:[(0,k.jsx)(p.FormattedMessage,{id:"defaultTitle",moduleName:"Navigation",children:n=>(0,k.jsx)(F,{defaultTitle:P||n,mapping:T,name:U})}),(0,k.jsx)("div",{className:d()(g,A),children:(0,k.jsx)(I,{className:d()("navigation",f,{[b]:S}),children:(0,k.jsxs)(a.Row,{justify:"space-around",wrap:!1,children:[(0,k.jsx)(a.Col,{className:d()("navigation-logo",y),children:(0,k.jsx)(u.default,{className:d()(v),src:c,alt:"logo",...o})}),(0,k.jsx)(a.Col,{ref:R,flex:1,className:d()("navigation-list",x),children:(0,k.jsx)(a.Menu,{selectedKeys:[U],mode:"horizontal",overflowedIndicator:w||(0,k.jsxs)(a.Space,{size:4,children:[(0,k.jsx)("span",{children:O||(0,k.jsx)(p.FormattedMessage,{id:"overflowedIndicator",moduleName:"Navigation"})}),(0,k.jsx)("span",{className:N,children:(0,k.jsx)(h.default,{type:"icon-arrow-thin-down"})})]}),items:[H,...Array.from(T.entries()).filter((n=>{let[t,{permission:a}]=n;if("string"===typeof a)return e.indexOf(a)>-1;if("function"===typeof a)return a(e);if(Array.isArray(a)){for(let n of a)if(e.indexOf(n)>-1)return!0;return!1}return!0})).map((n=>{let[t,{title:a,path:l,permission:o}]=n;const r="function"===typeof l?l(o,e):l;return{label:a,key:t,onClick:()=>{E&&E(r),setTimeout((()=>{L(r)}),0)}}}))]})}),(0,k.jsx)(a.Col,{className:_,children:i})]})})})]})};j.defaultProps={isFixed:!0,permissions:[],list:[],showIndex:!0,base:""};const C=j},89384:(n,e,t)=>{"use strict";t.r(e),t.d(e,{default:()=>F});var a=t(55199),l=t(53984),o=t.n(l),r=t(83136),s=t.n(r),i=t(17342),d=t(76329),c=t(64671),u=t(45362);const m={notification:"style_notification__Vv-MM__ln08u",list:"style_list__l8KOo__ln08u",header:"style_header__3dcv8__ln08u",item:"style_item__d92RS__ln08u","item-box":"style_item-box__dd-Lk__ln08u","index-1":"style_index-1__f97L0__ln08u","index-2":"style_index-2__04vAw__ln08u","item-box-main":"style_item-box-main__lnSak__ln08u","item-title":"style_item-title__mArMd__ln08u","level-high":"style_level-high__Uys7Y__ln08u","level-middle":"style_level-middle__EewyC__ln08u","level-low":"style_level-low__8kVyL__ln08u","title-icon":"style_title-icon__1EoAG__ln08u","item-subtitle":"style_item-subtitle__xeFJs__ln08u","close-btn":"style_close-btn__7qpG3__ln08u","is-loading":"style_is-loading__upVL+__ln08u","item-content":"style_item-content__8MlsG__ln08u","link-outer":"style_link-outer__kegyZ__ln08u",link:"style_link__F2CO-__ln08u","is-last-item":"style_is-last-item__MytRl__ln08u"};var p=t(73884),h=t(39835),g=t.n(h),f=t(85855),b=t.n(f),y=t(96604),v=t.n(y),x=t(81014),_=t(32520),N=t.n(_),k=t(70579);const I=["high","middle","low"],S=n=>{let{level:e,title:t,groupLength:l,subtitle:o,content:r,link:i,id:p,children:h,className:g}=n;const{setGlobal:f}=(0,d.useGlobalContext)("notification"),{apis:b,ajax:y}=(0,d.usePreset)(),{isLoading:_,callback:I}=(0,x.useLoading)((async()=>{var n;const{data:e}=null!==b&&void 0!==b&&null!==(n=b.notification)&&void 0!==n&&n.read?await y(Object.assign({},b.notification.read,{data:{ids:[p]}})):{data:{code:0}};0===e.code&&f((n=>{const e=((null===n||void 0===n?void 0:n.list)||[]).slice(0),t=N()(e,(n=>p===n.id));return t>-1&&e.splice(t,1),Object.assign({},n,{list:e})}))}));return(0,k.jsxs)("div",{className:s()(m.item,g),style:{"--group-length":Math.min(l,3)||1},children:[l&&l>1&&v()(1,Math.min(l,3)).reverse().map((n=>(0,k.jsx)("div",{className:s()(m["item-box"],m["index-".concat(n)])},n))),(0,k.jsxs)("div",{className:s()(m["item-box"],m["item-box-main"]),children:[(0,k.jsxs)("div",{className:s()(m["item-title"],m["level-".concat(e)]),children:[(0,k.jsx)(c.default,{className:m["title-icon"],type:"high"===e?"icon-tishi":"icon-daiwochuli"}),(0,k.jsx)(a.Typography.Text,{ellipsis:!0,children:t})]}),(0,k.jsxs)("div",{className:m["item-content"],children:[(0,k.jsxs)("div",{className:m["item-subtitle"],children:[(0,k.jsx)(a.Typography.Text,{ellipsis:!0,children:o||""}),(0,k.jsx)(c.default,{className:s()(m["close-btn"],{[m["is-loading"]]:_}),type:"icon-close-thin",onClick:()=>{_||p&&I()}})]}),Array.isArray(r)?(0,k.jsx)(u.default,{list:r,labelAlign:"auto",size:"small"}):h]}),i&&(0,k.jsx)("div",{className:m["link-outer"],children:(0,k.jsx)(x.default,{className:m.link,size:"small",onClick:async()=>{var n;const{data:e}=null!==b&&void 0!==b&&null!==(n=b.notification)&&void 0!==n&&n.read?await y(Object.assign({},b.notification.read,{data:{ids:[p]}})):{data:{code:0}};0===e.code&&window.open(i)},children:"\u67e5\u770b\u8be6\u60c5"})})]})]})};S.defaultProps={level:"low"};const F=()=>{const{global:n,setGlobal:e}=(0,d.useGlobalContext)("notification"),t=(0,p.useRef)(),{apis:l,ajax:r}=(0,d.usePreset)(),[c,u]=(0,p.useState)(32);(0,p.useEffect)((()=>{var n;t.current&&u(null===(n=t.current)||void 0===n?void 0:n.clientHeight)}),[]);const{list:h,expand:f}=Object.assign({},{expand:!1,list:[]},n),y=(0,p.useMemo)((()=>{const n=g()(h,(n=>n.level||"low"));return I.map((e=>n[e]||[]))}),[h]);return 0===h.length?null:(0,k.jsxs)("div",{className:m.notification,style:{"--head-option-height":"".concat(c,"px")},children:[(0,k.jsx)("div",{ref:t,children:(0,k.jsxs)(a.Row,{justify:"end",wrap:!1,className:m.header,gutter:8,children:[y.some((n=>n.length>1))&&(0,k.jsx)(a.Col,{children:(0,k.jsx)(a.Button,{size:"small",onClick:()=>{e(Object.assign({},n,{expand:!f}))},children:f?"\u5168\u90e8\u6298\u53e0":"\u5168\u90e8\u5c55\u5f00"})}),(0,k.jsx)(a.Col,{children:(0,k.jsx)(x.default,{type:"primary",size:"small",onClick:async()=>{var t;const{data:a}=null!==l&&void 0!==l&&null!==(t=l.notification)&&void 0!==t&&t.read?await r(Object.assign({},l.notification.read,{data:{ids:h.map((n=>n.id)).filter((n=>!!n))}})):{data:{code:0}};0===a.code&&e(Object.assign({},n,{list:[]}))},children:"\u5168\u90e8\u6e05\u9664"})})]})}),(0,k.jsx)(i.A,{className:m.list,children:(0,k.jsx)(o(),{leaveReverse:!0,duration:200,interval:20,children:y.filter((n=>n&&n.length>0)).map(((n,e)=>{var t;if(f)return n.map(((t,a)=>{var l;return t&&(0,k.jsx)("div",{children:(0,k.jsx)(S,{...Object.assign({},t),className:s()({[m["is-last-item"]]:+e+1===Math.min(null===(l=y.filter((n=>n&&n.length)))||void 0===l?void 0:l.length,3)&&a===(null===n||void 0===n?void 0:n.length)-1})})},"group-".concat(e,"-").concat(a))}));const a=b()(n);return(0,k.jsx)("div",{children:(0,k.jsx)(S,{...Object.assign({},a),groupLength:n.length,className:s()({[m["is-last-item"]]:(null===y||void 0===y?void 0:y.length)&&+e+1===Math.min(null===(t=y.filter((n=>n&&n.length)))||void 0===t?void 0:t.length,3)})})},"group-".concat(e,"-0"))}))})})]})}},29053:(n,e,t)=>{"use strict";t.r(e),t.d(e,{computedIsPass:()=>m,default:()=>f,usePermissions:()=>p,usePermissionsPass:()=>h});var a=t(73884),l=t(55199),o=t(33097),r=t.n(o),s=t(83136),i=t.n(s);const d="style_outer__vbHB9__ln08u";var c=t(76329),u=t(70579);const m=n=>{let{permissions:e,request:t}=n;return!(Array.isArray(t)&&t.length>0)||t.some((n=>(e||[]).indexOf(n)>-1))},p=()=>{const{global:n}=(0,c.useGlobalContext)(),{permissions:e,permissionsPath:t}=(0,c.usePreset)();return{permissions:n.permissions||e||t&&r()(n,t)||[]}},h=n=>{let{request:e}=n;const{permissions:t}=p();return m({permissions:t,request:e})},g=n=>{let{type:e,className:t,tagName:o,message:r,request:s,children:c,...m}=n;const p=h({request:s});return"function"===typeof c?c({isPass:p,type:e,request:s}):!0===p?c:"error"===e?(0,u.jsx)(l.Result,{status:"403",subTitle:r}):"tooltip"===e?(0,u.jsx)(l.Tooltip,{title:r,children:(0,a.createElement)(o,{...m,className:i()(d,t)},c)}):null};g.defaultProps={type:"hidden",tagName:"span",message:"\u60a8\u6682\u65e0\u6743\u9650\uff0c\u8bf7\u8054\u7cfb\u7ba1\u7406\u5458"};const f=g},87227:(n,e,t)=>{"use strict";t.r(e),t.d(e,{default:()=>i});var a=t(55199),l=t(83136),o=t.n(l);const r={"state-bar":"style_state-bar__3jfis__ln08u","has-children":"style_has-children__oQDqU__ln08u","tab-tab-control":"style_tab-tab-control__SopeO__ln08u","tab-radio-control":"style_tab-radio-control__R8X6-__ln08u","tab-step-control":"style_tab-step-control__EQaCl__ln08u","inner-state-bar":"style_inner-state-bar__lWmOz__ln08u"};var s=t(70579);const i=n=>{let{className:e,type:t="tab",stateOption:l=[],isInner:i,...d}=n;return(0,s.jsx)(a.Tabs,{...d,"data-testid":"components-core-state-bar",className:o()(r["state-bar"],r["tab-".concat(t,"-control")],e,{[r["inner-state-bar"]]:i,[r["has-children"]]:l.some((n=>!!n.children))}),style:{"--total-count":l.length},animated:!1,items:l.map((n=>{let{tab:e,label:t,key:a,...l}=n;return{label:e||t,key:a,...l}}))})}},62716:(n,e,t)=>{"use strict";t.r(e),t.d(e,{default:()=>u});var a=t(73884),l=t(83136),o=t.n(l);const r={"state-tag":"style_state-tag__Kx27z__ln08u","state-result-tag":"style_state-result-tag__CssDz__ln08u","state-skill-tag":"style_state-skill-tag__k0bQE__ln08u","state-tag-filter-result-wrapper":"style_state-tag-filter-result-wrapper__QYS5z__ln08u","state-tag-filter-name":"style_state-tag-filter-name__iJaJd__ln08u","state-tag-filterResult":"style_state-tag-filterResult__KTkot__ln08u","show-bg":"style_show-bg__OcL+R__ln08u","tag-text":"style_tag-text__JHCt+__ln08u","state-tag-wrapper":"style_state-tag-wrapper__A-gTE__ln08u"};var s=t(55199),i=t(70579);const d={default:"#666666",skill:{color:"#666666",borderColor:"#EEEEEE"},result:"#666666",filterResult:"#5CB8B2",success:"#027A48",progress:"#F09700",danger:"#D14343",info:"#155ACF",other:"#6740C3"},c=n=>{let{showBorder:e,text:t,type:l,showBackground:c,className:u,filterName:m,...p}=n;const h=(0,a.useMemo)((()=>{var n,e;return{color:(null===d||void 0===d||null===(n=d[l])||void 0===n?void 0:n.color)||d[l],borderColor:(null===d||void 0===d||null===(e=d[l])||void 0===e?void 0:e.borderColor)||d[l]}}),[l]);return(0,i.jsxs)(s.Space,{"data-testid":"components-core-state-tag",className:o()(r["state-tag-wrapper"],"filterResult"===l?r["state-tag-filter-result-wrapper"]:""),align:"center",size:4,children:[m?(0,i.jsxs)("span",{className:r["state-tag-filter-name"],children:[m,":"]}):null,(0,i.jsx)(s.Tag,{color:h.color,...p,style:{background:c?h.color+"0F":"none",color:h.color,border:e?"1px solid ".concat(h.borderColor):"none"},className:o()(r["state-tag"],u,"result"===l?r["state-result-tag"]:"","skill"===l?r["state-skill-tag"]:"",r["state-tag-".concat(l)],c?r["show-bg"]:"",e?r["show-border"]:""),children:(0,i.jsx)("span",{className:r["tag-text"],children:t})})]})};c.defaultProps={color:"#666666",type:"default",showBorder:!1,showBackground:!0,text:"",className:""};const u=c},75698:(n,e,t)=>{"use strict";t.r(e),t.d(e,{TablePage:()=>Cn,default:()=>_n});const a={table:"style_table__z7kfz__ln08u","is-resize":"style_is-resize__ut6RW__ln08u","is-moving":"style_is-moving__BJ9wR__ln08u","cell-resize-bar":"style_cell-resize-bar__-mlUF__ln08u","is-computed":"style_is-computed__B9rIF__ln08u","options-column":"style_options-column__vsPTr__ln08u","options-btn":"style_options-btn__U3uoy__ln08u",tooltip:"style_tooltip__vJlkv__ln08u","table-changer-setting":"style_table-changer-setting__HcrwR__ln08u","width-changer-sign":"style_width-changer-sign__Aflyl__ln08u","columns-control":"style_columns-control__5-5ZF__ln08u","columns-control-content":"style_columns-control-content__MoeUI__ln08u","columns-control-content-title":"style_columns-control-content-title__P5sXV__ln08u","columns-control-content-scroller":"style_columns-control-content-scroller__CeYRV__ln08u","columns-control-content-footer":"style_columns-control-content-footer__0bQWm__ln08u","columns-control-content-input":"style_columns-control-content-input__G6yKq__ln08u","columns-control-content-list":"style_columns-control-content-list__aXvTs__ln08u","columns-control-content-item":"style_columns-control-content-item__jbyyE__ln08u","is-drag":"style_is-drag__U68aw__ln08u","columns-control-content-item-icon":"style_columns-control-content-item-icon__yJqZf__ln08u","sortable-drag":"style_sortable-drag__K5hWd__ln08u","sortable-ghost":"style_sortable-ghost__lKTd2__ln08u","columns-control-overlay":"style_columns-control-overlay__OxCIz__ln08u","sort-btn":"style_sort-btn__KvNLr__ln08u","sort-active-desc":"style_sort-active-desc__TIhMC__ln08u","sort-icon":"style_sort-icon__dB85I__ln08u","sort-active-asc":"style_sort-active-asc__RUBup__ln08u"};var l=t(55199),o=t(73884),r=t(83136),s=t.n(r),i=t(42787),d=t(76801),c=t(77964),u=t(96418),m=t.n(u);const p={"col-item":"columns_col-item__Ym1Ec__ln08u",tag:"columns_tag__bQZLG__ln08u",avatar:"columns_avatar__SLPI+__ln08u",hover:"columns_hover__oAwHg__ln08u",primary:"columns_primary__6KtaA__ln08u",loading:"columns_loading__gtBay__ln08u",options:"columns_options__WvDZD__ln08u"};var h=t(57469),g=t.n(h),f=t(64671),b=t(80940),y=t(70579);const v=n=>{let{className:e,list:t=[],width:o}=n;return(0,y.jsx)("div",{className:s()(e,a["options-column"]),style:{"--max-width":o+"px"},children:(0,y.jsx)(b.default,{list:t.filter((n=>!(null!==n&&void 0!==n&&n.hidden))).map((n=>{let{className:e,...t}=n;return Object.assign({},t,{className:s()(e,"btn-no-padding",a["options-btn"]),type:"link"})})),more:(0,y.jsx)(l.Button,{icon:(0,y.jsx)(f.default,{type:"icon-gengduo2"}),className:"btn-no-padding",type:"link"})})})};var x=t(62716),_=t(40438),N=t(48731),k=t(87558);const I=n=>{let{children:e,ellipsis:t}=n;return(0,y.jsx)(l.Typography.Text,{ellipsis:t&&Object.assign({},{tooltip:{overlayClassName:a.tooltip,children:e}}),children:e})},S=n=>{let{type:e,item:t,isEmpty:a,emptyRender:l,hover:r,primary:i,children:d,width:c,style:u,onClick:m,colValue:h}=n;const[g,f]=(0,o.useState)(!1);return(0,y.jsx)("div",{style:Object.assign({},u,{"--max-width":c+"px"}),className:s()(p["col-item"],p[e],a?null:{[p.hover]:r,[p.primary]:i,[p.loading]:g}),onClick:n=>{"function"!==typeof m||a||g||(f(!0),Promise.resolve(m({item:t,colItem:h,event:n})).finally((()=>{f(!1)})))},children:a?l({type:e,item:t,hover:r,primary:i,children:d}):d})};S.defaultProps={emptyRender:()=>"-"};const F=S,j=(0,k.createWithFetch)({loading:null})((n=>{let{data:e,children:t}=n;return t(e)})),C=n=>{let{api:e,expand:t,onExpand:a,ellipsis:o,hover:r,primary:s,emptyRender:i,isEmpty:d}=n;return t?(0,y.jsx)(j,{...e,children:n=>(0,y.jsx)(F,{type:"hide-info-expand",item:n,hover:r,primary:s,emptyRender:i,isEmpty:d,children:(0,y.jsx)(I,{ellipsis:o,children:"function"===typeof e.children?e.children(n):n})})}):(0,y.jsx)(F,{type:"hide-info",primary:!0,isEmpty:d,emptyRender:i,children:(0,y.jsx)(l.Button,{className:"btn-no-padding",type:"link",onClick:a,children:"\u67e5\u770b"})})};var P=t(1488),w=t.n(P);const B=(n,e)=>{let{hover:t,primary:a,ellipsis:l,emptyRender:o,isEmpty:r,...s}=e;return(0,y.jsx)(F,{...s,type:"other",item:n,hover:t,primary:a,emptyRender:o,isEmpty:r,children:(0,y.jsx)(I,{ellipsis:l,children:n})})},E={date:{render:(n,e)=>{let{hover:t,primary:a,isEmpty:l,emptyRender:o,...r}=e;return(0,y.jsx)(F,{...r,type:"date",item:n,primary:a,hover:t,emptyRender:o,isEmpty:l||!g()(n).isValid(),children:g()(n).format("YYYY-MM-DD")})},width:160,min:120,max:400},dateShort:{render:(n,e)=>{let{hover:t,primary:a,isEmpty:l,emptyRender:o,...r}=e;return(0,y.jsx)(F,{...r,type:"date-short",item:n,primary:a,hover:t,emptyRender:o,isEmpty:l||!g()(n).isValid(),children:g()(n).format("YYYY-MM")})},width:120,min:100,max:400},dateRange:{render:(n,e)=>{let{hover:t,primary:a,isEmpty:l,emptyRender:o,...r}=e;return(0,y.jsx)(F,{...r,type:"date-range",item:n,primary:a,hover:t,emptyRender:o,isEmpty:l,children:g()(null===n||void 0===n?void 0:n[0]).format("YYYY-MM-DD HH:mm")+"-"+g()(null===n||void 0===n?void 0:n[1]).format("HH:mm")})},width:240,min:120,max:400},datetime:{render:(n,e)=>{let{hover:t,primary:a,emptyRender:l,isEmpty:o,hideSecond:r,...s}=e;return(0,y.jsx)(F,{...s,item:n,primary:a,hover:t,emptyRender:l,isEmpty:o||!g()(n).isValid(),children:g()(n).format(r?"YYYY-MM-DD HH:mm":"YYYY-MM-DD HH:mm:ss")})},width:190,min:190,max:400},serialNumber:{render:(n,e)=>{let{hover:t,primary:a,emptyRender:l,isEmpty:o,...r}=e;return(0,y.jsx)(F,{...r,type:"serial-number",item:n,primary:a,hover:t,emptyRender:l,isEmpty:o,children:n})},width:190,min:100,max:400},serialNumberShort:{render:(n,e)=>{let{hover:t,primary:a,emptyRender:l,isEmpty:o,...r}=e;return(0,y.jsx)(F,{...r,type:"serial-number-short",item:n,primary:a,hover:t,emptyRender:l,isEmpty:o,children:n})},width:120,min:100,max:400},user:{render:(n,e)=>{let{hover:t,primary:a,ellipsis:l,emptyRender:o,isEmpty:r,...s}=e;return(0,y.jsx)(F,{...s,type:"user",item:n,primary:a,hover:t,emptyRender:o,isEmpty:r,children:(0,y.jsx)(I,{ellipsis:l,children:n})})},width:200,min:120,max:400},userName:{render:(n,e)=>{let{hover:t,primary:a,ellipsis:l,emptyRender:o,isEmpty:r,...s}=e;return(0,y.jsx)(F,{...s,type:"user-name",item:n,primary:a,hover:t,emptyRender:o,isEmpty:r,children:(0,y.jsx)(I,{ellipsis:l,children:n})})},width:100,min:100,max:400},contacts:{render:(n,e)=>{let{hover:t,primary:a,ellipsis:l,emptyRender:o,isEmpty:r,...s}=e;return(0,y.jsx)(F,{...s,type:"contacts",item:n,primary:a,hover:t,emptyRender:o,isEmpty:r,children:(0,y.jsx)(I,{ellipsis:l,children:n})})},width:240,min:160,max:400},tag:{render:(n,e)=>{let{emptyRender:t,isEmpty:a,...l}=e;return(0,y.jsx)(F,{...l,type:"tag",item:n,emptyRender:t,isEmpty:a,children:n&&(n.isEnum?(0,y.jsx)(N.default,{name:n.name,moduleName:n.moduleName,force:n.force,children:e=>{let{type:t,description:a}=e;return(0,y.jsx)(x.default,{type:t,...Object.assign({},w()(n,["name","isEnum","moduleName","force"])),text:a})}}):(0,y.jsx)(x.default,{...Object.assign({},n)}))})},width:140,min:100,max:400},avatar:{render:(n,e)=>{let{emptyRender:t,isEmpty:a,...l}=e;return(0,y.jsx)(F,{...l,type:"avatar",item:n,emptyRender:t,isEmpty:a,children:(0,y.jsx)(_.default.Avatar,{...Object.assign({},n),size:32})})},width:80,min:64,max:200},singleRow:{render:(n,e)=>{let{hover:t,primary:a,ellipsis:l,emptyRender:o,isEmpty:r,...s}=e;return(0,y.jsx)(F,{...s,type:"single-row",item:n,hover:t,primary:a,emptyRender:o,isEmpty:r,children:(0,y.jsx)(I,{ellipsis:l,children:n})})},width:70,min:70,max:400},hideInfo:{render:(n,e)=>(0,y.jsx)(C,{api:n,...e}),width:120,min:80,max:400},mainInfo:{render:(n,e)=>{let{ellipsis:t,hover:a=!0,primary:l=!0,emptyRender:o,isEmpty:r,...s}=e;return(0,y.jsx)(F,{...s,type:"main-info",item:n,hover:a,primary:l,emptyRender:o,isEmpty:r,children:(0,y.jsx)(I,{ellipsis:t,children:n})})},width:300,min:160,max:500},description:{render:(n,e)=>{let{hover:t,primary:a,ellipsis:l,emptyRender:o,isEmpty:r,...s}=e;return(0,y.jsx)(F,{...s,type:"description",item:n,hover:t,primary:a,emptyRender:o,isEmpty:r,children:(0,y.jsx)(I,{ellipsis:l,children:n})})},width:400,min:160,max:600},options:{render:(n,e)=>{let{width:t}=e;return(0,y.jsx)(v,{className:s()(p["col-item"],p.options),list:n,width:t})},width:180,min:120,max:400},sensitiveInfo:{render:(n,e)=>{let{hover:t,primary:a,ellipsis:l,emptyRender:o,isEmpty:r,...s}=e;return(0,y.jsx)(F,{...s,type:"sensitiveInfo",item:n,hover:t,primary:a,emptyRender:o,isEmpty:r,children:(0,y.jsx)(I,{ellipsis:l,children:n})})},width:200,min:100,max:400},other:{render:B,width:200,min:120,max:400},otherSmall:{render:B,width:100,min:70,max:400},otherLarge:{render:B,width:300,min:120,max:500}},A=E;var T=t(33097),L=t.n(T),M=t(42907),R=t.n(M),D=t(22717),O=t.n(D),G=t(22616),z=t.n(G),U=t(76329),H=t(39835),V=t.n(H),Q=t(81014),W=t(36),K=t(76441),Y=t(69613),q=t.n(Y),$=t(56434),X=t.n($);const{Panel:J}=l.Collapse,Z=n=>{let{close:e,onConfirm:t,columns:r,config:i}=n;const[d,c]=(0,o.useState)(i||{}),[u,m]=(0,o.useState)(""),{leftFixedColumns:p,rightFixedColumns:h,visibleColumns:g,hiddenColumns:b}=(0,o.useMemo)((()=>O()(Object.assign({leftFixedColumns:[],rightFixedColumns:[],visibleColumns:[],hiddenColumns:[]},V()(r,(n=>"right"===n.fixed?"rightFixedColumns":!0===n.fixed||"left"===n.fixed?"leftFixedColumns":!0!==L()(d,"".concat(n.name,".visible"))&&n.hidden||!1===L()(d,"".concat(n.name,".visible"))?"hiddenColumns":"visibleColumns"))),((n,e,t)=>{n[t]=e.sort(((n,e)=>L()(d,"".concat(n.name,".rank"),0)-L()(d,"".concat(e.name,".rank"),0)))}),{})),[r,d]),v=n=>(0,y.jsxs)(y.Fragment,{children:[n.titleText||n.title||"\u672a\u547d\u540d\u5217",n.groupHeader&&n.groupHeader.length>0?"(".concat(n.groupHeader.map((n=>{let{title:e}=n;return e})).join("-"),")"):""]});return(0,y.jsxs)("div",{className:a["columns-control-content"],children:[(0,y.jsx)("div",{className:a["columns-control-content-title"],children:(0,y.jsxs)(l.Row,{align:"middle",justify:"space-between",children:[(0,y.jsx)(l.Col,{children:"\u7f16\u8f91\u8868\u683c"}),(0,y.jsx)(l.Col,{children:(0,y.jsx)(l.Tooltip,{title:"\u6062\u590d\u9ed8\u8ba4",children:(0,y.jsx)(Q.default,{type:"text",icon:(0,y.jsx)(f.default,{type:"icon-huifumorenshezhi"}),onClick:async()=>{t&&await t({}),e()}})})})]})}),(0,y.jsx)("div",{className:a["columns-control-content-scroller"],children:(0,y.jsxs)(l.Collapse,{defaultActiveKey:["active","un-active"],ghost:!0,bordered:!0,children:[(0,y.jsx)(J,{header:"\u663e\u793a\u7684\u4fe1\u606f",children:(0,y.jsxs)(l.List,{className:a["columns-control-content-list"],children:[p.map(((n,e)=>(0,y.jsx)(l.List.Item,{className:a["columns-control-content-item"],children:(0,y.jsx)(l.Checkbox,{checked:!0,disabled:!0,children:v(n)})},n.name||"left-".concat(e)))),(0,y.jsx)(K.ReactSortable,{list:g,filter:".ignore-elements",dragClass:a["sortable-drag"],ghostClass:a["sortable-ghost"],forceFallback:!0,setList:n=>{(n=>{const e=X()(d),t=[].concat(n.leftFixedColumns,n.visibleColumns,n.rightFixedColumns);(n.hiddenColumns||[]).forEach((n=>{q()(e,"".concat(n.name,".visible"),!1)})),t.forEach(((n,t)=>{q()(e,"".concat(n.name,".rank"),t+1)})),c(e)})({leftFixedColumns:p,visibleColumns:n,hiddenColumns:b,rightFixedColumns:h})},animation:300,delayOnTouchStart:!0,delay:2,children:g.map(((n,e)=>(0,y.jsxs)(l.List.Item,{className:s()(a["columns-control-content-item"],a["is-drag"]),children:[(0,y.jsx)(f.default,{type:"icon-paixu",className:a["columns-control-content-item-icon"]}),(0,y.jsx)(l.Checkbox,{checked:!0,disabled:n.fixed||p.length+g.length+h.length<=1,onChange:e=>{e.stopPropagation(),e.preventDefault();const t=Object.assign({},d);t[n.name]=Object.assign({},t[n.name],{visible:!1}),c(t)},children:v(n)})]},n.name||"visible-".concat(e))))}),h.map(((n,e)=>(0,y.jsx)(l.List.Item,{className:a["columns-control-content-item"],children:(0,y.jsx)(l.Checkbox,{checked:!0,disabled:!0,children:n.titleText||n.title||"\u672a\u547d\u540d\u5217"})},n.name||"right-".concat(e))))]})},"active"),(0,y.jsx)(J,{header:(0,y.jsxs)(l.Row,{wrap:!1,justify:"space-between",children:[(0,y.jsx)(l.Col,{children:"\u9690\u85cf\u7684\u4fe1\u606f"}),(0,y.jsx)(l.Col,{onClick:n=>{n.stopPropagation(),n.preventDefault()},children:(0,y.jsx)(W.SearchInput,{prefix:(0,y.jsx)(f.default,{type:"icon-sousuo",size:12}),placeholder:"\u641c\u7d22",onSearch:n=>{m(n)},className:a["columns-control-content-input"],size:"small"})})]}),children:(0,y.jsx)(l.List,{dataSource:b.filter((n=>"string"===typeof(n.titleText||n.title)&&(n.titleText||n.title).indexOf(u)>-1)),renderItem:n=>(0,y.jsx)(l.List.Item,{className:a["columns-control-content-item"],children:(0,y.jsx)(l.Checkbox,{checked:!1,onChange:e=>{e.stopPropagation(),e.preventDefault();const t=Object.assign({},d);t[n.name]=Object.assign({},t[n.name],{visible:!0}),c(t)},children:n.titleText||n.title||"\u672a\u547d\u540d\u5217"})},n.key)})},"un-active")]})}),(0,y.jsxs)(l.Row,{className:a["columns-control-content-footer"],justify:"end",gutter:10,children:[(0,y.jsx)(l.Col,{children:(0,y.jsx)(l.Button,{size:"small",onClick:()=>{c(i||{}),e()},children:"\u53d6\u6d88"})}),(0,y.jsx)(l.Col,{children:(0,y.jsx)(Q.default,{type:"primary",size:"small",onClick:async()=>{t&&await t(d),e()},children:"\u786e\u5b9a"})})]})]})};var nn=t(51941),en=t(19853),tn=t.n(en),an=t(21844),ln=t.n(an);const on=n=>{let{title:e,columns:t,config:r,setConfig:s}=n;const[i,d]=(0,o.useState)(!1);return(0,y.jsxs)(l.Row,{wrap:!1,children:[(0,y.jsx)(l.Col,{flex:1,children:e}),(0,y.jsx)(l.Col,{children:(0,y.jsx)(l.Popover,{open:i,onOpenChange:d,trigger:"click",placement:"bottomLeft",overlayClassName:a["columns-control-overlay"],content:(0,y.jsx)(Z,{columns:t,config:r,close:()=>{d(!1)},onConfirm:n=>{s((e=>O()(n,((n,t,a)=>{n[a]=Object.assign({},e[a],z()(t,["visible","rank"]))}),{})))}}),children:(0,y.jsx)("span",{className:a["table-changer-setting"],children:(0,y.jsx)(f.default,{type:"icon-shezhi"})})})})]})},rn=n=>{let{columns:e,name:t,controllerOpen:l,tableWidth:r}=n;const[i,d]=(0,o.useState)(null),c=(0,o.useRef)(i);c.current=i;const u=(0,o.useRef)(null),p=(0,o.useRef)(null),[h,g]=(0,o.useState)({}),{tableServerApis:b}=(0,U.usePreset)(),v=null===b||void 0===b?void 0:b.getDataApi(t),x=(0,nn.useDebouncedCallback)(((n,e)=>{null===b||void 0===b||b.setDataFunc(n,e)}),500),_=m()((n=>{(0,o.startTransition)((()=>{g((e=>{const a="function"===typeof n?n(e):n;return t&&l&&x(t,a),a}))}))})),{send:N}=(0,k.useFetch)(Object.assign({...Object.assign({},v),auto:!1,cache:"TABLE_CONFIG_".concat(t),isLocal:!0,onRequestSuccess:n=>{g(Object.assign({},n))}})),I=m()((()=>{t&&l&&v&&N({force:!1})}));(0,o.useEffect)((()=>{I()}),[I]);const S=(0,o.useMemo)((()=>e.filter((n=>!(!1===L()(h,"".concat(n.name,".visible"))||!0!==L()(h,"".concat(n.name,".visible"))&&!0===n.hidden))).sort(((n,e)=>{const t=n=>L()(h,"".concat(n.name,".rank"),0)+("left"===n.fixed?-1e4:0)+("right"===n.fixed?1e4:0);return t(n)-t(e)}))),[e,h]),F=(0,o.useMemo)((()=>ln()(S,(n=>{let{type:e}=n;return"options"!==e}))),[S]),j=(0,o.useMemo)((()=>R()(S,(n=>{let{type:e,name:t}=n;return L()(h,"".concat(t,".width"))||A[e].width}))),[S,h]),C=n=>{let{width:e,index:t}=n;return F===t?e+Math.max(r-j-2,0):e},P=m()(((n,e)=>(0,y.jsx)("span",{className:s()(a["cell-resize-bar"]),onMouseDown:t=>{u.current=Object.assign({},n,{index:e}),p.current=t.clientX,d(e)},children:(0,y.jsx)(f.default,{type:"icon-paixu"})}))),w=m()((n=>{if(null===i)return;if(!u.current)return;const{name:e,width:t,min:a,max:l,index:o}=u.current,r=Math.min(Math.max(t+n,a),l);r<C({width:a,index:o})||_((n=>Object.assign({},n,{[e]:Object.assign({},n[e],{width:r})})))})),B=m()(((n,t)=>{const{name:l,width:o,min:r,max:i}=n;let d=n;t===S.length-1&&(d=Object.assign({},n,{className:"has-config-btn",title:(0,y.jsx)(on,{title:null===n||void 0===n?void 0:n.title,columns:e,config:h,setConfig:_})}));const u=()=>({className:s()({[a["is-moving"]]:c.current===t})}),m=Math.min(Math.max(L()(h,"".concat(l,".width"))||o,r),i),p=C({width:m,index:t});return Object.assign({},d,{onHeaderCell:u,onCell:u,width:p,shouldCellUpdate:(e,a)=>null===c.current||c.current===t||"hideInfo"===n.type||!tn()(e[n.name],a[n.name]),title:(0,y.jsxs)(y.Fragment,{children:[d.title,!(p>m&&p>i)&&P(Object.assign({},d,{width:p}),t)]})})}));return(0,o.useEffect)((()=>{const n=()=>{d(null),p.current=null,u.current=null},e=n=>{null!==c.current&&null!==u.current&&(null!==p.current?w(n.clientX-p.current):p.current=n.clientX)};return document.documentElement.addEventListener("mouseup",n,!0),document.documentElement.addEventListener("mousemove",e,!0),()=>{document.documentElement.removeEventListener("mouseup",n,!0),document.documentElement.removeEventListener("mousemove",e,!0)}}),[w]),{visibleColumns:S,currentMoveColumnIndex:i,resizeBarRender:P,columnsConfig:h,totalWidth:j,computedColumnProps:B}};var sn=t(79686),dn=t.n(sn),cn=t(15797),un=t.n(cn);const mn=n=>{let{rowKey:e,renderProps:t}=n;const[a,l]=(0,o.useState)(null),r=(0,o.useRef)(t);r.current=t;const s=m()(((n,t,o)=>{let{columnsConfig:s}=o;const{name:i,type:d,expandType:c,title:u,titleRender:m,fixed:p,emptyOf:h,emptyRender:g,groupHeader:f,sort:b,disableColItem:y,...v}=n,{render:x,width:_,min:N,max:k}=Object.assign({},A[d],"hideInfo"===d&&!dn()(a)&&z()(A[c||"other"],["width","min","max"])),I=un()(x);return{name:i,title:"function"===typeof m?m(u):u,min:N,max:k,width:_,fixed:p,groupHeader:f,sort:b,type:d,render:t=>{const o="function"===typeof e?e(t):t[e],d=Object.assign({},n,"function"===typeof n.render?n.render({...r.current,name:i,target:t}):{}),c=n=>{const e=(h||(n=>""===n||void 0===n||null===n))(n);return I(n,{...v,name:i,width:L()(s,"".concat(i,".width"))||_,min:N,max:k,isEmpty:e,emptyRender:g,hover:d.hover,colValue:t,renderProps:r.current,primary:d.primary,ellipsis:d.ellipsis,expand:a===o,onExpand:()=>l(o)})},u=d.hasOwnProperty("valueOf")&&"function"===typeof d.valueOf?d.valueOf(t,Object.assign({},r.current,{name:i},y?{targetRender:c}:{})):L()(t,i);return y?u:c(u)}}}));return{expandInfo:a,computedColumnProps:s}},pn=n=>(0,o.useMemo)((()=>{const e=n.filter((n=>n.groupHeader&&n.groupHeader.length>0));if(e.length>0){const t=n.slice(0),a=[],l=n=>{const{groupHeader:e}=n;if(!(e&&e.length>0))return;const l=t.indexOf(n),o=(e,t)=>{const[a,...r]=e;let s=t.find((n=>n.name===a.name));s||(s=Object.assign({startIndex:l},a,{children:[]}),t.push(s)),r.length>0?o(r,s.children):s.children.push(n)};o(e,a),t.splice(l,1)};return e.forEach(l),a.forEach(((n,e)=>{t.splice(n.startIndex+e,0,n)})),{columns:t,hasGroupHeader:!0}}return{columns:n,hasGroupHeader:!1}}),[n]);var hn=t(10986),gn=t.n(hn),fn=t(41740),bn=t.n(fn);const yn=n=>new Map((n||[]).map((n=>{let{name:e,sort:t}=n;return[e,t]}))),vn=n=>{const[e,t]=gn()(n,{value:"sort",defaultValue:"defaultSort",onChange:"onSortChange"}),l=(0,o.useMemo)((()=>yn(e)),[e]),r=(0,o.useCallback)((n=>t((e=>{const t=n(yn(e));return Array.from(t).map((n=>{let[e,t]=n;return{name:e,sort:t}}))}))),[t]);return(0,o.useCallback)((n=>{let{single:e,name:t}=n;return(0,y.jsxs)("div",{className:s()(a["sort-btn"],{[a["sort-active-desc"]]:"DESC"===l.get(t),[a["sort-active-asc"]]:"ASC"===l.get(t)}),onClick:()=>{r((n=>{const a=n.get(t),l="DESC"===a?"ASC":"ASC"===a?null:"DESC";if(e)return new Map(l?[[t,l]]:[]);const o=bn()(n);return l?o.set(t,l):o.delete(t),o}))},children:[(0,y.jsx)(f.default,{type:"icon-triangle-up",className:a["sort-icon"]}),(0,y.jsx)(f.default,{type:"icon-triangle-down",className:a["sort-icon"]})]})}),[l,r])},xn=n=>{let{columns:e,className:t,getScrollEl:r,sticky:d,stickyOffset:u,pagination:p,columnRenderProps:h,rowKey:g,dataSource:f,controllerOpen:b,name:v,summary:x,scroll:_,onTablePropsReady:N,...k}=n;const[I,S]=(0,o.useState)(0),[F,j]=(0,o.useState)(!0);(0,o.useEffect)((()=>{I&&setTimeout((()=>{j(!1)}),0)}),[I]);(0,o.useRef)(h).current=h;const C=(0,c.A)((n=>{S(n.clientWidth)}),{isDebounce:!0}),{expandInfo:P,computedColumnProps:w}=mn({rowKey:g,renderProps:h}),{columnsConfig:B,visibleColumns:E,computedColumnProps:A,currentMoveColumnIndex:T,totalWidth:L}=rn({columns:e,controllerOpen:b,name:v,computedColumnProps:w,tableWidth:I}),M=vn(k),R=(0,o.useMemo)((()=>E.map(((n,e)=>{let t=w(n,e,{rowKey:g,expandInfo:P,columnsConfig:B});return t.sort&&"options"!==n.type&&(t=Object.assign({},t,{title:(0,y.jsxs)(y.Fragment,{children:[t.title,M({name:n.name,single:"object"!==typeof t.sort||t.sort.single})]})})),b&&(t=A(t,e,{tableWidth:I,columnsConfig:B})),t}))),[E,I,B,P,g,b,w,A,M]),{columns:D,hasGroupHeader:O}=pn(R),G=m()(N);return(0,o.useEffect)((()=>{G&&G({columns:e,groupColumns:D,dataSource:f,visibleColumns:E})}),[G,D,f,e,E]),(0,y.jsx)("div",{className:s()(t,a.table,{[a["is-resize"]]:null!==T,[a["is-computed"]]:F,[a["has-group-header"]]:O}),ref:C,style:{"--sticky-offset":u},children:!F&&(0,y.jsx)(i.A,{className:"table-page-scroller",scroller:{getContainer:r},getScrollTarget:n=>n.querySelector(".ant-table-body")||n.querySelector(".ant-table-content"),children:(0,y.jsx)(l.Table,{...k,sticky:!!d&&{getContainer:r},dataSource:f,rowKey:g,columns:D,scroll:Object.assign({},{x:Math.max(I,L)},_),pagination:p,summary:"function"===typeof x?function(n){for(var e=arguments.length,t=new Array(e>1?e-1:0),a=1;a<e;a++)t[a-1]=arguments[a];return x(Object.assign({},{pageData:n},{columns:D}),...t)}:null})})})};xn.defaultProps={controllerOpen:!0,rowKey:"id",getScrollEl:d.h,columnRenderProps:{},sticky:!1,stickyOffset:"var(--nav-height)",pagination:!1};const _n=xn;var Nn=t(63361);const kn=n=>({"en-US":()=>t.e(399).then(t.bind(t,80399)),"zh-CN":()=>t.e(9809).then(t.bind(t,59809))}[n]());var In=t(58609),Sn=t(25644);const Fn=n=>{let{id:e,columns:t,children:a}=n;return e?(0,y.jsx)(Nn.default,{id:e,children:n=>{let{options:e}=n;return a({columns:t.filter((n=>!n.name||(!Array.isArray(L()(e,"hiddenColumns"))||-1===e.hiddenColumns.indexOf(n.name))))})}}):a({columns:t})},jn=(0,k.withFetch)((n=>{let{data:e,refresh:t,reload:l,requestParams:r,fetchProps:i,isComplete:c,setData:u,loadMore:p,send:h,dataFormat:g,className:f,featureId:b,columns:v,getColumns:x,pagination:_,columnRenderProps:N,summary:k,...I}=n;const S=m()(g),F=(0,o.useMemo)((()=>S(e)),[e,S]),j={dataSource:F.list,pagination:!!_.open&&{total:F.total,showTotal:n=>(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(In.FormattedMessage,{id:"Page_Total",moduleName:"Table",defaultMessage:"\u5171"}),(0,y.jsx)("span",{className:a.total_text,children:n}),(0,y.jsx)(In.FormattedMessage,{id:"Page_TotalCount",moduleName:"Table",defaultMessage:"\u6761"})]}),current:L()(r,[_.paramsType,_.currentName],1),pageSize:_.pageSize,onChange:_.onChange?_.onChange:(n,e)=>{n!==L()(r,[_.paramsType,_.currentName],1)?("refresh"===_.requestType?t:l)({[_.paramsType]:{[_.currentName]:n,[_.pageSizeName]:e}}):_.onShowSizeChange&&_.onShowSizeChange(n,e),(0,d.h)().scrollTop=0},size:_.size,showSizeChanger:_.showSizeChanger,showQuickJumper:_.showQuickJumper}};return(0,y.jsx)(In.IntlProvider,{importMessages:kn,moduleName:"Table",children:(0,y.jsx)(Fn,{id:b,columns:v,children:n=>{let{columns:a}=n;return(0,y.jsx)(_n,{...Object.assign({},I,j),className:s()(f,"loading-container",{"is-loading":!c}),columns:a,columnRenderProps:{...N,requestParams:r,fetchProps:i,data:e},summary:"function"===typeof k?function(){for(var n=arguments.length,a=new Array(n),o=0;o<n;o++)a[o]=arguments[o];return k(Object.assign({},{data:e,fetchProps:i,requestParams:r,refresh:t,reload:l,loadMore:p,send:h,dataFormat:g,pagination:_},...a))}:null})}})})}));jn.defaultProps={pagination:{},columnRenderProps:{},sticky:!0,dataFormat:n=>({list:n.pageData,total:n.totalCount})};const Cn=(0,o.forwardRef)(((n,e)=>{let{pagination:t,...a}=n;t=Object.assign({},{showSizeChanger:!0,showQuickJumper:!0,open:!0,paramsType:"data",requestType:"reload",currentName:"currentPage",pageSizeName:"perPage",pageSize:20},t);const l="".concat((a.name||"common").toUpperCase(),"_TABLE_PAGE_SIZE"),[r,s]=(0,o.useState)(Sn.A.getItem(l)||t.pageSize),i=a[t.paramsType],d=(0,o.useMemo)((()=>({[t.paramsType]:Object.assign({},i,{[t.pageSizeName]:r})})),[i,t.pageSizeName,t.paramsType,r]);return(0,y.jsx)(jn,{...a,...d,pagination:Object.assign({},t,{pageSize:r,onShowSizeChange:(n,e)=>{Sn.A.setItem(l,e),s(e)}}),ref:e})}))},21554:(n,e,t)=>{"use strict";t.r(e),t.d(e,{TooltipFetch:()=>P,TooltipInfoLabel:()=>S,default:()=>k});var a=t(55199),l=t(83136),o=t.n(l);const r="style_tooltip__zHGMI__ln08u",s="style_large__lvmsm__ln08u",i="style_small__nUt0r__ln08u",d="style_popup-content__-rKQN__ln08u",c="style_title__1EQPq__ln08u",u="style_important-info__qTSZY__ln08u",m="style_error__yTTq3__ln08u",p="style_warning__CMJxz__ln08u",h="style_success__AvJVx__ln08u",g="style_sub-title__uD8CH__ln08u",f="style_content__lzgUz__ln08u",b="style_alone__q6q82__ln08u",y="style_fetch-content__tEOEV__ln08u",v="style_fetch-loading__tN-WB__ln08u",x="style_title-info-icon__iY8Q+__ln08u";var _=t(70579);const N=n=>{let{overlayClassName:e,title:t,size:l,subtitle:y,content:v,importantInfo:x,importantInfoType:N,moreInfo:k,...I}=n;return(0,_.jsx)(a.Tooltip,{...I,overlayClassName:o()(e,r,{[i]:"small"===l,[s]:"large"===l}),title:(0,_.jsxs)(a.Space,{direction:"vertical",className:d,children:[t&&(0,_.jsx)("div",{className:c,children:t}),x&&(0,_.jsx)("div",{className:o()(u,{[h]:"success"===N,[p]:"warning"===N,[m]:"error"===N}),children:x}),y&&(0,_.jsx)("div",{className:g,children:y}),v&&(0,_.jsx)("div",{className:o()(f,{[b]:[t,y,x,k].every((n=>!n))}),children:v}),k&&(0,_.jsx)("div",{children:k})]})})};N.defaultProps={};const k=N;var I=t(64671);const S=n=>{let{title:e,tooltipTitle:t}=n;return(0,_.jsxs)("div",{children:[e,t?(0,_.jsx)(k,{...t,children:(0,_.jsx)("span",{children:(0,_.jsx)(I.default,{type:"icon-xinxi-miaobian",className:x,size:14})})}):null]})};var F=t(73884),j=t(87558);const C=n=>{let{api:e,children:t,fetchContent:l,showLoading:r,loadingClassName:s,force:i,...d}=n;const[c,u]=(0,F.useState)(!1),m=(0,j.useFetch)(Object.assign({},e,{auto:!1})),{isComplete:p,isLoading:h,data:g,send:f}=m;return(0,_.jsx)(k,{...Object.assign({},d,p?l(g,m):{}),open:c,onOpenChange:async n=>{!n||p&&!i||await f({type:"refresh"}),u(n)},children:(0,_.jsxs)("span",{className:y,children:[t,r&&h?(0,_.jsx)(a.Spin,{size:"small",className:o()(s,v)}):null]})})};C.defaultProps={showLoading:!0};const P=C},47094:(n,e,t)=>{"use strict";t.d(e,{A:()=>a});const a={"form-outer":"style_form-outer__IWUs0__ln08u","form-drawer":"style_form-drawer__uYDXS__ln08u","table-list":"style_table-list__6lp-A__ln08u","list-item":"style_list-item__hVzQa__ln08u","table-list-inner":"style_table-list-inner__uc8DK__ln08u","table-list-field":"style_table-list-field__JSJfB__ln08u","table-list-header":"style_table-list-header__KXvKa__ln08u","is-req":"style_is-req__LfXQf__ln08u","table-list-extra":"style_table-list-extra__faYTK__ln08u","list-btn":"style_list-btn__WKYkm__ln08u","form-info":"style_form-info__B8bAP__ln08u","list-part":"style_list-part__Ld0GA__ln08u","is-important":"style_is-important__vaBk1__ln08u","list-item-part":"style_list-item-part__MzKP7__ln08u","money-input":"style_money-input__J86Pb__ln08u","money-description":"style_money-description__Gz3p7__ln08u","components-upload-wrapper":"style_components-upload-wrapper__Ir0gz__ln08u","textarea-wrapped-component":"style_textarea-wrapped-component__r1oKc__ln08u","helper-guide-field":"style_helper-guide-field__Wke3w__ln08u","error-tip-overlay":"style_error-tip-overlay__aNCGc__ln08u","error-tip-overlay-content":"style_error-tip-overlay-content__kDOoQ__ln08u","column-not-layout":"style_column-not-layout__+SXC+__ln08u","mult-field-item":"style_mult-field-item__eS0nJ__ln08u","first-item":"style_first-item__fLirI__ln08u","mult-field-add-btn":"style_mult-field-add-btn__5Baxz__ln08u"}},70704:n=>{"use strict";n.exports=JSON.parse('{"id":1,"coId":1,"name":"\u6d88\u606f\u7b80\u4f53","parentId":0,"enName":"xiaoxijianti","leaf":false,"children":[{"id":428,"coId":1,"name":"a\u6d4b\u8bd5\u90e8\u95e801","parentId":1,"enName":"Test BU1","leaf":false,"children":[{"id":430,"coId":1,"name":"01\u5f00\u53d1\u90e8","parentId":428,"enName":null,"leaf":true,"children":[]},{"id":431,"coId":1,"name":"01\u6d4b\u8bd5\u90e8","parentId":428,"enName":"Test bu-01","leaf":false,"children":[{"id":432,"coId":1,"name":"01\u81ea\u52a8\u5316\u90e8","parentId":431,"enName":null,"leaf":false,"children":[{"id":434,"coId":1,"name":"02UI\u81ea\u52a8\u5316","parentId":432,"enName":null,"leaf":false,"children":[{"id":485,"coId":1,"name":"\u4ee3\u7801\u7f16\u5199\u5458","parentId":434,"enName":null,"leaf":true,"children":[]},{"id":484,"coId":1,"name":"\u81ea\u52a8\u5316\u6846\u67b6\u642d\u5efa\u5458","parentId":434,"enName":null,"leaf":true,"children":[]}]}]}]}]},{"id":429,"coId":1,"name":"a\u6d4b\u8bd5\u90e8\u95e802","parentId":1,"enName":"YYY","leaf":false,"children":[{"id":483,"coId":1,"name":"\u5f00\u53d1\u7ec4","parentId":429,"enName":null,"leaf":true,"children":[]},{"id":482,"coId":1,"name":"\u6d4b\u8bd5\u90e8","parentId":429,"enName":null,"leaf":true,"children":[]}]},{"id":184,"coId":1,"name":"\u4e0a\u6d77a","parentId":1,"enName":"shanghai","leaf":true,"children":[]},{"id":78,"coId":1,"name":"\u4e8b\u4e1a\u4e00\u90e8","parentId":1,"enName":"shiyeyibu","leaf":false,"children":[{"id":89,"coId":1,"name":"RPO-\u5e7f\u5dde","parentId":78,"enName":null,"leaf":true,"children":[]},{"id":90,"coId":1,"name":"RPO-\u82cf\u5dde","parentId":78,"enName":null,"leaf":true,"children":[]},{"id":83,"coId":1,"name":"\u4e0a\u6d77-\u5de5\u4e1a\u5236\u9020","parentId":78,"enName":null,"leaf":true,"children":[]},{"id":82,"coId":1,"name":"\u4e0a\u6d77-\u6570\u5b57\u79d1\u6280","parentId":78,"enName":null,"leaf":true,"children":[]}]},{"id":80,"coId":1,"name":"\u4e8b\u4e1a\u4e09\u90e8","parentId":1,"enName":null,"leaf":false,"children":[{"id":93,"coId":1,"name":"RPO-\u5317\u4eac-\u56e2\u961f2","parentId":80,"enName":null,"leaf":true,"children":[]},{"id":92,"coId":1,"name":"\u5317\u4eac-\u9ad8\u79d1\u6280\u53ca\u4e92\u8054\u7f51","parentId":80,"enName":null,"leaf":true,"children":[]}]},{"id":79,"coId":1,"name":"\u4e8b\u4e1a\u4e8c\u90e8","parentId":1,"enName":null,"leaf":false,"children":[{"id":88,"coId":1,"name":"PRO-\u5de5\u4e1a\u5236\u9020","parentId":79,"enName":null,"leaf":true,"children":[]},{"id":87,"coId":1,"name":"PRO-\u751f\u547d\u79d1\u5b66-\u56e2\u961f2","parentId":79,"enName":null,"leaf":true,"children":[]},{"id":91,"coId":1,"name":"RPO-\u5feb\u6d88\u96f6\u552e","parentId":79,"enName":null,"leaf":true,"children":[]},{"id":86,"coId":1,"name":"RPO-\u751f\u547d\u79d1\u5b66","parentId":79,"enName":null,"leaf":true,"children":[]},{"id":85,"coId":1,"name":"\u4e0a\u6d77-\u91d1\u878d","parentId":79,"enName":null,"leaf":true,"children":[]},{"id":84,"coId":1,"name":"\u4e0a\u6d77-\u96f6\u552e","parentId":79,"enName":null,"leaf":true,"children":[]}]},{"id":173,"coId":1,"name":"\u5ba1\u6279\u6d41\u90e8\u95e8","parentId":1,"enName":null,"leaf":false,"children":[{"id":176,"coId":1,"name":"GM","parentId":173,"enName":null,"leaf":true,"children":[]},{"id":175,"coId":1,"name":"VP","parentId":173,"enName":null,"leaf":true,"children":[]},{"id":174,"coId":1,"name":"\u51fa\u7eb3","parentId":173,"enName":null,"leaf":true,"children":[]},{"id":180,"coId":1,"name":"\u6284\u9001\u4eba","parentId":173,"enName":null,"leaf":true,"children":[]},{"id":178,"coId":1,"name":"\u6cd5\u52a1","parentId":173,"enName":null,"leaf":true,"children":[]},{"id":177,"coId":1,"name":"\u8d22\u52a1\u5206\u6790","parentId":173,"enName":null,"leaf":true,"children":[]},{"id":179,"coId":1,"name":"\u9ed8\u8ba4\u5ba1\u6279\u4eba","parentId":173,"enName":null,"leaf":true,"children":[]}]},{"id":81,"coId":1,"name":"\u6570\u5b57\u5316\u56e2\u961f","parentId":1,"enName":"Shu Zi-Hua","leaf":false,"children":[{"id":201,"coId":1,"name":"\u6d4b\u8bd5\u56e2\u961f","parentId":81,"enName":"ceshi---","leaf":true,"children":[]}]},{"id":103,"coId":1,"name":"\u661f\u8fb0\u6c34","parentId":1,"enName":null,"leaf":false,"children":[{"id":106,"coId":1,"name":"\u661f\u8fb0\u4e00\u90e8","parentId":103,"enName":null,"leaf":true,"children":[]},{"id":111,"coId":1,"name":"\u661f\u8fb0\u4e09\u90e8","parentId":103,"enName":null,"leaf":true,"children":[]},{"id":107,"coId":1,"name":"\u661f\u8fb0\u4e8c\u90e8","parentId":103,"enName":null,"leaf":true,"children":[]},{"id":151,"coId":1,"name":"\u661f\u8fb0\u56db\u90e8","parentId":103,"enName":null,"leaf":true,"children":[]}]},{"id":101,"coId":1,"name":"\u667a\u6167\u661f","parentId":1,"enName":null,"leaf":false,"children":[{"id":104,"coId":1,"name":"\u667a\u6167\u4e00\u90e8","parentId":101,"enName":null,"leaf":false,"children":[{"id":150,"coId":1,"name":"\u667a\u6167\u4e00\u90e8-\u6708\u4eae\u661f","parentId":104,"enName":null,"leaf":true,"children":[]}]},{"id":109,"coId":1,"name":"\u667a\u6167\u4e09\u90e8","parentId":101,"enName":null,"leaf":true,"children":[]},{"id":105,"coId":1,"name":"\u667a\u6167\u4e8c\u90e8","parentId":101,"enName":null,"leaf":true,"children":[]}]},{"id":182,"coId":1,"name":"\u667a\u80fd\u540e\u53f0\uff08\u4e0a\u6d77\uff09","parentId":1,"enName":null,"leaf":true,"children":[]},{"id":181,"coId":1,"name":"\u7ba1\u7406\u4e2d\u5fc3","parentId":1,"enName":null,"leaf":true,"children":[]},{"id":194,"coId":1,"name":"\u81ea\u52a8\u5316\u90e8\u95e8","parentId":1,"enName":null,"leaf":true,"children":[]}]}')}}]);
-//# sourceMappingURL=3174.acbff207.chunk.js.map
+(self.webpackChunk_kne_components_components_core=self.webpackChunk_kne_components_components_core||[]).push([[3174,4319,5698,2615],{25764:n=>{function e(n){var e=new Error("Cannot find module '"+n+"'");throw e.code="MODULE_NOT_FOUND",e}e.keys=()=>[],e.resolve=e,e.id=25764,n.exports=e},22978:(n,e,t)=>{"use strict";t.d(e,{A:()=>l});var a=t(80940),o=t(55199);const l={name:"ButtonGroup",summary:"<p>\u7528\u4e8e\u6839\u636e\u5f53\u524d\u5bb9\u5668\u7a7a\u95f4\u81ea\u52a8\u8ba1\u7b97\u591a\u4f59\u6309\u94ae\u6536\u8d77</p>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>list</td>\n<td>button\u6309\u94ae\u5c5e\u6027\u7684\u6570\u7ec4</td>\n<td>array</td>\n<td>[]</td>\n</tr>\n<tr>\n<td>more</td>\n<td>\u66f4\u591a\u6309\u94ae\u5360\u4f4d</td>\n<td>jsx</td>\n<td>&lt;Button&gt;\u66f4\u591a&lt;Icon type=\"icon-arrow-thin-down\"/&gt;&lt;/Button&gt;</td>\n</tr>\n<tr>\n<td>compact</td>\n<td>\u662f\u5426\u4e3a\u7d27\u51d1\u6a21\u5f0f</td>\n<td>boolean</td>\n<td>false</td>\n</tr>\n<tr>\n<td>size</td>\n<td>\u5f53compact\u4e3afalse\u65f6\u4e3a\u6309\u94ae\u95f4\u9694\u5927\u5c0f\uff0c\u5426\u5219\u4e3a\u6309\u94ae\u5927\u5c0f</td>\n<td>'small','middle','large',number</td>\n<td>8</td>\n</tr>\n<tr>\n<td>split,align</td>\n<td>\u53c2\u8003antd Space</td>\n<td>-</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>",example:{isFull:!1,className:"ButtonGroup_e3fc2",style:"",list:[{title:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u6807\u9898",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { default: ButtonGroup } = _ButtonGroup;\nconst { Button, Space } = antd;\nconst { useState } = React;\nconst BaseExample = () => {\n  const [width, setWidth] = useState(200);\n  return (\n    <Space>\n      <div style={{ width: `${width}px` }}>\n        <ButtonGroup\n          list={[\n            {\n              type: "primary",\n              children: "\u64cd\u4f5c1",\n            },\n            {\n              children: "\u64cd\u4f5c2",\n            },\n            {\n              children: "\u64cd\u4f5c3",\n            },\n            {\n              children: "\u64cd\u4f5c3",\n              message: "\u786e\u5b9a\u8981\u6267\u884c\u64cd\u4f5c\u5417\uff1f",\n              disabled: true,\n            },\n          ]}\n        />\n      </div>\n      <Space>\n        <Button\n          onClick={() => {\n            setWidth((width) => {\n              return width + 20;\n            });\n          }}\n        >\n          \u589e\u52a0\u5bb9\u5668\u5bbd\u5ea6\n        </Button>\n        <Button\n          onClick={() => {\n            setWidth((width) => {\n              return width - 20;\n            });\n          }}\n        >\n          \u51cf\u5c11\u5bb9\u5668\u5bbd\u5ea6\n        </Button>\n      </Space>\n    </Space>\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_ButtonGroup",packageName:"@components/ButtonGroup",component:a},{name:"antd",packageName:"antd",component:o}]},{title:"\u7d27\u51d1\u6a21\u5f0f",description:"\u7d27\u51d1\u6a21\u5f0f",code:'const { default: ButtonGroup } = _ButtonGroup;\nconst { Button, Space } = antd;\nconst { useState } = React;\nconst BaseExample = () => {\n  const [width, setWidth] = useState(200);\n  return (\n    <Space>\n      <div style={{ width: `${width}px` }}>\n        <ButtonGroup\n          compact\n          list={[\n            {\n              type: "primary",\n              children: "\u64cd\u4f5c1",\n            },\n            {\n              children: "\u64cd\u4f5c2",\n            },\n            {\n              children: "\u64cd\u4f5c3",\n            },\n            {\n              children: "\u64cd\u4f5c3",\n              message: "\u786e\u5b9a\u8981\u6267\u884c\u64cd\u4f5c\u5417\uff1f",\n            },\n          ]}\n        />\n      </div>\n      <Space>\n        <Button\n          onClick={() => {\n            setWidth((width) => {\n              return width + 20;\n            });\n          }}\n        >\n          \u589e\u52a0\u5bb9\u5668\u5bbd\u5ea6\n        </Button>\n        <Button\n          onClick={() => {\n            setWidth((width) => {\n              return width - 20;\n            });\n          }}\n        >\n          \u51cf\u5c11\u5bb9\u5668\u5bbd\u5ea6\n        </Button>\n      </Space>\n    </Space>\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_ButtonGroup",packageName:"@components/ButtonGroup",component:a},{name:"antd",packageName:"antd",component:o}]},{title:"\u6e32\u67d3\u51fd\u6570",description:"\u6e32\u67d3\u51fd\u6570",code:'const { default: ButtonGroup } = _ButtonGroup;\nconst { default: ConfirmButton } = _ConfirmButton;\nconst { Button, Space } = antd;\nconst { useState, useEffect } = React;\n\nconst LoadChildren = ({ children }) => {\n  const [loading, setLoading] = useState(true);\n  useEffect(() => {\n    setTimeout(() => {\n      setLoading(false);\n    }, 1000);\n  }, []);\n  if (loading) {\n    return null;\n  }\n  return children({\n    onClick: () => {\n      console.log("\u52a0\u8f7d\u5b8c\u6210");\n    },\n  });\n};\nconst BaseExample = () => {\n  const [width, setWidth] = useState(200);\n  return (\n    <Space>\n      <div style={{ width: `${width}px` }}>\n        <ButtonGroup\n          list={[\n            (props) => {\n              return (\n                <Button {...props} type="primary">\n                  \u64cd\u4f5c1\n                </Button>\n              );\n            },\n            (props) => {\n              return <Button {...props}>\u64cd\u4f5c2</Button>;\n            },\n            (props) => {\n              return <Button {...props}>\u64cd\u4f5c3</Button>;\n            },\n            (props) => {\n              return (\n                <LoadChildren key={props.key}>\n                  {({ onClick }) => {\n                    return (\n                      <ConfirmButton\n                        {...props}\n                        isModal={props.isDropdown}\n                        message="\u786e\u5b9a\u8981\u6267\u884c\u64cd\u4f5c\u5417\uff1f"\n                        onClick={onClick}\n                      >\n                        \u64cd\u4f5c4\n                      </ConfirmButton>\n                    );\n                  }}\n                </LoadChildren>\n              );\n            },\n          ]}\n        />\n      </div>\n      <Space>\n        <Button\n          onClick={() => {\n            setWidth((width) => {\n              return width + 20;\n            });\n          }}\n        >\n          \u589e\u52a0\u5bb9\u5668\u5bbd\u5ea6\n        </Button>\n        <Button\n          onClick={() => {\n            setWidth((width) => {\n              return width - 20;\n            });\n          }}\n        >\n          \u51cf\u5c11\u5bb9\u5668\u5bbd\u5ea6\n        </Button>\n      </Space>\n    </Space>\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_ButtonGroup",packageName:"@components/ButtonGroup",component:a},{name:"_ConfirmButton",packageName:"@components/ConfirmButton",component:t(58407)},{name:"antd",packageName:"antd",component:o}]}]}}},62902:(n,e,t)=>{"use strict";t.d(e,{A:()=>s});var a=t(36),o=t(55199),l=t(87558),r=t(21079);const s={name:"Common",summary:"<p>\u4e3a\u7ec4\u4ef6\u5e93\u63d0\u4f9b\u901a\u7528\u7684\u7ec4\u4ef6\u3001\u65b9\u6cd5\u3001hooks</p>\n<h3>\u7ec4\u4ef6</h3>\n<ol>\n<li>FetchButton Button\u89e6\u53d1\u52a0\u8f7d\u6570\u636e</li>\n<li>ScrollLoader \u4e0b\u62c9\u6eda\u52a8\u52a0\u8f7d\u7ec4\u4ef6</li>\n<li>SearchInput \u63d0\u4f9b\u9632\u6296\u7684\u67e5\u8be2\u8f93\u5165\u6846</li>\n<li>SimpleBarBox</li>\n</ol>\n<h3>\u65b9\u6cd5</h3>\n<ol>\n<li>changeMoneyToChinese \u5c06\u91d1\u989d\u8f6c\u5316\u4e3a\u5927\u5199\u7684\u4eba\u6c11\u5e01\u91d1\u989d</li>\n<li>getPopupContainer</li>\n<li>getScrollEl</li>\n<li>getContainerBody</li>\n</ol>\n<h3>hooks</h3>\n<ol>\n<li>withOSSFile</li>\n</ol>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n</table>",example:{isFull:!1,className:"Common_d13bc",style:".Common_d13bc .scroll-list {\n  max-height: 300px;\n}",list:[{title:"FetchButton",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const Common = _Common;\n\nconst { FetchButton } = Common;\n\nconst BaseExample = () => {\n  return (\n    <FetchButton\n      api={{\n        loader: () => {\n          return [\n            { label: "1", content: "11" },\n            { label: "2", content: "22" },\n          ];\n        },\n      }}\n      modalProps={({ data }) => {\n        console.log(data);\n        alert(JSON.stringify(data));\n        return {\n          children: (\n            <div>\n              <div>\u6211\u662f\u4e00\u4e2a\u5f39\u7a97</div>\n              <div>{data[0].label}</div>\n              <div>{data[0].content}</div>\n              <div>{data[1].label}</div>\n              <div>{data[1].content}</div>\n            </div>\n          ),\n        };\n      }}\n      modalFunc={() => {}}\n    >\n      FetchButton\n    </FetchButton>\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Common",packageName:"@components/Common",component:a}]},{title:"Enum",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const Common = _Common;\nconst { Space } = _antd;\n\nconst { AddressEnum, FunctionEnum, IndustryEnum } = Common;\n\nconst BaseExample = () => {\n  return (\n    <Space direction={"vertical"}>\n      <AddressEnum name={"010"} />\n      <FunctionEnum name={"010"} />\n      <IndustryEnum name={"010"} />\n    </Space>\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Common",packageName:"@components/Common",component:a},{name:"_antd",packageName:"antd",component:o}]},{title:"ScrollLoader",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { get, merge, range } = lodash;\nconst Common = _Common;\nconst { default: Fetch } = _reactFetch;\n\nconst { ScrollLoader } = Common;\n\nconst BaseExample = () => {\n  console.log(Fetch, _reactFetch);\n  return (\n    <Fetch\n      loader={({ data }) => {\n        const params = Object.assign(\n          {\n            perPage: 20,\n            currentPage: 1,\n          },\n          data\n        );\n        return new Promise((resolve) => {\n          const start = (params.currentPage - 1) * params.perPage;\n          setTimeout(() => {\n            resolve({\n              totalCount: 100,\n              pageData: range(start, start + params.perPage).map((key) => {\n                return {\n                  label: `\u7b2c${key + 1}\u9879`,\n                  value: key + 1,\n                };\n              }),\n            });\n          }, 500);\n        });\n      }}\n      render={(fetchApi) => {\n        const pagination = {\n          paramsType: "data",\n          current: "currentPage",\n          pageSize: "perPage",\n          defaultPageSize: 20,\n        };\n        const current = get(\n            fetchApi.requestParams,\n            [pagination.paramsType, pagination.current],\n            1\n          ),\n          pageSize =\n            get(fetchApi.requestParams, [\n              pagination.paramsType,\n              pagination.pageSize,\n            ]) || pagination.defaultPageSize;\n\n        const formatData = {\n          list: fetchApi.data.pageData,\n          total: fetchApi.data.totalCount,\n        };\n        return (\n          <ScrollLoader\n            completeTips=""\n            className="scroll-list"\n            isLoading={!fetchApi.isComplete}\n            noMore={!formatData.total || current * pageSize >= formatData.total}\n            onLoader={async () => {\n              await fetchApi.loadMore(\n                merge({\n                  data: {\n                    [pagination.pageSize]: pageSize,\n                    [pagination.current]: current + 1,\n                  },\n                }),\n                (data, newData) => {\n                  return Object.assign({}, newData, {\n                    pageData: data.pageData.concat(newData.pageData),\n                  });\n                }\n              );\n            }}\n          >\n            {formatData.list.map((item) => {\n              return <div>{item.label}</div>;\n            })}\n          </ScrollLoader>\n        );\n      }}\n    />\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Common",packageName:"@components/Common",component:a},{name:"_reactFetch",packageName:"@kne/react-fetch",component:l},{name:"lodash",packageName:"lodash",component:r}]},{title:"SearchInput",description:"\u641c\u7d22\u6846",code:'const Common = _Common;\n\nconst { SearchInput } = Common;\nconst { useState } = React;\n\nconst BaseExample = () => {\n  const [value, setValue] = useState("");\n  return (\n    <SearchInput\n      value={value}\n      onSearch={(value) => {\n        setValue(value);\n        console.log(value);\n      }}\n    />\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Common",packageName:"@components/Common",component:a}]},{title:"AdvancedSelect",description:"\u9ad8\u7ea7\u9009\u62e9",code:'const { UserField } = _Common;\nconst { Space } = antd;\n\nconst BaseExample = () => {\n  return (\n    <Space>\n      <UserField\n        defaultValue={[1]}\n        getSearchProps={(text) => {\n          return {\n            data: { keyword: text },\n          };\n        }}\n        allowSelectAll\n        showSelectedCount\n        countUnit="\u4eba"\n        allLabel="\u6240\u6709\u4eba"\n        showSelectedTag={false}\n        api={{\n          loader: () => {\n            return {\n              pageData: [\n                {\n                  label: "\u7528\u6237\u4e00",\n                  value: 1,\n                  description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n                },\n                {\n                  label: "\u7528\u6237\u4e8c",\n                  value: 2,\n                  description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n                },\n                {\n                  label: "\u7528\u6237\u4e09",\n                  value: 3,\n                  description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n                },\n              ],\n            };\n          },\n        }}\n        onChange={(value) => {\n          console.log(value);\n        }}\n      />\n    </Space>\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Common",packageName:"@components/Common",component:a},{name:"antd",packageName:"antd",component:o}]}]}}},77091:(n,e,t)=>{"use strict";t.d(e,{A:()=>l});var a=t(58407),o=t(55199);const l={name:"ConfirmButton",summary:"<h3>\u4f55\u65f6\u4f7f\u7528</h3>\n<p>\u6267\u884c\u64cd\u4f5c\u524d\u786e\u8ba4\u540e\u518d\u6267\u884c</p>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>message</td>\n<td>\u5220\u9664\u63d0\u793a</td>\n<td>jsx</td>\n<td>\u786e\u5b9a\u8981\u5220\u9664\u5417\uff1f</td>\n</tr>\n<tr>\n<td>title</td>\n<td>\u5220\u9664\u63d0\u793a\u6807\u9898</td>\n<td>jsx</td>\n<td>-</td>\n</tr>\n<tr>\n<td>isDelete</td>\n<td>\u662f\u5426\u4e3a\u5220\u9664\u64cd\u4f5c</td>\n<td>boolean</td>\n<td>true</td>\n</tr>\n<tr>\n<td>onClick</td>\n<td>\u70b9\u51fb\u786e\u8ba4\u540e\u6267\u884c\u7684\u4e8b\u4ef6</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>onCancel</td>\n<td>\u70b9\u51fb\u53d6\u6d88\u540e\u6267\u884c\u7684\u4e8b\u4ef6</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>disabled</td>\n<td>\u6309\u94ae\u662f\u5426\u7981\u7528</td>\n<td>boolean</td>\n<td>-</td>\n</tr>\n<tr>\n<td>showCancel</td>\n<td>\u662f\u5426\u663e\u793a\u53d6\u6d88\u6309\u94ae</td>\n<td>boolean</td>\n<td>-</td>\n</tr>\n<tr>\n<td>cancelText</td>\n<td>\u53d6\u6d88\u6309\u94ae\u6587\u6848</td>\n<td>string</td>\n<td>\u53d6\u6d88</td>\n</tr>\n<tr>\n<td>okText</td>\n<td>\u786e\u8ba4\u6309\u94ae\u6587\u6848</td>\n<td>string</td>\n<td>\u786e\u8ba4</td>\n</tr>\n<tr>\n<td>isModal</td>\n<td>\u662f\u5426\u4ee5\u5f39\u7a97\u65b9\u5f0f\u5c55\u793a\uff0c\u9ed8\u8ba4\u4e3aPopconfirm</td>\n<td>boolean</td>\n<td>false</td>\n</tr>\n<tr>\n<td>placement</td>\n<td>\u5f53isModal\u4e3afalse\u65f6\u751f\u6548\uff0c\u6307\u5b9aPopconfirm\u7684\u5f39\u51fa\u65b9\u5411</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>getContainer</td>\n<td>\u6307\u5b9aPopconfirm\u6216Modal\u5f39\u51fa\u4f4d\u7f6e\uff0c\u4e00\u822c\u4e0d\u9700\u8981\u6307\u5b9a</td>\n<td>function</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>ConfirmLink</h3>\n<p>\u53e6\u5916\u7684\u4e00\u79cd\u6309\u94ae\u5f62\u5f0f\u53c2\u6570\u540cConfirmButton</p>\n<h3>withConfirm</h3>\n<p>\u9ad8\u9636\u7ec4\u4ef6\u53ef\u4ee5\u81ea\u5b9a\u4e49\u6309\u94ae</p>",example:{isFull:!1,className:"ConfirmButton_5f815",style:"",list:[{title:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u6807\u9898",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { default: ConfirmButton, ConfirmLink } = _ConfirmButton;\nconst { Space } = antd;\nconst { PureGlobal } = global;\nconst BaseExample = () => {\n  return (\n    <Space direction={"vertical"}>\n      <Space>\n        <ConfirmButton\n          isDelete={false}\n          message="\u786e\u5b9a\u8981\u5220\u9664\u5417"\n          onClick={() => {\n            console.log("\u6267\u884c\u5220\u9664");\n          }}\n        >\n          \u975e\u8b66\u544a-\u6c14\u6ce1-\u6b63\u6587\n        </ConfirmButton>\n        <ConfirmButton\n          onClick={() => {\n            console.log("\u6267\u884c\u5220\u9664");\n          }}\n        >\n          \u8b66\u544a-\u6c14\u6ce1-\u6b63\u6587\n        </ConfirmButton>\n      </Space>\n      <Space>\n        <ConfirmButton\n          title="\u786e\u5b9a\u8981\u5220\u9664\u5417\uff1f"\n          isDelete={false}\n          message="\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664"\n          onClick={() => {\n            console.log("\u6267\u884c\u5220\u9664");\n          }}\n        >\n          \u975e\u8b66\u544a-\u6c14\u6ce1-\u6807\u9898\u6b63\u6587\n        </ConfirmButton>\n        <ConfirmButton\n          title="\u786e\u5b9a\u8981\u5220\u9664\u5417\uff1f"\n          message="\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664"\n          onClick={() => {\n            console.log("\u6267\u884c\u5220\u9664");\n          }}\n        >\n          \u8b66\u544a-\u6c14\u6ce1-\u6807\u9898\u6b63\u6587\n        </ConfirmButton>\n      </Space>\n      <Space>\n        <ConfirmButton\n          isModal\n          isDelete={false}\n          message="\u786e\u5b9a\u63d0\u4ea4XX\u5417\uff1f"\n          onClick={() => {\n            console.log("\u6267\u884c\u5220\u9664");\n          }}\n        >\n          \u975e\u8b66\u544a-modal-\u6b63\u6587\n        </ConfirmButton>\n        <ConfirmButton\n          isModal\n          onClick={() => {\n            console.log("\u6267\u884c\u5220\u9664");\n          }}\n        >\n          \u8b66\u544a-modal-\u6b63\u6587\n        </ConfirmButton>\n      </Space>\n      <Space>\n        <ConfirmButton\n          isModal\n          title="\u786e\u5b9a\u63d0\u4ea4XX\u5417\uff1f"\n          isDelete={false}\n          message="\u8fd9\u91cc\u663e\u793a\u8be6\u60c5\u8bf4\u660e\u8fd9\u91cc\u663e\u793a\u8be6\u60c5\u8bf4\u660e\u8fd9\u91cc\u663e\u793a\u8be6\u60c5\u8bf4\u660e\u8fd9\u91cc\u663e\u793a\u8be6\u60c5\u8bf4\u660e\u8fd9\u91cc\u663e\u793a\u8be6\u60c5\u8bf4\u660e"\n          onClick={() => {\n            console.log("\u6267\u884c\u5220\u9664");\n          }}\n        >\n          \u975e\u8b66\u544a-modal-\u6807\u9898\u6b63\u6587\n        </ConfirmButton>\n        <ConfirmButton\n          isModal\n          title="\u786e\u5b9a\u8981\u5220\u9664\u5417\uff1f"\n          message="\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664"\n          onClick={() => {\n            console.log("\u6267\u884c\u5220\u9664");\n          }}\n        >\n          \u6709title\u7684Modal\u786e\u8ba4\u5220\u9664\n        </ConfirmButton>\n      </Space>\n      <ConfirmLink\n        onClick={() => {\n          console.log("\u6267\u884c\u5220\u9664");\n        }}\n      >\n        Link-\u8b66\u544a-\u6c14\u6ce1-\u6b63\u6587\n      </ConfirmLink>\n    </Space>\n  );\n};\n\nrender(\n  <PureGlobal>\n    <BaseExample />\n  </PureGlobal>\n);\n\n',scope:[{name:"_ConfirmButton",packageName:"@components/ConfirmButton",component:a},{name:"antd",packageName:"antd",component:o},{name:"global",packageName:"@components/Global",component:t(76329)}]}]}}},25724:(n,e,t)=>{"use strict";t.d(e,{A:()=>o});var a=t(45362);const o={name:"Content",summary:"<h3>\u4f55\u65f6\u4f7f\u7528</h3>\n<p>\u6210\u7ec4\u5c55\u793a\u591a\u4e2a\u5b57\u6bb5\uff0c\u5e38\u89c1\u4e8e\u8be6\u60c5\u9875\u7684\u4fe1\u606f\u5c55\u793a</p>\n<h3>\u7279\u70b9</h3>\n<p>labelAlign\u4e0d\u4e3aauto\u65f6\u4f1a\u81ea\u52a8\u8ba1\u7b97label\u7684\u6700\u5c0f\u5bbd\u5ea6\u4f7f\u6240\u6709label\u7684\u5bbd\u5ea6\u7b49\u4e8e\u6700\u957f\u7684label\u5bbd\u5ea6\u4f7f\u89c6\u89c9\u4e0a\u66f4\u52a0\u6574\u9f50\u6709\u79e9\u5e8f\u611f</p>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>list</td>\n<td>\u5185\u5bb9\uff0c\u4e3a\u4e00\u4e2a\u6570\u7ec4\uff0c\u6570\u7ec4\u91cc\u9762\u6bcf\u4e00\u4e2a\u503c{label,content}</td>\n<td>array</td>\n<td>[]</td>\n</tr>\n<tr>\n<td>labelAlign</td>\n<td>label\u7684\u5bf9\u9f50\u65b9\u5f0f\u53ef\u4ee5\u4f20\u5165\u7684\u503c left,right,center,auto,\u4e3aauto\u65f6label\u4e0d\u8ba1\u7b97\u6700\u5c0f\u5bbd\u5ea6</td>\n<td>string</td>\n<td>left</td>\n</tr>\n<tr>\n<td>col</td>\n<td>\u663e\u793a\u5217\u6570</td>\n<td>number</td>\n<td>1</td>\n</tr>\n<tr>\n<td>gutter</td>\n<td>\u6805\u683c\u95f4\u9694\uff0c\u53ef\u4ee5\u5199\u6210\u50cf\u7d20\u503c\u6216\u652f\u6301\u54cd\u5e94\u5f0f\u7684\u5bf9\u8c61\u5199\u6cd5\u6765\u8bbe\u7f6e\u6c34\u5e73\u95f4\u9694 { xs: 8, sm: 16, md: 24}\u3002\u6216\u8005\u4f7f\u7528\u6570\u7ec4\u5f62\u5f0f\u540c\u65f6\u8bbe\u7f6e [\u6c34\u5e73\u95f4\u8ddd, \u5782\u76f4\u95f4\u8ddd]</td>\n<td>number</td>\n<td>0</td>\n</tr>\n</tbody>\n</table>",example:{isFull:!1,className:"Content_f15c1",style:"",list:[{title:"\u57fa\u672c\u793a\u4f8b",description:"\u5c55\u793a\u4e86\u4e00\u4e2a\u57fa\u672c\u5185\u5bb9",code:"const {default:Content} = _Content;\nconst BaseExample = ()=>{\n    return <Content list={[\n        {label:'\u6807\u9898',content:'\u5185\u5bb9'},\n        {label:'\u6807\u9898\u6807\u9898',content:'\u5185\u5bb9\u5185\u5bb9'},\n        {label:'\u6807\u9898\u6807',content:'\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9'},\n        {label:'\u6807\u9898\u6807\u9898\u6807\u9898',content:'\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9'}\n    ]}/>;\n};\n\nrender(<BaseExample />);\n\n",scope:[{name:"_Content",packageName:"@components/Content",component:a}]},{title:"labelAlign auto",description:"\u5c55\u793a\u4e86\u8bbe\u7f6elabelAlign\u4e3aauto\u7684\u60c5\u51b5",code:"const {default: Content} = _Content;\nconst BaseExample = () => {\n    return <Content labelAlign=\"auto\" list={[\n        {label: '\u6807\u9898', content: '\u5185\u5bb9'},\n        {label: '\u6807\u9898\u6807\u9898', content: '\u5185\u5bb9\u5185\u5bb9'},\n        {label: '\u6807\u9898\u6807', content: '\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9'},\n        {\n            label: '\u6807\u9898\u6807\u9898\u6807\u9898',\n            content: '\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9'\n        }\n    ]}/>;\n};\n\nrender(<BaseExample/>);\n\n",scope:[{name:"_Content",packageName:"@components/Content",component:a}]},{title:"\u591a\u5217",description:"\u5c55\u793a\u4e86\u4e24\u5217\u7684\u60c5\u51b5",code:"const {default: Content} = _Content;\nconst BaseExample = () => {\n    return <Content col={2} labelAlign=\"auto\" list={[\n        {label: '\u6807\u9898', content: '\u5185\u5bb9'},\n        {label: '\u6807\u9898\u6807\u9898', content: '\u5185\u5bb9\u5185\u5bb9'},\n        {label: '\u6807\u9898\u6807', content: '\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9'},\n        {\n            label: '\u6807\u9898\u6807\u9898\u6807\u9898',\n            content: '\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9'\n        }\n    ]}/>;\n};\n\nrender(<BaseExample/>);\n\n",scope:[{name:"_Content",packageName:"@components/Content",component:a}]}]}}},43728:(n,e,t)=>{"use strict";t.d(e,{A:()=>a});const a={name:"Descriptions",summary:"<h3>\u4f55\u65f6\u4f7f\u7528</h3>\n<p>\u5e38\u89c1\u4e8e\u8be6\u60c5\u9875\u7684\u4fe1\u606f\u5c55\u793a</p>\n<h3>\u7279\u70b9</h3>\n<ul>\n<li>\u6700\u591a\u652f\u6301\u4e24\u5217\u6570\u636e\u5c55\u793a\uff0c\u591a\u4f59\u7684\u5217\u5c06\u4e0d\u5c55\u793a</li>\n<li>\u652f\u6301Features\u63a7\u5236\u5217\u5185\u5bb9\u5f00\u542f\u548c\u5173\u95ed</li>\n</ul>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>dataSource</td>\n<td>\u8be6\u60c5\u6570\u636e\u6e90\uff0c\u5185\u90e8\u6bcf\u4e2a\u6570\u7ec4\u4e3a\u4e00\u884c\u6570\u636e\uff0c\u6bcf\u884c\u6570\u636e\u4e2d\u6bcf\u4e2a\u5bf9\u8c61\u4e3a\u4e00\u5217\u6570\u636e\uff0c\u6bcf\u884c\u6700\u591a\u5305\u542b2\u5217\u5185\u5bb9\uff0c\u591a\u4f59\u7684\u4f1a\u88ab\u4e22\u5f03</td>\n<td>array[[{display,label,content,featureId}]]</td>\n<td>-</td>\n</tr>\n<tr>\n<td>dataSource[[{display}]]</td>\n<td>\u6570\u636e\u662f\u5426\u5c55\u793a,\u5f53\u4e3afunction\u65f6\u53ef\u4ee5\u63a5\u6536\u5230(item,dataSource)\u53c2\u6570\uff0citem\u4e3a\u5f53\u524d\u9879\u914d\u7f6e\uff0cdataSource\u4e3a\u6574\u4e2a\u7ec4\u4ef6\u7684dataSource\u914d\u7f6e</td>\n<td>boolean,function</td>\n<td>true</td>\n</tr>\n<tr>\n<td>dataSource[[{label}]]</td>\n<td>\u6570\u636e\u5c55\u793a\u7684label</td>\n<td>jsx</td>\n<td>-</td>\n</tr>\n<tr>\n<td>dataSource[[{content}]]</td>\n<td>\u6570\u636e\u5c55\u793a\u7684\u5185\u5bb9</td>\n<td>jsx</td>\n<td>-</td>\n</tr>\n<tr>\n<td>dataSource[[{featureId}]]</td>\n<td>Features\u63a7\u5236\u7684id\uff0c\u53c2\u8003Features\u7ec4\u4ef6\u7684id\u53c2\u6570</td>\n<td>string</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>",example:{isFull:!1,className:"Descriptions_8bc84",style:"",list:[{title:"\u5c55\u793a\u4e00\u4e2a\u4fe1\u606f\u8be6\u60c5",description:"\u5c55\u793a\u4e00\u4e2a\u4fe1\u606f\u8be6\u60c5",code:'const { default: Descriptions } = _Descriptions;\nconst BaseExample = () => {\n  return (\n    <Descriptions\n      dataSource={[\n        [\n          { label: "\u5ba2\u6237\u540d\u79f0", content: "\u817e\u8baf" },\n          {\n            label: "\u53d1\u7968\u62ac\u5934",\n            content: "\u817e\u8baf\u79d1\u6280\u516c\u53f8",\n          },\n        ],\n        [\n          { label: "\u53d1\u7968\u7c7b\u578b", content: "\u589e\u503c\u7a0e\u4e13\u7528\u53d1\u7968" },\n          {\n            label: "\u53d1\u7968\u5f00\u5177\u65e5\u671f",\n            content: "2022-08-15",\n          },\n        ],\n        [{ label: "\u9000\u7968\u91d1\u989d", content: "22000.00\u5143" }],\n        [\n          {\n            label: "\u53d1\u7968\u53f7",\n            content: (\n              <div>\n                <div>00384895992774</div>\n                <div>00384895992774</div>\n                <div>00384895992774</div>\n                <div>00384895992774</div>\n              </div>\n            ),\n          },\n        ],\n        [\n          { label: "\u662f\u5426\u9700\u8981\u91cd\u5f00\u53d1\u7968", content: "\u5426" },\n          {\n            label: "\u662f\u5426\u6d89\u53ca\u91d1\u878d\u53d8\u52a8",\n            content: "\u5426",\n          },\n        ],\n        [\n          { label: "\u662f\u5426\u9020\u6210\u5b9e\u8d28\u635f\u5931", content: "\u5426" },\n          { label: "\u8d23\u4efb\u5f52\u5c5e", content: "\u5ba2\u6237\u539f\u56e0" },\n        ],\n        [\n          {\n            label: "\u9000\u7968\u539f\u56e0",\n            content: "\u9000\u7968\u539f\u56e0\u7684\u63cf\u8ff0\u9000\u7968\u539f\u56e0\u7684\u63cf\u8ff0\u9000\u7968\u539f\u56e0\u7684\u63cf",\n          },\n        ],\n        [{ label: "\u9644\u4ef6", content: "\u9644\u4ef6\u540d\u79f0" }],\n        [\n          { label: "\u64cd\u4f5c\u65f6\u95f4", content: "2022-08-01 16:32" },\n          {\n            label: "\u64cd\u4f5c\u4eba",\n            content: "\u897f\u897f\u6b6a",\n          },\n        ],\n        [\n          {\n            label: "\u8d85\u957f\u5185\u5bb9",\n            content:\n              "\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9",\n          },\n          {\n            label: "\u8d85\u957f\u82f1\u6587",\n            content:\n              "aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa",\n          },\n        ],\n      ]}\n    />\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Descriptions",packageName:"@components/Descriptions",component:t(90580)}]}]}}},56026:(n,e,t)=>{"use strict";t.d(e,{A:()=>i});var a=t(25963),o=t(76329),l=t(45362),r=t(55199),s=t(21079);const i={name:"Drawer",summary:"<p>\u5c4f\u5e55\u8fb9\u7f18\u6ed1\u51fa\u7684\u6d6e\u5c42\u9762\u677f</p>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>footer</td>\n<td>\u5f39\u7a97\u7684footer\uff0c\u5f53\u5176\u88ab\u663e\u5f0f\u8bbe\u7f6e\u6210null\u4e14footerButtons\u6ca1\u6709\u8bbe\u7f6e\u8fc7\u65f6\u5f39\u7a97\u4e0d\u663e\u793afooter\u3002\u5f53\u5b83\u7c7b\u578b\u4e3afunction\u65f6\u53ef\u4ee5\u5f97\u5230close\u65b9\u6cd5\u548cwithDecorator\u8bbe\u7f6e\u7684props</td>\n<td>jsx,function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>footerButtons</td>\n<td>\u5f39\u7a97footer\u7684\u6309\u94ae\u533a\uff0c\u9ed8\u8ba4\u4e3a\u786e\u8ba4\u548c\u53d6\u6d88\u6309\u94ae\uff0c\u9ed8\u8ba4\u6309\u94ae\u5206\u522b\u54cd\u5e94onConfirm\u548conCancel\u65b9\u6cd5\uff0c\u5982\u679c\u81ea\u5b9a\u4e49\u8bbe\u7f6efooterButtons\u5219\u9700\u8981\u81ea\u884c\u4f20\u5165onClick\u53c2\u6570\uff0conConfirm\u548conCancel\u65b9\u6cd5\u5c06\u4e0d\u751f\u6548</td>\n<td>array</td>\n<td>-</td>\n</tr>\n<tr>\n<td>onClose</td>\n<td>\u5f39\u7a97\u5173\u95ed\u65f6\u8c03\u7528\uff0c\u5f39\u7a97\u53d7\u63a7\u65f6\u7531\u8be5\u65b9\u6cd5\u5c06\u5916\u90e8open\u72b6\u6001\u4fee\u6539</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>onConfirm</td>\n<td>\u5f53footerButtons\u672a\u81ea\u5b9a\u4e49\u8bbe\u7f6e\u65f6\u70b9\u51fb\u786e\u8ba4\u6309\u94ae\u89e6\u53d1\u6267\u884c\u8be5\u65b9\u6cd5\uff0c\u5f53\u5176\u8fd4\u56dePromise\u70b9\u51fb\u540ePromise\uff0cresolve\u4e4b\u524d\u786e\u8ba4\u6309\u94ae\u663e\u793a\u4e3aloading\u72b6\u6001\uff0c\u8fd4\u56de\u503c\u4e3afalse\u6216\u8005Promise\u7684resolve\u503c\u4e3afalse\u65f6\u5f39\u7a97\u4e0d\u4f1a\u88ab\u5173\u95ed\uff0c\u5176\u4ed6\u60c5\u51b5\u5f39\u7a97\u9ed8\u8ba4\u5173\u95ed</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>onCancel</td>\n<td>\u548conConfirm\u7c7b\u4f3c\uff0c\u5176\u4e3a\u70b9\u51fb\u53d6\u6d88\u6309\u94ae\u89e6\u53d1</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>children</td>\n<td>\u5f39\u7a97\u5185\u5bb9\uff0c\u53ef\u4ee5\u4e3ajsx\u6216\u8005function\uff0c\u4e3afunction\u65f6\u53ef\u4ee5\u63a5\u6536\u5230close\u548cwithDecorator\u8bbe\u7f6e\u7684props</td>\n<td>jsx,function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>withDecorator</td>\n<td>\u5f39\u7a97\u4fee\u9970\u5668\uff0c\u4f1a\u63a5\u6536\u5230\u5f39\u7a97children\u7684render\u65b9\u6cd5\uff0c\u53ef\u4ee5\u5728\u5176\u5916\u90e8\u6dfb\u52a0\u4fee\u9970\u5185\u5bb9\u540e\u6267\u884crender\u65b9\u6cd5\uff0c\u7ed9render\u65b9\u6cd5\u4f20\u5165\u7684\u503c\u53ef\u4ee5\u5728children,footer,rightOptions\u7c7b\u578b\u4e3afunction\u65f6\u63a5\u6536\u5230\u5bf9\u5e94\u7684\u53c2\u6570</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>maskClosable</td>\n<td>\u70b9\u51fb\u8499\u5c42\u662f\u5426\u5141\u8bb8\u5173\u95ed</td>\n<td>boolean</td>\n<td>false</td>\n</tr>\n</tbody>\n</table>\n<p>\u5176\u4ed6\u53c2\u6570\u53c2\u8003antd Drawer\u7ec4\u4ef6</p>\n<h3>AppDrawer</h3>\n<p>\u5168\u5c40\u62bd\u5c49\u5305\u88f9\u7ec4\u4ef6\uff0c\u63d0\u4f9b\u6d88\u8d39\u4e0a\u4e0b\u6587\u7684\u9ed8\u8ba4\u73af\u5883\uff0c\u63d0\u4f9b\u53ef\u6d88\u8d39 React context \u7684 drawer \u7684\u9759\u6001\u65b9\u6cd5\uff0c\u53ef\u4ee5\u7b80\u5316 useDrawer \u7b49\u65b9\u6cd5\u9700\u8981\u624b\u52a8\u690d\u5165 contextHolder \u7684\u95ee\u9898\u3002</p>\n<h3>useDrawer</h3>\n<p>\u83b7\u53d6\u4e00\u4e2a\u6267\u884c\u540e\u53ef\u4ee5\u5f39\u51fa\u4e00\u4e2aDrawer\u7ec4\u4ef6\u7684\u65b9\u6cd5,\u524d\u7f6e\u6761\u4ef6\u662f\u9700\u8981\u518d\u5168\u5c40\u6ce8\u5165AppDrawer\u5305\u88f9\u7ec4\u4ef6</p>\n<h4>return:drawer</h4>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>drawer</td>\n<td>\u6267\u884c\u540e\u53ef\u4ee5\u5f39\u51fa\u4e00\u4e2aDrawer\u5f39\u7a97\uff0c\u53c2\u6570\u540cDrawer\u7ec4\u4ef6\u53c2\u6570</td>\n<td>function</td>\n</tr>\n</tbody>\n</table>\n<h3>DrawerButton</h3>\n<p>\u70b9\u51fb\u4ee5\u540e\u53ef\u4ee5\u6267\u884c\u83b7\u53d6\u6570\u636e\uff0c\u5728\u6570\u636e\u672a\u8fd4\u56de\u65f6\u6309\u94ae\u5c55\u793a\u4e3aloading\u72b6\u6001\uff0c\u6570\u636e\u8fd4\u56de\u540e\u5f39\u51faDrawer\u5f39\u7a97</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>api</td>\n<td>@kne/react-fetch \u6240\u9700\u53c2\u6570</td>\n<td>object</td>\n<td>-</td>\n</tr>\n<tr>\n<td>drawerProps</td>\n<td>\u540cDrawer\u53c2\u6570,\u5f53\u5b83\u4e3afunction\u65f6\uff0c\u6267\u884cfunction\u540e\u8fd4\u56de\u7684\u503c\u4f5c\u4e3adrawerProps</td>\n<td>object,function({data,fetchApi,close})</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<p>\u5176\u4ed6\u53c2\u6570\u540cantd Button \u7ec4\u4ef6</p>",example:{isFull:!1,className:"Drawer_9b1ed",style:"",list:[{title:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u6807\u9898",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { default: Drawer, useDrawer, DrawerButton } = _Drawer;\nconst { Button, Space } = antd;\nconst { range } = lodash;\nconst { useRef, useState } = React;\nconst { PureGlobal } = global;\nconst { default: Content } = _Content;\n\nconst api = {\n  loader: () => {\n    return new Promise((resolve) => {\n      setTimeout(() => {\n        resolve([\n          {\n            label: "\u5185\u5bb91",\n            content:\n              "\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91",\n          },\n          {\n            label: "\u5185\u5bb92",\n            content:\n              "\u5185\u5bb92\u5185\u5bb92\u5185\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92",\n          },\n          { label: "\u5185\u5bb91", content: "\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91" },\n          {\n            label: "\u5185\u5bb92",\n            content: "\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92",\n          },\n          { label: "\u5185\u5bb91", content: "\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91" },\n          {\n            label: "\u5185\u5bb92",\n            content: "\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92",\n          },\n          { label: "\u5185\u5bb91", content: "\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91" },\n          {\n            label: "\u5185\u5bb92",\n            content: "\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92",\n          },\n          { label: "\u5185\u5bb91", content: "\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91" },\n          {\n            label: "\u5185\u5bb92",\n            content: "\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92",\n          },\n          { label: "\u5185\u5bb91", content: "\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91" },\n          {\n            label: "\u5185\u5bb92",\n            content: "\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92",\n          },\n        ]);\n      }, 1000);\n    });\n  },\n};\n\nconst BaseExample = () => {\n  const drawer = useDrawer();\n  const [open, setOpen] = useState(false);\n  return (\n    <Space>\n      <Button\n        onClick={() => {\n          setOpen(true);\n        }}\n      >\n        open \u7ec4\u4ef6\u6253\u5f00\n      </Button>\n      <Button\n        onClick={() => {\n          drawer({\n            title: "\u6807\u9898",\n            children: "\u6253\u5f00\u4e86\u4e00\u4e2a\u62bd\u5c49",\n          });\n        }}\n      >\n        hook \u6253\u5f00\n      </Button>\n      <DrawerButton\n        api={api}\n        modalProps={({ data }) => {\n          return {\n            title: "\u52a0\u8f7d\u6570\u636e\u7684\u5f39\u7a97",\n            children: <Content list={data} col={1} />,\n          };\n        }}\n      >\n        \u6309\u94ae\u70b9\u51fb\u52a0\u8f7d\u6570\u636e\n      </DrawerButton>\n      <Drawer title="Basic Drawer" onClose={() => setOpen(false)} open={open}>\n        <p>Some contents...</p>\n        <p>Some contents...</p>\n        <p>Some contents...</p>\n      </Drawer>\n    </Space>\n  );\n};\n\nrender(\n  <PureGlobal>\n    <BaseExample />\n  </PureGlobal>\n);\n\n',scope:[{name:"_Drawer",packageName:"@components/Drawer",component:a},{name:"global",packageName:"@components/Global",component:o},{name:"_Content",packageName:"@components/Content",component:l},{name:"antd",packageName:"antd",component:r},{name:"lodash",packageName:"lodash",component:s}]}]}}},73650:(n,e,t)=>{"use strict";t.d(e,{A:()=>l});var a=t(48731),o=t(55199);const l={name:"Enum",summary:"",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n</table>",example:{isFull:!1,className:"Enum_cf204",style:"",list:[{title:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u6807\u9898",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { default: Enum } = _Enum;\nconst { PureGlobal } = global;\nconst { Space, Select } = antd;\nconst BaseExample = () => {\n  return (\n    <PureGlobal\n      preset={{\n        locale: "zh-CN",\n        enums: {\n          testEnums: async ({ locale }) => {\n            console.log(locale);\n            return new Promise((resolve) => {\n              setTimeout(() => {\n                resolve([\n                  { value: "1", description: "\u7b2c\u4e00\u9879" },\n                  { value: "2", description: "\u7b2c\u4e8c\u9879" },\n                  {\n                    value: "3",\n                    description: "\u7b2c\u4e09\u9879",\n                  },\n                ]);\n              }, 1000);\n            });\n          },\n        },\n      }}\n    >\n      <Space>\n        <Enum moduleName="gender" name="M">\n          {(data) => data.description}\n        </Enum>\n        <Enum moduleName="testEnums" name="1">\n          {(data) => data.description}\n        </Enum>\n        <Enum moduleName="testEnums" name="2">\n          {(data) => data.description}\n        </Enum>\n        <Enum moduleName="testEnums">\n          {(list) => {\n            return (\n              <Select\n                placeholder="\u8bf7\u9009\u62e9"\n                options={list.map((item) => ({\n                  value: item.value,\n                  label: item.description,\n                }))}\n              />\n            );\n          }}\n        </Enum>\n      </Space>\n    </PureGlobal>\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Enum",packageName:"@components/Enum",component:a},{name:"antd",packageName:"antd",component:o},{name:"global",packageName:"@components/Global",component:t(76329)}]}]}}},17540:(n,e,t)=>{"use strict";t.d(e,{A:()=>i});var a=t(63361),o=t(76329),l=t(51516),r=t(94679),s=t(55199);const i={name:"Features",summary:"<h3>\u4f55\u65f6\u4f7f\u7528</h3>\n<p>\u5728\u7cfb\u7edf\u4e2d\u9700\u8981\u901a\u8fc7\u4e00\u4e9b\u6761\u4ef6\uff0c\u7cfb\u7edf\u6027\u5730\u8ba9\u6574\u4e2a\u7cfb\u7edf\u7684\u67d0\u4e9b\u529f\u80fd\u5c4f\u853d\u6216\u8005\u6709\u53e6\u5916\u7684\u4e00\u4e9b\u5c55\u73b0\u65b9\u5f0f\uff0c\u53ef\u4ee5\u7528\u8be5\u7ec4\u4ef6\u6765\u5b9e\u73b0</p>\n<h3>\u7279\u70b9</h3>\n<ul>\n<li>\u5168\u5c40\u6027\u914d\u7f6e\uff0c\u4e00\u6b21\u6027\u58f0\u660e\uff0c\u907f\u514d\u5c06\u5404\u79cd\u5224\u65ad\u8bed\u53e5\u6563\u843d\u5728\u9879\u76ee\u5404\u5904\u9020\u6210\u96be\u4ee5\u7ef4\u62a4</li>\n<li>\u5177\u6709\u7279\u5f81\u5224\u65ad\u548c\u4f9d\u8d56\u6027\u5224\u65ad\uff0c\u5373\u5f53\u7cfb\u7edf\u63cf\u8ff0\u6027\u6587\u4ef6\u4e2d\u542b\u6709\u67d0\u4e2a\u6a21\u5757\u4e14\u542b\u6709\u6240\u6709\u4f9d\u8d56\u9879\u6a21\u5757\u5219\u5224\u65ad\u8be5\u7ec4\u4ef6\u4e3a\u6b63\u5e38\u72b6\u6001\uff0c\u5176\u4ed6\u60c5\u51b5\u4e3a\u5173\u95ed\u72b6\u6001</li>\n<li>\u53ef\u4ee5\u901a\u8fc7\u914d\u7f6e\u6587\u4ef6\u7ed9\u6b63\u5e38\u72b6\u6001\u548c\u5173\u95ed\u72b6\u6001\u7684\u7ec4\u4ef6\u4f20\u9012\u4e0d\u540c\u7684props\u6765\u63a7\u5236\u4e24\u79cd\u72b6\u6001\u4e0b\u7ec4\u4ef6\u7684\u4e0d\u540c\u903b\u8f91</li>\n<li>\u5728\u914d\u7f6e\u6587\u4ef6\u4e2d\uff0c\u7ec4\u4ef6\u7684id\u662f\u7b80\u5199\uff0c\u53ea\u9700\u8981\u4fdd\u8bc1\u540c\u4e00\u5c42\u7ea7\u7684\u7ec4\u4ef6id\u4e0d\u91cd\u590d\u5c31\u53ef\u4ee5\u4e86\uff0c\u5b83\u7684\u771f\u5b9eid\u4f1a\u901a\u8fc7\u5176\u6240\u5728\u7684\u4e0a\u4e0b\u7ea7\u5173\u7cfb\uff0c\u901a\u8fc7\u5192\u53f7\u5c06\u6bcf\u4e00\u5c42\u7684\u7ec4\u4ef6id\u94fe\u63a5\u8d77\u6765\u7ec4\u6210\u5176\u771f\u5b9e\u7684id\uff0c\u4f60\u53ef\u4ee5\u6253\u5f00\u8c03\u8bd5\u6a21\u5f0f\u67e5\u770b\u6bcf\u4e00\u4e2a\u7ec4\u4ef6\u5b9e\u9645\u8fd0\u884c\u65f6\u7684id\u548c\u5224\u65ad\u72b6\u6001</li>\n<li>\u7ec4\u4ef6\u7684type\u53ef\u4ee5\u8bbe\u7f6e\u4e3a\u4e09\u79cd\uff1asystem,module,feature\u3002system\u4e3a\u914d\u7f6e\u6587\u4ef6\u6700\u9876\u7ea7\u7ec4\u4ef6\uff0cmodule\u4e3a\u529f\u80fd\u6a21\u5757\uff0c\u9ed8\u8ba4Layout\u7684Page\u7ec4\u4ef6openFeatures\u4e3atrue\u65f6\u5b83\u7684name\u4f1a\u88ab\u8bbe\u7f6e\u6210module\uff0cfeature\u4e3a\u5177\u4f53\u7684\u529f\u80fd\u9879</li>\n</ul>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>id</td>\n<td>\u6a21\u5757\u6216\u529f\u80fdid\uff0c\u901a\u8fc7Global\u91cc\u9762\u7684preset\u7684features\u914d\u7f6e\u786e\u5b9a\u8be5\u6a21\u5757\u5f00\u542f\u6216\u8005\u5173\u95ed</td>\n<td>string</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<ul>\n<li>features \u53c2\u6570\u8bbe\u7f6e</li>\n</ul>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>debug</td>\n<td>\u662f\u5426\u5f00\u542f\u8c03\u8bd5\u6a21\u5f0f\uff0c\u5f00\u542f\u540e\u63a7\u5236\u53f0\u4f1a\u6253\u5370\u6240\u6709\u6a21\u5757\u7684id\u548c\u5224\u65ad\u7ed3\u679c</td>\n<td>boolean</td>\n<td>false</td>\n</tr>\n<tr>\n<td>profile</td>\n<td>\u6a21\u5757\u914d\u7f6e\u5217\u8868\uff0c\u5177\u4f53\u53c2\u8003\u4e0b\u9762profile\u53c2\u6570\u8bf4\u660e</td>\n<td>object</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<ul>\n<li>profile\u53c2\u6570\u8bf4\u660e</li>\n</ul>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>id</td>\n<td>\u6a21\u5757\u7684\u552f\u4e00\u6807\u8bc6\u7b26\uff0c\u9700\u8981\u4fdd\u8bc1\u5728\u5f53\u524d\u4e00\u7ea7\u4e2d\u4e0d\u91cd\u590d\uff0c\u5b9e\u9645id\u4e3a\u6240\u6709\u7236\u7ea7\u7684id\u7528\u2019:\u2018\u94fe\u63a5\u7684\u5b57\u7b26\u4e32</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>type</td>\n<td>\u53ef\u80fd\u53d6\u503c\u4e3asystem,module,feature\uff0c\u6ce8\u610f\u6700\u5916\u5c42\u7684type\u5fc5\u987b\u4e3asystem</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>name</td>\n<td>\u6a21\u5757\u7684\u4e2d\u6587\u540d\u79f0\uff0c\u4e0d\u53c2\u4e0e\u5224\u65ad\uff0c\u53ea\u6807\u8bc6\u6a21\u5757\u540d\u5e2e\u52a9\u5f00\u53d1\u8005\u8bc6\u522b</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>close</td>\n<td>\u6a21\u5757\u662f\u5426\u5173\u95ed\uff0c\u53ef\u4ee5\u7f3a\u7701\u8be5\u503c\uff0c\u7f3a\u7701\u65f6profile\u91cc\u9762\u5b58\u5728\u67d0id\u7684\u6a21\u5757\u5373\u4e3a\u6a21\u5757\u5f00\u542f\uff0c\u4e0d\u5b58\u5728\u5373\u4e3a\u5173\u95ed\u3002\u5728\u7279\u6b8a\u60c5\u51b5\u4e0b\uff0c\u5728profile\u5b58\u5728\u8be5\u6a21\u5757\u914d\u7f6e\u4f46\u662f\u5e0c\u671b\u5176\u5173\u95ed\u65f6\u53ef\u4ee5\u663e\u793a\u6307\u5b9a\u8be5\u53c2\u6570\u4e3atrue\u6765\u5173\u95ed\u6a21\u5757</td>\n<td>boolean</td>\n<td>false</td>\n</tr>\n<tr>\n<td>dependencies</td>\n<td>\u4f9d\u8d56\u6a21\u5757\u5217\u8868\uff0c\u6bcf\u4e00\u9879\u4e3a\u4e00\u4e2a\u6a21\u5757id\uff08\u8be5id\u5fc5\u987b\u4e3a\u5b8c\u6574\u7684id\u4e32\uff0c\u5373\u5e26\u6709\u6240\u6709\u7236\u7ea7id\u7684\u7528\u2019:\u2018\u94fe\u63a5\u8d77\u6765\u7684\u5b57\u7b26\u4e32\uff09,\u5f53\u6240\u6709id\u7684\u6307\u4ee3\u6a21\u5757\u90fd\u88ab\u5224\u65ad\u5f00\u542f\u65f6\uff0c\u8be5\u6a21\u5757\u88ab\u5224\u65ad\u4e3a\u5f00\u542f</td>\n<td>array[string]</td>\n<td>-</td>\n</tr>\n<tr>\n<td>options</td>\n<td>\u6a21\u5757\u5f00\u542f\u65f6\u83b7\u53d6\u7684\u53c2\u6570</td>\n<td>any</td>\n<td>-</td>\n</tr>\n<tr>\n<td>rejectedOptions</td>\n<td>\u6a21\u5757\u5173\u95ed\u65f6\u83b7\u53d6\u7684\u53c2\u6570</td>\n<td>any</td>\n<td>-</td>\n</tr>\n<tr>\n<td>children</td>\n<td>\u88ab\u63a7\u5236\u7684\u6a21\u5757\uff0c\u4e3afunction\u65f6\u53ef\u4ee5\u63a5\u6536\u5230({isPass,options})\u53c2\u6570 isPass\u4e3a\u6a21\u5757\u662f\u5426\u5f00\u542f\uff0coptions\u5728\u6a21\u5757\u5f00\u542f\u65f6\u4e3aoptions\u53c2\u6570\uff0c\u5728\u6a21\u5757\u5173\u95ed\u65f6\u4e3arejectedOptions\u53c2\u6570\uff0c\u5176\u4e0d\u4e3afunction\u7c7b\u578b\u65f6\u5f53\u6a21\u5757\u5173\u95ed\u5219\u4e0d\u663e\u793achildren\uff0c\u6a21\u5757\u5f00\u542f\u65f6\u6b63\u5e38\u663e\u793achildren</td>\n<td>jsx,function</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>",example:{isFull:!0,className:"Features_98f77",style:"",list:[{title:"\u5c55\u793a\u4e86\u4e00\u4e2a\u7cfb\u7edf\u4e2d\u529f\u80fd\u4e00\u5f00\u542f\u529f\u80fd\u4e8c\u5173\u95ed\u7684\u60c5\u51b5",description:"\u5c55\u793a\u4e86\u4e00\u4e2a\u7cfb\u7edf\u4e2d\u529f\u80fd\u4e00\u5f00\u542f\u529f\u80fd\u4e8c\u5173\u95ed\u7684\u60c5\u51b5",code:'const { default: Features } = _Features;\nconst { default: Layout, PermissionsPage } = layout;\nconst { PureGlobal } = global;\nconst BaseExample = () => {\n  return (\n    <PureGlobal\n      preset={{\n        features: {\n          debug: true,\n          profile: {\n            id: "erc",\n            type: "system",\n            name: "\u4e1a\u52a1\u7cfb\u7edf",\n            children: [\n              {\n                id: "home",\n                type: "module",\n                name: "\u9996\u9875",\n                children: [\n                  {\n                    id: "test",\n                    type: "feature",\n                    name: "\u6d4b\u8bd5\u529f\u80fd",\n                    dependencies: ["erc:client"],\n                  },\n                ],\n              },\n              {\n                id: "position",\n                type: "module",\n                name: "\u804c\u4f4d",\n                children: [\n                  {\n                    id: "position-list",\n                    type: "feature",\n                    options: [],\n                    rejectedOptions: [],\n                  },\n                ],\n              },\n              {\n                id: "client",\n                type: "module",\n                name: "\u5ba2\u6237",\n              },\n            ],\n          },\n        },\n      }}\n    >\n      <Layout navigation={{ isFixed: false }}>\n        <PermissionsPage name="home" openFeatures>\n          <Features id="test">\u529f\u80fd\u6a21\u5757\u4e00</Features>\n          <Features id="test2">\u529f\u80fd\u6a21\u5757\u4e8c</Features>\n        </PermissionsPage>\n      </Layout>\n    </PureGlobal>\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Features",packageName:"@components/Features",component:a},{name:"global",packageName:"@components/Global",component:o},{name:"layout",packageName:"@components/Layout",component:l}]},{title:"\u5c55\u793a\u4e86\u6253\u5f00\u9875\u9762\u7279\u6027\u914d\u7f6e\u5f00\u542f\u548c\u5173\u95ed\u7684\u60c5\u51b5",description:"\u5c55\u793a\u4e86\u6253\u5f00\u9875\u9762\u7279\u6027\u914d\u7f6e\u5f00\u542f\u548c\u5173\u95ed\u7684\u60c5\u51b5",code:'const { default: Features } = _Features;\nconst { default: Layout, PermissionsPage } = layout;\nconst { PureGlobal } = global;\nconst { Route, Routes } = Router;\nconst BaseExample = () => {\n  return (\n    <PureGlobal\n      preset={{\n        features: {\n          debug: true,\n          profile: {\n            id: "erc",\n            type: "system",\n            name: "\u4e1a\u52a1\u7cfb\u7edf",\n            children: [\n              {\n                id: "home",\n                type: "module",\n                name: "\u9996\u9875",\n                children: [\n                  {\n                    id: "test",\n                    type: "feature",\n                    name: "\u6d4b\u8bd5\u529f\u80fd",\n                  },\n                  {\n                    id: "test2",\n                    type: "feature",\n                    name: "\u6d4b\u8bd5\u529f\u80fd2",\n                    dependencies: ["erc:client"],\n                  },\n                ],\n              },\n            ],\n          },\n        },\n      }}\n    >\n      <Layout\n        navigation={{\n          isFixed: false,\n          list: [\n            {\n              key: "position",\n              title: "\u804c\u4f4d",\n              path: "/position",\n            },\n            {\n              key: "client",\n              title: "\u5ba2\u6237",\n              path: "/client",\n            },\n          ],\n        }}\n      >\n        <Routes>\n          <Route\n            index\n            element={\n              <PermissionsPage name="home" openFeatures>\n                home\u9875\u9762\u6a21\u5757\n                <div>\n                  <Features id="test">\u5f00\u542f\u6a21\u5757</Features>\n                  <Features id="test2">\u5173\u95ed\u6a21\u5757</Features>\n                </div>\n              </PermissionsPage>\n            }\n          />\n          <Route\n            path="/position"\n            element={\n              <PermissionsPage name="position" openFeatures>\n                position\u9875\u9762\u6a21\u5757\n              </PermissionsPage>\n            }\n          />\n          <Route\n            path="/client"\n            element={\n              <PermissionsPage name="client">\n                client\u9875\u9762\u6a21\u5757,\u672a\u6253\u5f00features\n              </PermissionsPage>\n            }\n          />\n        </Routes>\n      </Layout>\n    </PureGlobal>\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Features",packageName:"@components/Features",component:a},{name:"global",packageName:"@components/Global",component:o},{name:"layout",packageName:"@components/Layout",component:l},{name:"Router",packageName:"react-router-dom",component:r}]},{title:"\u5c55\u793a\u4e86\u4e00\u4e2a\u7cfb\u7edf\u4e2d\u529f\u80fd\u5f00\u542f\u548c\u5173\u95ed\u53c2\u6570\u83b7\u53d6",description:"\u5c55\u793a\u4e86\u4e00\u4e2a\u7cfb\u7edf\u4e2d\u529f\u80fd\u5f00\u542f\u548c\u5173\u95ed\u53c2\u6570\u83b7\u53d6",code:'const { default: Features } = _Features;\nconst { default: Layout, PermissionsPage } = layout;\nconst { PureGlobal } = global;\nconst { useState } = React;\nconst { Button, Space } = antd;\nconst BaseExample = () => {\n  const [close, setClose] = useState(false);\n  return (\n    <PureGlobal\n      preset={{\n        features: {\n          debug: true,\n          profile: {\n            id: "erc",\n            type: "system",\n            name: "\u4e1a\u52a1\u7cfb\u7edf",\n            children: [\n              {\n                id: "home",\n                type: "module",\n                name: "\u9996\u9875",\n                children: [\n                  {\n                    id: "test",\n                    type: "feature",\n                    name: "\u6d4b\u8bd5\u529f\u80fd",\n                    options: {\n                      state: "\u5f00\u542f",\n                    },\n                    rejectedOptions: {\n                      state: "\u5173\u95ed",\n                    },\n                    close: close,\n                  },\n                ],\n              },\n            ],\n          },\n        },\n      }}\n    >\n      <Space direction="vertical">\n        <Button\n          onClick={() => {\n            setClose((value) => !value);\n          }}\n        >\n          \u5207\u6362\n        </Button>\n        <Layout navigation={{ isFixed: false }}>\n          <PermissionsPage name="home" openFeatures>\n            <Features id="test">\n              {({ isPass, options }) => {\n                return isPass\n                  ? "\u6a21\u5757\u5f00\u542f,options:" + JSON.stringify(options)\n                  : "\u6a21\u5757\u5173\u95ed,options:" + JSON.stringify(options);\n              }}\n            </Features>\n          </PermissionsPage>\n        </Layout>\n      </Space>\n    </PureGlobal>\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Features",packageName:"@components/Features",component:a},{name:"global",packageName:"@components/Global",component:o},{name:"layout",packageName:"@components/Layout",component:l},{name:"antd",packageName:"antd",component:s}]}]}}},46631:(n,e,t)=>{"use strict";t.d(e,{A:()=>i});var a=t(67390),o=t(76329),l=t(13050),r=t(21079),s=t(55199);const i={name:"File",summary:"<p>\u63d0\u4f9b\u6587\u4ef6\u5c55\u793a\uff0cOSS\u6587\u4ef6id\u8f6c\u6362\u8bbf\u95ee\u5730\u5740\uff0c\u6587\u4ef6\u5217\u8868\uff0c\u4e0b\u8f7d\u7b49\u64cd\u4f5c</p>\n<p>\u6ce8\u610f\uff1a</p>\n<ul>\n<li>\u5982\u679c\u9700\u8981\u663e\u793a\u6216\u8005\u8f6c\u6362oss id\u7684\u6587\u4ef6\uff0c\u9700\u8981Global\u7684preset apis\u8bbe\u7f6e\u8fc7oss\u63a5\u53e3\u6216\u8005\u4f20\u5165apis.oss\u53c2\u6570\uff0coss\u8fd4\u56de\u8bbf\u95ee\u5730\u5740</li>\n</ul>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>id</td>\n<td>\u5982\u679c\u6587\u4ef6\u4e3aoss\u6587\u4ef6\uff0c\u4f20\u5165ossId</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>url</td>\n<td>\u5982\u679c\u6587\u4ef6\u4e3a\u666e\u901a\u6587\u4ef6\u5730\u5740\uff0c\u4f20\u5165\u8be5\u53c2\u6570</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>error</td>\n<td>\u52a0\u8f7d\u6587\u4ef6\u5931\u8d25\u5c55\u793a\u7ec4\u4ef6</td>\n<td>jsx</td>\n<td>null</td>\n</tr>\n<tr>\n<td>apis</td>\n<td>\u901a\u8fc7oss id\u83b7\u53d6oss\u6587\u4ef6\u5730\u5740\u63a5\u53e3{oss} oss\u4e3a\u4e00\u4e2a@kne/react-fetch\u53c2\u6570\uff0c\u5982\u679cGlobal\u7684preset\u5df2\u8bbe\u7f6e\u8be5\u503c\uff0c\u5207\u5f53\u524d\u7ec4\u4ef6\u4e5f\u9700\u8981\u5e94\u7528\u8be5\u503c\u65f6\u53ef\u4ee5\u4e0d\u4f20</td>\n<td>object</td>\n<td>-</td>\n</tr>\n<tr>\n<td>loading</td>\n<td>\u52a0\u8f7d\u6587\u4ef6loading\u8fc7\u7a0b\u4e2d\u663e\u793a\u7ec4\u4ef6</td>\n<td>jsx</td>\n<td>null</td>\n</tr>\n</tbody>\n</table>\n<h4>Download</h4>\n<p>\u4e0b\u8f7d\u6587\u4ef6\u6309\u94ae</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>filename</td>\n<td>\u4e0b\u8f7d\u6587\u4ef6\u7684\u6587\u4ef6\u540d</td>\n<td>string</td>\n<td>\u672a\u547d\u540d\u4e0b\u8f7d\u6587\u4ef6</td>\n</tr>\n<tr>\n<td>onSuccess</td>\n<td>\u4e0b\u8f7d\u6210\u529f\u56de\u8c03\u51fd\u6570</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>onError</td>\n<td>\u4e0b\u8f7d\u5931\u8d25\u56de\u8c03\u51fd\u6570</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>id</td>\n<td>\u5982\u679c\u6587\u4ef6\u4e3aoss\u6587\u4ef6\uff0c\u4f20\u5165ossId</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>url</td>\n<td>\u5982\u679c\u6587\u4ef6\u4e3a\u666e\u901a\u6587\u4ef6\u5730\u5740\uff0c\u4f20\u5165\u8be5\u53c2\u6570</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>apis</td>\n<td>\u901a\u8fc7oss id\u83b7\u53d6oss\u6587\u4ef6\u5730\u5740\u63a5\u53e3{oss} oss\u4e3a\u4e00\u4e2a@kne/react-fetch\u53c2\u6570\uff0c\u5982\u679cGlobal\u7684preset\u5df2\u8bbe\u7f6e\u8be5\u503c\uff0c\u5207\u5f53\u524d\u7ec4\u4ef6\u4e5f\u9700\u8981\u5e94\u7528\u8be5\u503c\u65f6\u53ef\u4ee5\u4e0d\u4f20</td>\n<td>object</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h4>List</h4>\n<p>\u663e\u793a\u6587\u4ef6\u5217\u8868\uff0c\u53ef\u4ee5\u5e26\u6709\u7f16\u8f91\u6587\u4ef6\u540d\u79f0\uff0c\u6587\u4ef6\u9884\u89c8\uff0c\u6587\u4ef6\u5220\u9664\u7b49\u529f\u80fd</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>dataSource</td>\n<td>\u6587\u4ef6\u5217\u8868</td>\n<td>array[{id,type,filename,date,userName}]</td>\n<td>[]</td>\n</tr>\n<tr>\n<td>dataSource[].id</td>\n<td>id:\u6587\u4ef6\u7684id\uff0c\u4e00\u822c\u4e3aossId</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>dataSource[].type</td>\n<td>\u6587\u4ef6\u72b6\u6001\u4e3auploading\u65f6\u8be5\u884c\u6587\u4ef6\u5c55\u793a\u4e3aloading\u72b6\u6001</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>dataSource[].filename</td>\n<td>\u6587\u4ef6\u540d</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>dataSource[].date</td>\n<td>\u6587\u4ef6\u4e0a\u4f20\u65e5\u671f</td>\n<td>Date,date timestamp</td>\n<td>-</td>\n</tr>\n<tr>\n<td>dataSource[].userName</td>\n<td>\u6587\u4ef6\u4e0a\u4f20\u4eba</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>getPermission</td>\n<td>\u83b7\u53d6\u64cd\u4f5c\u6743\u9650\uff0c\u4f1a\u5728render\u6bcf\u6761\u6570\u636e\u65f6\u8c03\u7528\uff0c\u83b7\u53d6\u5230\u53c2\u6570\u5217\u8868[type,itemData],type:preview\u9884\u89c8,edit\u7f16\u8f91,download\u4e0b\u8f7d\uff0c\u8fd4\u56defalse\u4e3a\u6ca1\u6709\u6743\u9650\uff0c\u5176\u4ed6\u60c5\u51b5\u4e3a\u6709\u6743\u9650</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>hasPreview</td>\n<td>\u662f\u5426\u5f00\u542f\u9884\u89c8\u529f\u80fd\uff0c\u548cgetPermission type:preview\u9884\u89c8\u7ed3\u679c\u540c\u4e8b\u63a7\u5236\uff0c\u5168\u90fd\u5224\u65ad\u901a\u8fc7\u624d\u80fd\u5f00\u542f\u9884\u89c8\u529f\u80fd</td>\n<td>boolean</td>\n<td>true</td>\n</tr>\n<tr>\n<td>infoItemRenders</td>\n<td>\u81ea\u5b9a\u4e49\u5217</td>\n<td>array[{span,render}]</td>\n<td>-</td>\n</tr>\n<tr>\n<td>infoItemRenders[].span</td>\n<td>\u5f53\u524d\u5217\u6805\u683c\u6570</td>\n<td>number</td>\n<td>4</td>\n</tr>\n<tr>\n<td>infoItemRenders[].render</td>\n<td>render\u51fd\u6570</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>apis</td>\n<td>\u7528\u4e8e\u64cd\u4f5c\u7684api</td>\n<td>object{onEdit,onPreview,onDelete}</td>\n<td>-</td>\n</tr>\n<tr>\n<td>apis.onEdit</td>\n<td>\u6587\u4ef6\u540d\u7f16\u8f91\u56de\u8c03\u63a5\u53e3</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>apis.onPreview</td>\n<td>\u6587\u4ef6\u9884\u89c8\u56de\u8c03\u63a5\u53e3</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>apis.onDelete</td>\n<td>\u6587\u4ef6\u5220\u9664\u56de\u8c03\u63a5\u53e3</td>\n<td>function</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h4>OptionButtons</h4>\n<p>\u6587\u4ef6\u64cd\u4f5c\u6309\u94ae\uff0c\u53ef\u4ee5\u5e26\u6709\u7f16\u8f91\u6587\u4ef6\u540d\u79f0\uff0c\u6587\u4ef6\u9884\u89c8\uff0c\u6587\u4ef6\u5220\u9664\u7b49\u529f\u80fd</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>apis</td>\n<td>\u7528\u4e8e\u64cd\u4f5c\u7684api</td>\n<td>object{onEdit,onPreview,onDelete}</td>\n<td>-</td>\n</tr>\n<tr>\n<td>apis.onEdit</td>\n<td>\u6587\u4ef6\u540d\u7f16\u8f91\u56de\u8c03\u63a5\u53e3</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>apis.onPreview</td>\n<td>\u6587\u4ef6\u9884\u89c8\u56de\u8c03\u63a5\u53e3</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>apis.onDelete</td>\n<td>\u6587\u4ef6\u5220\u9664\u56de\u8c03\u63a5\u53e3</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>hasPreview</td>\n<td>\u662f\u5426\u5f00\u542f\u9884\u89c8\u529f\u80fd\uff0c\u548cgetPermission type:preview\u9884\u89c8\u7ed3\u679c\u540c\u4e8b\u63a7\u5236\uff0c\u5168\u90fd\u5224\u65ad\u901a\u8fc7\u624d\u80fd\u5f00\u542f\u9884\u89c8\u529f\u80fd</td>\n<td>boolean</td>\n<td>true</td>\n</tr>\n</tbody>\n</table>\n<h4>FileLink</h4>\n<p>\u5916\u89c2\u7c7b\u4f3cLink\u7684\u7ec4\u4ef6\uff0c\u70b9\u51fb\u540e\u53ef\u4ee5\u5f39\u51fa\u6587\u4ef6\u9884\u89c8\u6846</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>title</td>\n<td>\u5f39\u7a97\u6807\u9898</td>\n<td>string,jsx</td>\n<td>originName</td>\n</tr>\n<tr>\n<td>id</td>\n<td>\u6587\u4ef6oss id</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>originName</td>\n<td>\u6587\u4ef6\u540d\u79f0</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>apis</td>\n<td>\u901a\u8fc7oss id\u83b7\u53d6oss\u6587\u4ef6\u5730\u5740\u63a5\u53e3{oss} oss\u4e3a\u4e00\u4e2a@kne/react-fetch\u53c2\u6570\uff0c\u5982\u679cGlobal\u7684preset\u5df2\u8bbe\u7f6e\u8be5\u503c\uff0c\u5207\u5f53\u524d\u7ec4\u4ef6\u4e5f\u9700\u8981\u5e94\u7528\u8be5\u503c\u65f6\u53ef\u4ee5\u4e0d\u4f20</td>\n<td>object</td>\n<td>-</td>\n</tr>\n<tr>\n<td>openDownload</td>\n<td>\u662f\u5426\u5f00\u542f\u6587\u4ef6\u4e0b\u8f7d</td>\n<td>boolean</td>\n<td>true</td>\n</tr>\n<tr>\n<td>modalProps</td>\n<td>modal\u7684\u5176\u4ed6\u53c2\u6570\uff0c\u53c2\u8003Modal\u7ec4\u4ef6</td>\n<td>object</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h4>downloadBlobFile(target, filename)</h4>\n<p>\u4e0b\u8f7d\u6587\u4ef6\u7684\u65b9\u6cd5</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>target</td>\n<td>\u4e0b\u8f7d\u94fe\u63a5\u5730\u5740,\u6216\u8005\u4e8c\u8fdb\u5236\u6570\u636e</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>filename</td>\n<td>\u4e0b\u8f7d\u540e\u7684\u6587\u4ef6\u540d</td>\n<td>string</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h4>{isLoading,download,...others} = useDownload({id,filename,apis,onError,onSuccess});</h4>\n<p>\u751f\u6210\u4e0b\u8f7d\u6587\u4ef6function\u7684hooks\uff0c\u5e26\u6709\u4e0b\u8f7d\u4e2d\u7684\u72b6\u6001\u63a7\u5236</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>id</td>\n<td>\u6587\u4ef6ossId</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>filename</td>\n<td>\u4e0b\u8f7d\u540e\u7684\u6587\u4ef6\u540d</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>onError</td>\n<td>\u4e0b\u8f7d\u5931\u8d25\u56de\u8c03</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>onSuccess</td>\n<td>\u4e0b\u8f7d\u6210\u529f\u56de\u8c03</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>apis</td>\n<td>\u901a\u8fc7oss id\u83b7\u53d6oss\u6587\u4ef6\u5730\u5740\u63a5\u53e3{oss} oss\u4e3a\u4e00\u4e2a@kne/react-fetch\u53c2\u6570\uff0c\u5982\u679cGlobal\u7684preset\u5df2\u8bbe\u7f6e\u8be5\u503c\uff0c\u5207\u5f53\u524d\u7ec4\u4ef6\u4e5f\u9700\u8981\u5e94\u7528\u8be5\u503c\u65f6\u53ef\u4ee5\u4e0d\u4f20</td>\n<td>object</td>\n<td>-</td>\n</tr>\n<tr>\n<td>isLoading</td>\n<td>\u662f\u5426\u6b63\u5728\u4e0b\u8f7d\u4e2d</td>\n<td>boolean</td>\n<td>-</td>\n</tr>\n<tr>\n<td>download</td>\n<td>\u6267\u884c\u8be5\u65b9\u6cd5\u5f00\u59cb\u4e0b\u8f7d</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>others</td>\n<td>\u5176\u4ed6@kne/react-fetch useFetch\u53c2\u6570</td>\n<td>object</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h4>modal = useFileModal()</h4>\n<p>\u6587\u4ef6\u9884\u89c8\u5f39\u6846\u65b9\u6cd5\u751f\u6210\u7684hooks</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>modal</td>\n<td>\u6267\u884c\u540e\u5f39\u51fa\u6587\u4ef6\u9884\u89c8\u5f39\u7a97</td>\n<td>function({title, id, originName, apis, openDownload, ...modalProps})</td>\n<td>-</td>\n</tr>\n<tr>\n<td>modal({title})</td>\n<td>\u5f39\u7a97\u6807\u9898</td>\n<td>string,jsx</td>\n<td>originName</td>\n</tr>\n<tr>\n<td>modal({id})</td>\n<td>\u6587\u4ef6oss id</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>modal({originName})</td>\n<td>\u6587\u4ef6\u540d\u79f0</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>modal({apis})</td>\n<td>\u901a\u8fc7oss id\u83b7\u53d6oss\u6587\u4ef6\u5730\u5740\u63a5\u53e3{oss} oss\u4e3a\u4e00\u4e2a@kne/react-fetch\u53c2\u6570\uff0c\u5982\u679cGlobal\u7684preset\u5df2\u8bbe\u7f6e\u8be5\u503c\uff0c\u5207\u5f53\u524d\u7ec4\u4ef6\u4e5f\u9700\u8981\u5e94\u7528\u8be5\u503c\u65f6\u53ef\u4ee5\u4e0d\u4f20</td>\n<td>object</td>\n<td>-</td>\n</tr>\n<tr>\n<td>modal({openDownload})</td>\n<td>\u662f\u5426\u5f00\u542f\u6587\u4ef6\u4e0b\u8f7d</td>\n<td>boolean</td>\n<td>true</td>\n</tr>\n<tr>\n<td>modalProps</td>\n<td>modal\u7684\u5176\u4ed6\u53c2\u6570\uff0c\u53c2\u8003Modal\u7ec4\u4ef6</td>\n<td>object</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>",example:{isFull:!1,className:"File_0b279",style:"",list:[{title:"\u83b7\u53d6\u6587\u4ef6\u5730\u5740",description:"\u901a\u8fc7\u4e00\u4e2aossId\u83b7\u53d6\u6587\u4ef6\u5730\u5740",code:'const { default: File } = _File;\nconst { PureGlobal } = global;\nconst { getPublicPath } = remoteLoader;\nconst BaseExample = () => {\n  return <File id="qqq">{({ url }) => url}</File>;\n};\n\nrender(\n  <PureGlobal\n    preset={{\n      apis: {\n        oss: {\n          loader: async ({ params }) => {\n            console.log(params);\n            return new Promise((resolve) => {\n              setTimeout(() => {\n                resolve(getPublicPath("components-core") + "/avatar.png");\n              }, 1000);\n            });\n          },\n        },\n      },\n    }}\n  >\n    <BaseExample />\n  </PureGlobal>\n);\n\n',scope:[{name:"_File",packageName:"@components/File",component:a},{name:"global",packageName:"@components/Global",component:o},{name:"remoteLoader",packageName:"@kne/remote-loader",component:l}]},{title:"\u6587\u4ef6\u4e0b\u8f7d",description:"\u5c55\u793a\u6587\u4ef6\u4e0b\u8f7d",code:'const { Download } = _File;\nconst { PureGlobal } = global;\nconst { getPublicPath } = remoteLoader;\nconst BaseExample = () => {\n  return (\n    <Download\n      id="123"\n      filename="\u4e0b\u8f7d\u7684\u6587\u4ef6"\n      onSuccess={() => {\n        console.log("\u4e0b\u8f7d\u6210\u529f");\n      }}\n    >\n      \u6587\u4ef6\u4e0b\u8f7d\n    </Download>\n  );\n};\n\nrender(\n  <PureGlobal\n    preset={{\n      apis: {\n        oss: {\n          loader: async ({ params }) => {\n            console.log(params);\n            return new Promise((resolve) => {\n              setTimeout(() => {\n                resolve(getPublicPath("components-core") + "/avatar.png");\n              }, 1000);\n            });\n          },\n        },\n      },\n    }}\n  >\n    <BaseExample />\n  </PureGlobal>\n);\n\n',scope:[{name:"_File",packageName:"@components/File",component:a},{name:"global",packageName:"@components/Global",component:o},{name:"remoteLoader",packageName:"@kne/remote-loader",component:l}]},{title:"\u6587\u4ef6\u5217\u8868",description:"\u5c55\u793a\u6587\u4ef6\u5217\u8868",code:'const { List } = _FileList;\nconst { Space } = antd;\nconst { PureGlobal } = global;\nconst { getPublicPath } = remoteLoader;\n\nconst BaseExample = () => {\n  return (\n    <Space direction="vertical">\n      <List\n        dataSource={[\n          {\n            uuid: "121233",\n            type: "uploading",\n            filename: "\u5f20\u4e09\u7684\u7b80\u5386.doc",\n          },\n          {\n            id: "xxxxx",\n            filename: "\u6211\u662f\u4e00\u4efd\u7b80\u5386.pdf",\n            date: "2022-07-15T11:09:15.000+08:00",\n            userName: "\u7528\u6237\u540d",\n          },\n        ]}\n      />\n      <List dataSource={[]} />\n    </Space>\n  );\n};\n\nrender(\n  <PureGlobal\n    preset={{\n      apis: {\n        oss: {\n          loader: async ({ params }) => {\n            console.log(params);\n            return new Promise((resolve) => {\n              setTimeout(() => {\n                resolve(getPublicPath("components-core") + "/mock/demo.pdf");\n              }, 1000);\n            });\n          },\n        },\n      },\n    }}\n  >\n    <BaseExample />\n  </PureGlobal>\n);\n\n',scope:[{name:"_FileList",packageName:"@components/File",component:a},{name:"lodash",packageName:"lodash",component:r},{name:"global",packageName:"@components/Global",component:o},{name:"antd",packageName:"antd",component:s},{name:"remoteLoader",packageName:"@kne/remote-loader",component:l}]},{title:"\u6587\u4ef6\u94fe\u63a5",description:"\u5c55\u793a\u6587\u4ef6\u94fe\u63a5",code:'const { FileLink } = _File;\nconst { getPublicPath } = remoteLoader;\nconst { PureGlobal } = global;\nconst BaseExample = () => {\n  return (\n    <PureGlobal\n      preset={{\n        apis: {\n          oss: {\n            loader: async ({ params }) => {\n              const mapping = {\n                "01": "/avatar.png",\n                "02": "/mock/demo.html",\n                "03": "/mock/1_\u738b\u6676\u7b80\u5386-2023_06_2.pdf",\n              };\n              return new Promise((resolve) => {\n                setTimeout(() => {\n                  resolve(\n                    getPublicPath("components-core") + mapping[params.id]\n                  );\n                }, 1000);\n              });\n            },\n          },\n        },\n      }}\n    >\n      <FileLink id="01" originName="\u6211\u662f\u4e00\u4e2a\u56fe\u7247.jpg" />\n      <FileLink id="02" originName="\u6211\u662f\u4e00\u4e2a\u7f51\u9875.html" />\n      <FileLink id="03" originName="\u6211\u662f\u4e00\u4e2apdf.pdf" />\n    </PureGlobal>\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_File",packageName:"@components/File",component:a},{name:"remoteLoader",packageName:"@kne/remote-loader",component:l},{name:"global",packageName:"@components/Global",component:o}]}]}}},20031:(n,e,t)=>{"use strict";t.d(e,{A:()=>s});var a=t(24474),o=t(13050),l=t(21079),r=t(55199);const s={name:"FileList",summary:"<p>\u6587\u4ef6\u5217\u8868\u5c55\u793a\uff0c\u9884\u89c8\uff0c\u4e0a\u4f20</p>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td></td>\n<td></td>\n<td></td>\n<td></td>\n</tr>\n</tbody>\n</table>",example:{isFull:!0,className:"FileList_a785a",style:"",list:[{title:"\u5b8c\u6574\u793a\u4f8b",description:"\u63d0\u4f9b\u4e00\u4e2a\u4e0a\u4f20\u6587\u4ef6\uff0c\u663e\u793a\u6587\u4ef6\u5217\u8868\uff0c\u9884\u89c8\u6587\u4ef6\u7684\u5c55\u793a",code:'const { default: FileList } = _FileList;\nconst { createWithRemoteLoader, getPublicPath } = remoteLoader;\nconst { useState } = React;\nconst { uniqueId } = lodash;\n\nconst ajax = {\n  postForm: (config) => {\n    return new Promise((resolve) => {\n      setTimeout(() => {\n        resolve({\n          data: {\n            code: 0,\n            data: {\n              id: "uBFNeYQBnHRXlZaTGZpA",\n              originalName: config.file.name,\n            },\n          },\n        });\n      }, 1000);\n    });\n  },\n};\n\nconst apis = {\n  onSave: async ({ data }) => {\n    return {\n      ossId: uniqueId(),\n      filename: data.originalName,\n      date: new Date(),\n      userName: "\u54c8\u54c8\u54c8",\n    };\n  },\n  onDelete: () => {},\n};\n\nconst preset = {\n  apis: {\n    oss: {\n      loader: async ({ params }) => {\n        const mapping = {\n          "01": "/avatar.png",\n          "02": "/mock/demo.html",\n          "03": "/mock/1_\u738b\u6676\u7b80\u5386-2023_06_2.pdf",\n        };\n        return new Promise((resolve) => {\n          setTimeout(() => {\n            resolve(getPublicPath("components-core") + mapping["03"]);\n          }, 1000);\n        });\n      },\n    },\n    previewOffice: {\n      loader: async () => {\n        return new Promise((resolve) => {\n          setTimeout(() => {\n            resolve({\n              name: "\u6d4b\u8bd5\u5f00\u53d1_\u590f\u6c38\u6631_\u672c\u79d1_5\u5e74.docx",\n              data: [\n                {\n                  id: "gWw26Y0BeK_D6zxND5vh",\n                  originalName: "attachment/gWw26Y0BeK_D6zxND5vh.pdf",\n                  url:\n                    getPublicPath("components-core") +\n                    "/mock/1_\u738b\u6676\u7b80\u5386-2023_06_2.pdf",\n                },\n              ],\n            });\n          }, 1000);\n        });\n      },\n    },\n    ossUpload: ({ file }) => {\n      return ajax.postForm({ file });\n    },\n  },\n};\n\nconst BaseExample = createWithRemoteLoader({\n  modules: ["components-core:Global@PureGlobal"],\n})(({ remoteModules }) => {\n  const [PureGlobal] = remoteModules;\n  const [list, setList] = useState([\n    {\n      ossId: "uBFNeYQBnHRXlZaTGZpA",\n      filename: "avatar.pdf",\n    },\n    {\n      ossId: "gWw26Y0BeK_D6zxND5vh",\n      filename: "\u6d4b\u8bd5\u5f00\u53d1_\u590f\u6c38\u6631_\u672c\u79d1_5\u5e74.docx",\n    },\n  ]);\n  console.log(list);\n  return (\n    <PureGlobal preset={preset}>\n      <FileList\n        defaultPreviewFileId="gWw26Y0BeK_D6zxND5vh"\n        list={list}\n        setList={setList}\n        apis={apis}\n      />\n    </PureGlobal>\n  );\n});\n\nrender(<BaseExample />);\n\n',scope:[{name:"_FileList",packageName:"@components/FileList",component:a},{name:"remoteLoader",packageName:"@kne/remote-loader",component:o},{name:"lodash",packageName:"lodash",component:l}]},{title:"\u4e0a\u4f20\u6587\u4ef6\u5217\u8868",description:"\u5c55\u793a\u4e00\u4e2a\u4e0a\u4f20\u6587\u4ef6\u5c55\u793a\u4e0a\u4f20\u6210\u529f\u6587\u4ef6\u5217\u8868",code:'const { FileUpload } = _FileList;\nconst { createWithRemoteLoader, getPublicPath } = remoteLoader;\nconst { useState } = React;\nconst { uniqueId } = lodash;\n\nconst ajax = {\n  postForm: (config) => {\n    return new Promise((resolve) => {\n      setTimeout(() => {\n        resolve({\n          data: {\n            code: 0,\n            data: {\n              id: "uBFNeYQBnHRXlZaTGZpA",\n              originalName: config.file.name,\n            },\n          },\n        });\n      }, 1000);\n    });\n  },\n};\n\nconst apis = {\n  onSave: async ({ data }) => {\n    const id = uniqueId();\n    return {\n      id: id,\n      ossId: id,\n      filename: data.originalName,\n      date: new Date(),\n      userName: "\u54c8\u54c8\u54c8",\n    };\n  },\n  onDelete: () => {},\n};\n\nconst preset = {\n  apis: {\n    oss: {\n      loader: async ({ params }) => {\n        const mapping = {\n          "01": "/avatar.png",\n          "02": "/mock/demo.html",\n          "03": "/mock/1_\u738b\u6676\u7b80\u5386-2023_06_2.pdf",\n        };\n        return new Promise((resolve) => {\n          setTimeout(() => {\n            resolve(getPublicPath("components-core") + mapping["03"]);\n          }, 1000);\n        });\n      },\n    },\n    ossUpload: ({ file }) => {\n      return ajax.postForm({ file });\n    },\n  },\n};\n\nconst BaseExample = createWithRemoteLoader({\n  modules: ["components-core:Global@PureGlobal"],\n})(({ remoteModules }) => {\n  const [PureGlobal] = remoteModules;\n  const [list, setList] = useState([]);\n  console.log(list);\n  return (\n    <PureGlobal preset={preset}>\n      <FileUpload list={list} setList={setList} apis={apis} />\n    </PureGlobal>\n  );\n});\n\nrender(<BaseExample />);\n\n',scope:[{name:"_FileList",packageName:"@components/FileList",component:a},{name:"remoteLoader",packageName:"@kne/remote-loader",component:o},{name:"lodash",packageName:"lodash",component:l}]},{title:"\u62d6\u62fd\u4e0a\u4f20",description:"\u5c55\u793a\u4e00\u4e2a\u62d6\u62fd\u4e0a\u4f20\u6587\u4ef6\uff0c\u5f97\u5230File\u5bf9\u8c61",code:'const { DragArea, DragAreaOuter, UploadButton, DragButton } = _FileList;\nconst { Row, Col, Divider, Space } = antd;\n\nconst BaseExample = () => {\n  return (\n    <DragAreaOuter\n      title={\n        <Row>\n          <Col flex={1}>\u6807\u9898</Col>\n          <Col>\n            <Space split={<Divider type="vertical" />}>\n              <DragButton />\n              <UploadButton>\u4e0a\u4f20</UploadButton>\n            </Space>\n          </Col>\n        </Row>\n      }\n      onFileSelected={(fileList) => {\n        console.log(fileList);\n      }}\n    >\n      <DragArea />\n    </DragAreaOuter>\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_FileList",packageName:"@components/FileList",component:a},{name:"antd",packageName:"antd",component:r}]}]}}},9745:(n,e,t)=>{"use strict";t.d(e,{A:()=>l});var a=t(10419),o=t(13050);const l={name:"FilePreview",summary:"<p>\u6587\u4ef6\u9884\u89c8</p>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n</table>",example:{isFull:!0,className:"FilePreview_143ff",style:"",list:[{title:"HtmlPreview",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { default: FilePreview, HtmlPreview } = _FilePreview;\nconst { getPublicPath } = remoteLoader;\nconst BaseExample = () => {\n  return (\n    <HtmlPreview\n      maxWidth={900}\n      url={getPublicPath("components-core") + "/mock/demo2.html"}\n    />\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_FilePreview",packageName:"@components/FilePreview",component:a},{name:"remoteLoader",packageName:"@kne/remote-loader",component:o}]},{title:"PdfPreview",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { PdfPreview } = _FilePreview;\nconst { getPublicPath } = remoteLoader;\nconst BaseExample = () => {\n  return (\n    <PdfPreview\n      maxWidth={900}\n      url={getPublicPath("components-core") + "/mock/1_\u738b\u6676\u7b80\u5386-2023_06_2.pdf"}\n      renderTextLayer={true}\n    />\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_FilePreview",packageName:"@components/FilePreview",component:a},{name:"remoteLoader",packageName:"@kne/remote-loader",component:o}]},{title:"TextPreview",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { TextPreview } = _FilePreview;\nconst { getPublicPath } = remoteLoader;\nconst BaseExample = () => {\n  return (\n    <TextPreview\n      maxWidth={900}\n      url={getPublicPath("components-core") + "/mock/demo.txt"}\n    />\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_FilePreview",packageName:"@components/FilePreview",component:a},{name:"remoteLoader",packageName:"@kne/remote-loader",component:o}]},{title:"ImagePreview",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { ImagePreview } = _FilePreview;\nconst { getPublicPath } = remoteLoader;\nconst BaseExample = () => {\n  return (\n    <ImagePreview url={getPublicPath("components-core") + "/mock/demo2.jpg"} />\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_FilePreview",packageName:"@components/FilePreview",component:a},{name:"remoteLoader",packageName:"@kne/remote-loader",component:o}]},{title:"unknown",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { UnknownPreview } = _FilePreview;\nconst { getPublicPath } = remoteLoader;\nconst BaseExample = () => {\n  return (\n    <UnknownPreview url={getPublicPath("components-core") + "/mock/demo.des"} />\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_FilePreview",packageName:"@components/FilePreview",component:a},{name:"remoteLoader",packageName:"@kne/remote-loader",component:o}]}]}}},66059:(n,e,t)=>{"use strict";var a;t.d(e,{A:()=>s});var o=t(2615),l=t(55199),r=t(70704);const s={name:"Filter",summary:"",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n</table>",example:{isFull:!0,className:"Filter_d7778",style:"",list:[{title:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u6807\u9898",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const {\n  default: Filter,\n  InputFilterItem,\n  DatePickerFilterItem,\n  DateRangePickerFilterItem,\n  TypeDateRangePickerFilterItem,\n  CityFilterItem,\n  AdvancedSelectFilterItem,\n  UserFilterItem,\n  FunctionSelectFilterItem,\n  IndustrySelectFilterItem,\n  getFilterValue,\n  FilterItemContainer,\n} = _Filter;\nconst { useState } = React;\nconst BaseExample = () => {\n  const [value, onChange] = useState([]);\n  return (\n    <Filter\n      value={value}\n      onChange={(value) => {\n        console.log(getFilterValue(value));\n        onChange(value);\n      }}\n      list={[\n        [\n          <InputFilterItem label="\u6587\u5b57" name="text" />,\n          <CityFilterItem label="\u57ce\u5e02" name="city" />,\n          <FilterItemContainer name="select" label="\u9ad8\u7ea7\u9009\u62e9">\n            {(props) => (\n              <div>\n                <AdvancedSelectFilterItem\n                  {...props}\n                  api={{\n                    loader: () => {\n                      return {\n                        pageData: [\n                          { label: "\u7b2c\u4e00\u9879", value: 1 },\n                          {\n                            label: "\u7b2c\u4e8c\u9879",\n                            value: 2,\n                            disabled: true,\n                          },\n                          {\n                            label: "\u7b2c\u4e09\u9879",\n                            value: 3,\n                          },\n                        ],\n                      };\n                    },\n                  }}\n                />\n              </div>\n            )}\n          </FilterItemContainer>,\n          <DatePickerFilterItem label="\u65e5\u671f" name="date" picker="week" />,\n          <TypeDateRangePickerFilterItem\n            label="\u590d\u6742\u65e5\u671f\u8303\u56f4"\n            name="type-data-range"\n            allowEmpty={[true, true]}\n          />,\n          <DateRangePickerFilterItem label="\u65e5\u671f\u8303\u56f4" name="date-range" />,\n          <UserFilterItem\n            label="\u7528\u6237\u9009\u62e9"\n            name="user"\n            api={{\n              loader: () => {\n                return {\n                  pageData: [\n                    {\n                      label: "\u7528\u6237\u4e00",\n                      value: 1,\n                      description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n                    },\n                    {\n                      label: "\u7528\u6237\u4e8c",\n                      value: 2,\n                      description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n                    },\n                    {\n                      label: "\u7528\u6237\u4e09",\n                      value: 3,\n                      description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n                    },\n                  ],\n                };\n              },\n            }}\n          />,\n          <FunctionSelectFilterItem\n            label="\u804c\u80fd\u9009\u62e9"\n            name="functionLast"\n            onlyAllowLastLevel\n          />,\n          <FunctionSelectFilterItem\n            label="\u804c\u80fd\u9009\u62e9"\n            name="function"\n            selectLevel={3}\n            maxLength={3}\n          />,\n          <FunctionSelectFilterItem\n            label="\u804c\u80fd\u9009\u62e9"\n            name="functionSingle"\n            single\n          />,\n          <IndustrySelectFilterItem\n            label="\u884c\u4e1a\u9009\u62e9"\n            name="industryLast"\n            onlyAllowLastLevel\n          />,\n          <IndustrySelectFilterItem\n            label="\u884c\u4e1a\u9009\u62e9"\n            name="industry"\n            selectLevel={2}\n            maxLength={3}\n          />,\n          <IndustrySelectFilterItem\n            label="\u884c\u4e1a\u9009\u62e9"\n            name="industrySingle"\n            single\n          />,\n        ],\n      ]}\n    />\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Filter",packageName:"@components/Filter",component:o}]},{title:"\u9ad8\u7ea7\u7b5b\u9009",description:"\u9ad8\u7ea7\u7b5b\u9009",code:'const {\n  default: Filter,\n  AdvancedFilter,\n  InputFilterItem,\n  DatePickerFilterItem,\n  DateRangePickerFilterItem,\n  TypeDateRangePickerFilterItem,\n  CityFilterItem,\n  AdvancedSelectFilterItem,\n  UserFilterItem,\n  FunctionSelectFilterItem,\n  IndustrySelectFilterItem,\n  NumberRangeFilterItem,\n  getFilterValue,\n  FilterItemContainer,\n} = _Filter;\nconst { useState } = React;\n\nconst {\n  CityFilterItem: CityAdvancedFilterItem,\n  ListFilterItem,\n  InputFilterItem: InputAdvancedFilterItem,\n} = AdvancedFilter.fields;\nconst BaseExample = () => {\n  const [value, onChange] = useState([]);\n  return (\n    <AdvancedFilter\n      value={value}\n      onChange={(value) => {\n        console.log(getFilterValue(value));\n        onChange(value);\n      }}\n      list={[\n        [<CityAdvancedFilterItem name="currentCity" label="\u5f53\u524d\u57ce\u5e02" single />],\n        [<CityAdvancedFilterItem name="expectCity" label="\u671f\u671b\u57ce\u5e02" />],\n        [\n          <ListFilterItem\n            name="experience"\n            label="\u5de5\u4f5c\u7ecf\u9a8c"\n            single\n            items={[\n              {\n                value: [null, 1],\n                label: "1\u5e74\u4ee5\u4e0b",\n              },\n              {\n                value: [1, 5],\n                label: "1-5\u5e74",\n              },\n              { value: [5, null], label: "5\u5e74\u4ee5\u4e0a" },\n            ]}\n            custom={<NumberRangeFilterItem label="\u81ea\u5b9a\u4e49" unit="\u5e74" />}\n          />,\n        ],\n        [<InputAdvancedFilterItem name="company" label="\u516c\u53f8" />],\n      ]}\n      more={[\n        <InputFilterItem label="\u6587\u5b57" name="text" />,\n        <CityFilterItem label="\u57ce\u5e02" name="city" />,\n        <FilterItemContainer name="select" label="\u9ad8\u7ea7\u9009\u62e9">\n          {(props) => (\n            <div>\n              <AdvancedSelectFilterItem\n                {...props}\n                api={{\n                  loader: () => {\n                    return {\n                      pageData: [\n                        { label: "\u7b2c\u4e00\u9879", value: 1 },\n                        {\n                          label: "\u7b2c\u4e8c\u9879",\n                          value: 2,\n                          disabled: true,\n                        },\n                        {\n                          label: "\u7b2c\u4e09\u9879",\n                          value: 3,\n                        },\n                      ],\n                    };\n                  },\n                }}\n              />\n            </div>\n          )}\n        </FilterItemContainer>,\n        <DatePickerFilterItem label="\u65e5\u671f" name="date" picker="week" />,\n        <TypeDateRangePickerFilterItem\n          label="\u590d\u6742\u65e5\u671f\u8303\u56f4"\n          name="type-data-range"\n          allowEmpty={[true, true]}\n        />,\n        <DateRangePickerFilterItem label="\u65e5\u671f\u8303\u56f4" name="date-range" />,\n        <UserFilterItem\n          label="\u7528\u6237\u9009\u62e9"\n          name="user"\n          api={{\n            loader: () => {\n              return {\n                pageData: [\n                  {\n                    label: "\u7528\u6237\u4e00",\n                    value: 1,\n                    description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n                  },\n                  {\n                    label: "\u7528\u6237\u4e8c",\n                    value: 2,\n                    description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n                  },\n                  {\n                    label: "\u7528\u6237\u4e09",\n                    value: 3,\n                    description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n                  },\n                ],\n              };\n            },\n          }}\n        />,\n        <FunctionSelectFilterItem\n          label="\u804c\u80fd\u9009\u62e9"\n          name="function"\n          onlyAllowLastLevel\n          single\n        />,\n        <IndustrySelectFilterItem\n          label="\u884c\u4e1a\u9009\u62e9"\n          name="industry"\n          onlyAllowLastLevel\n        />,\n      ]}\n    />\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Filter",packageName:"@components/Filter",component:o}]},{title:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u6807\u9898",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { default: Filter, TreeFilterItem } = _Filter;\nconst { default: treeData } = _data;\nconst { useState } = React;\nconst { Space } = antd;\n\nconst BaseExample = () => {\n  const [filter, setFilter] = useState([]);\n  const [filter2, setFilter2] = useState([]);\n\n  return (\n    <Space direction="vertical">\n      <Filter\n        value={filter}\n        onChange={setFilter}\n        list={[\n          [\n            <TreeFilterItem\n              name="tree"\n              single\n              label="\u6811\u7ec4\u4ef6"\n              fieldNames={{\n                title: "name",\n                key: "id",\n                children: "children",\n              }}\n              api={{\n                loader: () => {\n                  return treeData.children;\n                },\n              }}\n            />,\n          ],\n        ]}\n      />\n      <Filter\n        value={filter2}\n        onChange={setFilter2}\n        list={[\n          [\n            <TreeFilterItem\n              name="tree"\n              label="\u6811\u7ec4\u4ef6"\n              fieldNames={{\n                title: "name",\n                key: "id",\n                children: "children",\n              }}\n              api={{\n                loader: () => {\n                  return treeData.children;\n                },\n              }}\n            />,\n          ],\n        ]}\n      />\n    </Space>\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Filter",packageName:"@components/Filter",component:o},{name:"antd",packageName:"antd",component:l},{name:"_data",packageName:"@components/Filter/doc/mock/tree-data.json",component:a||(a=t.t(r,2))}]},{title:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u6807\u9898",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const {\n  FilterValueDisplay,\n  FilterItem,\n  FilterLines,\n  PopoverItem,\n  InputFilterItem,\n  CityFilterItem,\n  AdvancedSelectFilterItem,\n  UserFilterItem,\n  FunctionSelectFilterItem,\n  IndustrySelectFilterItem,\n} = _Filter;\nconst { Space, Input } = antd;\nconst { useState } = React;\nconst BaseExample = () => {\n  const [value, setValue] = useState([\n    {\n      label: "\u57ce\u5e02",\n      name: "city",\n      value: [\n        { label: "\u4e0a\u6d77", value: "010" },\n        { label: "\u5317\u4eac", value: "020" },\n      ],\n    },\n    {\n      label: "\u804c\u80fd",\n      name: "function",\n      value: [\n        { label: "\u4ea7\u54c1\u7ecf\u7406", value: "010" },\n        { label: "\u9500\u552e", value: "020" },\n        {\n          label: "\u5ba2\u6237\u7ecf\u7406",\n          value: "030",\n        },\n      ],\n    },\n  ]);\n  return (\n    <Space direction="vertical">\n      <FilterValueDisplay value={value} onChange={setValue} />\n      <Space>\n        <FilterItem label="\u5ba2\u6237" />\n        <FilterItem label="\u5ba2\u6237" active />\n        <FilterItem label="\u5ba2\u6237" open />\n        <FilterItem label="\u8d85\u957f\u8d85\u957f\u8d85\u957f\u8d85\u957f\u8d85\u957f\u8d85\u957f\u8d85\u957f\u8d85\u957f" active open />\n      </Space>\n      <FilterLines\n        list={[\n          [\n            <FilterItem label="\u5ba2\u6237" />,\n            <FilterItem label="\u804c\u4f4d" />,\n            <FilterItem label="\u804c\u4f4d\u8d1f\u8d23\u4eba" />,\n          ],\n          [\n            <FilterItem label="\u5f00\u59cb\u65f6\u95f4" />,\n            <FilterItem label="\u7ed3\u675f\u65f6\u95f4" />,\n            <FilterItem label="\u804c\u4f4dBD\u4eba" />,\n          ],\n          [\n            <FilterItem label="\u5f00\u59cb\u65f6\u95f4" />,\n            <FilterItem label="\u7ed3\u675f\u65f6\u95f4" />,\n            <FilterItem label="\u804c\u4f4dBD\u4eba" />,\n          ],\n          [\n            <FilterItem label="\u5f00\u59cb\u65f6\u95f4" />,\n            <FilterItem label="\u7ed3\u675f\u65f6\u95f4" />,\n            <FilterItem label="\u804c\u4f4dBD\u4eba" />,\n          ],\n        ]}\n      />\n      <PopoverItem label="\u5ba2\u6237">\n        {({ value, onChange }) => (\n          <Input value={value} onChange={(e) => onChange(e.target.value)} />\n        )}\n      </PopoverItem>\n      <FilterLines\n        list={[\n          [\n            <InputFilterItem label="\u6587\u5b57" />,\n            <CityFilterItem label="\u57ce\u5e02" />,\n            <AdvancedSelectFilterItem\n              label="\u9ad8\u7ea7\u9009\u62e9"\n              api={{\n                loader: () => {\n                  return {\n                    pageData: [\n                      { label: "\u7b2c\u4e00\u9879", value: 1 },\n                      { label: "\u7b2c\u4e8c\u9879", value: 2, disabled: true },\n                      {\n                        label: "\u7b2c\u4e09\u9879",\n                        value: 3,\n                      },\n                    ],\n                  };\n                },\n              }}\n            />,\n            <UserFilterItem\n              label="\u7528\u6237\u9009\u62e9"\n              api={{\n                loader: () => {\n                  return {\n                    pageData: [\n                      {\n                        label: "\u7528\u6237\u4e00",\n                        value: 1,\n                        description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n                      },\n                      {\n                        label: "\u7528\u6237\u4e8c",\n                        value: 2,\n                        description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n                      },\n                      {\n                        label: "\u7528\u6237\u4e09",\n                        value: 3,\n                        description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n                      },\n                    ],\n                  };\n                },\n              }}\n            />,\n            <FunctionSelectFilterItem label="\u804c\u80fd\u9009\u62e9" />,\n            <IndustrySelectFilterItem label="\u884c\u4e1a\u9009\u62e9" />,\n          ],\n        ]}\n      />\n    </Space>\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Filter",packageName:"@components/Filter",component:o},{name:"antd",packageName:"antd",component:l}]}]}}},91707:(n,e,t)=>{"use strict";t.d(e,{A:()=>r});var a=t(330),o=t(55199),l=t(21079);const r={name:"FlexBox",summary:"<p>\u7528\u4e8e\u6839\u636e\u76d2\u5b50\u5927\u5c0f\u54cd\u5e94\u5f0f\u5c55\u793a\u4e0d\u540c\u5217</p>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n</table>",example:{isFull:!0,className:"FlexBox_51df0",style:"",list:[{title:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u6807\u9898",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { default: FlexBox } = _FlexBox;\nconst { Card } = antd;\nconst BaseExample = () => {\n  return (\n    <FlexBox\n      dataSource={[\n        {\n          title: "Title 1",\n        },\n        {\n          title: "Title 2",\n        },\n        {\n          title: "Title 3",\n        },\n        {\n          title: "Title 4",\n        },\n        {\n          title: "Title 5",\n        },\n        {\n          title: "Title 6",\n        },\n      ]}\n      renderItem={(item) => (\n        <FlexBox.Item>\n          <Card title={item.title}>Card content</Card>\n        </FlexBox.Item>\n      )}\n    />\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_FlexBox",packageName:"@components/FlexBox",component:a},{name:"antd",packageName:"antd",component:o}]},{title:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u6807\u9898",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:"const { default: FlexBox } = _FlexBox;\nconst { Card, Button } = antd;\nconst { range } = lodash;\nconst { useRef } = React;\nconst BaseExample = () => {\n  const ref = useRef();\n  return (\n    <div>\n      <FlexBox.Fetch\n        ref={ref}\n        getFetchApi={({ size }) => {\n          return {\n            data: {\n              pageSize: size,\n            },\n            loader: ({ data }) => {\n              return new Promise((resolve) => {\n                setTimeout(() => {\n                  resolve({\n                    pageData: range(0, data.pageSize).map((index) => {\n                      return {\n                        key: index,\n                        title: `\u7b2c${index}\u9879`,\n                      };\n                    }),\n                  });\n                }, 1000);\n              });\n            },\n          };\n        }}\n        renderItem={(item) => (\n          <FlexBox.Item>\n            <Card title={item.title}>Card content</Card>\n          </FlexBox.Item>\n        )}\n      />\n      <Button\n        onClick={() => {\n          console.log(ref.current);\n        }}\n      >\n        \u83b7\u53d6FetchApi\n      </Button>\n    </div>\n  );\n};\n\nrender(<BaseExample />);\n\n",scope:[{name:"_FlexBox",packageName:"@components/FlexBox",component:a},{name:"antd",packageName:"antd",component:o},{name:"lodash",packageName:"lodash",component:l}]}]}}},68223:(n,e,t)=>{"use strict";t.d(e,{A:()=>u});var a=t(96252),o=t(76329),l=t(3382),r=t(21079),s=t(55199),i=t(87558),d=t(45362),c=t(64671),m=t(57469);const u={name:"FormInfo",summary:'<p>\u8868\u5355\u63a7\u4ef6\uff0c\u81ea\u5e26\u6570\u636e\u57df\u7ba1\u7406\u3002\u5305\u542b\u6570\u636e\u5f55\u5165\u3001\u6821\u9a8c\u4ee5\u53ca\u5bf9\u5e94\u6837\u5f0f</p>\n<h3>\u4f55\u65f6\u4f7f\u7528</h3>\n<ul>\n<li>\u7528\u4e8e\u521b\u5efa\u6216\u7f16\u8f91\u4e00\u4e2a\u5b9e\u4f53\u6216\u6536\u96c6\u4fe1\u606f</li>\n<li>\u9700\u8981\u5bf9\u8f93\u5165\u7684\u6570\u636e\u7c7b\u578b\u8fdb\u884c\u6821\u9a8c\u65f6</li>\n</ul>\n<h3>\u6982\u5ff5</h3>\n<ul>\n<li>Form Data\uff1a\nForm\u63d0\u4ea4\u65f6\u83b7\u53d6\u5230\u7684\u8f93\u51fa\u503c\u901a\u5e38\u7528\u6765\u63d0\u4ea4\u7ed9\u540e\u7aef\uff0c\u4e0d\u5305\u542bForm\u7684\u6821\u9a8c\u4fe1\u606f\uff0c\u53ea\u5305\u542bForm\u7ec4\u4ef6\u53ef\u4ee5\u5411\u5916\u90e8\u63d0\u4f9b\u7684\u6570\u636e\u8f93\u51fa\u4fe1\u606f\u3002</li>\n<li>Form State\uff1a\nForm\u4e2d\u7528\u6765\u5b58\u50a8\u4e00\u5207\u72b6\u6001\u7684\u503c\uff0c\u5305\u542bField\u4fe1\u606f\uff0c\u6821\u9a8c\u4fe1\u606f\uff0cForm\u7684\u503c\uff08\u9700\u8981\u4e00\u5b9a\u7684\u8f6c\u6362\u4ece\u624d\u80fd\u53d8\u6210Form Data\uff09\uff0c\u8868\u5355\u662f\u5426\u9a8c\u8bc1\u901a\u8fc7\uff0c\u8868\u5355\u9519\u8bef\u4fe1\u606f\u7b49\u503c\u3002</li>\n<li>\u5b57\u6bb5\u6216\u79f0Field\uff1a\nForm\u4e2d\u7684\u4e00\u4e2a\u9879\uff0c\u5fc5\u987b\u62e5\u6709\u53c2\u6570name,label,\u53ef\u9009\u53c2\u6570rule\u3002name\u4f5c\u4e3aForm\u63d0\u4ea4\u65f6\u83b7\u53d6\u5230data\u7684key\u503c\u3002\nlabel\u4e3a\u5b57\u6bb5\u5c55\u793a\u7ed9\u7528\u6237\u7684\u540d\u5b57\u4ee5\u53ca\u5b57\u6bb5\u62a5\u9519\u65f6\u63d0\u793a\u7528\u6237\u9519\u8bef\u7684\u8bed\u53e5\u4e2d\u6307\u4ee3\u8be5\u5b57\u6bb5\u7684\u540d\u5b57\u3002\nrule\u4e3a\u4e0b\u65b9\u4ecb\u7ecd\u7684RULE\u3002\n\u4e00\u4e2aField\u7684\u53d6\u503c\u53ef\u4ee5\u662f\u7b80\u5355\u7684Number\uff0cBoolean\uff0cString\u4e5f\u53ef\u4ee5\u662f\u590d\u6742\u7684Array\uff0cObject\u7b49\uff0c\u6240\u4ee5\u5728\u8003\u8651\u4e00\u4e9b\u503c\u9700\u8981\u5206\u6210\u591a\u4e2aField\u8fd8\u662f\u96c6\u4e2d\u5728\u4e00\u4e2aField\u65f6\u975e\u5e38\u91cd\u8981\u7684\u3002\n\u4e00\u4e2a\u901a\u7528\u7684\u89c4\u5219\u662f\uff1a<em><strong>\u5bf9\u4e8eForm\u6765\u8bf4\uff0c\u5b83\u7684\u6700\u5c0f\u6821\u9a8c\u5355\u5143\u662f\u4e00\u4e2aField</strong></em>\u3002</li>\n<li>Field\u7ec4\u4ef6\uff1a\nField\u7ec4\u4ef6\u662fField\u7684\u4e00\u90e8\u5206\uff0c\u53ef\u4ee5\u7531\u7528\u6237\u81ea\u5df1\u5b9e\u73b0\u4e5f\u53ef\u4ee5\u7531\u7ec4\u4ef6\u5e93\u63d0\u4f9b\uff0c\u901a\u8fc7Form\u63d0\u4f9b\u7684Field hooks\u5c06\u5176\u53d8\u6210Field\u3002\nfield hooks\u4e3b\u8981\u63a5\u7ba1Field\u7ec4\u4ef6\u7684value\uff0conChange\u53c2\u6570\uff0c\u7528\u6765\u628aField\u7ec4\u4ef6\u7684\u503c\u83b7\u53d6\u5230Form\u7ba1\u7406\u3002Field\u7ec4\u4ef6\u5fc5\u987b\u4e3a<em><strong>\u53d7\u63a7\u7ec4\u4ef6</strong></em>\u3002\nfield hooks\u8fd8\u4f1a\u63a5\u7ba1triggerValidate\uff0c\u7528\u6765\u83b7\u53d6Field\u7684\u6821\u9a8c\u65f6\u673a\u3002field hooks\u4f1a\u5411Field\u7ec4\u4ef6\u63d0\u4f9bField\u7684\u6821\u9a8c\u72b6\u6001\u548c\u6821\u9a8c\u9519\u8bef\u4fe1\u606f\u3002</li>\n<li>RULE\uff1a\n\u7528\u4e8e\u5b57\u6bb5\u7684\u6821\u9a8c\u3002RULE\u53ef\u4ee5\u4e3a\u4e00\u4e2afunction\u6216\u8005\u6b63\u5219\u8868\u8fbe\u5f0f\uff0c\u4e0d\u8fc7\u63a8\u8350\u4ee5\u5927\u5199\u5b57\u7b26\u4e32\u8c03\u7528\u3002\n\u5b57\u7b26\u4e32\u5f62\u5f0f\u7684RULE\u4ee5\u7a7a\u683c\u4e3a\u95f4\u9694\u53ef\u4ee5\u4f20\u5165\u591a\u6761\u89c4\u5219\uff0c\u5982\uff1a"REQ TEL"\uff0c\n\u6267\u884c\u6821\u9a8c\u65f6\u4f1a\u4ece\u5de6\u81f3\u53f3\u4f9d\u6b21\u6821\u9a8c\uff0c\u5982\u679c\u5de6\u4fa7\u7684\u89c4\u5219\u6821\u9a8c\u5931\u8d25\u5219\u4e0d\u518d\u6267\u884c\u5176\u53f3\u4fa7\u89c4\u5219\uff0c\u8fd4\u56de\u6821\u9a8c\u5931\u8d25\u72b6\u6001\u53ca\u8be5\u89c4\u5219\u5931\u8d25\u539f\u56e0\u63d0\u793a\u4f5c\u4e3a\u5b57\u6bb5\u6821\u9a8c\u5931\u8d25\u539f\u56e0\u3002\n\u5b57\u7b26\u4e32RULE\u5141\u8bb8\u4f20\u5165\u53c2\u6570\uff0c\u53c2\u6570\u4ee5\u4e2d\u5212\u7ebf\u9694\u5f00\uff0c\u53ef\u4f20\u5165\u591a\u4e2a\u53c2\u6570\uff0c\u5982\uff1a"LEN-3-10"\u3002\n\u5b57\u7b26\u4e32RULE\u4f7f\u7528\u524d\u5fc5\u987b\u5728Form\u7ec4\u4ef6\u4e2d\u6709\u6240\u58f0\u660e\uff0cForm\u7684RULE\u58f0\u660e\u67093\u4e2a\u7ea7\u522b\uff1a\n\u9ed8\u8ba4\u7ea7\uff0c\u5305\u542b\u4e8eForm\u5185\u90e8\uff0c\u63d0\u4f9b\u4e86\u4e00\u4e9b\u57fa\u672c\u7684\u6821\u9a8c\u89c4\u5219\u3002preset\u7ea7\uff1a\u5728\u9879\u76ee\u7684preset\u4e2d\u58f0\u660e\uff0c\u5e94\u8be5\u628a\u9879\u76ee\u4e2d\u5e38\u7528\u7684\u6216\u8005\u662f\u6bd4\u8f83\u590d\u6742\u7684RULE\u58f0\u660e\u96c6\u4e2d\u7ef4\u62a4\u4e8e\u6b64\u3002\nForm\u7ea7\uff1a\u4ee5rules\u53c2\u6570\u4f20\u5165Form\u7ec4\u4ef6\uff0c\u4e3b\u8981\u662f\u67d0Form\u5355\u72ec\u4f7f\u7528\u7684RULE\u3002\n\u5982\u679c\u58f0\u660e\u5b57\u7b26\u76f8\u540c\uff0c\u4f1a\u4ee5 Form\u7ea7&gt;preset\u7ea7&gt;\u9ed8\u8ba4\u7ea7 \u8fdb\u884c\u8986\u76d6\u3002\nRULE\u58f0\u660e\u4e3a\u4e00\u4e2a\u5bf9\u8c61\uff0ckey\u548c\u53bb\u6389\u53c2\u6570\u7684\u5b57\u7b26\u4e32RULE\u76f8\u540c\uff0cvalue\u4e3a\u4e00\u4e2afunction\u79f0\u4e3a\u6821\u9a8c\u51fd\u6570\u3002\u6b64function\u63a5\u6536\u5230\u7684\u53c2\u6570\u6709\u4e09\u90e8\u5206(\nvalue,[...args]\n,{data,{field}}),\u7b2c\u4e00\u4e2a\u53c2\u6570value\u4e3a\u5f53\u524d\u5b57\u6bb5\u7684\u503c\uff0c\u6700\u540e\u4e00\u4e2a\u53c2\u6570\u4e3aform\u7684\u72b6\u6001\uff0cdata\u662fform\u7684\u5f53\u524d\u503c\uff0cfield\u662fform\u91cc\u9762\u5f53\u524d\u5b57\u6bb5\u7684\u4fe1\u606f\uff0c\n\u4e2d\u95f4\u53c2\u6570args\u4e3a\u5b57\u7b26\u4e32\u53c2\u6570\u5982\uff1a"LEN-3-10"\u4f1a\u63a5\u6536\u52303\u548c20\u4e24\u4e2a\u53c2\u6570\u3002\u6821\u9a8c\u51fd\u6570\u8fd4\u56de{result,errMsg}\uff0c\n\u6216\u8005\u4e00\u4e2aPromise.resolve({result,errMsg})\u7684Promise\u5bf9\u8c61\u3002result\u4e3a\u6821\u9a8c\u662f\u5426\u901a\u8fc7\uff0cerrMsg\u4e3a\u5931\u8d25\u63d0\u793a\uff0c\u5931\u8d25\u63d0\u793a\u53ef\u4ee5\u7528%s\u5360\u4f4d\uff0c\u5c55\u793a\u65f6\u4f1a\u66ff\u6362\u6210\u5b57\u6bb5\u7684label\u3002</li>\n<li>\u6821\u9a8c\u6216\u79f0Validate\uff1a\nForm\u4f1a\u5728Field\u7ec4\u4ef6\u6267\u884ctriggerValidate\u65f6\u6267\u884c\u5f53\u524dField\u7684Validate\uff0c\u8868\u5355\u63d0\u4ea4\u65f6\u6267\u884c\u6240\u6709Field\u7684Validate\u3002\nValidate\u4f1a\u4e32\u884c\u6267\u884cRULE\u91cc\u9762\u7684\u6240\u6709\u89c4\u5219\u7684\u6821\u9a8c\u51fd\u6570\uff0c\u6821\u9a8c\u51fd\u6570\u8fd4\u56dePromise\u65f6\u4e5f\u4f1a\u7b49\u5f85\u5de6\u8fb9\u7684\u6821\u9a8c\u51fd\u6570\u7684Promise\u5b8c\u6210\u518d\u6267\u884c\u53f3\u8fb9\u7684\u89c4\u5219\u6821\u9a8c\u51fd\u6570\u3002\n\u8868\u5355\u63d0\u4ea4\u65f6\uff0c\u6b63\u5728\u6267\u884c\u5f02\u6b65\u7684\u6821\u9a8c\u51fd\u6570\u7684Field\u5c06\u4e0d\u4f1a\u91cd\u590d\u6267\u884cValidate\u3002\u8868\u5355\u63d0\u4ea4\u65f6\u6240\u6709Field\u7684\u6821\u9a8c\u72b6\u6001\u4e3a\u901a\u8fc7\u65f6\u624d\u4f1a\u6267\u884conSubmit\u65b9\u6cd5\uff0c\u5426\u5219\u4f1a\u6267\u884conError\u65b9\u6cd5\uff0c\nonPrevSubmit\u65b9\u6cd5\u5728\u7528\u6237\u70b9\u51fb\u63d0\u4ea4\u6309\u94ae\u65f6\u5c31\u4f1a\u89e6\u53d1\uff0c\u4e0d\u7ba1Validate\u7ed3\u679c\u662f\u5426\u4e3a\u901a\u8fc7\u3002</li>\n<li>Event\uff1a\nForm\u91c7\u7528\u4e86\u4e8b\u4ef6\u9a71\u52a8\u7684\u65b9\u5f0f\u6765\u8bbe\u8ba1\uff0c\u7528\u4ee5\u6ee1\u8db3\u591a\u79cd\u5f02\u6b65\u6821\u9a8c\uff0c\u548c\u7ed9Form\u63d0\u4f9b\u5f3a\u5927\u7684\u53ef\u6269\u5c55\u6027\u3002\nForm\u7684API\u91cc\u9762\u53ef\u4ee5\u83b7\u53d6\u5230\u7684emitter\u5c31\u662fForm\u5185\u90e8\u7684\u4e8b\u4ef6\u53d1\u5c04\u5668\uff0c\u53ef\u4ee5\u89e6\u53d1Form\u5185\u90e8\u5b9a\u4e49\u7684\u4e8b\u4ef6\uff0c\u4e5f\u53ef\u4ee5\u81ea\u5b9a\u4e49\u4e00\u4e9b\u4e8b\u4ef6\u3002\u540c\u65f6\u53ef\u4ee5\u901a\u8fc7emitter.addListener\u76d1\u542c\u4e8b\u4ef6\u3002\nForm\u5185\u90e8\u5b9a\u4e49\u7684\u4e8b\u4ef6\u6709\uff1a\nform-field-add\uff1aField\u88ab\u6dfb\u52a0\u8fdbForm\u65f6\u89e6\u53d1\uff0c\nform-field-edit\uff1aField\u7684\u53c2\u6570\u53d1\u751f\u6539\u53d8\u65f6\u89e6\u53d1\uff0c\norm-field-remove\uff1aField\u88ab\u5378\u8f7d\u65f6\u89e6\u53d1\uff0c\nform-field-validate\uff1aField\u6267\u884cValidate\u65f6\u89e6\u53d1\uff0c\nform-field-data-change\uff1aField\u7684\u503c\u53d1\u751f\u4fee\u6539\u65f6\u89e6\u53d1\uff0c\nform-data-reset\uff1aForm\u7ec4\u4ef6\u91cd\u7f6edata\u65f6\u89e6\u53d1\uff0c\nform-data-set-field\uff1aForm\u7ec4\u4ef6\u7ed9data\u8d4b\u503c\u65f6\u89e6\u53d1\uff0c\nform-data-set-field-validate\uff1aField\u88ab\u8d4b\u503c\u65f6\u89e6\u53d1\uff0c\nform-validate-all\uff1aForm\u6267\u884c\u5168\u90e8Field\u7684Validate\u65f6\u89e6\u53d1\uff0c\u4e00\u822c\u4e3a\u8868\u5355\u63d0\u4ea4\u65f6\uff0c\nform-submit\uff1a\u8868\u5355\u63d0\u4ea4\u65f6\u89e6\u53d1\u3002</li>\n<li>\u62e6\u622a\u5668\u6216\u79f0Interceptor\uff1a\n\u6ca1\u6709Field\u53ef\u4ee5\u63a5\u6536\u4e00\u4e2ainterceptor\u53c2\u6570\uff0c\u5b57\u7b26\u4e32\u7c7b\u578b\uff0c\u548cRULE\u7c7b\u4f3c\u53ef\u4ee5\u518dpreset\u6216\u8005Form\u7684interceptors props\u4e2d\u58f0\u660e\u4ee5\u540e\u4f7f\u7528\uff0c\u53ef\u4ee5\u914d\u7f6e\u591a\u4e2a\u7528\u7a7a\u683c\u8fde\u63a5\u3002\n\u62e6\u622a\u5668\u7684\u4f5c\u7528\u662f\uff0c\u5728Field\u63a5\u6536\u5230\u4e00\u4e2a\u65b0\u7684\u503c\u65f6\uff0c\u4f1a\u4e32\u884c\u6267\u884c\u62e6\u622a\u5668\u7684output\u90e8\u5206\uff0c\u628a\u5176\u8fd4\u56de\u503c\u8f93\u51fa\u5230Form Data\u3002\n\u5728\u6267\u884cForm Data\u7684\u8d4b\u503c\u64cd\u4f5c\u65f6\u628a\u8d4b\u503c\u4f5c\u4e3a\u8f93\u5165\u4e32\u884c\u6267\u884c\u62e6\u622a\u5668\u7684input\u90e8\u5206\uff0c\u628a\u5176\u7ed3\u679c\u4f5c\u4e3aForm Data\u7684\u8f93\u5165\u3002\n\u73b0\u5728\u6709\u4e2aField\u662f\u65e5\u671f\u9009\u62e9\uff0c\u8f93\u51faDate\u7c7b\u578b\u503c\uff0c\u4f46\u662fForm Data\u8f93\u51fa\u5e0c\u671b\u5c06\u5176\u683c\u5f0f\u5316\u4e3a\u65e5\u671f\u5b57\u7b26\u4e32\uff0c\u5728\u8868\u5355\u7f16\u8f91\u65f6Form\nData\u8f93\u5165\u683c\u5f0f\u5316\u540e\u7684\u65e5\u671f\u5b57\u7b26\u4e32\uff0c\u4f46\u662fField\u53ea\u63a5\u6536Date\u7c7b\u578b\u7684\u503c\uff0c\n\u4ee5\u4e0b\u4f8b\u5b50\u53ef\u4ee5\u6765\u89e3\u51b3\u6b64\u95ee\u9898\uff1a<pre><code class="language-jsx">interceptors.input.use("date-string", (value) =&gt; {\n  return value ? new Date(value) : null;\n});\n\ninterceptors.output.use("date-string", (value) =&gt; {\n  return value ? dayjs(value).format("YYYY-MM-DD") : "";\n});\n\n&lt;Field name="date" label="\u65e5\u671f" interceptor="date-string"/&gt;\n</code></pre>\n</li>\n<li>Group\uff1a\n\u5f53Form\u7684data\u9700\u8981\u63a5\u6536\u5230\u4e00\u4e2a\u590d\u6742\u503c\u7684\u65f6\u5019\uff0c\u53ef\u4ee5\u4f7f\u7528Group\u6765\u5b9e\u73b0\uff0c\u5982\uff1a<pre><code class="language-jsx">&lt;Group name="baseInfo"&gt;\n  &lt;Field name="name" label="\u540d\u79f0"/&gt;\n  &lt;Field name="des" label="\u8bf4\u660e"/&gt;\n&lt;/Group&gt;\n</code></pre>\nForm\u7684data\u53ef\u4ee5\u63a5\u6536\u5230 {baseInfo:{name:"xxx",des:"xxx"}}\uff0cGroup\u7684name\u548cField\u7684name\u4e00\u81f4\u65f6\u4e5f\u53ef\u4ee5\u7528\u6765\u8868\u793a\u6570\u7ec4\u5982\uff1a<pre><code class="language-jsx">&lt;Group name="name"&gt;\n  &lt;Field name="name" label="\u540d\u79f0"/&gt;\n&lt;/Group&gt;\n&lt;Group name="des"&gt;\n  &lt;Field name="des" label="\u8bf4\u660e"/&gt;\n&lt;/Group&gt;\n</code></pre>\nForm\u7684data\u53ef\u4ee5\u63a5\u6536\u5230 {name:["name1","name2"],des:["des1","des2"]}\u3002\nGroup\u53ef\u4ee5\u5d4c\u5957\uff0c\u5982<pre><code class="language-jsx">&lt;Group name="baseInfo"&gt;\n  &lt;Group name="info"&gt;\n    &lt;Field name="name" label="\u540d\u79f0"/&gt;\n  &lt;/Group&gt;\n  &lt;Field name="des" label="\u8bf4\u660e"/&gt;\n&lt;/Group&gt;\n</code></pre>\nForm\u7684data\u53ef\u4ee5\u63a5\u6536\u5230 {baseInfo:{info:{name:\'xxx\'},des:\'xxx\'}}\u3002\n\u652f\u6301\u70b9\u64cd\u4f5c\uff0c\u5982\uff1a<pre><code class="language-jsx">&lt;Group name="baseInfo.info"&gt;\n  &lt;Field name="name" label="\u540d\u79f0"/&gt;\n  &lt;Field name="des" label="\u8bf4\u660e"/&gt;\n&lt;/Group&gt;\n</code></pre>\nForm\u7684data\u53ef\u4ee5\u63a5\u6536\u5230 {baseInfo:{info:{name:\'xxx\',des:\'xxx\'}}}\u3002</li>\n<li>GroupList\uff1a\n\u4f7f\u7528Group\u5b9e\u73b0\u7684\u4e00\u4e2a\u7279\u6b8a\u7684\u533a\u57df\u7528\u6765\u66f4\u65b9\u4fbf\u7684\u5b9e\u73b0\u591a\u6bb5\u5f0f\u7684\u8868\u5355\u5982\uff1a<pre><code class="language-jsx">&lt;Button onClick={()=&gt;ref.current.onAdd()}&gt;\u6dfb\u52a0&lt;/Button&gt;\n&lt;GroupList name="edu" ref={ref}&gt;\n  {(key,{index,length,onAdd,onRemore})=&gt;&lt;&gt;\n    &lt;Button onClick={onRemore}&gt;\u5220\u9664&lt;/Button&gt;\n    &lt;Field name="schoolName" label="\u5b66\u6821\u540d\u79f0"/&gt;\n    &lt;Field name="degree" label="\u5b66\u5386"/&gt;\n    &lt;Field name="des" label="\u8bf4\u660e"/&gt;\n  &lt;/&gt;}\n&lt;/GroupList&gt;\n</code></pre>\n\u4ee5\u4e0a\u662f\u4e00\u4e2a\u7b80\u5386\u7684\u5b66\u5386\u5217\u8868\u7684\u5b9e\u73b0\uff0c\u53ef\u4ee5\u70b9\u51fb\u6dfb\u52a0\u6309\u94ae\u6dfb\u52a0\u591a\u6bb5\u5b66\u5386Field\uff0c\u53ef\u4ee5\u70b9\u51fb\u5220\u9664\u6309\u94ae\u5220\u9664\u5f53\u524d\u4e00\u6bb5\u5b66\u5386Field\uff0c\nForm\u7684data\u53ef\u4ee5\u63a5\u6536\u5230\u7684 {edu:[{schoolName:\'xxx\',degree:\'xxx\',des:\'xxx\'}]}\u3002\n\u5f53\u7136\u4f60\u53ef\u4ee5\u4e0d\u7528\u4f7f\u7528\u8fd9\u6837\u5e95\u5c42\u7684API\uff0cFormInfo.List \u5df2\u7ecf\u5e2e\u4f60\u5904\u7406\u597d\u4e00\u5207\u3002</li>\n</ul>\n<h3>\u7279\u70b9</h3>\n<ul>\n<li>\u96c6\u4e2d\u5316\u6821\u9a8c\u89c4\u5219\u7ba1\u7406\uff0c\u5206\u5c42\u62bd\u8c61\uff0c\u8c03\u7528\u7b80\u4fbf</li>\n<li>\u652f\u6301\u5f02\u6b65\u6821\u9a8c\u89c4\u5219</li>\n<li>\u4e8b\u4ef6\u9a71\u52a8\u5f0f\u67b6\u6784\u8bbe\u8ba1\uff0c\u4fbf\u4e8e\u6269\u5c55</li>\n<li>\u652f\u6301Group\u53caGroupList\uff0c\u53ef\u8f7b\u677e\u5b9e\u73b0\u590d\u6742\u8868\u5355</li>\n<li>UI\uff0c\u6821\u9a8c\u903b\u8f91\u5206\u5c42\u62bd\u8c61\uff0c\u4e00\u6b21\u5c01\u88c5\u4f7f\u7528\u7b80\u5355</li>\n<li>context\u548cref\u53cc\u91cdAPI\u66b4\u9732\uff0c\u5728Form\u5185\u8fd8\u662fForm\u5916\u90fd\u80fd\u8f7b\u677e\u83b7\u53d6</li>\n<li>form-helper\u63d0\u4f9b\u57fa\u672c\u7684\u8868\u5355\u5c01\u88c5\uff0c\u7075\u6d3b\u7ec4\u5408</li>\n<li>\u652f\u6301\u62e6\u622a\u5668\uff0c\u4fbf\u6377\u5b9e\u73b0FormData\u548cField\u7684\u503c\u4e4b\u95f4\u7684\u8f6c\u6362</li>\n</ul>\n<h3>Field\u5b9e\u73b0\u89c4\u8303</h3>\n<ul>\n<li>FormInfo\u91cc\u9762\u7684Field\u90fd\u4f1a\u653e\u7f6e\u5728fields\u6587\u4ef6\u5939\uff0c\u5176\u4e2d\u6bcf\u4e2a\u6587\u4ef6\u5939\u4ee3\u8868\u4e00\u4e2aField</li>\n<li>\u4e00\u4e2aField\u53ea\u80fd\u9ed8\u8ba4\u5bfc\u51fa\u4f1a\u88ab\u5f15\u7528\uff0c\u5176\u4ed6\u7684\u65b9\u6cd5\u679a\u4e3e\u7b49\u9700\u8981\u653e\u7f6e\u5728\u9ed8\u8ba4\u5bfc\u51fa\u7684\u7ec4\u4ef6\u7684function\u7684\u9759\u6001\u5c5e\u6027\u4e0a</li>\n<li>\u4e00\u4e2aField\u7684\u9ed8\u8ba4\u5bfc\u51fa\u7ec4\u4ef6\u53ea\u80fd\u88ab\u653e\u7f6e\u5728Form\u4e2d\u4f5c\u4e3aField\u88ab\u4f7f\u7528\uff0c\u5b83\u7684Field\u7ec4\u4ef6\u4f1a\u88ab\u6302\u8f7d\u5728\u9ed8\u8ba4\u5bfc\u51fa\u7684\u7ec4\u4ef6\u7684function\u7684Field\u9759\u6001\u5c5e\u6027\u4e0a</li>\n<li>\u4e00\u4e2aField\u7684Field\u7ec4\u4ef6\u5fc5\u987b\u652f\u6301\u53d7\u63a7\u548c\u975e\u53d7\u63a7\u4e24\u79cd\u5f62\u5f0f</li>\n<li>\u4e00\u4e2aField\u7684\u5bfc\u51fa\u5fc5\u987b\u88ab\u5305\u542b\u5728FormInfo\u5bfc\u51fa\u7684formModule\u4e2d\u548cFormInfo\u4e2d\uff0c\u5373\uff1a\u4ee5\u4e0b\u4e24\u79cd\u65b9\u6cd5\u90fd\u53ef\u4ee5\u83b7\u53d6\u5230\u8be5Field<pre><code class="language-jsx">import {SomeField} from "@component/FormInfo";\n</code></pre>\n<pre><code class="language-jsx">import {formModule} from "@component/FormInfo";\nconst {SomeField} = formModule;\n</code></pre>\n</li>\n</ul>\n<h3>\u9009\u62e9\u5668\u7c7b\u578bField\u7ec4\u4ef6\u5b9e\u73b0\u89c4\u8303</h3>\n<ul>\n<li>\u5fc5\u987b\u4f7f\u7528SelectInnerInput\u4f5c\u4e3a\u9009\u62e9\u5668\u7684\u503c\u663e\u793a\u548c\u89e6\u53d1\u7684\u8f93\u5165\u6846</li>\n<li>SelectInnerInput\u53ef\u4ee5\u901a\u8fc7isPopup\u63d0\u4f9bpopup\u548cmodal\u4e24\u79cd\u5c55\u793a\u5f62\u6001\u548c\u4ea4\u4e92\u903b\u8f91\uff0cField\u7ec4\u4ef6\u53ef\u4ee5\u901a\u8fc7\u81ea\u8eab\u7684\u9ed8\u8ba4\u503c\u6216\u8005\u8c03\u7528SelectInnerInput\u65f6\u663e\u5f0f\u6307\u5b9a\u6765\u8bbe\u7f6e\u6700\u4f73\u63a8\u8350\u7684\u9ed8\u8ba4\u5f62\u5f0f\uff0c\u4e00\u822c\u60c5\u51b5\u4e00\u79cd\u9009\u62e9\u5668\u9700\u8981\u826f\u597d\u652f\u6301\u4e24\u79cd\u5f62\u5f0f</li>\n<li>SelectInnerInput\u53ef\u4ee5\u901a\u8fc7single\u51b3\u5b9a\u8f93\u51fa\u503c\u662f\u5355\u9879\u8fd8\u662f\u591a\u9879\uff0c\u5355\u9879\u548c\u591a\u9879\u7684\u4ea4\u4e92\u903b\u8f91\u4e5f\u53ef\u80fd\u4e0d\u540c\uff0cSelectInnerInput\u7684\u5185\u90e8value state\u90fd\u662f\u4f7f\u7528\u591a\u9879\u503c\u6765\u5904\u7406\u7684\uff0c\u5728\u8f93\u5165\u503c\u548c\u5728onChange\u8f93\u51fa\u65f6\u6839\u636e\u53c2\u6570\u8f6c\u5316\u6210\u6570\u7ec4\uff0c\u4e00\u822c\u60c5\u51b5\u4e00\u79cd\u9009\u62e9\u5668\u9700\u8981\u652f\u6301\u4e24\u79cd\u60c5\u51b5</li>\n<li>\u9009\u62e9\u5668\u53ef\u80fd\u4f1a\u5728\u9876\u90e8\u6709\u4e00\u4e2a\u641c\u7d22\u6846\uff0c\u901a\u8fc7\u4f7f\u7528\u65f6\u662f\u5426\u4f20\u5165getSearchProps\u6765\u51b3\u5b9a\u641c\u7d22\u6846\u662f\u5426\u663e\u793a\uff0c\u5728FormInfo/common\u4e2d\u63d0\u4f9b\u4e86\u9ed8\u8ba4\u7684SearchInput\u5b9e\u73b0\uff0cSelectInnerInput\u4e2d\u7ba1\u7406\u4e86\u5176searchText\u548csetSearchText\u72b6\u6001</li>\n<li>FormInfo/fields/AdvancedSelect/createList.js \u5b9e\u73b0\u4e86\u4e00\u4e2a\u5217\u8868\u5f0f\u9009\u62e9\u5668\uff0c\u5b9e\u73b0\u4e86\u5305\u62ec\u641c\u7d22\uff0c\u4e0b\u62c9\u52a0\u8f7d\u7b49\u903b\u8f91\uff0c\u53ea\u9700\u8981\u5b9e\u73b0\u5217\u8868\u6e32\u67d3\u903b\u8f91\u5c31\u53ef\u4ee5\u65b9\u4fbf\u7684\u6269\u5c55\u51fa\u65b0\u7684List\u7c7b\u578b\u9009\u62e9\u5668</li>\n<li>\u901a\u8fc7SelectInnerInput.useContext \u53ef\u4ee5\u62ff\u5230\u9009\u62e9\u5668\u7684\u7528\u6237\u4f20\u5165\u5c5e\u6027\uff08props\uff09\uff0c\u503c\u5230\u9009\u9879\u7684\u6620\u5c04\uff08mapping\uff09\uff0c\u641c\u7d22\u6846\u7684state\uff08searchText,setSearchText\uff09\uff0c\u6570\u636e\u52a0\u8f7d\u5668\u7684API\uff08fetchApi\uff09\u539f\u59cbvalue\u503c\uff08valueState\uff09\uff0c\u6dfb\u52a0\u6620\u5c04\u65b9\u6cd5\uff08appendItems\uff09</li>\n</ul>',api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>data</td>\n<td></td>\n<td></td>\n<td></td>\n</tr>\n<tr>\n<td>debug</td>\n<td></td>\n<td></td>\n<td></td>\n</tr>\n<tr>\n<td>rules</td>\n<td></td>\n<td></td>\n<td></td>\n</tr>\n<tr>\n<td>interceptors</td>\n<td></td>\n<td></td>\n<td></td>\n</tr>\n<tr>\n<td>noFilter</td>\n<td></td>\n<td></td>\n<td></td>\n</tr>\n<tr>\n<td>onError</td>\n<td></td>\n<td></td>\n<td></td>\n</tr>\n<tr>\n<td>onSubmit</td>\n<td></td>\n<td></td>\n<td></td>\n</tr>\n<tr>\n<td>onPrevSubmit</td>\n<td></td>\n<td></td>\n<td></td>\n</tr>\n</tbody>\n</table>\n<h3>SelectInnerInput</h3>\n<h3>formModule</h3>\n<h3>FormInfo</h3>\n<h3>preset</h3>\n<h3>List</h3>\n<h3>Form</h3>\n<p>\u540cdefault\u5bfc\u51fa\u7ec4\u4ef6</p>\n<h3>useField</h3>\n<h3>useReset</h3>\n<h3>useSubmit</h3>\n<h3>Group</h3>\n<h3>GroupList</h3>\n<h3>useFormContext</h3>\n<h3>RULES</h3>\n<h3>interceptors</h3>\n<h3>SubmitButton</h3>\n<h3>CancelButton</h3>\n<h3>ResetButton</h3>\n<h3>Field\u7c7b\u578b:antd\u7ec4\u4ef6</h3>\n<p>\u4ee5\u4e0b\u7ec4\u4ef6\u8bf7\u53c2\u8003antd\u5177\u4f53\u7684\u7ec4\u4ef6\u6587\u6863\u6b64\u5904\u4e0d\u518d\u8d58\u8ff0</p>\n<p>Checkbox,CheckboxGroup,DatePicker,Input,InputNumber,RadioGroup,Select,Switch,TextArea,TimePicker,TreeSelect</p>\n<h3>Field\u7c7b\u578b:@kne/react-form-antd\u5b9e\u73b0\u7ec4\u4ef6</h3>\n<p>DatePickerToday</p>\n<h3>Field\u7c7b\u578b:components-core\u5b9e\u73b0\u7ec4\u4ef6</h3>\n<p>AddressSelect</p>\n<p>AdvancedSelect</p>\n<p>Avatar</p>\n<p>Cascader</p>\n<p>FunctionSelect</p>\n<p>IndustrySelect</p>\n<p>Money</p>\n<p>PartSelect</p>\n<p>PhoneNumber</p>\n<p>TableDataSelect</p>\n<p>Upload</p>\n<h3>FormModal</h3>\n<p>\u4e00\u4e2aForm\u548cModal\u7ec4\u5408\u8d77\u6765\u7684\u7ec4\u4ef6\uff0c\u5b83\u9884\u7f6e\u4e86Form\u7ec4\u4ef6\uff0cchildren\u4f20\u5165\u7684\u5185\u5bb9\u548cfooter\u533a\u57df\u5747\u5728Form\u7684context\u5185</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>formProps</td>\n<td>\u540cForm\u7ec4\u4ef6\u53c2\u6570</td>\n<td>object</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>useFormModal</h3>\n<p>\u83b7\u53d6\u4e00\u4e2a\u6267\u884c\u540e\u53ef\u4ee5\u5f39\u51fa\u4e00\u4e2aFormModal\u7ec4\u4ef6\u7684\u65b9\u6cd5</p>\n<h4>return:formModal</h4>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>formModal</td>\n<td>\u6267\u884c\u540e\u53ef\u4ee5\u5f39\u51fa\u4e00\u4e2aFormModal\u5f39\u7a97\uff0c\u53c2\u6570\u540cFormModal\u7ec4\u4ef6\u53c2\u6570</td>\n<td>function</td>\n</tr>\n</tbody>\n</table>\n<h3>FormModalButton</h3>\n<p>\u70b9\u51fb\u4ee5\u540e\u53ef\u4ee5\u6267\u884c\u83b7\u53d6\u6570\u636e\uff0c\u5728\u6570\u636e\u672a\u8fd4\u56de\u65f6\u6309\u94ae\u5c55\u793a\u4e3aloading\u72b6\u6001\uff0c\u6570\u636e\u8fd4\u56de\u540e\u5f39\u51faFormModal\u5f39\u7a97</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>api</td>\n<td>@kne/react-fetch \u6240\u9700\u53c2\u6570</td>\n<td>object</td>\n<td>-</td>\n</tr>\n<tr>\n<td>modalProps</td>\n<td>\u540cFormModal\u53c2\u6570,\u5f53\u5b83\u4e3afunction\u65f6\uff0c\u6267\u884cfunction\u540e\u8fd4\u56de\u7684\u503c\u4f5c\u4e3amodalProps</td>\n<td>object,function({data,fetchApi,close})</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<p>\u5176\u4ed6\u53c2\u6570\u540cantd Button \u7ec4\u4ef6</p>",example:{isFull:!0,className:"FormInfo_f344c",style:".FormInfo_f344c .input > .ant-row > .ant-col {\n  padding: 10px 0;\n}\n.FormInfo_f344c .input .ant-space-item:last-child {\n  width: 100%;\n}",list:[{title:"\u4e00\u4e2a\u7b80\u5355\u8868\u5355\u793a\u4f8b",description:"\u5c55\u793a\u4e86\u4e00\u4e2a\u7b80\u5355\u8868\u5355\u793a\u4f8b",code:'const { default: FormInfo, Form, SubmitButton, ErrorTip, fields } = _FormInfo;\nconst { PureGlobal } = global;\nconst { useModal } = _Modal;\nconst { uniqueId } = lodash;\n\nconst {\n  Input,\n  TextArea,\n  Upload,\n  Avatar,\n  TypeDateRangePicker,\n  Rate,\n  Switch,\n  Slider,\n  MoneyInput,\n} = fields;\n\nconst BaseExample = () => {\n  const modal = useModal();\n  return (\n    <Form\n      helperGuideName="test-from"\n      lang={[\n        "cn",\n        {\n          name: "EnUS",\n          label: "\u82f1\u6587",\n          options: {\n            //labelTransform: (label) => label + "(en)",\n            ignore: [{ name: "avatar" }, { name: "photo" }],\n            disabled: [{ name: "file" }], //fields:[{name:\'name\'}]\n          },\n        },\n      ]}\n      rules={{\n        REP: (value) => {\n          return new Promise((resolve) => {\n            setTimeout(() => {\n              resolve({\n                result: false,\n                errMsg: "%s\u91cd\u590d",\n                data: {\n                  user: "\u6211\u662f\u4e00\u4e2a\u91cd\u590d\u7684\u4e1c\u897f",\n                },\n              });\n            }, 1000);\n          });\n        },\n      }}\n      onSubmit={(data) => {\n        modal({\n          title: "\u8868\u5355\u63d0\u4ea4\u6570\u636e",\n          children: <pre>{JSON.stringify(data, null, 2)}</pre>,\n        });\n      }}\n    >\n      <FormInfo\n        title="\u57fa\u672c\u4fe1\u606f"\n        list={[\n          <Avatar name="avatar" label="\u5934\u50cf" labelHidden block />,\n          <Avatar\n            name="photo"\n            label="\u8bc1\u4ef6\u7167"\n            dropModalSize="default"\n            border={50}\n            width={960}\n            height={540}\n            block\n          />,\n          <ErrorTip\n            name="name"\n            errorRender={({ validateData }) => {\n              console.log(validateData);\n              if (!validateData.REP) {\n                return null;\n              }\n              return <div>\u54c8\u54c8\u54c8{validateData.REP.user}</div>;\n            }}\n          >\n            <Input\n              name="name"\n              label="\u59d3\u540d"\n              rule="REQ LEN-3-10 REP"\n              tips="\u59d3\u540d"\n            />\n          </ErrorTip>,\n          <MoneyInput name="money" label="\u91d1\u989d" rule="REQ" tips={"money"} />,\n          <Input name="phone" label="\u624b\u673a" rule="REQ TEL" />,\n          <Input name="email" label="\u90ae\u7bb1" rule="EMAIL" />,\n          <Upload name="file" label="\u6587\u4ef6" tips="\u6587\u4ef6" block />,\n          <Rate name="rate" label="\u8bc4\u5206" tips="\u8bc4\u5206" />,\n          <Switch name="switch" label="\u5f00\u5173" tips="\u5f00\u5173" />,\n          <Slider name="slider" label="\u6ed1\u52a8\u6761" tips="\u6ed1\u52a8\u6761" />,\n          <TypeDateRangePicker\n            name="type_date"\n            label="\u65e5\u671f\u65f6\u95f4\u6bb5"\n            tips="\u65e5\u671f\u65f6\u95f4\u6bb5"\n            rule="REQ"\n          />,\n          <TextArea name="des" label="\u5907\u6ce8" tips="\u5907\u6ce8" block />,\n          <SubmitButton>\u63d0\u4ea4</SubmitButton>,\n        ]}\n      />\n    </Form>\n  );\n};\n\nrender(\n  <PureGlobal\n    preset={{\n      locale: "en-US",\n      enums: {\n        helperGuide: () => [\n          {\n            value: "test-from-name",\n            content: "\u6d4b\u8bd5\u5e2e\u52a9\u6587\u6863",\n            url: "/",\n          },\n        ],\n      },\n      apis: {\n        oss: {\n          loader: () => {\n            return window.PUBLIC_URL + "/avatar.png";\n          },\n        },\n        ossUpload: async ({ file }) => {\n          console.log(file);\n          return new Promise((resolve) => {\n            setTimeout(() => {\n              const id = uniqueId("file-");\n              resolve({\n                data: {\n                  code: 0,\n                  data: {\n                    id,\n                    originalName: id + "\u7b80\u5386.pdf",\n                  },\n                },\n              });\n            }, 1000);\n          });\n        },\n      },\n    }}\n  >\n    <BaseExample />\n  </PureGlobal>\n);\n\n',scope:[{name:"_FormInfo",packageName:"@components/FormInfo",component:a},{name:"global",packageName:"@components/Global",component:o},{name:"_Modal",packageName:"@components/Modal",component:l},{name:"lodash",packageName:"lodash",component:r}]},{title:"\u591a\u884c",description:"\u5c55\u793a\u4e86\u4e00\u4e2a\u591a\u884c\u5b57\u6bb5\u793a\u4f8b",code:'const { default: FormInfo, Form, MultiField, SubmitButton, fields } = _FormInfo;\nconst { useModal } = _Modal;\n\nconst { Input, TextArea } = fields;\n\nconst BaseExample = () => {\n  const modal = useModal();\n  return (\n    <Form\n      onSubmit={(data) => {\n        modal({\n          title: "\u8868\u5355\u63d0\u4ea4\u6570\u636e",\n          children: <pre>{JSON.stringify(data, null, 2)}</pre>,\n        });\n      }}\n    >\n      <FormInfo\n        list={[\n          <MultiField\n            name="no"\n            label="\u5355\u53f7"\n            rule="REQ"\n            field={Input}\n            maxLength={5}\n            tips={"\u5355\u53f7"}\n          />,\n          <Input name="name" label="\u540d\u79f0" />,\n          <MultiField name="description" label="\u8bf4\u660e" field={TextArea} />,\n        ]}\n      />\n      <SubmitButton>\u63d0\u4ea4</SubmitButton>\n    </Form>\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_FormInfo",packageName:"@components/FormInfo",component:a},{name:"_Modal",packageName:"@components/Modal",component:l}]},{title:"\u4e00\u4e2a\u542b\u6709\u591a\u6bb5\u5217\u8868\u7684\u8868\u5355\u793a\u4f8b",description:"\u5c55\u793a\u4e86\u4e00\u4e2a\u542b\u6709\u591a\u6bb5\u5217\u8868\u7684\u8868\u5355\u793a\u4f8b\uff0c\u5217\u8868\u7684\u6700\u5927\u957f\u5ea6\u4e3a5\uff0c\u5728\u6dfb\u52a05\u6bb5\u4e4b\u540e\u6dfb\u52a0\u6309\u94ae\u81ea\u52a8\u9690\u85cf",code:'const {\n  default: FormInfo,\n  Form,\n  List,\n  AdvancedSelect,\n  TableList,\n  Input,\n  TextArea,\n  SubmitButton,\n  FormApiButton,\n} = _FormInfo;\nconst { PureGlobal } = global;\nconst { useModal } = _Modal;\nconst { Space } = antd;\n\nconst BaseExample = () => {\n  const modal = useModal();\n  return (\n    <Form\n      onSubmit={(data) => {\n        modal({\n          title: "\u8868\u5355\u63d0\u4ea4\u6570\u636e",\n          children: <pre>{JSON.stringify(data, null, 2)}</pre>,\n        });\n      }}\n    >\n      <Space direction="vertical" size={16}>\n        <FormInfo\n          title="\u57fa\u672c\u4fe1\u606f"\n          list={[\n            <Input name="name" label="\u57fa\u672c\u540d\u79f0" rule="REQ" block />,\n            <TextArea name="des" label="\u57fa\u672c\u63cf\u8ff0" block />,\n          ]}\n        />\n        <List\n          name="list"\n          title="\u5217\u8868"\n          itemTitle={({ index }) => `\u7ecf\u5386${index + 1}`}\n          maxLength={5}\n          list={[\n            <Input name="name" label="\u540d\u79f0" rule="REQ" />,\n            <Input name="title" label="\u6807\u9898" rule="REQ" />,\n            <TextArea name="des" label="\u63cf\u8ff0" block rule="REQ" />,\n          ]}\n        />\n        <TableList\n          name="tableList"\n          title="\u8868\u683c\u5217\u8868"\n          maxLength={5}\n          minLength={1}\n          list={[\n            <Input name="name" label="\u540d\u79f0" rule="REQ" value="xxxxx" />,\n            <Input name="title" label="\u6807\u9898" rule="REQ" />,\n            <AdvancedSelect\n              name="select"\n              label="\u9009\u9879"\n              rule="REQ"\n              value={[1]}\n              api={{\n                loader: () => {\n                  return {\n                    pageData: [\n                      {\n                        label: "\u7b2c\u4e00\u9879",\n                        value: 1,\n                      },\n                      {\n                        label: "\u7b2c\u4e8c\u9879",\n                        value: 2,\n                        disabled: true,\n                      },\n                      {\n                        label: "\u7b2c\u4e09\u9879",\n                        value: 3,\n                      },\n                    ],\n                  };\n                },\n              }}\n            />,\n          ]}\n        />\n        <List\n          name="mult-list"\n          important\n          title="\u590d\u6742\u5217\u8868"\n          itemTitle={({ index }) => `\u7ecf\u5386${index + 1}`}\n          maxLength={5}\n          minLength={1}\n          list={[\n            <Input name="name" label="\u540d\u79f0" rule="REQ" />,\n            <Input name="title" label="\u6807\u9898" rule="REQ" />,\n            <TextArea name="des" label="\u63cf\u8ff0" block rule="REQ" />,\n            <TableList\n              block\n              isUnshift={false}\n              name="tableList"\n              title="\u8868\u683c\u5217\u8868"\n              maxLength={5}\n              minLength={1}\n              list={[\n                <Input name="name" label="\u540d\u79f0" rule="REQ" value="xxxxx" />,\n                <Input name="title" label="\u6807\u9898" rule="REQ" />,\n                <AdvancedSelect\n                  name="select"\n                  label="\u9009\u9879"\n                  rule="REQ"\n                  value={[1]}\n                  api={{\n                    loader: () => {\n                      return {\n                        pageData: [\n                          {\n                            label: "\u7b2c\u4e00\u9879",\n                            value: 1,\n                          },\n                          {\n                            label: "\u7b2c\u4e8c\u9879",\n                            value: 2,\n                            disabled: true,\n                          },\n                          {\n                            label: "\u7b2c\u4e09\u9879",\n                            value: 3,\n                          },\n                        ],\n                      };\n                    },\n                  }}\n                />,\n              ]}\n            />,\n          ]}\n        />\n\n        <List\n          name="mult-list-2"\n          important\n          title="\u590d\u6742\u5217\u88682"\n          itemTitle={({ index }) => `\u7ecf\u5386${index + 1}`}\n          maxLength={5}\n          minLength={1}\n          list={[\n            <Input name="name" label="\u540d\u79f0" rule="REQ" />,\n            <Input name="title" label="\u6807\u9898" rule="REQ" />,\n            <TextArea name="des" label="\u63cf\u8ff0" block rule="REQ" />,\n            <List\n              block\n              name="tableList"\n              title="\u5217\u8868"\n              maxLength={5}\n              minLength={1}\n              list={[\n                <Input name="name" label="\u540d\u79f0" rule="REQ" value="xxxxx" />,\n                <Input name="title" label="\u6807\u9898" rule="REQ" />,\n                <TextArea name="des" label="\u63cf\u8ff0" block rule="REQ" />,\n              ]}\n            />,\n          ]}\n        />\n        <FormInfo\n          list={[\n            <SubmitButton>\u63d0\u4ea4</SubmitButton>,\n            <FormApiButton\n              onClick={({ openApi }) => {\n                openApi.setFields(\n                  [\n                    {\n                      groupName: "tableList",\n                      name: "name",\n                      value: "",\n                    },\n                    {\n                      groupName: "tableList",\n                      name: "title",\n                      value: "ssssssss",\n                    },\n                  ],\n                  { runValidate: false }\n                );\n              }}\n            >\n              \u8bbe\u7f6e\u8868\u5355\u503c\n            </FormApiButton>,\n          ]}\n        />\n      </Space>\n    </Form>\n  );\n};\n\nrender(\n  <PureGlobal>\n    <BaseExample />\n  </PureGlobal>\n);\n\n',scope:[{name:"_FormInfo",packageName:"@components/FormInfo",component:a},{name:"global",packageName:"@components/Global",component:o},{name:"_Modal",packageName:"@components/Modal",component:l},{name:"antd",packageName:"antd",component:s}]},{title:"Modal Form\u5f39\u7a97",description:"\u5c55\u793a\u4e00\u4e2aform\u5f39\u7a97",code:'const { Space, Button } = antd;\nconst { PureGlobal } = global;\nconst {\n  default: FormInfo,\n  List,\n  Input,\n  TextArea,\n  FormModal,\n  useFormModal,\n  CancelButton,\n  FormApiButton,\n  SubmitButton,\n  FormModalButton,\n} = _FormInfo;\nconst { useState } = React;\nconst { default: Fetch } = fetch;\n\nconst BaseExample = () => {\n  const [open, setOpen] = useState(false);\n  const formModal = useFormModal();\n  return (\n    <Space wrap>\n      <FormModal\n        open={open}\n        title="\u8868\u5355\u5f39\u7a97"\n        onClose={() => {\n          setOpen(false);\n        }}\n        formProps={{\n          data: {\n            field1: "field1field1field1field1",\n          },\n          onSubmit: async (data) => {\n            console.log(data);\n            await new Promise((resolve) => {\n              setTimeout(() => {\n                resolve();\n              }, 1000);\n            });\n            setOpen(false);\n          },\n        }}\n      >\n        <FormInfo\n          title="\u57fa\u672c\u4fe1\u606f"\n          list={[\n            <Input name="field1" label="\u5b57\u6bb51" rule="REQ LEN-0-10" />,\n            <Input name="field2" label="\u5b57\u6bb52" rule="REQ LEN-0-10" />,\n            <TextArea name="field3" label="\u5b57\u6bb53" />,\n          ]}\n        />\n        <List\n          title="\u5217\u8868"\n          name="list"\n          maxLength={3}\n          list={[\n            <Input name="field1" label="\u5b57\u6bb51" rule="REQ LEN-0-10" />,\n            <Input name="field2" label="\u5b57\u6bb52" rule="REQ LEN-0-10" />,\n            <TextArea name="field3" label="\u5b57\u6bb53" />,\n          ]}\n        />\n      </FormModal>\n      <Button\n        onClick={() => {\n          setOpen(true);\n        }}\n      >\n        \u7ec4\u4ef6\u8c03\u7528\n      </Button>\n      <Button\n        onClick={() => {\n          const api = formModal({\n            title: "\u8868\u5355\u5f39\u7a97",\n            formProps: {\n              data: {\n                field1: "field1field1field1field1",\n              },\n              onSubmit: async (data) => {\n                console.log(data);\n                await new Promise((resolve) => {\n                  setTimeout(() => {\n                    resolve();\n                  }, 1000);\n                });\n                api.close();\n              },\n            },\n            children: (\n              <div>\n                <FormInfo\n                  title="\u57fa\u672c\u4fe1\u606f"\n                  list={[\n                    <Input name="field1" label="\u5b57\u6bb51" rule="REQ LEN-0-10" />,\n                    <Input name="field2" label="\u5b57\u6bb52" rule="REQ LEN-0-10" />,\n                    <TextArea name="field3" label="\u5b57\u6bb53" />,\n                  ]}\n                />\n                <List\n                  title="\u5217\u8868"\n                  name="list"\n                  maxLength={3}\n                  list={[\n                    <Input name="field1" label="\u5b57\u6bb51" rule="REQ LEN-0-10" />,\n                    <Input name="field2" label="\u5b57\u6bb52" rule="REQ LEN-0-10" />,\n                    <TextArea name="field3" label="\u5b57\u6bb53" />,\n                  ]}\n                />\n              </div>\n            ),\n          });\n        }}\n      >\n        hooks\u8c03\u7528\n      </Button>\n      <Button\n        onClick={() => {\n          const api = formModal({\n            title: "\u8868\u5355\u5f39\u7a97",\n            formProps: ({ data }) => {\n              return {\n                data: data,\n                onSubmit: async (data) => {\n                  console.log(data);\n                  await new Promise((resolve) => {\n                    setTimeout(() => {\n                      resolve();\n                    }, 1000);\n                  });\n                  api.close();\n                },\n              };\n            },\n            withDecorator: (render) => (\n              <Fetch\n                loader={() => {\n                  return new Promise((resolve) => {\n                    setTimeout(() => {\n                      resolve({\n                        field1: "\u6211\u63a5\u53e3\u83b7\u53d6\u7684\u6570\u636e",\n                      });\n                    }, 1000);\n                  });\n                }}\n                render={({ data }) => render({ data })}\n              />\n            ),\n            children: (\n              <div>\n                <FormInfo\n                  title="\u57fa\u672c\u4fe1\u606f"\n                  list={[\n                    <Input name="field1" label="\u5b57\u6bb51" rule="REQ LEN-0-10" />,\n                    <Input name="field2" label="\u5b57\u6bb52" rule="REQ LEN-0-10" />,\n                    <TextArea name="field3" label="\u5b57\u6bb53" />,\n                  ]}\n                />\n                <List\n                  title="\u5217\u8868"\n                  name="list"\n                  maxLength={3}\n                  list={[\n                    <Input name="field1" label="\u5b57\u6bb51" rule="REQ LEN-0-10" />,\n                    <Input name="field2" label="\u5b57\u6bb52" rule="REQ LEN-0-10" />,\n                    <TextArea name="field3" label="\u5b57\u6bb53" />,\n                  ]}\n                />\n              </div>\n            ),\n          });\n        }}\n      >\n        hooks\u52a0\u8f7dform\u6570\u636e\u8c03\u7528\n      </Button>\n      <Button\n        onClick={() => {\n          const api = formModal({\n            title: "\u8868\u5355\u5f39\u7a97",\n            footerButtons: [\n              { ButtonComponent: CancelButton, children: "\u53d6\u6d88" },\n              {\n                ButtonComponent: FormApiButton,\n                autoClose: false,\n                onClick: (context) => {\n                  console.log(context);\n                },\n                children: "FormApiButton",\n              },\n              {\n                ButtonComponent: SubmitButton,\n                autoClose: false,\n                children: "\u63d0\u4ea4",\n              },\n            ],\n            formProps: {\n              data: {\n                field1: "field1field1field1field1",\n              },\n              onSubmit: async (data) => {\n                console.log(data);\n                await new Promise((resolve) => {\n                  setTimeout(() => {\n                    resolve();\n                  }, 1000);\n                });\n                api.close();\n              },\n            },\n            children: (\n              <div>\n                <FormInfo\n                  title="\u57fa\u672c\u4fe1\u606f"\n                  list={[\n                    <Input name="field1" label="\u5b57\u6bb51" rule="REQ LEN-0-10" />,\n                    <Input name="field2" label="\u5b57\u6bb52" rule="REQ LEN-0-10" />,\n                    <TextArea name="field3" label="\u5b57\u6bb53" />,\n                  ]}\n                />\n                <List\n                  title="\u5217\u8868"\n                  name="list"\n                  maxLength={3}\n                  list={[\n                    <Input name="field1" label="\u5b57\u6bb51" rule="REQ LEN-0-10" />,\n                    <Input name="field2" label="\u5b57\u6bb52" rule="REQ LEN-0-10" />,\n                    <TextArea name="field3" label="\u5b57\u6bb53" />,\n                  ]}\n                />\n              </div>\n            ),\n          });\n        }}\n      >\n        \u81ea\u5b9a\u4e49footerButtons\n      </Button>\n      <FormModalButton\n        api={{\n          loader: () => {\n            return new Promise((resolve) => {\n              setTimeout(() => {\n                resolve({\n                  name: "Lucy",\n                  desc: "\u4e2a\u4eba\u4ecb\u7ecd\u4e2a\u4eba\u4ecb\u7ecd\u4e2a\u4eba\u4ecb\u7ecd\u4e2a\u4eba\u4ecb\u7ecd\u4e2a\u4eba\u4ecb\u7ecd\u4e2a\u4eba\u4ecb\u7ecd\u4e2a\u4eba\u4ecb\u7ecd",\n                });\n              }, 1000);\n            });\n          },\n        }}\n        modalProps={({ data, close }) => {\n          return {\n            title: "\u52a0\u8f7d\u6570\u636e\u7684form\u5f39\u7a97",\n            formProps: {\n              data,\n              onSubmit: async (data) => {\n                console.log(data);\n                await new Promise((resolve) => {\n                  setTimeout(() => {\n                    resolve();\n                  }, 1000);\n                });\n                close();\n              },\n            },\n            children: (\n              <FormInfo\n                title="\u57fa\u672c\u4fe1\u606f"\n                column={1}\n                list={[\n                  <Input name="name" label="\u59d3\u540d" rule="REQ" />,\n                  <TextArea name="desc" label="\u4ecb\u7ecd" rule="REQ" />,\n                ]}\n              />\n            ),\n          };\n        }}\n      >\n        \u52a0\u8f7dform\u6570\u636e\u6309\u94ae\n      </FormModalButton>\n    </Space>\n  );\n};\n\nrender(\n  <PureGlobal>\n    <BaseExample />\n  </PureGlobal>\n);\n\n',scope:[{name:"_FormInfo",packageName:"@components/FormInfo",component:a},{name:"global",packageName:"@components/Global",component:o},{name:"antd",packageName:"antd",component:s},{name:"fetch",packageName:"@kne/react-fetch",component:i}]},{title:"Modal Step Form\u5f39\u7a97",description:"\u5c55\u793a\u4e00\u4e2astep form\u5f39\u7a97",code:'const { Space, Button } = antd;\nconst { PureGlobal } = global;\nconst {\n  default: FormInfo,\n  List,\n  Input,\n  TextArea,\n  FormModal,\n  FormStepModal,\n  useFormModal,\n  useFormStepModal,\n  CancelButton,\n  FormApiButton,\n  SubmitButton,\n  FormModalButton,\n} = _FormInfo;\nconst { useState } = React;\nconst { default: Fetch } = fetch;\n\nconst BaseExample = () => {\n  const [open, setOpen] = useState(false);\n  const formModal = useFormStepModal();\n  return (\n    <Space wrap>\n      <FormStepModal\n        open={open}\n        title="\u8868\u5355\u5f39\u7a97"\n        onClose={() => {\n          setOpen(false);\n        }}\n        formProps={{\n          data: {\n            field1: "field1field1field1field1",\n          },\n          onSubmit: async (data) => {\n            console.log(data);\n            await new Promise((resolve) => {\n              setTimeout(() => {\n                resolve();\n              }, 1000);\n            });\n            setOpen(false);\n          },\n        }}\n        items={[\n          {\n            name: "basic",\n            title: "\u57fa\u672c\u4fe1\u606f",\n            children: (\n              <FormInfo\n                title="\u57fa\u672c\u4fe1\u606f"\n                list={[\n                  <Input name="field1" label="\u5b57\u6bb51" rule="REQ LEN-0-10" />,\n                  <Input name="field2" label="\u5b57\u6bb52" rule="REQ LEN-0-10" />,\n                  <TextArea name="field3" label="\u5b57\u6bb53" />,\n                ]}\n              />\n            ),\n          },\n          {\n            name: "list",\n            title: "\u5217\u8868\u4fe1\u606f",\n            children: (\n              <List\n                title="\u5217\u8868"\n                name="list"\n                maxLength={3}\n                list={[\n                  <Input name="field1" label="\u5b57\u6bb51" rule="REQ LEN-0-10" />,\n                  <Input name="field2" label="\u5b57\u6bb52" rule="REQ LEN-0-10" />,\n                  <TextArea name="field3" label="\u5b57\u6bb53" />,\n                ]}\n              />\n            ),\n          },\n        ]}\n      ></FormStepModal>\n      <Button\n        onClick={() => {\n          setOpen(true);\n        }}\n      >\n        \u7ec4\u4ef6\u8c03\u7528\n      </Button>\n      <Button\n        onClick={() => {\n          const api = formModal({\n            title: "\u8868\u5355\u5f39\u7a97",\n            formProps: {\n              data: {\n                field1: "field1field1field1field1",\n              },\n              onSubmit: async (data) => {\n                console.log(data);\n                await new Promise((resolve) => {\n                  setTimeout(() => {\n                    resolve();\n                  }, 1000);\n                });\n                api.close();\n              },\n            },\n            children: (\n              <div>\n                <FormInfo\n                  title="\u57fa\u672c\u4fe1\u606f"\n                  list={[\n                    <Input name="field1" label="\u5b57\u6bb51" rule="REQ LEN-0-10" />,\n                    <Input name="field2" label="\u5b57\u6bb52" rule="REQ LEN-0-10" />,\n                    <TextArea name="field3" label="\u5b57\u6bb53" />,\n                  ]}\n                />\n                <List\n                  title="\u5217\u8868"\n                  name="list"\n                  maxLength={3}\n                  list={[\n                    <Input name="field1" label="\u5b57\u6bb51" rule="REQ LEN-0-10" />,\n                    <Input name="field2" label="\u5b57\u6bb52" rule="REQ LEN-0-10" />,\n                    <TextArea name="field3" label="\u5b57\u6bb53" />,\n                  ]}\n                />\n              </div>\n            ),\n          });\n        }}\n      >\n        hooks\u8c03\u7528\n      </Button>\n      <Button\n        onClick={() => {\n          const api = formModal({\n            title: "\u8868\u5355\u5f39\u7a97",\n            formProps: ({ data }) => {\n              return {\n                data: data,\n                onSubmit: async (data) => {\n                  console.log(data);\n                  await new Promise((resolve) => {\n                    setTimeout(() => {\n                      resolve();\n                    }, 1000);\n                  });\n                  api.close();\n                },\n              };\n            },\n            withDecorator: (render) => (\n              <Fetch\n                loader={() => {\n                  return new Promise((resolve) => {\n                    setTimeout(() => {\n                      resolve({\n                        field1: "\u6211\u63a5\u53e3\u83b7\u53d6\u7684\u6570\u636e",\n                      });\n                    }, 1000);\n                  });\n                }}\n                render={({ data }) => render({ data })}\n              />\n            ),\n            children: (\n              <div>\n                <FormInfo\n                  title="\u57fa\u672c\u4fe1\u606f"\n                  list={[\n                    <Input name="field1" label="\u5b57\u6bb51" rule="REQ LEN-0-10" />,\n                    <Input name="field2" label="\u5b57\u6bb52" rule="REQ LEN-0-10" />,\n                    <TextArea name="field3" label="\u5b57\u6bb53" />,\n                  ]}\n                />\n                <List\n                  title="\u5217\u8868"\n                  name="list"\n                  maxLength={3}\n                  list={[\n                    <Input name="field1" label="\u5b57\u6bb51" rule="REQ LEN-0-10" />,\n                    <Input name="field2" label="\u5b57\u6bb52" rule="REQ LEN-0-10" />,\n                    <TextArea name="field3" label="\u5b57\u6bb53" />,\n                  ]}\n                />\n              </div>\n            ),\n          });\n        }}\n      >\n        hooks\u52a0\u8f7dform\u6570\u636e\u8c03\u7528\n      </Button>\n      <Button\n        onClick={() => {\n          const api = formModal({\n            title: "\u8868\u5355\u5f39\u7a97",\n            footerButtons: [\n              { ButtonComponent: CancelButton, children: "\u53d6\u6d88" },\n              {\n                ButtonComponent: FormApiButton,\n                autoClose: false,\n                onClick: (context) => {\n                  console.log(context);\n                },\n                children: "FormApiButton",\n              },\n              {\n                ButtonComponent: SubmitButton,\n                autoClose: false,\n                children: "\u63d0\u4ea4",\n              },\n            ],\n            formProps: {\n              data: {\n                field1: "field1field1field1field1",\n              },\n              onSubmit: async (data) => {\n                console.log(data);\n                await new Promise((resolve) => {\n                  setTimeout(() => {\n                    resolve();\n                  }, 1000);\n                });\n                api.close();\n              },\n            },\n            children: (\n              <div>\n                <FormInfo\n                  title="\u57fa\u672c\u4fe1\u606f"\n                  list={[\n                    <Input name="field1" label="\u5b57\u6bb51" rule="REQ LEN-0-10" />,\n                    <Input name="field2" label="\u5b57\u6bb52" rule="REQ LEN-0-10" />,\n                    <TextArea name="field3" label="\u5b57\u6bb53" />,\n                  ]}\n                />\n                <List\n                  title="\u5217\u8868"\n                  name="list"\n                  maxLength={3}\n                  list={[\n                    <Input name="field1" label="\u5b57\u6bb51" rule="REQ LEN-0-10" />,\n                    <Input name="field2" label="\u5b57\u6bb52" rule="REQ LEN-0-10" />,\n                    <TextArea name="field3" label="\u5b57\u6bb53" />,\n                  ]}\n                />\n              </div>\n            ),\n          });\n        }}\n      >\n        \u81ea\u5b9a\u4e49footerButtons\n      </Button>\n      <FormModalButton\n        api={{\n          loader: () => {\n            return new Promise((resolve) => {\n              setTimeout(() => {\n                resolve({\n                  name: "Lucy",\n                  desc: "\u4e2a\u4eba\u4ecb\u7ecd\u4e2a\u4eba\u4ecb\u7ecd\u4e2a\u4eba\u4ecb\u7ecd\u4e2a\u4eba\u4ecb\u7ecd\u4e2a\u4eba\u4ecb\u7ecd\u4e2a\u4eba\u4ecb\u7ecd\u4e2a\u4eba\u4ecb\u7ecd",\n                });\n              }, 1000);\n            });\n          },\n        }}\n        modalProps={({ data, close }) => {\n          return {\n            title: "\u52a0\u8f7d\u6570\u636e\u7684form\u5f39\u7a97",\n            formProps: {\n              data,\n              onSubmit: async (data) => {\n                console.log(data);\n                await new Promise((resolve) => {\n                  setTimeout(() => {\n                    resolve();\n                  }, 1000);\n                });\n                close();\n              },\n            },\n            children: (\n              <FormInfo\n                title="\u57fa\u672c\u4fe1\u606f"\n                column={1}\n                list={[\n                  <Input name="name" label="\u59d3\u540d" rule="REQ" />,\n                  <TextArea name="desc" label="\u4ecb\u7ecd" rule="REQ" />,\n                ]}\n              />\n            ),\n          };\n        }}\n      >\n        \u52a0\u8f7dform\u6570\u636e\u6309\u94ae\n      </FormModalButton>\n    </Space>\n  );\n};\n\nrender(\n  <PureGlobal>\n    <BaseExample />\n  </PureGlobal>\n);\n\n',scope:[{name:"_FormInfo",packageName:"@components/FormInfo",component:a},{name:"global",packageName:"@components/Global",component:o},{name:"antd",packageName:"antd",component:s},{name:"fetch",packageName:"@kne/react-fetch",component:i}]},{title:"Drawer Form \u62bd\u5c49\u5f39\u7a97",description:"\u5c55\u793a\u4e00\u4e2aform\u62bd\u5c49\u5f39\u7a97",code:'const { Space, Button } = antd;\nconst { PureGlobal } = global;\nconst {\n  default: FormInfo,\n  List,\n  Input,\n  TextArea,\n  FormDrawer,\n  useFormDrawer,\n  CancelButton,\n  FormApiButton,\n  SubmitButton,\n  FormDrawerButton,\n} = _FormInfo;\nconst { useState } = React;\nconst { default: Fetch } = fetch;\n\nconst BaseExample = () => {\n  const [open, setOpen] = useState(false);\n  const formDrawer = useFormDrawer();\n  return (\n    <Space wrap>\n      <FormDrawer\n        open={open}\n        title="\u8868\u5355\u5f39\u7a97"\n        onClose={() => {\n          setOpen(false);\n        }}\n        formProps={{\n          data: {\n            field1: "field1field1field1field1",\n          },\n          onSubmit: async (data) => {\n            console.log(data);\n            await new Promise((resolve) => {\n              setTimeout(() => {\n                resolve();\n              }, 1000);\n            });\n            setOpen(false);\n          },\n        }}\n      >\n        <FormInfo\n          title="\u57fa\u672c\u4fe1\u606f"\n          list={[\n            <Input name="field1" label="\u5b57\u6bb51" rule="REQ LEN-0-10" />,\n            <Input name="field2" label="\u5b57\u6bb52" rule="REQ LEN-0-10" />,\n            <TextArea name="field3" label="\u5b57\u6bb53" />,\n          ]}\n        />\n        <List\n          title="\u5217\u8868"\n          name="list"\n          maxLength={3}\n          list={[\n            <Input name="field1" label="\u5b57\u6bb51" rule="REQ LEN-0-10" />,\n            <Input name="field2" label="\u5b57\u6bb52" rule="REQ LEN-0-10" />,\n            <TextArea name="field3" label="\u5b57\u6bb53" />,\n          ]}\n        />\n      </FormDrawer>\n      <Button\n        onClick={() => {\n          setOpen(true);\n        }}\n      >\n        \u7ec4\u4ef6\u8c03\u7528\n      </Button>\n      <Button\n        onClick={() => {\n          const api = formDrawer({\n            title: "\u8868\u5355\u5f39\u7a97",\n            formProps: {\n              data: {\n                field1: "field1field1field1field1",\n              },\n              onSubmit: async (data) => {\n                console.log(data);\n                await new Promise((resolve) => {\n                  setTimeout(() => {\n                    resolve();\n                  }, 1000);\n                });\n                api.close();\n              },\n            },\n            children: (\n              <div>\n                <FormInfo\n                  title="\u57fa\u672c\u4fe1\u606f"\n                  list={[\n                    <Input name="field1" label="\u5b57\u6bb51" rule="REQ LEN-0-10" />,\n                    <Input name="field2" label="\u5b57\u6bb52" rule="REQ LEN-0-10" />,\n                    <TextArea name="field3" label="\u5b57\u6bb53" />,\n                  ]}\n                />\n                <List\n                  title="\u5217\u8868"\n                  name="list"\n                  maxLength={3}\n                  list={[\n                    <Input name="field1" label="\u5b57\u6bb51" rule="REQ LEN-0-10" />,\n                    <Input name="field2" label="\u5b57\u6bb52" rule="REQ LEN-0-10" />,\n                    <TextArea name="field3" label="\u5b57\u6bb53" />,\n                  ]}\n                />\n              </div>\n            ),\n          });\n        }}\n      >\n        hooks\u8c03\u7528\n      </Button>\n      <Button\n        onClick={() => {\n          const api = formDrawer({\n            title: "\u8868\u5355\u5f39\u7a97",\n            formProps: ({ data }) => {\n              return {\n                data: data,\n                onSubmit: async (data) => {\n                  console.log(data);\n                  await new Promise((resolve) => {\n                    setTimeout(() => {\n                      resolve();\n                    }, 1000);\n                  });\n                  api.close();\n                },\n              };\n            },\n            withDecorator: (render) => (\n              <Fetch\n                loader={() => {\n                  return new Promise((resolve) => {\n                    setTimeout(() => {\n                      resolve({\n                        field1: "\u6211\u63a5\u53e3\u83b7\u53d6\u7684\u6570\u636e",\n                      });\n                    }, 1000);\n                  });\n                }}\n                render={({ data }) => render({ data })}\n              />\n            ),\n            children: (\n              <div>\n                <FormInfo\n                  title="\u57fa\u672c\u4fe1\u606f"\n                  list={[\n                    <Input name="field1" label="\u5b57\u6bb51" rule="REQ LEN-0-10" />,\n                    <Input name="field2" label="\u5b57\u6bb52" rule="REQ LEN-0-10" />,\n                    <TextArea name="field3" label="\u5b57\u6bb53" />,\n                  ]}\n                />\n                <List\n                  title="\u5217\u8868"\n                  name="list"\n                  maxLength={3}\n                  list={[\n                    <Input name="field1" label="\u5b57\u6bb51" rule="REQ LEN-0-10" />,\n                    <Input name="field2" label="\u5b57\u6bb52" rule="REQ LEN-0-10" />,\n                    <TextArea name="field3" label="\u5b57\u6bb53" />,\n                  ]}\n                />\n              </div>\n            ),\n          });\n        }}\n      >\n        hooks\u52a0\u8f7dform\u6570\u636e\u8c03\u7528\n      </Button>\n      <Button\n        onClick={() => {\n          const api = formDrawer({\n            title: "\u8868\u5355\u5f39\u7a97",\n            footerButtons: [\n              { ButtonComponent: CancelButton, children: "\u53d6\u6d88" },\n              {\n                ButtonComponent: FormApiButton,\n                autoClose: false,\n                onClick: (context) => {\n                  console.log(context);\n                },\n                children: "FormApiButton",\n              },\n              {\n                ButtonComponent: SubmitButton,\n                autoClose: false,\n                children: "\u63d0\u4ea4",\n              },\n            ],\n            formProps: {\n              data: {\n                field1: "field1field1field1field1",\n              },\n              onSubmit: async (data) => {\n                console.log(data);\n                await new Promise((resolve) => {\n                  setTimeout(() => {\n                    resolve();\n                  }, 1000);\n                });\n                api.close();\n              },\n            },\n            children: (\n              <div>\n                <FormInfo\n                  title="\u57fa\u672c\u4fe1\u606f"\n                  list={[\n                    <Input name="field1" label="\u5b57\u6bb51" rule="REQ LEN-0-10" />,\n                    <Input name="field2" label="\u5b57\u6bb52" rule="REQ LEN-0-10" />,\n                    <TextArea name="field3" label="\u5b57\u6bb53" />,\n                  ]}\n                />\n                <List\n                  title="\u5217\u8868"\n                  name="list"\n                  maxLength={3}\n                  list={[\n                    <Input name="field1" label="\u5b57\u6bb51" rule="REQ LEN-0-10" />,\n                    <Input name="field2" label="\u5b57\u6bb52" rule="REQ LEN-0-10" />,\n                    <TextArea name="field3" label="\u5b57\u6bb53" />,\n                  ]}\n                />\n              </div>\n            ),\n          });\n        }}\n      >\n        \u81ea\u5b9a\u4e49footerButtons\n      </Button>\n      <FormDrawerButton\n        api={{\n          loader: () => {\n            return new Promise((resolve) => {\n              setTimeout(() => {\n                resolve({\n                  name: "Lucy",\n                  desc: "\u4e2a\u4eba\u4ecb\u7ecd\u4e2a\u4eba\u4ecb\u7ecd\u4e2a\u4eba\u4ecb\u7ecd\u4e2a\u4eba\u4ecb\u7ecd\u4e2a\u4eba\u4ecb\u7ecd\u4e2a\u4eba\u4ecb\u7ecd\u4e2a\u4eba\u4ecb\u7ecd",\n                });\n              }, 1000);\n            });\n          },\n        }}\n        modalProps={({ data, close }) => {\n          return {\n            title: "\u52a0\u8f7d\u6570\u636e\u7684form\u5f39\u7a97",\n            formProps: {\n              data,\n              onSubmit: async (data) => {\n                console.log(data);\n                await new Promise((resolve) => {\n                  setTimeout(() => {\n                    resolve();\n                  }, 1000);\n                });\n                close();\n              },\n            },\n            children: (\n              <FormInfo\n                title="\u57fa\u672c\u4fe1\u606f"\n                column={1}\n                list={[\n                  <Input name="name" label="\u59d3\u540d" rule="REQ" />,\n                  <TextArea name="desc" label="\u4ecb\u7ecd" rule="REQ" />,\n                ]}\n              />\n            ),\n          };\n        }}\n      >\n        \u52a0\u8f7dform\u6570\u636e\u6309\u94ae\n      </FormDrawerButton>\n    </Space>\n  );\n};\n\nrender(\n  <PureGlobal>\n    <BaseExample />\n  </PureGlobal>\n);\n\n',scope:[{name:"_FormInfo",packageName:"@components/FormInfo",component:a},{name:"global",packageName:"@components/Global",component:o},{name:"antd",packageName:"antd",component:s},{name:"fetch",packageName:"@kne/react-fetch",component:i}]},{title:"\u9009\u62e9\u63a7\u4ef6\u7684\u6570\u636e\u5c55\u793a\u6846",description:"\u5c55\u793a\u4e86\u4e00\u4e2a\u9009\u62e9\u63a7\u4ef6\u7684\u6570\u636e\u5c55\u793a\u6846\uff0c\u5b83\u662f\u5176\u4ed6\u9009\u62e9\u5668\u7684\u5b50\u7ec4\u4ef6\u4e00\u822c\u4e0d\u72ec\u7acb\u4f7f\u7528\uff0c\u5f00\u653e\u8be5\u7ec4\u4ef6\u662f\u4e3a\u4e86\u65b9\u9762\u81ea\u5b9a\u4e49\u65b0\u7684\u9009\u62e9\u63a7\u4ef6\uff0c\u4f46\u662f\u8bf7\u8c28\u614e\u4f7f\u7528",code:'const { SelectInnerInput } = _FormInfo;\nconst { PureGlobal } = global;\nconst { Space, Button, List } = antd;\nconst { default: Content } = _Content;\nconst { useState } = React;\n\nconst ControlledSelectInnerInput = (props) => {\n  const [value, setValue] = useState([1, 2, 3]);\n\n  return <SelectInnerInput {...props} value={value} onChange={setValue} />;\n};\n\nconst useSelectInnerContext = SelectInnerInput.useContext;\n\nconst ResetMapping = () => {\n  const { mapping, appendMapping } = useSelectInnerContext();\n  return (\n    <span>\n      <Button\n        onClick={() => {\n          appendMapping([\n            { label: "\u4fee\u6539\u7684\u9879", value: 1 },\n            { label: "\u65b0\u589e\u7684\u9879", value: 4 },\n          ]);\n        }}\n      >\n        \u70b9\u51fb\u8bbe\u7f6emapping\u503c\n      </Button>\n      <List\n        dataSource={mapping.values()}\n        renderItem={(item) => <div>{item.label}</div>}\n      />\n    </span>\n  );\n};\n\nconst BaseExample = () => {\n  const children = "\u9009\u533a\u5185\u5bb9";\n  return (\n    <Content\n      col={2}\n      list={[\n        {\n          label: "\u975e\u53d7\u63a7\u72b6\u6001",\n          content: (\n            <SelectInnerInput\n              defaultValue={[1, 2, 3]}\n              onChange={(value) => {\n                console.log(value);\n              }}\n            >\n              {children}\n            </SelectInnerInput>\n          ),\n        },\n        {\n          label: "\u53d7\u63a7\u72b6\u6001",\n          content: (\n            <ControlledSelectInnerInput>{children}</ControlledSelectInnerInput>\n          ),\n        },\n        {\n          label: "mapping\u503c\u663e\u793a",\n          content: (\n            <SelectInnerInput\n              defaultValue={[1, 2, 3]}\n              api={{\n                loader: () => {\n                  return new Promise((resolve) => {\n                    setTimeout(() => {\n                      resolve([\n                        { label: "\u7b2c\u4e00\u9879", value: 1 },\n                        { label: "\u7b2c\u4e8c\u9879", value: 2 },\n                        {\n                          label: "\u7b2c\u4e09\u9879",\n                          value: 3,\n                        },\n                      ]);\n                    }, 1000);\n                  });\n                },\n              }}\n            >\n              {children}\n            </SelectInnerInput>\n          ),\n        },\n        {\n          label: "\u5355\u9879\u503c\u663e\u793a",\n          content: (\n            <SelectInnerInput\n              single\n              defaultValue={1}\n              api={{\n                loader: () => {\n                  return new Promise((resolve) => {\n                    setTimeout(() => {\n                      resolve([\n                        { label: "\u7b2c\u4e00\u9879", value: 1 },\n                        { label: "\u7b2c\u4e8c\u9879", value: 2 },\n                        {\n                          label: "\u7b2c\u4e09\u9879",\n                          value: 3,\n                        },\n                      ]);\n                    }, 1000);\n                  });\n                },\n              }}\n            >\n              {children}\n            </SelectInnerInput>\n          ),\n        },\n        {\n          label: "\u591a\u9879\u8d85\u51fa\u60c5\u51b5",\n          content: (\n            <SelectInnerInput\n              defaultValue={[1, 2, 3, 4, 5, 6, 7, 8, 9]}\n              api={{\n                loader: () => {\n                  return [\n                    {\n                      label:\n                        "\u7b2c\u4e00\u9879\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f",\n                      value: 1,\n                    },\n                    {\n                      label:\n                        "\u7b2c\u4e8c\u9879\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f",\n                      value: 2,\n                    },\n                    {\n                      label: "\u7b2c\u4e09\u9879",\n                      value: 3,\n                    },\n                    {\n                      label:\n                        "\u7b2c\u56db\u9879\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f",\n                      value: 4,\n                    },\n                    {\n                      label:\n                        "\u7b2c\u4e94\u9879\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f",\n                      value: 5,\n                    },\n                    {\n                      label:\n                        "\u7b2c\u516d\u9879\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f",\n                      value: 6,\n                    },\n                    {\n                      label:\n                        "\u7b2c\u4e03\u9879\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f",\n                      value: 7,\n                    },\n                    { label: "\u7b2c\u516b\u9879", value: 8 },\n                    { label: "\u7b2c\u4e5d\u9879", value: 9 },\n                  ];\n                },\n              }}\n            >\n              {children}\n            </SelectInnerInput>\n          ),\n        },\n        {\n          label: "\u5355\u9879\u8d85\u51fa\u60c5\u51b5",\n          content: (\n            <SelectInnerInput\n              defaultValue={1}\n              single\n              api={{\n                loader: () => {\n                  return [\n                    {\n                      label:\n                        "\u7b2c\u4e00\u9879\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f",\n                      value: 1,\n                    },\n                    {\n                      label:\n                        "\u7b2c\u4e8c\u9879\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f",\n                      value: 2,\n                    },\n                    {\n                      label: "\u7b2c\u4e09\u9879",\n                      value: 3,\n                    },\n                    {\n                      label:\n                        "\u7b2c\u56db\u9879\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f",\n                      value: 4,\n                    },\n                    {\n                      label:\n                        "\u7b2c\u4e94\u9879\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f",\n                      value: 5,\n                    },\n                    {\n                      label:\n                        "\u7b2c\u516d\u9879\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f",\n                      value: 6,\n                    },\n                    {\n                      label:\n                        "\u7b2c\u4e03\u9879\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f",\n                      value: 7,\n                    },\n                    { label: "\u7b2c\u516b\u9879", value: 8 },\n                    { label: "\u7b2c\u4e5d\u9879", value: 9 },\n                  ];\n                },\n              }}\n            >\n              {children}\n            </SelectInnerInput>\n          ),\n        },\n        {\n          label: "popup\u591a\u9879\u8d85\u51fa\u60c5\u51b5",\n          content: (\n            <SelectInnerInput\n              isPopup\n              defaultValue={[1, 2, 3, 4, 5, 6, 7, 8]}\n              api={{\n                loader: () => {\n                  return [\n                    {\n                      label:\n                        "\u7b2c\u4e00\u9879\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f",\n                      value: 1,\n                    },\n                    {\n                      label:\n                        "\u7b2c\u4e8c\u9879\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f",\n                      value: 2,\n                    },\n                    {\n                      label: "\u7b2c\u4e09\u9879",\n                      value: 3,\n                    },\n                    {\n                      label:\n                        "\u7b2c\u56db\u9879\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f",\n                      value: 4,\n                    },\n                    {\n                      label: "\u7b2c\u4e94\u9879",\n                      value: 5,\n                    },\n                    {\n                      label: "\u7b2c\u516d\u9879",\n                      value: 6,\n                    },\n                    { label: "\u7b2c\u4e03\u9879", value: 7 },\n                    { label: "\u7b2c\u516b\u9879", value: 8 },\n                  ];\n                },\n              }}\n            >\n              {children}\n            </SelectInnerInput>\n          ),\n        },\n        {\n          label: "popup\u9009\u533a",\n          content: (\n            <SelectInnerInput\n              single\n              isPopup\n              defaultValue={1}\n              api={{\n                loader: () => {\n                  return new Promise((resolve) => {\n                    setTimeout(() => {\n                      resolve([\n                        { label: "\u7b2c\u4e00\u9879", value: 1 },\n                        { label: "\u7b2c\u4e8c\u9879", value: 2 },\n                        {\n                          label: "\u7b2c\u4e09\u9879",\n                          value: 3,\n                        },\n                      ]);\n                    }, 1000);\n                  });\n                },\n              }}\n            >\n              {children}\n            </SelectInnerInput>\n          ),\n        },\n        {\n          label: "\u66f4\u65b0mapping",\n          content: (\n            <SelectInnerInput\n              single\n              isPopup\n              defaultValue={1}\n              api={{\n                loader: () => {\n                  return new Promise((resolve) => {\n                    setTimeout(() => {\n                      resolve([\n                        { label: "\u7b2c\u4e00\u9879", value: 1 },\n                        { label: "\u7b2c\u4e8c\u9879", value: 2 },\n                        {\n                          label: "\u7b2c\u4e09\u9879",\n                          value: 3,\n                        },\n                      ]);\n                    }, 1000);\n                  });\n                },\n              }}\n            >\n              <ResetMapping />\n              {children}\n            </SelectInnerInput>\n          ),\n        },\n        {\n          label: "\u9690\u85cf\u5df2\u9009\u6807\u7b7e",\n          content: (\n            <SelectInnerInput\n              showSelectedTag={false}\n              defaultValue={[1, 2, 3]}\n              api={{\n                loader: () => {\n                  return [\n                    { label: "\u7b2c\u4e00\u9879", value: 1 },\n                    { label: "\u7b2c\u4e8c\u9879", value: 2 },\n                    { label: "\u7b2c\u4e09\u9879", value: 3 },\n                  ];\n                },\n              }}\n            >\n              {children}\n            </SelectInnerInput>\n          ),\n        },\n        {\n          label: "popup\u9690\u85cf\u5df2\u9009\u6807\u7b7e",\n          content: (\n            <SelectInnerInput\n              isPopup\n              showSelectedTag={false}\n              defaultValue={[1, 2, 3]}\n              api={{\n                loader: () => {\n                  return [\n                    { label: "\u7b2c\u4e00\u9879", value: 1 },\n                    { label: "\u7b2c\u4e8c\u9879", value: 2 },\n                    { label: "\u7b2c\u4e09\u9879", value: 3 },\n                  ];\n                },\n              }}\n            >\n              {children}\n            </SelectInnerInput>\n          ),\n        },\n        {\n          label: "extra",\n          content: (\n            <SelectInnerInput\n              extra={<Button>\u6dfb\u52a0</Button>}\n              defaultValue={[1, 2, 3]}\n              api={{\n                loader: () => {\n                  return [\n                    { label: "\u7b2c\u4e00\u9879", value: 1 },\n                    { label: "\u7b2c\u4e8c\u9879", value: 2 },\n                    { label: "\u7b2c\u4e09\u9879", value: 3 },\n                  ];\n                },\n              }}\n            >\n              {children}\n            </SelectInnerInput>\n          ),\n        },\n        {\n          label: "popup\u7684extra",\n          content: (\n            <SelectInnerInput\n              isPopup\n              extra={({ close }) => <Button onClick={close}>\u6dfb\u52a0</Button>}\n              defaultValue={[1, 2, 3]}\n              api={{\n                loader: () => {\n                  return [\n                    { label: "\u7b2c\u4e00\u9879", value: 1 },\n                    { label: "\u7b2c\u4e8c\u9879", value: 2 },\n                    { label: "\u7b2c\u4e09\u9879", value: 3 },\n                  ];\n                },\n              }}\n            >\n              {children}\n            </SelectInnerInput>\n          ),\n        },\n        {\n          label: "valueType\u4e3aall",\n          content: (\n            <SelectInnerInput\n              isPopup\n              valueType="all"\n              defaultValue={[\n                { label: "\u989d\u5916\u7684\u4e00\u9879", value: 100 },\n                { label: "\u989d\u5916\u7684\u4e8c\u9879", value: 200 },\n              ]}\n              api={{\n                loader: () => {\n                  return [\n                    { label: "\u7b2c\u4e00\u9879", value: 1 },\n                    { label: "\u7b2c\u4e8c\u9879", value: 2 },\n                    { label: "\u7b2c\u4e09\u9879", value: 3 },\n                  ];\n                },\n              }}\n            >\n              {children}\n            </SelectInnerInput>\n          ),\n        },\n      ]}\n    />\n  );\n};\n\nrender(\n  <PureGlobal>\n    <div className="input">\n      <BaseExample />\n    </div>\n  </PureGlobal>\n);\n\n',scope:[{name:"_FormInfo",packageName:"@components/FormInfo",component:a},{name:"global",packageName:"@components/Global",component:o},{name:"_Content",packageName:"@components/Content",component:d},{name:"antd",packageName:"antd",component:s}]},{title:"\u9ad8\u7ea7\u9009\u62e9\u7ec4\u4ef6",description:"\u5c55\u793a\u4e86\u9ad8\u7ea7\u9009\u62e9\u7ec4\u4ef6\u7684List\u5f62\u6001",code:'const { AdvancedSelect: _AdvancedSelect, SelectInnerInput } = _FormInfo;\nconst { PureGlobal } = global;\nconst { Space, Button } = antd;\nconst { default: Content } = _Content;\nconst { range, uniqueId } = lodash;\n\nconst AdvancedSelect = _AdvancedSelect.Field;\n\nconst useSelectInnerContext = SelectInnerInput.useContext;\n\nconst AddExtraButton = () => {\n  const { appendItems, fetchApi } = useSelectInnerContext();\n\n  return (\n    <Button\n      type="link"\n      onClick={() => {\n        const id = uniqueId("new_item_");\n        appendItems({\n          pageData: [\n            {\n              label: "\u6dfb\u52a0\u7684\u65b0\u9879\u76ee_" + id,\n              value: id,\n            },\n            ...fetchApi.data.pageData,\n          ],\n          totalCount: fetchApi.data.totalCount,\n        });\n      }}\n    >\n      \u6dfb\u52a0\n    </Button>\n  );\n};\n\nconst BaseExample = () => {\n  return (\n    <Content\n      col={2}\n      list={[\n        {\n          label: "\u591a\u9009",\n          content: (\n            <AdvancedSelect\n              defaultValue={[1]}\n              api={{\n                loader: () => {\n                  return {\n                    pageData: [\n                      { label: "\u7b2c\u4e00\u9879", value: 1 },\n                      { label: "\u7b2c\u4e8c\u9879", value: 2, disabled: true },\n                      {\n                        label: "\u7b2c\u4e09\u9879",\n                        value: 3,\n                      },\n                    ],\n                  };\n                },\n              }}\n              onChange={(value) => {\n                console.log(value);\n              }}\n            />\n          ),\n        },\n        {\n          label: "\u5355\u9009",\n          content: (\n            <AdvancedSelect\n              single\n              defaultValue={1}\n              api={{\n                loader: () => {\n                  return {\n                    pageData: range(0, 100).map((key) => {\n                      return {\n                        label: `\u7b2c${key + 1}\u9879`,\n                        value: key + 1,\n                        disabled: key === 2,\n                      };\n                    }),\n                  };\n                },\n              }}\n              onChange={(value) => {\n                console.log(value);\n              }}\n            />\n          ),\n        },\n        {\n          label: "\u591a\u9009modal",\n          content: (\n            <AdvancedSelect\n              defaultValue={[1]}\n              isPopup={false}\n              api={{\n                loader: () => {\n                  return {\n                    pageData: [\n                      { label: "\u7b2c\u4e00\u9879", value: 1 },\n                      { label: "\u7b2c\u4e8c\u9879", value: 2 },\n                      {\n                        label: "\u7b2c\u4e09\u9879",\n                        value: 3,\n                      },\n                    ],\n                  };\n                },\n              }}\n              onChange={(value) => {\n                console.log(value);\n              }}\n            />\n          ),\n        },\n        {\n          label: "\u5355\u9009modal",\n          content: (\n            <AdvancedSelect\n              single\n              defaultValue={1}\n              isPopup={false}\n              api={{\n                loader: () => {\n                  return {\n                    pageData: [\n                      { label: "\u7b2c\u4e00\u9879", value: 1 },\n                      { label: "\u7b2c\u4e8c\u9879", value: 2 },\n                      {\n                        label: "\u7b2c\u4e09\u9879",\n                        value: 3,\n                      },\n                    ],\n                  };\n                },\n              }}\n              onChange={(value) => {\n                console.log(value);\n              }}\n            />\n          ),\n        },\n        {\n          label: "\u63cf\u8ff0\u4fe1\u606f",\n          content: (\n            <AdvancedSelect\n              single\n              defaultValue={1}\n              api={{\n                loader: () => {\n                  return {\n                    pageData: [\n                      { label: "\u7b2c\u4e00\u9879", value: 1, description: "\u63cf\u8ff0\u4fe1\u606f" },\n                      {\n                        label: "\u7b2c\u4e8c\u9879",\n                        value: 2,\n                        description: "\u63cf\u8ff0\u4fe1\u606f",\n                      },\n                      {\n                        label: "\u7b2c\u4e09\u9879",\n                        value: 3,\n                        description: "\u63cf\u8ff0\u4fe1\u606f",\n                      },\n                    ],\n                  };\n                },\n              }}\n              onChange={(value) => {\n                console.log(value);\n              }}\n            />\n          ),\n        },\n        {\n          label: "\u5206\u9875\u52a0\u8f7d\u6570\u636e",\n          content: (\n            <AdvancedSelect\n              single\n              defaultValue={90}\n              getSearchProps={(text) => {\n                return {\n                  data: { keyword: text },\n                };\n              }}\n              displayItems={[{ label: "\u7b2c\u4e5d\u5341\u9879", value: 90 }]}\n              extra={<AddExtraButton />}\n              api={{\n                loader: ({ data }) => {\n                  const params = Object.assign(\n                    {\n                      perPage: 20,\n                      currentPage: 1,\n                    },\n                    data\n                  );\n                  return new Promise((resolve) => {\n                    setTimeout(() => {\n                      const start = (params.currentPage - 1) * params.perPage;\n                      resolve({\n                        totalCount: 100,\n                        pageData: range(start, start + 20)\n                          .map((key) => {\n                            return {\n                              label: `\u7b2c${key + 1}\u9879`,\n                              value: key + 1,\n                            };\n                          })\n                          .filter(({ label }) => {\n                            return params.keyword\n                              ? label.indexOf(params.keyword) > -1\n                              : true;\n                          }),\n                      });\n                    }, 1000);\n                  });\n                },\n              }}\n              onChange={(value) => {\n                console.log(value);\n              }}\n            />\n          ),\n        },\n        {\n          label: "modal\u5206\u9875\u52a0\u8f7d\u6570\u636e",\n          content: (\n            <AdvancedSelect\n              defaultValue={[90]}\n              isPopup={false}\n              extra={<AddExtraButton />}\n              getSearchProps={(text) => {\n                return {\n                  data: { keyword: text },\n                };\n              }}\n              displayItems={[{ label: "\u7b2c\u4e5d\u5341\u9879", value: 90 }]}\n              api={{\n                data: {\n                  perPage: 10,\n                },\n                loader: ({ data }) => {\n                  const params = Object.assign(\n                    {\n                      perPage: 20,\n                      currentPage: 1,\n                    },\n                    data\n                  );\n                  return new Promise((resolve) => {\n                    setTimeout(() => {\n                      const start = (params.currentPage - 1) * params.perPage;\n                      resolve({\n                        totalCount: 100,\n                        pageData: range(start, start + params.perPage)\n                          .map((key) => {\n                            return {\n                              label: `\u7b2c${key + 1}\u9879`,\n                              value: key + 1,\n                            };\n                          })\n                          .filter(({ label }) => {\n                            return params.keyword\n                              ? label.indexOf(params.keyword) > -1\n                              : true;\n                          }),\n                      });\n                    }, 1000);\n                  });\n                },\n              }}\n              onChange={(value) => {\n                console.log(value);\n              }}\n            />\n          ),\n        },\n      ]}\n    />\n  );\n};\n\nrender(\n  <PureGlobal>\n    <div className="input">\n      <BaseExample />\n    </div>\n  </PureGlobal>\n);\n\n',scope:[{name:"_FormInfo",packageName:"@components/FormInfo",component:a},{name:"global",packageName:"@components/Global",component:o},{name:"_Content",packageName:"@components/Content",component:d},{name:"antd",packageName:"antd",component:s},{name:"lodash",packageName:"lodash",component:r}]},{title:"\u7528\u6237\u9009\u62e9\u7ec4\u4ef6",description:"\u5728List\u7684\u4ea4\u4e92\u903b\u8f91\u57fa\u7840\u4e0a\u6269\u5c55\u51fa\u7684\u4e0d\u540c\u5217\u8868\u6837\u5f0f",code:'const { AdvancedSelect: _AdvancedSelect } = _FormInfo;\nconst { PureGlobal } = global;\nconst { Space, Button } = antd;\nconst { default: Content } = _Content;\nconst { range, uniqueId } = lodash;\n\nconst UserSelect = _AdvancedSelect.User.Field;\n\nconst BaseExample = () => {\n  return (\n    <Content\n      col={2}\n      list={[\n        {\n          label: "\u591a\u9009",\n          content: (\n            <UserSelect\n              defaultValue={[1]}\n              api={{\n                loader: () => {\n                  return {\n                    pageData: [\n                      {\n                        label: "\u7528\u6237\u4e00",\n                        value: 1,\n                        description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n                      },\n                      {\n                        label: "\u7528\u6237\u4e8c",\n                        value: 2,\n                        description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n                      },\n                      {\n                        label: "\u7528\u6237\u4e09",\n                        value: 3,\n                        description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n                      },\n                    ],\n                  };\n                },\n              }}\n              onChange={(value) => {\n                console.log(value);\n              }}\n            />\n          ),\n        },\n        {\n          label: "\u5355\u9009",\n          content: (\n            <UserSelect\n              single\n              defaultValue={1}\n              api={{\n                loader: () => {\n                  return {\n                    pageData: range(0, 30).map((key) => {\n                      return {\n                        label: `\u7528\u6237${key + 1}`,\n                        description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n                        value: key + 1,\n                      };\n                    }),\n                  };\n                },\n              }}\n              onChange={(value) => {\n                console.log(value);\n              }}\n            />\n          ),\n        },\n        {\n          label: "\u591a\u9009modal",\n          content: (\n            <UserSelect\n              defaultValue={[1]}\n              isPopup={false}\n              api={{\n                loader: () => {\n                  return {\n                    pageData: [\n                      {\n                        label: "\u7528\u6237\u4e00",\n                        value: 1,\n                        description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n                      },\n                      {\n                        label: "\u7528\u6237\u4e8c",\n                        value: 2,\n                        description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n                      },\n                      {\n                        label: "\u7528\u6237\u4e09",\n                        value: 3,\n                        description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n                      },\n                    ],\n                  };\n                },\n              }}\n              onChange={(value) => {\n                console.log(value);\n              }}\n            />\n          ),\n        },\n        {\n          label: "\u5355\u9009modal",\n          content: (\n            <UserSelect\n              single\n              defaultValue={1}\n              isPopup={false}\n              api={{\n                loader: () => {\n                  return {\n                    pageData: [\n                      {\n                        label: "\u7528\u6237\u4e00",\n                        value: 1,\n                        description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n                      },\n                      {\n                        label: "\u7528\u6237\u4e8c",\n                        value: 2,\n                        description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n                      },\n                      {\n                        label: "\u7528\u6237\u4e09",\n                        value: 3,\n                        description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n                      },\n                    ],\n                  };\n                },\n              }}\n              onChange={(value) => {\n                console.log(value);\n              }}\n            />\n          ),\n        },\n      ]}\n    />\n  );\n};\n\nrender(\n  <PureGlobal>\n    <div className="input">\n      <BaseExample />\n    </div>\n  </PureGlobal>\n);\n\n',scope:[{name:"_FormInfo",packageName:"@components/FormInfo",component:a},{name:"global",packageName:"@components/Global",component:o},{name:"_Content",packageName:"@components/Content",component:d},{name:"antd",packageName:"antd",component:s},{name:"lodash",packageName:"lodash",component:r}]},{title:"\u8868\u683c\u9009\u62e9\u7ec4\u4ef6",description:"\u5728List\u7684\u4ea4\u4e92\u903b\u8f91\u57fa\u7840\u4e0a\u6269\u5c55\u51fa\u7684\u4e0d\u540c\u5217\u8868\u6837\u5f0f",code:'const { AdvancedSelect: _AdvancedSelect } = _FormInfo;\nconst { PureGlobal } = global;\nconst { Space, Button } = antd;\nconst { default: Content } = _Content;\nconst { range, uniqueId } = lodash;\n\nconst TableSelect = _AdvancedSelect.Table.Field;\n\nconst BaseExample = () => {\n  return (\n    <Content\n      col={2}\n      list={[\n        {\n          label: "\u591a\u9009",\n          content: (\n            <TableSelect\n              defaultValue={[1]}\n              getSearchProps={(text) => {\n                return {\n                  data: { keyword: text },\n                };\n              }}\n              api={{\n                data: {\n                  perPage: 10,\n                },\n                loader: ({ data }) => {\n                  const params = Object.assign(\n                    {\n                      perPage: 20,\n                      currentPage: 1,\n                    },\n                    data\n                  );\n                  return new Promise((resolve) => {\n                    setTimeout(() => {\n                      const start = (params.currentPage - 1) * params.perPage;\n                      resolve({\n                        totalCount: 100,\n                        pageData: range(start, start + params.perPage)\n                          .map((key) => {\n                            return {\n                              label: `\u5458\u5de5${key + 1}`,\n                              company: "\u5317\u4eac\u79d1\u6280\u6709\u9650\u516c\u53f8",\n                              department: "\u6280\u672f\u90e8",\n                              value: key + 1,\n                            };\n                          })\n                          .filter(({ label }) => {\n                            return params.keyword\n                              ? label.indexOf(params.keyword) > -1\n                              : true;\n                          }),\n                      });\n                    }, 1000);\n                  });\n                },\n              }}\n              columns={[\n                {\n                  title: "\u59d3\u540d",\n                  dataIndex: "label",\n                },\n                {\n                  title: "\u6240\u5c5e\u516c\u53f8",\n                  dataIndex: "company",\n                },\n                {\n                  title: "\u6240\u5c5e\u90e8\u95e8",\n                  dataIndex: "department",\n                },\n              ]}\n              onChange={(value) => {\n                console.log(value);\n              }}\n            />\n          ),\n        },\n        {\n          label: "\u5355\u9009",\n          content: (\n            <TableSelect\n              single\n              defaultValue={1}\n              api={{\n                loader: () => {\n                  return {\n                    pageData: [\n                      {\n                        label: "\u7528\u6237\u4e00",\n                        company: "\u5317\u4eac\u79d1\u6280\u6709\u9650\u516c\u53f8",\n                        department: "\u8d22\u52a1\u90e8",\n                        value: 1,\n                      },\n                      {\n                        label: "\u7528\u6237\u4e8c",\n                        company: "\u5317\u4eac\u79d1\u6280\u6709\u9650\u516c\u53f8",\n                        department: "\u6280\u672f\u90e8",\n                        value: 2,\n                      },\n                      {\n                        label: "\u7528\u6237\u4e09",\n                        company: "\u5317\u4eac\u79d1\u6280\u6709\u9650\u516c\u53f8",\n                        department: "\u5546\u52a1\u90e8",\n                        value: 3,\n                      },\n                    ],\n                  };\n                },\n              }}\n              columns={[\n                {\n                  title: "\u59d3\u540d",\n                  dataIndex: "label",\n                },\n                {\n                  title: "\u6240\u5c5e\u516c\u53f8",\n                  dataIndex: "company",\n                },\n                {\n                  title: "\u6240\u5c5e\u90e8\u95e8",\n                  dataIndex: "department",\n                },\n              ]}\n              onChange={(value) => {\n                console.log(value);\n              }}\n            />\n          ),\n        },\n        {\n          label: "\u591a\u9009modal",\n          content: (\n            <TableSelect\n              defaultValue={[1]}\n              isPopup={false}\n              getSearchProps={(text) => {\n                return {\n                  data: { keyword: text },\n                };\n              }}\n              api={{\n                data: {\n                  perPage: 10,\n                },\n                loader: ({ data }) => {\n                  const params = Object.assign(\n                    {\n                      perPage: 20,\n                      currentPage: 1,\n                    },\n                    data\n                  );\n                  return new Promise((resolve) => {\n                    setTimeout(() => {\n                      const start = (params.currentPage - 1) * params.perPage;\n                      resolve({\n                        totalCount: 100,\n                        pageData: range(start, start + params.perPage)\n                          .map((key) => {\n                            return {\n                              label: `\u5458\u5de5${key + 1}`,\n                              company: "\u5317\u4eac\u79d1\u6280\u6709\u9650\u516c\u53f8",\n                              department: "\u6280\u672f\u90e8",\n                              value: key + 1,\n                            };\n                          })\n                          .filter(({ label }) => {\n                            return params.keyword\n                              ? label.indexOf(params.keyword) > -1\n                              : true;\n                          }),\n                      });\n                    }, 1000);\n                  });\n                },\n              }}\n              columns={[\n                {\n                  title: "\u59d3\u540d",\n                  dataIndex: "label",\n                },\n                {\n                  title: "\u6240\u5c5e\u516c\u53f8",\n                  dataIndex: "company",\n                },\n                {\n                  title: "\u6240\u5c5e\u90e8\u95e8",\n                  dataIndex: "department",\n                },\n              ]}\n              onChange={(value) => {\n                console.log(value);\n              }}\n            />\n          ),\n        },\n        {\n          label: "\u5355\u9009modal",\n          content: (\n            <TableSelect\n              single\n              isPopup={false}\n              defaultValue={1}\n              api={{\n                loader: () => {\n                  return {\n                    pageData: [\n                      {\n                        label: "\u7528\u6237\u4e00",\n                        company: "\u5317\u4eac\u79d1\u6280\u6709\u9650\u516c\u53f8",\n                        department: "\u8d22\u52a1\u90e8",\n                        value: 1,\n                      },\n                      {\n                        label: "\u7528\u6237\u4e8c",\n                        company: "\u5317\u4eac\u79d1\u6280\u6709\u9650\u516c\u53f8",\n                        department: "\u6280\u672f\u90e8",\n                        value: 2,\n                      },\n                      {\n                        label: "\u7528\u6237\u4e09",\n                        company: "\u5317\u4eac\u79d1\u6280\u6709\u9650\u516c\u53f8",\n                        department: "\u5546\u52a1\u90e8",\n                        value: 3,\n                      },\n                    ],\n                  };\n                },\n              }}\n              columns={[\n                {\n                  title: "\u59d3\u540d",\n                  dataIndex: "label",\n                },\n                {\n                  title: "\u6240\u5c5e\u516c\u53f8",\n                  dataIndex: "company",\n                },\n                {\n                  title: "\u6240\u5c5e\u90e8\u95e8",\n                  dataIndex: "department",\n                },\n              ]}\n              onChange={(value) => {\n                console.log(value);\n              }}\n            />\n          ),\n        },\n      ]}\n    />\n  );\n};\n\nrender(\n  <PureGlobal>\n    <div className="input">\n      <BaseExample />\n    </div>\n  </PureGlobal>\n);\n\n',scope:[{name:"_FormInfo",packageName:"@components/FormInfo",component:a},{name:"global",packageName:"@components/Global",component:o},{name:"_Content",packageName:"@components/Content",component:d},{name:"antd",packageName:"antd",component:s},{name:"lodash",packageName:"lodash",component:r}]},{title:"\u5730\u5740\u9009\u62e9\u7ec4\u4ef6",description:"\u5c55\u793a\u5730\u5740\u9009\u62e9\u7ec4\u4ef6",code:'const { AddressSelect: _AddressSelect, AddressInput: _AddressInput } =\n  _FormInfo;\nconst { PureGlobal } = global;\nconst { Space, Button } = antd;\nconst { default: Content } = _Content;\nconst { range, uniqueId } = lodash;\n\nconst AddressSelect = _AddressSelect.Field;\nconst AddressEnum = _AddressSelect.AddressEnum;\nconst AddressInput = _AddressInput.Field;\n\nconst BaseExample = () => {\n  return (\n    <Content\n      col={2}\n      list={[\n        {\n          label: "\u591a\u9009",\n          content: (\n            <AddressSelect\n              maxLength={3}\n              defaultValue={["110"]}\n              onChange={(value) => {\n                console.log(value);\n              }}\n            />\n          ),\n        },\n        {\n          label: "\u5355\u9009",\n          content: (\n            <AddressSelect\n              single\n              defaultValue={"110"}\n              onChange={(value) => {\n                console.log(value);\n              }}\n            />\n          ),\n        },\n        {\n          label: "modal\u591a\u9009",\n          content: (\n            <AddressSelect\n              maxLength={3}\n              isPopup={false}\n              defaultValue={["110"]}\n              onChange={(value) => {\n                console.log(value);\n              }}\n            />\n          ),\n        },\n        {\n          label: "modal\u5355\u9009",\n          content: (\n            <AddressSelect\n              isPopup={false}\n              single\n              defaultValue={"110"}\n              onChange={(value) => {\n                console.log(value);\n              }}\n            />\n          ),\n        },\n        {\n          label: "valueType\u4e3aall",\n          content: (\n            <AddressSelect\n              valueType="all"\n              onChange={(value) => {\n                console.log(value);\n              }}\n            />\n          ),\n        },\n        {\n          label: "\u5730\u5740\u663e\u793a",\n          content: <AddressEnum name="270070" />,\n        },\n        {\n          label: "\u663e\u793a\u7236\u7ea7",\n          content: <AddressEnum name="270070" displayParent />,\n        },\n        {\n          label: "\u5730\u5740\u8f93\u5165",\n          content: (\n            <AddressInput\n              onChange={(value) => {\n                console.log(value);\n              }}\n            />\n          ),\n        },\n      ]}\n    />\n  );\n};\n\nrender(\n  <PureGlobal preset={{ locale: "en-US" }}>\n    <div className="input">\n      <BaseExample />\n    </div>\n  </PureGlobal>\n);\n\n',scope:[{name:"_FormInfo",packageName:"@components/FormInfo",component:a},{name:"global",packageName:"@components/Global",component:o},{name:"_Content",packageName:"@components/Content",component:d},{name:"antd",packageName:"antd",component:s},{name:"lodash",packageName:"lodash",component:r}]},{title:"\u7ea7\u8054\u9009\u62e9\u7ec4\u4ef6",description:"\u5c55\u793a\u7ea7\u8054\u9009\u62e9\u7ec4\u4ef6",code:'const { Cascader: _Cascader } = _FormInfo;\nconst { PureGlobal } = global;\nconst { default: Content } = _Content;\n\nconst { range, get } = lodash;\n\nconst Cascader = _Cascader.Field;\n\nconst BaseExample = () => {\n  return (\n    <Content\n      col={2}\n      list={[\n        {\n          label: "\u4e00\u6b21\u6027\u83b7\u53d6\u6570\u636e",\n          content: (\n            <Cascader\n              onlyAllowLastLevel\n              single\n              api={{\n                loader: async () => {\n                  return new Promise((resolve) => {\n                    setTimeout(() => {\n                      resolve([\n                        {\n                          id: "client",\n                          value: "client",\n                          type: "module",\n                          name: "\u5ba2\u6237",\n                          label: "\u5ba2\u6237",\n                          children: [\n                            {\n                              id: "client-list",\n                              value: "client-list",\n                              type: "feature",\n                              name: "\u5ba2\u6237\u5217\u8868\u9875",\n                              label: "\u5ba2\u6237\u5217\u8868\u9875",\n                            },\n                            {\n                              id: "client-detail",\n                              value: "client-detail",\n                              type: "module",\n                              name: "\u5ba2\u6237\u8be6\u60c5\u9875",\n                              label: "\u5ba2\u6237\u8be6\u60c5\u9875",\n                              children: [\n                                {\n                                  id: "contract",\n                                  value: "contract",\n                                  type: "module",\n                                  name: "\u5408\u540c\u4fe1\u606f",\n                                  label: "\u5408\u540c\u4fe1\u606f",\n                                },\n                              ],\n                            },\n                            {\n                              id: "client-form",\n                              value: "client-form",\n                              type: "feature",\n                              name: "\u5ba2\u6237\u8868\u5355",\n                              label: "\u5ba2\u6237\u8868\u5355",\n                              children: [\n                                {\n                                  id: "taxpayerIdNumber",\n                                  value: "taxpayerIdNumber",\n                                  type: "feature",\n                                  name: "\u7a0e\u53f7",\n                                  label: "\u7a0e\u53f7",\n                                },\n                              ],\n                            },\n                          ],\n                        },\n                        {\n                          id: "position",\n                          value: "position",\n                          type: "module",\n                          name: "\u804c\u4f4d",\n                          label: "\u804c\u4f4d",\n                          children: [\n                            {\n                              id: "position-list",\n                              value: "position-list",\n                              type: "feature",\n                              name: "\u804c\u4f4d\u5217\u8868\u9875",\n                              label: "\u804c\u4f4d\u5217\u8868\u9875",\n                            },\n                            {\n                              id: "position-detail",\n                              value: "position-detail",\n                              type: "module",\n                              name: "\u804c\u4f4d\u8be6\u60c5\u9875",\n                              label: "\u804c\u4f4d\u8be6\u60c5\u9875",\n                            },\n                            {\n                              id: "position-form",\n                              value: "position-form",\n                              type: "feature",\n                              name: "\u804c\u4f4d\u8868\u5355",\n                              label: "\u804c\u4f4d\u8868\u5355",\n                              children: [\n                                {\n                                  id: "industry",\n                                  value: "industry",\n                                  type: "feature",\n                                  name: "\u884c\u4e1a",\n                                  label: "\u884c\u4e1a",\n                                },\n                              ],\n                            },\n                          ],\n                        },\n                      ]);\n                    }, 1000);\n                  });\n                },\n              }}\n              onChange={(value) => {\n                console.log(value);\n              }}\n            />\n          ),\n        },\n        {\n          label: "\u5206\u5c42\u52a0\u8f7d\u6570\u636e",\n          content: (\n            <Cascader\n              openLoadData\n              onSearch={async (searchText) => {\n                return range(0, 20).map((key) => {\n                  const parentId = "2";\n                  return {\n                    id: `${parentId ? `${parentId}-` : ""}${key + 1}`,\n                    label: `\u8282\u70b9-${searchText}-${\n                      parentId ? `${parentId}-` : ""\n                    }${key + 1}`,\n                    parentId,\n                  };\n                });\n              }}\n              api={{\n                loader: async ({ data }) => {\n                  const parentId = get(data, "id", "");\n                  const level = parentId.split("-").length;\n                  console.log("loadData", parentId, level);\n                  return new Promise((resolve) => {\n                    setTimeout(() => {\n                      resolve(\n                        range(0, 20).map((key) => {\n                          return Object.assign(\n                            {\n                              id: `${parentId ? `${parentId}-` : ""}${key + 1}`,\n                              label: `\u8282\u70b9-${parentId ? `${parentId}-` : ""}${\n                                key + 1\n                              }`,\n                              parentId,\n                            },\n                            level >= 3 ? { children: null } : {}\n                          );\n                        })\n                      );\n                    }, 1000);\n                  });\n                },\n              }}\n            />\n          ),\n        },\n        {\n          label: "modal\u5206\u5c42\u52a0\u8f7d\u6570\u636e",\n          content: (\n            <Cascader\n              openLoadData\n              isPopup={false}\n              api={{\n                loader: async ({ data }) => {\n                  const parentId = get(data, "id", "");\n                  const level = parentId.split("-").length;\n                  console.log("loadData", parentId, level);\n                  return new Promise((resolve) => {\n                    setTimeout(() => {\n                      resolve(\n                        range(0, 20).map((key) => {\n                          return Object.assign(\n                            {\n                              id: `${parentId ? `${parentId}-` : ""}${key + 1}`,\n                              label: `\u8282\u70b9-${parentId ? `${parentId}-` : ""}${\n                                key + 1\n                              }`,\n                              parentId,\n                            },\n                            level >= 3 ? { children: null } : {}\n                          );\n                        })\n                      );\n                    }, 1000);\n                  });\n                },\n              }}\n            />\n          ),\n        },\n      ]}\n    />\n  );\n};\n\nrender(\n  <PureGlobal>\n    <div className="input">\n      <BaseExample />\n    </div>\n  </PureGlobal>\n);\n\n',scope:[{name:"_FormInfo",packageName:"@components/FormInfo",component:a},{name:"global",packageName:"@components/Global",component:o},{name:"_Content",packageName:"@components/Content",component:d},{name:"lodash",packageName:"lodash",component:r}]},{title:"\u804c\u80fd\u9009\u62e9",description:"\u5c55\u793a\u884c\u4e1a\u804c\u80fd\u9009\u62e9",code:'const { FunctionSelect: _FunctionSelect } = _FormInfo;\nconst { PureGlobal } = global;\nconst { default: Content } = _Content;\n\nconst { range, get } = lodash;\n\nconst FunctionSelect = _FunctionSelect.Field;\n\nconst BaseExample = () => {\n  return (\n    <Content\n      col={2}\n      list={[\n        {\n          label: "\u804c\u80fd\u9009\u62e9",\n          content: (\n            <FunctionSelect\n              onChange={(value) => {\n                console.log(value);\n              }}\n            />\n          ),\n        },\n        {\n          label: "modal\u804c\u80fd\u9009\u62e9",\n          content: (\n            <FunctionSelect\n              isPopup={false}\n              onChange={(value) => {\n                console.log(value);\n              }}\n            />\n          ),\n        },\n        {\n          label: "\u804c\u80fd\u9009\u62e9\u65e0\u641c\u7d22",\n          content: (\n            <FunctionSelect\n              search={null}\n              onChange={(value) => {\n                console.log(value);\n              }}\n            />\n          ),\n        },\n        {\n          label: "\u804c\u80fd\u679a\u4e3e\u663e\u793a",\n          content: <FunctionSelect.Enum name="001" />,\n        },\n      ]}\n    />\n  );\n};\n\nrender(\n  <PureGlobal preset={{ locale: "en-US" }}>\n    <div className="input">\n      <BaseExample />\n    </div>\n  </PureGlobal>\n);\n\n',scope:[{name:"_FormInfo",packageName:"@components/FormInfo",component:a},{name:"global",packageName:"@components/Global",component:o},{name:"_Content",packageName:"@components/Content",component:d},{name:"lodash",packageName:"lodash",component:r}]},{title:"\u884c\u4e1a\u9009\u62e9",description:"\u5c55\u793a\u884c\u4e1a\u9009\u62e9\u7ec4\u4ef6",code:'const { IndustrySelect: _IndustrySelect } = _FormInfo;\nconst { PureGlobal } = global;\nconst { default: Content } = _Content;\n\nconst { range, get } = lodash;\n\nconst IndustrySelect = _IndustrySelect.Field;\n\nconst BaseExample = () => {\n  return (\n    <Content\n      col={2}\n      list={[\n        {\n          label: "\u884c\u4e1a\u9009\u62e9",\n          content: (\n            <IndustrySelect\n              defaultValue={["001"]}\n              onChange={(value) => {\n                console.log(value);\n              }}\n            />\n          ),\n        },\n        {\n          label: "modal\u884c\u4e1a\u9009\u62e9",\n          content: (\n            <IndustrySelect\n              isPopup={false}\n              onChange={(value) => {\n                console.log(value);\n              }}\n            />\n          ),\n        },\n        {\n          label: "\u804c\u80fd\u679a\u4e3e\u663e\u793a",\n          content: <IndustrySelect.Enum name="004" />,\n        },\n      ]}\n    />\n  );\n};\n\nrender(\n  <PureGlobal preset={{ locale: "en-US" }}>\n    <div className="input">\n      <BaseExample />\n    </div>\n  </PureGlobal>\n);\n\n',scope:[{name:"_FormInfo",packageName:"@components/FormInfo",component:a},{name:"global",packageName:"@components/Global",component:o},{name:"_Content",packageName:"@components/Content",component:d},{name:"lodash",packageName:"lodash",component:r}]},{title:"\u91d1\u989d\u8f93\u5165",description:"\u5c55\u793a\u91d1\u989d\u8f93\u5165\u7ec4\u4ef6",code:'const { MoneyInput: _MoneyInput } = _FormInfo;\nconst { PureGlobal } = global;\nconst { default: Content } = _Content;\n\nconst MoneyInput = _MoneyInput.Field;\n\nconst BaseExample = () => {\n  return (\n    <Content\n      col={2}\n      list={[\n        {\n          label: "\u91d1\u989d\u8f93\u5165",\n          content: <MoneyInput />,\n        },\n      ]}\n    />\n  );\n};\n\nrender(\n  <PureGlobal>\n    <div className="input">\n      <BaseExample />\n    </div>\n  </PureGlobal>\n);\n\n',scope:[{name:"_FormInfo",packageName:"@components/FormInfo",component:a},{name:"global",packageName:"@components/Global",component:o},{name:"_Content",packageName:"@components/Content",component:d}]},{title:"\u7535\u8bdd\u53f7\u7801\u8f93\u5165",description:"\u5c55\u793a\u7535\u8bdd\u53f7\u7801\u8f93\u5165\u7ec4\u4ef6",code:'const { PhoneNumber: _PhoneNumber } = _FormInfo;\nconst { PureGlobal } = global;\nconst { default: Content } = _Content;\n\nconst PhoneNumber = _PhoneNumber.Field;\n\nconst BaseExample = () => {\n  return (\n    <Content\n      col={2}\n      list={[\n        {\n          label: "\u7535\u8bdd\u8f93\u5165",\n          content: (\n            <PhoneNumber\n              onChange={(value) => {\n                console.log(value);\n              }}\n            />\n          ),\n        },\n      ]}\n    />\n  );\n};\n\nrender(\n  <PureGlobal>\n    <div className="input">\n      <BaseExample />\n    </div>\n  </PureGlobal>\n);\n\n',scope:[{name:"_FormInfo",packageName:"@components/FormInfo",component:a},{name:"global",packageName:"@components/Global",component:o},{name:"_Content",packageName:"@components/Content",component:d}]},{title:"\u85aa\u8d44\u7ec4\u4ef6",description:"\u5c55\u793a\u586b\u5199\u85aa\u8d44\u8303\u56f4\u8f93\u5165\u7ec4\u4ef6",code:'const { SalaryInput, Form } = _FormInfo;\nconst { PureGlobal } = global;\nconst { default: Content } = _Content;\n\nconst SalaryInputField = SalaryInput.Field;\n\nconst BaseExample = () => {\n  return (\n    <div>\n      <Content\n        col={1}\n        list={[\n          {\n            label: "\u85aa\u8d44\u8303\u56f4",\n            content: (\n              <SalaryInputField\n                onChange={(value) => {\n                  console.log(value);\n                }}\n              />\n            ),\n          },\n        ]}\n      />\n      <Form\n        rules={{\n          SALARYRANGE: ({ min, max, type }) => {\n            if (type !== 1) {\n              if (!min || !max) {\n                return {\n                  result: false,\n                  errMsg: `${!min ? "\u6700\u4f4e\u85aa\u8d44" : "\u6700\u9ad8\u85aa\u8d44"}\u4e0d\u80fd\u4e3a\u7a7a`,\n                };\n              }\n              if (min > max) {\n                return {\n                  result: false,\n                  errMsg: "\u6700\u9ad8\u85aa\u8d44\u5e94\u5927\u4e8e\u6700\u4f4e\u85aa\u8d44",\n                };\n              }\n            }\n            return {\n              result: true,\n              errMsg: "",\n            };\n          },\n        }}\n        data={{ salaryRange: { type: 5, month: 12 } }}\n      >\n        <SalaryInput\n          name="salaryRange"\n          label="\u85aa\u8d44\u8303\u56f4"\n          rule="REQ SALARYRANGE"\n          showMonth\n          remindUnit\n        />\n      </Form>\n    </div>\n  );\n};\n\nrender(\n  <PureGlobal>\n    <div className="input">\n      <BaseExample />\n    </div>\n  </PureGlobal>\n);\n\n',scope:[{name:"_FormInfo",packageName:"@components/FormInfo",component:a},{name:"global",packageName:"@components/Global",component:o},{name:"_Content",packageName:"@components/Content",component:d}]},{title:"\u53ef\u7f16\u8f91\u7684\u8868\u683c\u8868\u5355",description:"\u53ef\u7f16\u8f91\u7684\u8868\u683c\u8868\u5355",code:'const { TableInput, Form, Input, SubmitButton } = _FormInfo;\nconst { PureGlobal } = global;\nconst { default: Content } = _Content;\n\nconst BaseExample = () => {\n  return (\n    <div>\n      <Form\n        data={{\n          tableInput: {\n            1: { otherCode: "111" },\n            2: { otherCode: "222" },\n          },\n        }}\n        onSubmit={(formData) => {\n          console.log(formData);\n        }}\n      >\n        <TableInput\n          controllerOpen={false}\n          name="tableInput"\n          label="\u8868\u683c\u8868\u5355"\n          columns={[\n            {\n              title: "\u7cfb\u7edf\u5b57\u6bb5",\n              dataIndex: "systemCode",\n              key: "systemCode",\n              width: 200,\n            },\n            {\n              title: "\u5bf9\u5e94\u7684\u5b57\u6bb5",\n              dataIndex: "otherCode",\n              key: "otherCode",\n              editable: (text, record, index) => index !== 0,\n              field: {\n                type: Input,\n                rule: "REQ",\n                getValue: (e) => e.target.value,\n              },\n            },\n          ]}\n          api={{\n            loader: () => {\n              return {\n                pageData: [\n                  {\n                    id: 1,\n                    systemCode: "\u6d41\u6c34\u53f7",\n                  },\n                  {\n                    id: 2,\n                    systemCode: "\u6d41\u6c34\u53f72",\n                  },\n                ],\n              };\n            },\n          }}\n          onChange={(value) => {\n            console.log(value);\n          }}\n        />\n        <SubmitButton>\u63d0\u4ea4</SubmitButton>\n      </Form>\n    </div>\n  );\n};\n\nrender(\n  <PureGlobal>\n    <div className="input">\n      <BaseExample />\n    </div>\n  </PureGlobal>\n);\n\n',scope:[{name:"_FormInfo",packageName:"@components/FormInfo",component:a},{name:"global",packageName:"@components/Global",component:o},{name:"_Content",packageName:"@components/Content",component:d},{name:"antd",packageName:"antd",component:s}]},{title:"\u53ef\u6269\u5c55\u7684AdvanceSelect",description:"AdvanceSelect\u652f\u6301\u5de6\u53f3\u5e03\u5c40",code:'const { AdvancedSelect } = _FormInfo;\nconst { PureGlobal } = global;\nconst { default: Icon } = icon;\nconst { useState } = React;\nconst { range, merge, get } = _lodash;\nconst dayjs = _dayjs;\nconst { Col } = _antd;\n\nconst BaseExample = () => {\n  return (\n    <PureGlobal\n      preset={{\n        ajax: () => {\n          return Promise.resolve({ data: { code: 0, data: [] } });\n        },\n      }}\n    >\n      <AdvancedSelect.Field\n        getSearchProps={(text) => {\n          return {\n            data: { keyword: text },\n          };\n        }}\n        displayItems={[{ label: "\u7b2c\u4e5d\u5341\u9879", value: 90 }]}\n        api={{\n          loader: ({ data }) => {\n            const params = Object.assign(\n              {\n                perPage: 20,\n                currentPage: 1,\n              },\n              data\n            );\n            return new Promise((resolve) => {\n              setTimeout(() => {\n                const start = (params.currentPage - 1) * params.perPage;\n                resolve({\n                  totalCount: 100,\n                  pageData: range(start, start + 20)\n                    .map((key) => {\n                      return {\n                        label: `\u7b2c${key + 1}\u9879`,\n                        value: key + 1,\n                      };\n                    })\n                    .filter(({ label }) => {\n                      return params.keyword\n                        ? label.indexOf(params.keyword) > -1\n                        : true;\n                    }),\n                });\n              }, 1000);\n            });\n          },\n        }}\n        onChange={(value) => {\n          console.log(value);\n        }}\n        single\n        isPopup={false}\n        label={"\u9762\u8bd5\u5b98"}\n        placeholder={"\u9009\u62e9\u9762\u8bd5\u5b98"}\n        modalSize={"large"}\n        wrapClassName={"calendar-modal"}\n        selectIcon={\n          <div>\n            <Icon type={"icon-gouxuan"} />\n          </div>\n        }\n        leftSpan={6}\n        right={() => (\n          <Col flex={1}>\n            <div>\u6211\u662fheader</div>\n            <div>\u6211\u662fbody</div>\n          </Col>\n        )}\n        leftBottom={() => <div>\u6211\u662fleftBottom</div>}\n      />\n    </PureGlobal>\n  );\n};\nrender(<BaseExample />);\n\n',scope:[{name:"_FormInfo",packageName:"@components/FormInfo",component:a},{name:"icon",packageName:"@components/Icon",component:c},{name:"_antd",packageName:"antd",component:s},{name:"global",packageName:"@components/Global",component:o},{name:"_lodash",packageName:"lodash",component:r},{name:"_dayjs",packageName:"dayjs",component:m}]}]}}},89896:(n,e,t)=>{"use strict";t.d(e,{A:()=>l});var a=t(76329),o=t(55199);const l={name:"Global",summary:"<h3>\u4f55\u65f6\u4f7f\u7528</h3>\n<p>\u5728\u4f7f\u7528components-core\u7684\u4efb\u4f55\u7ec4\u4ef6\u7684\u4e1a\u52a1\u7cfb\u7edf\uff0c\u9700\u8981\u5c06\u8be5\u7ec4\u4ef6\u653e\u7f6e\u4e8e\u6700\u5916\u5c42\uff0c\u5e76\u4e14\u6309\u7167\u8981\u6c42\u6b63\u786e\u8bbe\u7f6epreset\u3002</p>\n<p>\u4ee5\u4e0b\u662fcomponents-core\u7ec4\u4ef6\u7cfb\u7edf\u4e2d\u9700\u8981\u8bbe\u7f6e\u7684preset\u503c\uff0c\u53ca\u4f7f\u7528\u8fd9\u4e9b\u503c\u7684\u7ec4\u4ef6</p>\n<table>\n<thead>\n<tr>\n<th>\u540d\u79f0</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u4f7f\u7528\u7ec4\u4ef6</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>permissions</td>\n<td>\u914d\u7f6e\u529f\u80fd\u6743\u9650\u5217\u8868\uff0cPermissions\u6839\u636e\u8be5\u5217\u8868\u91cc\u9762\u662f\u5426\u5b58\u5728\u67d0\u6743\u9650\u540d\u79f0\u5224\u65ad\u7528\u6237\u662f\u5426\u5177\u6709\u8be5\u529f\u80fd\u6743\u9650\uff0c\u6765\u63a7\u5236\u5bf9\u5e94\u64cd\u4f5c\u884c\u4e3a</td>\n<td>array</td>\n<td>Permissions</td>\n</tr>\n<tr>\n<td>ajax</td>\n<td>\u7528\u4e8e\u53d1\u9001ajax\u8bf7\u6c42\u7684\u65b9\u6cd5\uff0c\u4e00\u822c\u60c5\u51b5\u4e0b\u5176\u5e94\u8be5\u662f\u4e00\u4e2aaxios\u5bf9\u8c61</td>\n<td>object</td>\n<td>Image</td>\n</tr>\n<tr>\n<td>apis</td>\n<td>\u7528\u4e8e\u548c\u540e\u7aef\u8fdb\u884c\u4e00\u4e9b\u4ea4\u4e92\u884c\u4e3a\u7684\u63a5\u53e3\u96c6\u5408</td>\n<td>object</td>\n<td>Image</td>\n</tr>\n<tr>\n<td>apis.oss</td>\n<td>\u7528\u4e8e\u901a\u8fc7\u4e00\u4e2aossId\u5411\u540e\u7aefoss\u670d\u52a1\u83b7\u53d6\u4e00\u4e2a\u53ef\u4ee5\u8bbf\u95ee\u5230\u6307\u5b9a\u6587\u4ef6\u7684url</td>\n<td>object</td>\n<td>Image</td>\n</tr>\n<tr>\n<td>apis.ossUpload</td>\n<td>\u7528\u4e8e\u5411oss\u670d\u52a1\u4e0a\u4f20\u4e00\u4e2a\u6587\u4ef6</td>\n<td>object</td>\n<td>FormInfo.Upload,FormInfo.Avatar</td>\n</tr>\n<tr>\n<td>features</td>\n<td>\u7528\u4e8e\u914d\u7f6e\u7cfb\u7edf\u7684\u7279\u6027\u53c2\u6570</td>\n<td>object</td>\n<td>Features</td>\n</tr>\n<tr>\n<td>features.profile</td>\n<td>\u7cfb\u7edf\u7684\u7279\u6027\u5217\u8868\u53c2\u8003\u7ec4\u4ef6Features</td>\n<td>object</td>\n<td>Features</td>\n</tr>\n<tr>\n<td>features.debug</td>\n<td>\u7279\u6027\u7684\u8c03\u8bd5\u6a21\u5f0f\uff0c\u53ef\u4ee5\u5728\u63a7\u5236\u53f0\u6253\u5370Features\u7684id\u548c\u72b6\u6001</td>\n<td>boolean</td>\n<td>Features</td>\n</tr>\n<tr>\n<td>enums</td>\n<td>\u516c\u5171\u679a\u4e3e\u503c\uff0c\u8be6\u60c5\u53c2\u770bEnum\u7ec4\u4ef6</td>\n<td>object</td>\n<td>Enum</td>\n</tr>\n<tr>\n<td>enums.helperGuide</td>\n<td>\u5e2e\u52a9\u6587\u6863\u679a\u4e3e\u914d\u7f6e</td>\n<td>function</td>\n<td>HelperGuide</td>\n</tr>\n<tr>\n<td>formInfo</td>\n<td>\u8868\u5355\u914d\u7f6e</td>\n<td>object</td>\n<td>FormInfo.formModule</td>\n</tr>\n<tr>\n<td>formInfo.rules</td>\n<td>\u8868\u5355\u89c4\u5219\u914d\u7f6e</td>\n<td>object</td>\n<td>FormInfo.formModule</td>\n</tr>\n</tbody>\n</table>\n<p>\u5168\u5c40context\u7ba1\u7406\u8bbe\u7f6e\u53ca\u9ed8\u8ba4\u6837\u5f0f</p>\n<ul>\n<li>\u8bf7\u5c06\u5168\u5c40\u8986\u76d6\u6027\u7684\u6837\u5f0f\u653e\u5728\u6b64\u7ec4\u4ef6\u4e2d</li>\n<li>\u8bf7\u5c06\u5b57\u4f53\u6587\u4ef6\u7684\u5f15\u7528\u653e\u5728\u6b64\u7ec4\u4ef6\u4e2d</li>\n<li>\u8bf7\u5c06antd\u7684\u8986\u76d6\u6027\u6837\u5f0f\u653e\u5728\u6b64\u7ec4\u4ef6\u4e2d</li>\n<li>\u8be5\u7ec4\u4ef6\u9700\u8981\u653e\u7f6e\u5728\u5e94\u7528\u6839\u4f4d\u7f6e</li>\n</ul>\n<p>\u66f4\u65b0\u5b57\u4f53\u6587\u4ef6:</p>\n<ul>\n<li>\u5c06iconfont\u4e0a\u4e0b\u8f7d\u7684\u5b57\u4f53\u5305\u89e3\u538b\u540e\u653e\u5728public\u6587\u4ef6\u5939\u4e0b\u9762</li>\n<li>\u66f4\u65b0src/common/params.js \u4e2d\u7684\u53d8\u91cf iconfontBase</li>\n<li>\u4fee\u6539\u540e\u6784\u5efa\u8be5\u9879\u76ee\u53d1\u5e03\u5230\u5bf9\u5e94\u73af\u5883</li>\n</ul>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>preset</td>\n<td>\u5168\u5c40\u9884\u8bbe\u53c2\u6570\uff0c\u53ef\u4ee5\u901a\u8fc7usePreset\u83b7\u53d6\uff0c\u7531\u4e1a\u52a1\u7cfb\u7edf\u8bbe\u7f6e</td>\n<td>object</td>\n<td>{}</td>\n</tr>\n<tr>\n<td>themeToken</td>\n<td>\u8bbe\u7f6e\u4e3b\u9898\uff0c\u53c2\u770bantd\u7684themeToken\uff0c\u4e00\u822c\u53ea\u9700\u8981\u8bbe\u7f6e{colorPrimary}</td>\n<td>object</td>\n<td>{}</td>\n</tr>\n<tr>\n<td>init</td>\n<td>\u521d\u59cb\u5316\u65b9\u6cd5\uff0c\u5728\u7cfb\u7edf\u9996\u6b21\u52a0\u8f7d\u65f6\u6267\u884c\uff0c\u53ef\u4ee5\u8fd4\u56dePromise\u3002\u7528\u6765\u653e\u7f6e\u7cfb\u7edf\u663e\u793a\u4e4b\u524d\u7684\u5f02\u6b65\u64cd\u4f5c</td>\n<td>function</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>PureGlobal</h3>\n<p>api\u540cGlobal\uff0c\u4f46\u662f\u5c11\u4e86\u9875\u9762\u9519\u8bef\u6355\u83b7\u548cclassName:container-body\u5e26\u6765\u7684\u9ed8\u8ba4\u6700\u5c0f\u5bbd\u5ea6\u7b49\u6837\u5f0f\u8bbe\u7f6e\uff0c\u4e3b\u8981\u7528\u5728\u7ec4\u4ef6\u5e93\u7684\u6f14\u793a\u73af\u5883\u548c\u5f39\u7a97\u4e2d</p>\n<h3>usePreset</h3>\n<p>\u83b7\u53d6\u9884\u8bbe\u7684preset\uff0c\u5df2\u7ecf\u786e\u5b9a\u4e3a\u7cfb\u7edf\u9700\u8981\u4f7f\u7528\u7684key\u503c:permissions,apis,formOptions,modalOptions</p>\n<h3>useGlobalContext</h3>\n<p>\u83b7\u53d6\u548c\u8bbe\u7f6e\u5168\u5c40\u72b6\u6001\uff0c\u8be5\u72b6\u6001\u4fdd\u5b58\u5728Global\u7ec4\u4ef6\u4e00\u7ea7\uff0c\u4e0d\u4f1a\u968f\u7740\u5185\u90e8\u7ec4\u4ef6\u672c\u8eab\u7684\u9500\u6bc1\u800c\u9500\u6bc1\u3002\n\u4e3b\u8981\u7ed9\u7ec4\u4ef6\u5185\u90e8\u4f7f\u7528\uff0c\u4e1a\u52a1\u5e94\u8be5\u907f\u514d\u4f7f\u7528\u8be5api\u8bbe\u7f6e\u65b0\u7684global\u53d8\u91cf\u3002\u4e1a\u52a1\u5982\u679c\u6709\u9700\u8981\u5e94\u5f53\u81ea\u884c\u5728\u9876\u7ea7\u7ec4\u4ef6\u4e2d\u8bbe\u7f6econtext\u3002</p>\n<h4>params:useGlobalContext(globalKey)</h4>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>globalKey</td>\n<td>\u5168\u5c40\u53c2\u6570\u7684key\uff0c\u5f53\u5b58\u5728globalKey\u65f6\uff0c\u9ed8\u8ba4\u83b7\u53d6\u548c\u8bbe\u7f6e\u90fd\u662fglobal[key]\uff0c\u5f53\u4e0d\u5b58\u5728globalKey\u83b7\u53d6\u548c\u8bbe\u7f6e\u7684\u90fd\u662fglobal\uff0c\u9664\u975e\u5b58\u5728\u591a\u4e2a\u83b7\u53d6\u548c\u8bbe\u7f6eglobal\u7684key-value\uff0c\u5426\u5219\u4e0d\u63a8\u8350\u76f4\u63a5\u4f7f\u7528\u4e0d\u5b58\u5728globalKey\u7684\u60c5\u51b5</td>\n<td>string</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h4>return:{global,setGlobal}</h4>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>global</td>\n<td>\u5f53\u524d\u7684global\u503c</td>\n<td>any</td>\n</tr>\n<tr>\n<td>setGlobal</td>\n<td>\u8bbe\u7f6e\u5f53\u524d\u7684global\u503c</td>\n<td>function</td>\n</tr>\n</tbody>\n</table>",example:{isFull:!1,className:"Global_4cc66",style:".Global_4cc66 .label {\n  font-weight: bold;\n}",list:[{title:"\u57fa\u672c\u793a\u4f8b",description:"\u5c55\u793a\u4e86\u6587\u5b57\u5927\u5c0f\u989c\u8272\u884c\u9ad8\u7684\u8bbe\u7f6e",code:"const { PureGlobal } = _Global;\nconst { Space, Divider } = antd;\nconst BaseExample = () => {\n    return (\n        <PureGlobal>\n            <Space direction=\"vertical\">\n                <div className=\"label\">\u6587\u5b57\u5927\u5c0f:</div>\n                <div style={{ fontSize: 'var(--font-size-large)' }}>\u5927\u53f7\u6587\u5b57</div>\n                <div>\u9ed8\u8ba4\u5927\u5c0f\u6587\u5b57</div>\n                <div style={{ fontSize: 'var(--font-size-small)' }}>\u5c0f\u53f7\u6587\u5b57</div>\n                <Divider />\n                <div className=\"label\">\u6587\u5b57\u989c\u8272:</div>\n                <div style={{ color: 'var(--font-color)' }}>\u9ed8\u8ba4\u989c\u8272</div>\n                <div style={{ color: 'var(--font-color-grey)' }}>\u7070\u8272</div>\n                <div style={{ color: 'var(--font-color-grey-1)' }}>\u7070\u82721</div>\n                <div style={{ color: 'var(--font-color-grey-2)' }}>\u7070\u82722</div>\n                <Divider />\n                <div className=\"label\">\u884c\u9ad8:</div>\n                <div style={{ lineHeight: 'var(--line-height-large)' }}>\n                    \u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\n                </div>\n                <div>\n                    \u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\n                </div>\n                <div style={{ lineHeight: 'var(--line-height-small)' }}>\n                    \u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\n                </div>\n            </Space>\n        </PureGlobal>\n    );\n};\n\nrender(<BaseExample />);\n\n",scope:[{name:"_Global",packageName:"@components/Global",component:a},{name:"antd",packageName:"antd",component:o}]},{title:"\u8b66\u544a\u63d0\u793a",description:"\u5c55\u793a\u4e86\u8b66\u544a\u63d0\u793a\u7684\u8986\u76d6\u6837\u5f0f",code:'const { PureGlobal } = _Global;\nconst { Alert, Space } = antd;\n\nconst BasicExample = () => {\n  return (\n      <PureGlobal>\n          <Space direction="vertical">\n              <Alert message="\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a" type="success" showIcon />\n              <Alert message="\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a" type="info" showIcon />\n              <Alert message="\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a" type="warning" showIcon />\n              <Alert message="\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a" type="error" showIcon />\n\n              <Alert message="\u6807\u9898\u6807\u9898\u6807\u9898\u6807\u9898" description="\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a" type="success" showIcon />\n              <Alert message="\u6807\u9898\u6807\u9898\u6807\u9898\u6807\u9898" description="\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a" type="info" showIcon />\n              <Alert message="\u6807\u9898\u6807\u9898\u6807\u9898\u6807\u9898" description="\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a" type="warning" showIcon />\n              <Alert message="\u6807\u9898\u6807\u9898\u6807\u9898\u6807\u9898" description="\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a" type="error" showIcon />\n\n              <Alert message="\u6807\u9898\u6807\u9898\u6807\u9898\u6807\u9898" description="\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a" type="success" showIcon closable />\n              <Alert message="\u6807\u9898\u6807\u9898\u6807\u9898\u6807\u9898" description="\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a" type="info" showIcon closable />\n              <Alert message="\u6807\u9898\u6807\u9898\u6807\u9898\u6807\u9898" description="\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a" type="warning" showIcon closable />\n              <Alert message="\u6807\u9898\u6807\u9898\u6807\u9898\u6807\u9898" description="\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a" type="error" showIcon closable />\n          </Space>\n      </PureGlobal>\n  );\n};\n\nrender(<BasicExample />);\n\n',scope:[{name:"_Global",packageName:"@components/Global",component:a},{name:"antd",packageName:"antd",component:o}]},{title:"\u6309\u94ae",description:"\u5c55\u793a\u4e86\u6309\u94ae\u7684\u8986\u76d6\u6837\u5f0f",code:'const { PureGlobal } = _Global;\nconst { Button, Typography, Space } = antd;\nconst { default: Icon } = icon;\n\nconst BaseExample = () => {\n  return (\n    <PureGlobal>\n      <Space direction="vertical">\n        <Space>\n          <Button size="large">\u5927\u6309\u94ae</Button>\n          <Button>\u9ed8\u8ba4\u6309\u94ae</Button>\n          <Button size="small">\u5c0f\u6309\u94ae</Button>\n        </Space>\n        <Space>\n          <Button type="primary">\u6309\u94ae</Button>\n          <Button type="link">\u6309\u94ae</Button>\n          <Button type="text">\u6309\u94ae</Button>\n        </Space>\n        <Space>\n          <Button danger>\u5371\u9669\u6309\u94ae</Button>\n          <Button type="primary" danger>\n            \u5371\u9669\u6309\u94ae\n          </Button>\n          <Button type="link" danger>\n            \u5371\u9669\u6309\u94ae\n          </Button>\n          <Button type="text" danger>\n            \u5371\u9669\u6309\u94ae\n          </Button>\n        </Space>\n        <Space>\n          <Button disabled>\u7981\u7528\u6309\u94ae</Button>\n          <Button type="primary" danger disabled>\n            \u7981\u7528\u5371\u9669\u6309\u94ae\n          </Button>\n          <Button type="link" disabled>\n            \u7981\u7528Link\u6309\u94ae\n          </Button>\n          <Button type="text" disabled>\n            \u7981\u7528Text\u6309\u94ae\n          </Button>\n        </Space>\n        <Space>\n          <Button type="text" icon={<Icon type="icon-tianjia" />}>\n            \u56fe\u6807\u6309\u94ae\n          </Button>\n          <Button type="text">\n            \u56fe\u6807\u6309\u94ae\u53f3\n            <Icon type="icon-arrow-thin-down" />\n          </Button>\n        </Space>\n        <Space>\n          <Button type="primary" icon={<Icon type="icon-tianjia" />} />\n          <Button icon={<Icon type="icon-tianjia" />} />\n          <Button danger icon={<Icon type="icon-tianjia" />} />\n          <Button type="link" icon={<Icon type="icon-tianjia" />} />\n          <Button type="text" icon={<Icon type="icon-tianjia" />} />\n        </Space>\n        <Space>\n          <Button type="primary" disabled icon={<Icon type="icon-tianjia" />} />\n          <Button disabled icon={<Icon type="icon-tianjia" />} />\n          <Button disabled danger icon={<Icon type="icon-tianjia" />} />\n          <Button disabled type="link" icon={<Icon type="icon-tianjia" />} />\n          <Button disabled type="text" icon={<Icon type="icon-tianjia" />} />\n        </Space>\n        <Space>\n          <Typography.Link>Link\u6587\u5b57</Typography.Link>\n          <Typography.Text className="ant-btn">\u6587\u5b57</Typography.Text>\n          <Typography.Link>\n            <Icon type="icon-tianjia" />\n            Link\u6587\u5b57\n          </Typography.Link>\n          <Typography.Text className="ant-btn">\n            <Icon type="icon-tianjia" />\n            \u6587\u5b57\n          </Typography.Text>\n          <Typography.Link className="ant-btn-dangerous">\n            Link\u6587\u5b57\n          </Typography.Link>\n        </Space>\n        <Space>\n          <Button className="btn-no-padding" type="link" size="large">\n            \u5927\u6309\u94ae\n          </Button>\n          <Button className="btn-no-padding" type="link">\n            \u9ed8\u8ba4\u6309\u94ae\n          </Button>\n          <Button className="btn-no-padding" type="link" size="small">\n            \u5c0f\u6309\u94ae\n          </Button>\n          <Button className="btn-no-padding" type="text" size="large">\n            \u5927\u6309\u94ae\n          </Button>\n          <Button className="btn-no-padding" type="text">\n            \u9ed8\u8ba4\u6309\u94ae\n          </Button>\n          <Button className="btn-no-padding" type="text" size="small">\n            \u5c0f\u6309\u94ae\n          </Button>\n          <Button className="btn-no-padding" type="link" size="large" danger>\n            \u5927\u6309\u94ae\n          </Button>\n          <Button className="btn-no-padding" type="link" danger>\n            \u9ed8\u8ba4\u6309\u94ae\n          </Button>\n          <Button className="btn-no-padding" type="link" size="small" danger>\n            \u5c0f\u6309\u94ae\n          </Button>\n        </Space>\n      </Space>\n    </PureGlobal>\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Global",packageName:"@components/Global",component:a},{name:"antd",packageName:"antd",component:o},{name:"icon",packageName:"@components/Icon",component:t(64671)}]}]}}},32159:(n,e,t)=>{"use strict";t.d(e,{A:()=>a});const a={name:"HelperGuide",summary:"<p>\u7ed9\u7528\u6237\u63d0\u4f9b\u5e2e\u52a9\u6587\u6863</p>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n</table>",example:{isFull:!1,className:"HelperGuide_4e237",style:"",list:[{title:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u6807\u9898",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { default: HelperGuide } = _HelperGuide;\nconst { PureGlobal } = Global;\nconst BaseExample = () => {\n  return (\n    <PureGlobal\n      preset={{\n        enums: {\n          helperGuide: () => [\n            {\n              value: "test",\n              content:\n                "\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u554a\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u554a\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u554a\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u554a\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u554a\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u554a\u54c8\u54c8\u54c8",\n              url: "/xxxx",\n            },\n          ],\n        },\n      }}\n    >\n      <HelperGuide name="test" />\n    </PureGlobal>\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_HelperGuide",packageName:"@components/HelperGuide",component:t(75363)},{name:"Global",packageName:"@components/Global",component:t(76329)}]}]}}},851:(n,e,t)=>{"use strict";t.d(e,{A:()=>o});var a=t(41153);const o={name:"Highlight",summary:"<p>\u7528\u4e8e\u663e\u793a\u6587\u672c\u9ad8\u4eae</p>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n</table>",example:{isFull:!1,className:"Highlight_0b905",style:"",list:[{title:"\u57fa\u672c\u6587\u5b57\u9ad8\u4eae",description:"\u5c55\u793a\u57fa\u672c\u6587\u5b57\u9ad8\u4eae",code:'const { default: Highlight, HighlightProvider } = _Highlight;\nconst BaseExample = () => {\n  return (\n    <HighlightProvider list={["\u54c8", "\u5443\u5443"]}>\n      <Highlight>\u54c8\u54c8\u54c8\u897f\u897f\u897f\u897f\u5443\u5443\u5443</Highlight>\n    </HighlightProvider>\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Highlight",packageName:"@components/Highlight",component:a}]},{title:"xss\u6d4b\u8bd5",description:"xss\u6d4b\u8bd5",code:'const { default: Highlight, HighlightProvider } = _Highlight;\nconst BaseExample = () => {\n  const str = \'<img src="/aaaa"/>\';\n  return (\n    <HighlightProvider list={["\u54c8", "\u5443\u5443"]}>\n      <Highlight>\u54c8\u54c8\u54c8\u897f\u897f\u897f\u897f\u5443\u5443\u5443{str}</Highlight>\n    </HighlightProvider>\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Highlight",packageName:"@components/Highlight",component:a}]}]}}},93314:(n,e,t)=>{"use strict";t.d(e,{A:()=>l});var a=t(24666),o=t(55199);const l={name:"HistoryStore",summary:"<p>\u5386\u53f2\u8bb0\u5f55\u63d0\u793a</p>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n</table>",example:{isFull:!1,className:"HistoryStore_a963f",style:"",list:[{title:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u6807\u9898",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { default: HistoryStore } = _HistoryStore;\nconst { Input } = antd;\nconst { useState } = React;\nconst BaseExample = () => {\n  const [value, setValue] = useState("");\n  return (\n    <HistoryStore\n      onSelect={(value) => {\n        setValue(value);\n      }}\n    >\n      {({ appendHistory, openHistory }) => (\n        <Input.Search\n          value={value}\n          onChange={(e) => {\n            setValue(e.target.value);\n          }}\n          onFocus={openHistory}\n          onSearch={(value) => {\n            appendHistory({\n              value,\n              label: value,\n            });\n          }}\n        />\n      )}\n    </HistoryStore>\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_HistoryStore",packageName:"@components/HistoryStore",component:a},{name:"antd",packageName:"antd",component:o}]}]}}},45426:(n,e,t)=>{"use strict";t.d(e,{A:()=>d});var a=t(64671),o=t(55199),l=t(87558),r=t(76329),s=t(89946),i=t(13050);const d={name:"Icon",summary:"<p>\u53ef\u4ee5\u663e\u793a\u4e00\u4e2a\u56fe\u6807\uff0c\u56fe\u6807\u5fc5\u987b\u5728\u5b57\u4f53\u6587\u4ef6\u4e2d\u88ab\u5b9a\u4e49\u8fc7</p>",api:'<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td>\u56fe\u6807\u7c7b\u578b\uff0c\u53c2\u8003\u793a\u4f8b\u4e0b\u7684\u5b57\u7b26\u4e32</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>colorful</td>\n<td>\u662f\u5426\u662f\u5f69\u8272\u56fe\u6807</td>\n<td>boolean</td>\n<td>false</td>\n</tr>\n<tr>\n<td>prefix</td>\n<td>\u56fe\u6807\u524d\u7f00</td>\n<td>string</td>\n<td>""</td>\n</tr>\n<tr>\n<td>size</td>\n<td>\u56fe\u6807\u5927\u5c0f</td>\n<td>number</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>',example:{isFull:!0,className:"Icon_81743",style:".Icon_81743 .item {\n  width: 150px;\n  word-break: break-all;\n}\n.Icon_81743 .item .ant-typography {\n  position: relative;\n}\n.Icon_81743 .item .ant-typography-copy {\n  visibility: hidden;\n  position: absolute;\n  right: -20px;\n}\n.Icon_81743 .item:hover .ant-typography-copy {\n  visibility: visible;\n}",list:[{title:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u6807\u9898",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { default: Icon } = _Icon;\nconst { Slider, Space, Typography } = antd;\nconst { useState } = React;\nconst { createWithFetch } = ReactFetch;\nconst { loadFont } = Global;\nconst { default: axios } = _axios;\nconst { createWithRemoteLoader } = remoteLoader;\n\nconst BaseExample = createWithRemoteLoader({\n  modules: ["components-iconfont:Font"],\n})(({ remoteModules }) => {\n  const [Font] = remoteModules;\n  const [value, setValue] = useState(30);\n  return (\n    <Space direction="vertical">\n      <Space>\n        <div>\u8c03\u6574\u5927\u5c0f:</div>\n        <Slider\n          style={{ width: 100 }}\n          max={60}\n          min={12}\n          value={value}\n          onChange={setValue}\n        />\n        <div>{value}px</div>\n      </Space>\n      {\n        <Font>\n          {({ list }) => {\n            return (\n              <Space wrap align="top" size="large">\n                {list.map(({ name, font_class }) => {\n                  return (\n                    <Space\n                      className="item"\n                      direction="vertical"\n                      align="center"\n                      key={name}\n                    >\n                      <Icon type={font_class} size={value} />\n                      <Typography.Text\n                        copyable={{\n                          text:\n                            \'<Icon type="\' +\n                            font_class +\n                            \'" size={\' +\n                            value +\n                            "} />",\n                        }}\n                      >\n                        {font_class}\n                      </Typography.Text>\n                    </Space>\n                  );\n                })}\n              </Space>\n            );\n          }}\n        </Font>\n      }\n    </Space>\n  );\n});\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Icon",packageName:"@components/Icon",component:a},{name:"antd",packageName:"antd",component:o},{name:"ReactFetch",packageName:"@kne/react-fetch",component:l},{name:"Global",packageName:"@components/Global",component:r},{name:"_axios",packageName:"axios",component:s},{name:"remoteLoader",packageName:"@kne/remote-loader",component:i}]},{title:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u6807\u9898",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { default: Icon } = _Icon;\nconst { Space, Slider, Typography } = antd;\nconst { useState } = React;\nconst { createWithFetch } = ReactFetch;\nconst { createWithRemoteLoader } = remoteLoader;\nconst { default: axios } = _axios;\n\nconst BaseExample = createWithRemoteLoader({\n  modules: ["components-iconfont:ColorfulFont"],\n})(({ remoteModules }) => {\n  const [ColorfulFont] = remoteModules;\n  const [value, setValue] = useState(30);\n  return (\n    <Space direction="vertical">\n      <Space>\n        <div>\u8c03\u6574\u5927\u5c0f:</div>\n        <Slider\n          style={{ width: 100 }}\n          max={60}\n          min={12}\n          value={value}\n          onChange={setValue}\n        />\n        <div>{value}px</div>\n      </Space>\n      <ColorfulFont>\n        {({ list }) => (\n          <Space wrap align="top" size="large">\n            {list.map(({ name }) => {\n              return (\n                <Space\n                  className="item"\n                  direction="vertical"\n                  align="center"\n                  key={name}\n                >\n                  <Icon colorful type={name} size={value} />\n                  <Typography.Text\n                    copyable={{\n                      text:\n                        \'<Icon colorful type="\' +\n                        name +\n                        \'" size={\' +\n                        value +\n                        "} />",\n                    }}\n                  >\n                    {name}\n                  </Typography.Text>\n                </Space>\n              );\n            })}\n          </Space>\n        )}\n      </ColorfulFont>\n    </Space>\n  );\n});\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Icon",packageName:"@components/Icon",component:a},{name:"antd",packageName:"antd",component:o},{name:"ReactFetch",packageName:"@kne/react-fetch",component:l},{name:"Global",packageName:"@components/Global",component:r},{name:"_axios",packageName:"axios",component:s},{name:"remoteLoader",packageName:"@kne/remote-loader",component:i}]}]}}},85772:(n,e,t)=>{"use strict";t.d(e,{A:()=>r});var a=t(40438),o=t(76329),l=t(55199);const r={name:"Image",summary:"<p>\u7528\u4e8e\u5c55\u793a\u4e00\u5f20\u56fe\u7247\uff0c\u548cimg\u6807\u7b7e\u4e0d\u540c\u7684\u662f\uff0c\u53ef\u4ee5\u5c55\u793a\u4e00\u5f20\u666e\u901a\u56fe\u7247\uff0c\u4e5f\u53ef\u4ee5\u901a\u8fc7id\u52a0\u8f7d\u4e00\u5f20oss\u56fe\u7247\uff0c\u5728\u52a0\u8f7doss\u5730\u5740\u548c\u56fe\u7247\u6570\u636e\u7684\u65f6\u5019\u4f1a\u663e\u793aloading\u72b6\u6001</p>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>src</td>\n<td>\u56fe\u7247\u7684src\u5730\u5740</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>id</td>\n<td>oss\u7684id</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>loading</td>\n<td>\u52a0\u8f7d\u65f6\u663e\u793a\u7684\u7ec4\u4ef6</td>\n<td>jsx</td>\n<td>-</td>\n</tr>\n<tr>\n<td>error</td>\n<td>\u52a0\u8f7d\u9519\u8bef\u65f6\u663e\u793a\u7684\u7ec4\u4ef6</td>\n<td>jsx</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>Image.Avatar</h3>\n<p>\u7528antd\u7684Avatar\u6765\u663e\u793a\u56fe\u7247\uff0c\u53ef\u4ee5\u663e\u793a\u9ed8\u8ba4\u7684\u7537\u5973\u5934\u50cf\uff0c\u5176\u4ed6\u53c2\u6570\u53c2\u8003antd\u7684Avatar\u7ec4\u4ef6</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>gender</td>\n<td>\u6027\u522b F\uff0cfemale\uff0cf\u4e3a\u5973\u5176\u4ed6\u4e3a\u7537</td>\n<td>string</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>",example:{isFull:!1,className:"Image_be53a",style:"",list:[{title:"\u901a\u8fc7src\u52a0\u8f7d\u4e00\u4e2a\u666e\u901a\u56fe\u7247",description:"\u901a\u8fc7src\u52a0\u8f7d\u4e00\u4e2a\u666e\u901a\u56fe\u7247",code:"const {default: Image} = _Image;\nconst BaseExample = () => {\n    return <Image src={window.PUBLIC_URL + \"/logo512.png\"} style={{width: '100px', height: '100px'}}/>;\n};\n\nrender(<BaseExample/>);\n\n",scope:[{name:"_Image",packageName:"@components/Image",component:a}]},{title:"\u901a\u8fc7id\u52a0\u8f7d\u4e00\u4e2aoss\u56fe\u7247",description:"\u56fe\u7247\u4e00\u52a0\u8f7d\u6210\u529f\uff0c\u56fe\u7247\u4e8c\u52a0\u8f7d\u4e2d\uff0c\u56fe\u7247\u4e09\u52a0\u8f7d\u5931\u8d25",code:"const {default: Image} = _Image;\nconst {PureGlobal} = global;\nconst {Space} = antd;\nconst BaseExample = () => {\n    return <PureGlobal preset={{\n        apis: {\n            oss: {\n                loader: ({params}) => {\n                    if(params.id ==='logo513.png'){\n                        return new Promise(()=>{\n\n                        });\n                    }\n                    return new Promise((resolve) => {\n                        resolve(window.PUBLIC_URL + '/' + params.id);\n                    });\n\n                }\n            }\n        }\n    }}>\n        <Space>\n            <Image id=\"logo512.png\" style={{width: '100px', height: '100px'}}/>\n            <Image id=\"logo513.png\" style={{width: '100px', height: '100px'}}/>\n            <Image id=\"logo511.png\" style={{width: '100px', height: '100px'}}/>\n        </Space>\n    </PureGlobal>;\n};\n\nrender(<BaseExample/>);\n\n",scope:[{name:"_Image",packageName:"@components/Image",component:a},{name:"global",packageName:"@components/Global",component:o},{name:"antd",packageName:"antd",component:l}]},{title:"\u663e\u793a\u4e00\u4e2a\u5934\u50cf",description:"\u663e\u793a\u56fe\u7247\u5934\u50cf\u548c\u9ed8\u8ba4\u5934\u50cf",code:'const { default: Image } = _Image;\nconst { Space } = antd;\nconst BaseExample = () => {\n  return (\n    <Space>\n      <Image.Avatar src={window.PUBLIC_URL + "/avatar.png"} shape="circle" />\n      <Image.Avatar\n        src={window.PUBLIC_URL + "/avatar.png"}\n        shape="circle"\n        size={80}\n      />\n      <Image.Avatar\n        src={window.PUBLIC_URL + "/avatar.png"}\n        shape="circle"\n        size={50}\n      />\n\n      <Image.Avatar shape="circle" />\n      <Image.Avatar gender="M" shape="circle" size={80} />\n      <Image.Avatar gender="female" shape="circle" size={50} />\n      <Image.Avatar gender="m" shape="circle" size={50} />\n    </Space>\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Image",packageName:"@components/Image",component:a},{name:"antd",packageName:"antd",component:l}]}]}}},71384:(n,e,t)=>{"use strict";t.d(e,{A:()=>s});var a=t(1454),o=t(45362),l=t(90580),r=t(55199);const s={name:"InfoPage",summary:"<h3>\u4f55\u65f6\u4f7f\u7528</h3>\n<p>\u4e00\u822c\u7528\u5728\u590d\u6742\u7684\u8be6\u60c5\u5c55\u793a\u9875\u9762\uff0cInfoPage\u63d0\u4f9b\u4e86\u4e00\u4e2a\u6807\u51c6\u7684\u5c55\u793a\u4fe1\u606f\u7684\u683c\u5f0f</p>\n<h3>\u7279\u70b9</h3>\n<ul>\n<li>\u652f\u6301Content\u7ec4\u4ef6Descriptions\u7ec4\u4ef6\u7684\u7ec4\u5408</li>\n<li>\u652f\u6301Collapse\u7ec4\u4ef6\u7ec4\u5408</li>\n<li>InfoPage.Part \u9700\u8981\u653e\u5728InfoPage\u4e4b\u4e0b\uff0cInfoPage.Collapse,Content,Descriptions \u9700\u8981\u653e\u5728 InfoPage.Part\u4e4b\u4e0b</li>\n</ul>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>children</td>\n<td>\u5185\u5bb9</td>\n<td>jsx</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>InfoPage.Part</h3>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>title</td>\n<td>\u6807\u9898</td>\n<td>jsx</td>\n<td>-</td>\n</tr>\n<tr>\n<td>extra</td>\n<td>\u989d\u5916\u5185\u5bb9</td>\n<td>jsx</td>\n<td>-</td>\n</tr>\n<tr>\n<td>children</td>\n<td>\u5185\u5bb9</td>\n<td>jsx</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>InfoPage.Collapse</h3>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>children</td>\n<td>\u5185\u5bb9</td>\n<td>jsx</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>",example:{isFull:!1,className:"InfoPage_fb7ea",style:"",list:[{title:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u6807\u9898",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { default: InfoPage } = _InfoPage;\nconst { default: Content } = _Content;\nconst { default: Descriptions } = _Descriptions;\nconst { Space, Button } = antd;\nconst BaseExample = () => {\n  return (\n    <InfoPage>\n      <InfoPage.Part\n        title="\u9000\u7968\u4fe1\u606f"\n        subTitle="\u6211\u662f\u4e00\u4e2a\u9000\u7968\u4fe1\u606f"\n        extra={<Button>\u64cd\u4f5c</Button>}\n      >\n        <Descriptions\n          dataSource={[\n            [\n              { label: "\u5ba2\u6237\u540d\u79f0", content: "\u817e\u8baf" },\n              {\n                label: "\u53d1\u7968\u62ac\u5934",\n                content: "\u817e\u8baf\u79d1\u6280\u516c\u53f8",\n              },\n            ],\n            [\n              { label: "\u53d1\u7968\u7c7b\u578b", content: "\u589e\u503c\u7a0e\u4e13\u7528\u53d1\u7968" },\n              {\n                label: "\u53d1\u7968\u5f00\u5177\u65e5\u671f",\n                content: "2022-08-15",\n              },\n            ],\n            [{ label: "\u9000\u7968\u91d1\u989d", content: "22000.00\u5143" }],\n            [\n              {\n                label: "\u53d1\u7968\u53f7",\n                content: (\n                  <div>\n                    <div>00384895992774</div>\n                    <div>00384895992774</div>\n                    <div>00384895992774</div>\n                    <div>00384895992774</div>\n                  </div>\n                ),\n              },\n            ],\n            [\n              { label: "\u662f\u5426\u9700\u8981\u91cd\u5f00\u53d1\u7968", content: "\u5426" },\n              {\n                label: "\u662f\u5426\u6d89\u53ca\u91d1\u878d\u53d8\u52a8",\n                content: "\u5426",\n              },\n            ],\n            [\n              { label: "\u662f\u5426\u9020\u6210\u5b9e\u8d28\u635f\u5931", content: "\u5426" },\n              { label: "\u8d23\u4efb\u5f52\u5c5e", content: "\u5ba2\u6237\u539f\u56e0" },\n            ],\n            [\n              {\n                label: "\u9000\u7968\u539f\u56e0",\n                content: "\u9000\u7968\u539f\u56e0\u7684\u63cf\u8ff0\u9000\u7968\u539f\u56e0\u7684\u63cf\u8ff0\u9000\u7968\u539f\u56e0\u7684\u63cf",\n              },\n            ],\n            [{ label: "\u9644\u4ef6", content: "\u9644\u4ef6\u540d\u79f0" }],\n            [\n              {\n                label: "\u64cd\u4f5c\u65f6\u95f4",\n                content: "2022-08-01 16:32",\n              },\n              { label: "\u64cd\u4f5c\u4eba", content: "\u897f\u897f\u6b6a" },\n            ],\n          ]}\n        />\n      </InfoPage.Part>\n      <InfoPage.Part title="\u5f00\u7968\u4fe1\u606f">\n        <Space direction="vertical" size={24}>\n          <Descriptions\n            dataSource={[\n              [{ label: "\u5ba2\u6237\u540d\u79f0", content: "\u817e\u8baf" }],\n              [{ label: "\u5408\u540c", content: "\u5408\u540c3" }],\n            ]}\n          />\n          <InfoPage.Part title="\u53d1\u7968\u8d39\u7528\u4fe1\u606f">\n            <Space direction="vertical">\n              <InfoPage.Collapse defaultActiveKey={["0", "1"]}>\n                <InfoPage.Collapse.Panel key="0" header="\u9879\u76ee\u7c7b\u578b1">\n                  <Content\n                    labelAlign="auto"\n                    col={3}\n                    gutter={[0, 12]}\n                    list={[\n                      { label: "\u9879\u76ee\u7c7b\u578b", content: "\u9762\u8bd5\u5230\u5c97" },\n                      {\n                        label: "\u8d39\u7528\u7c7b\u578b",\n                        content: "\u670d\u52a1\u8d39",\n                      },\n                      { label: "\u8d39\u7528\u603b\u91d1\u989d", content: "10,000\u5143" },\n                      {\n                        label: "\u672c\u6b21\u652f\u4ed8\u8d39\u7528\u6bd4\u4f8b",\n                        content: "30%",\n                      },\n                      { label: "\u672c\u6b21\u652f\u4ed8\u8d39\u7528\u91d1\u989d", content: "3,000\u5143" },\n                      {\n                        label: "\u5f00\u7968\u5019\u9009\u4eba",\n                        content: "\u674e\u5c0f\u840c",\n                      },\n                    ]}\n                  />\n                </InfoPage.Collapse.Panel>\n                <InfoPage.Collapse.Panel key="1" header="\u9879\u76ee\u7c7b\u578b2">\n                  <Content\n                    labelAlign="auto"\n                    col={3}\n                    gutter={[0, 12]}\n                    list={[\n                      { label: "\u9879\u76ee\u7c7b\u578b", content: "\u9762\u8bd5\u5230\u5c97" },\n                      {\n                        label: "\u8d39\u7528\u7c7b\u578b",\n                        content: "\u670d\u52a1\u8d39",\n                      },\n                      { label: "\u8d39\u7528\u603b\u91d1\u989d", content: "10,000\u5143" },\n                      {\n                        label: "\u672c\u6b21\u652f\u4ed8\u8d39\u7528\u6bd4\u4f8b",\n                        content: "30%",\n                      },\n                      { label: "\u672c\u6b21\u652f\u4ed8\u8d39\u7528\u91d1\u989d", content: "3,000\u5143" },\n                      {\n                        label: "\u5f00\u7968\u5019\u9009\u4eba",\n                        content: "\u674e\u5c0f\u840c",\n                      },\n                    ]}\n                  />\n                </InfoPage.Collapse.Panel>\n              </InfoPage.Collapse>\n              <Descriptions\n                dataSource={[\n                  [\n                    { label: "\u5ba2\u6237\u4ed8\u7a0e\u6bd4\u4f8b", content: "1%" },\n                    {\n                      label: "\u5ba2\u6237\u6240\u4ed8\u7a0e\u91d1",\n                      content: "30\u5143",\n                    },\n                  ],\n                  [\n                    { label: "\u670d\u52a1\u8d39", content: "2886.29\u5143" },\n                    {\n                      label: "\u53d1\u7968\u589e\u503c\u7a0e",\n                      content: "172.38\u5143",\n                    },\n                  ],\n                  [{ label: "\u53d1\u7968\u91d1\u989d", content: "22000.00\u5143" }],\n                  [\n                    {\n                      label: "\u53d1\u7968\u5907\u6ce8",\n                      content: "\u5907\u6ce8\u7684\u5185\u5bb9\u5907\u6ce8\u7684\u5185\u5bb9\u5907\u6ce8\u7684\u5185\u5bb9\u5907\u6ce8\u7684\u5185\u5bb9",\n                    },\n                  ],\n                ]}\n              />\n            </Space>\n          </InfoPage.Part>\n          <InfoPage.Part title="\u53d1\u7968\u4fe1\u606f">\n            <Descriptions\n              dataSource={[\n                [{ label: "\u4ed8\u6b3e\u4fe1\u606f", content: "ASB54492789374983798" }],\n                [\n                  {\n                    label: "\u53d1\u7968\u6536\u4ef6\u4eba",\n                    content: "\u897f\u897f\u6b6a",\n                  },\n                ],\n                [{ label: "\u9644\u4ef6", content: "\u9644\u4ef6\u540d\u79f0" }],\n                [\n                  {\n                    label: "\u9884\u8ba1\u5165\u804c\u65e5\u671f",\n                    content: "2022-08-15",\n                  },\n                ],\n              ]}\n            />\n          </InfoPage.Part>\n          <InfoPage.Part title="\u4e1a\u7ee9\u5206\u914d">\n            <InfoPage.Collapse defaultActiveKey={["0", "1"]}>\n              <InfoPage.Collapse.Panel key="0" header="\u9879\u76ee\u7c7b\u578b1">\n                <Content\n                  labelAlign="auto"\n                  col={3}\n                  gutter={[0, 12]}\n                  list={[\n                    { label: "\u5206\u914d\u7528\u6237", content: "\u738b\u4e9a\u7537" },\n                    {\n                      label: "\u5206\u914d\u6bd4\u4f8b",\n                      content: "40%",\n                    },\n                    { label: "\u5206\u914d\u91d1\u989d", content: "1,200\u5143" },\n                  ]}\n                />\n              </InfoPage.Collapse.Panel>\n              <InfoPage.Collapse.Panel key="1" header="\u9879\u76ee\u7c7b\u578b2">\n                <Content\n                  labelAlign="auto"\n                  col={3}\n                  gutter={[0, 12]}\n                  list={[\n                    { label: "\u5206\u914d\u7528\u6237", content: "\u738b\u4e9a\u7537" },\n                    {\n                      label: "\u5206\u914d\u6bd4\u4f8b",\n                      content: "40%",\n                    },\n                    { label: "\u5206\u914d\u91d1\u989d", content: "1,200\u5143" },\n                  ]}\n                />\n              </InfoPage.Collapse.Panel>\n            </InfoPage.Collapse>\n          </InfoPage.Part>\n        </Space>\n      </InfoPage.Part>\n    </InfoPage>\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_InfoPage",packageName:"@components/InfoPage",component:a},{name:"_Content",packageName:"@components/Content",component:o},{name:"_Descriptions",packageName:"@components/Descriptions",component:l},{name:"antd",packageName:"antd",component:r}]}]}}},22056:(n,e,t)=>{"use strict";t.d(e,{A:()=>r});var a=t(58609),o=t(76329),l=t(55199);const r={name:"Intl",summary:"<p>\u652f\u6301\u7cfb\u7edf\u56fd\u9645\u5316</p>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n</table>",example:{isFull:!1,className:"Intl_51734",style:"",list:[{title:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u6807\u9898",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:"const {FormattedMessage, IntlProvider} = _Intl;\nconst {PureGlobal} = global;\nconst {Select, Space} = antd;\nconst {default: en} = localeEN;\nconst {default: cn} = localeCN;\nconst {useState} = React;\nconst BaseExample = () => {\n    const [locale, setLocale] = useState('zh-CN');\n    return (<Space>\n        <Select value={locale} onChange={setLocale}\n                options={['zh-CN', 'en-US'].map(key => ({value: key, label: key}))}/>\n        <PureGlobal\n            preset={{\n                locale\n            }}\n        >\n            <IntlProvider locale={locale} importMessages={locale => {\n                return {\n                    default: {\n                        'zh-CN': cn, 'en-US': en\n                    }[locale]\n                };\n            }}>\n                <FormattedMessage defaultMessage=\"\u6309\u94ae\" id=\"ButtonText\">\n                    {text => <div>{text}</div>}\n                </FormattedMessage>\n            </IntlProvider>\n\n        </PureGlobal>\n    </Space>);\n};\n\nrender(<BaseExample/>);\n\n",scope:[{name:"_Intl",packageName:"@components/Intl",component:a},{name:"global",packageName:"@components/Global",component:o},{name:"antd",packageName:"antd",component:l},{name:"localeEN",packageName:"@components/Intl/doc/locale/en-US",component:t(59497)},{name:"localeCN",packageName:"@components/Intl/doc/locale/zh-CN",component:t(82719)}]}]}}},21763:(n,e,t)=>{"use strict";t.d(e,{A:()=>r});var a=t(51516),o=t(76329),l=t(55199);const r={name:"Layout",summary:"<h3>\u4f55\u65f6\u4f7f\u7528</h3>\n<p>\u6bcf\u4e2a\u767b\u5f55\u540e\u7684\u7cfb\u7edf\u9875\u9762\u90fd\u5e94\u8be5\u5728Layout\u7684\u6846\u67b6\u4e4b\u4e0b\uff0c\u5b83\u5b9a\u4e49\u4e86\u9875\u9762\u7684\u57fa\u672c\u6846\u67b6\u3002\u6839\u636e\u8bbe\u8ba1\u5bf9\u4e8e\u9875\u9762\u7684\u4e0d\u540c\u8981\u6c42\uff0c\u9002\u5f53\u9009\u62e9\u4e0d\u540c\u7684\u7ec4\u5408</p>\n<h3>\u7279\u70b9</h3>\n<p>Layout\u5c06\u6574\u4e2a\u9875\u9762\u5212\u5206\u6210\u4ee5\u4e0b\u51e0\u4e2a\u533a\u57df</p>\n<ol>\n<li>\u5bfc\u822a\u533a</li>\n<li>\u5185\u5bb9\u533a</li>\n<li>\u5de6\u83dc\u5355\u533a</li>\n<li>\u53f3\u64cd\u4f5c\u533a</li>\n<li>\u9875\u5934\u533a</li>\n<li>\u9875\u5934\u4fe1\u606f\u533a</li>\n<li>\u9875\u9762\u6807\u9898\u533a</li>\n</ol>\n<p>\u901a\u8fc7\u7ed9Page\u914d\u7f6e\u4e0d\u540c\u7684\u53c2\u6570\u5b9e\u73b0\u4e0d\u540c\u533a\u57df\u7684\u663e\u793a</p>\n<h3>\u6ce8\u610f</h3>\n<ul>\n<li>Page\u7684name\u53c2\u6570\u5fc5\u987b\u8981\u4f20\uff0c\u7528\u6765\u5728\u9875\u9762\u8df3\u8f6c\u65f6\u786e\u5b9aPage\u662f\u4e0d\u662f\u540c\u4e00\u4e2a\uff0c\u51b3\u5b9a\u7740Page\u662f\u5426\u8d70install\u5468\u671f</li>\n<li>Page\u7ec4\u4ef6\u7684\u53c2\u6570\u662f\u901a\u8fc7Context\u4fdd\u5b58\u5728Layout\u4e2d\u7684\uff0c\u8fd9\u6837\u505a\u7684\u76ee\u7684\u662f\u4e3a\u4e86\u8ba9\u9875\u9762\u8df3\u8f6c\u65f6\uff0c\u9664\u9875\u9762\u533a\u4ee5\u5916\u7684\u533a\u57df\u5728\u524d\u540e\u4fe9\u9875\u9762\u5dee\u522b\u4e0d\u5927\u7684\u60c5\u51b5\u4e0b\u8d70\u66f4\u65b0\u5468\u671f\u800c\u4e0d\u662finstall\u5468\u671f\uff0c\u4ee5\u6b64\u5e26\u6765\u66f4\u5feb\u7684\u6e32\u67d3\u901f\u5ea6\u907f\u514d\u4e0d\u5fc5\u8981\u7684\u91cd\u590d\u5b89\u88c5\u548c\u5378\u8f7d</li>\n<li>\u8bf7\u5c3d\u91cf\u901a\u8fc7Page\u63d0\u4f9b\u7684\u53c2\u6570\u6765\u914d\u7f6e\u51fa\u8bbe\u8ba1\u8981\u6c42\u7684\u9875\u9762\uff0c\u4e0d\u8981\u81ea\u884c\u7528css\u5b9e\u73b0\uff0c\u4ee5\u4fbf\u4e8eLayout\u7ec4\u4ef6\u80fd\u4ece\u6574\u4f53\u63a7\u5236\u9875\u9762\u7684\u57fa\u672c\u5f62\u5f0f\u548c\u4e0d\u540c\u533a\u57df\u7684padding\u548cmargin\uff0c\u8ba9\u7cfb\u7edf\u66f4\u52a0\u7edf\u4e00\u5316\u6807\u51c6\u5316</li>\n</ul>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>navigation</td>\n<td>\u5bfc\u822a\u53c2\u6570\u53c2\u8003 Navigation \u7ec4\u4ef6\u53c2\u6570</td>\n<td>object</td>\n<td>-</td>\n</tr>\n<tr>\n<td>children</td>\n<td>\u4e00\u822c\u653e\u7f6ePage\u7ec4\u4ef6</td>\n<td>jsx</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>Page</h3>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>menu</td>\n<td>\u5de6\u83dc\u5355\u533a\u5185\u5bb9</td>\n<td>jsx</td>\n<td>-</td>\n</tr>\n<tr>\n<td>filter</td>\n<td>\u9875\u9762\u6807\u9898\u4f4d\u7f6e\u7b5b\u9009\u5668\u53c2\u6570,\u53c2\u8003 Filter \u7ec4\u4ef6\u53c2\u6570</td>\n<td>object</td>\n<td>-</td>\n</tr>\n<tr>\n<td>menuOpen</td>\n<td>\u5de6\u83dc\u5355\u662f\u5426\u9ed8\u8ba4\u6253\u5f00</td>\n<td>boolean</td>\n<td>true</td>\n</tr>\n<tr>\n<td>menuWidth</td>\n<td>\u5de6\u83dc\u5355\u5bbd\u5ea6</td>\n<td>string</td>\n<td>240px</td>\n</tr>\n<tr>\n<td>menuFixed</td>\n<td>\u5de6\u83dc\u5355\u662f\u5426fixed\u5e03\u5c40</td>\n<td>boolean</td>\n<td>true</td>\n</tr>\n<tr>\n<td>menuCloseButton</td>\n<td>\u63a7\u5236\u5de6\u83dc\u5355\u663e\u793a\u9690\u85cf\u7684\u6309\u94ae\u662f\u5426\u663e\u793a</td>\n<td>boolean</td>\n<td>true</td>\n</tr>\n<tr>\n<td>header</td>\n<td>\u9875\u5934\u533a\u5185\u5bb9</td>\n<td>jsx</td>\n<td>-</td>\n</tr>\n<tr>\n<td>headerFixed</td>\n<td>\u9875\u5934\u533a\u662f\u5426fixed\u5e03\u5c40</td>\n<td>boolean</td>\n<td>true</td>\n</tr>\n<tr>\n<td>headerInfo</td>\n<td>\u9875\u5934\u4fe1\u606f\u533a\u5185\u5bb9</td>\n<td>jsx</td>\n<td>-</td>\n</tr>\n<tr>\n<td>backUrl</td>\n<td>\u53f3\u4fa7\u5185\u5bb9\u533a\u7684\u6807\u9898\u524d\u5c55\u793a\u8fd4\u56de\u6309\u94ae\uff0c\u5e76\u8fd4\u56de\u5230\u8be5url</td>\n<td>\u53c2\u8003 useNavigate</td>\n<td>-</td>\n</tr>\n<tr>\n<td>title</td>\n<td>\u9875\u9762\u6807\u9898</td>\n<td>string,jsx</td>\n<td>-</td>\n</tr>\n<tr>\n<td>titleExtra</td>\n<td>\u9875\u9762\u6807\u9898\u533a\u53f3\u4fa7\u4f4d\u7f6e\u5185\u5bb9</td>\n<td>jsx</td>\n<td>-</td>\n</tr>\n<tr>\n<td>titleLeftExtra</td>\n<td>\u9875\u9762\u6807\u9898\u533a\u5de6\u4fa7\u4f4d\u7f6e\u5185\u5bb9</td>\n<td>jsx</td>\n<td>-</td>\n</tr>\n<tr>\n<td>noMargin</td>\n<td>\u9875\u9762\u5185\u5bb9\u533a\u662f\u5426\u53bb\u6389Margin</td>\n<td>boolean</td>\n<td>false</td>\n</tr>\n<tr>\n<td>noPadding</td>\n<td>\u9875\u9762\u5185\u5bb9\u533a\u662f\u5426\u53bb\u6389Padding</td>\n<td>boolean</td>\n<td>false</td>\n</tr>\n<tr>\n<td>option</td>\n<td>\u53f3\u64cd\u4f5c\u533a\u5185\u5bb9</td>\n<td>jsx</td>\n<td>-</td>\n</tr>\n<tr>\n<td>optionWidth</td>\n<td>\u53f3\u64cd\u4f5c\u533a\u5bbd\u5ea6</td>\n<td>string</td>\n<td>400px</td>\n</tr>\n<tr>\n<td>optionNoPadding</td>\n<td>\u53f3\u64cd\u4f5c\u533a\u662f\u5426\u53bb\u6389Padding</td>\n<td>boolean</td>\n<td>false</td>\n</tr>\n<tr>\n<td>optionFixed</td>\n<td>\u53f3\u64cd\u4f5c\u533a\u662f\u5426fixed\u5e03\u5c40</td>\n<td>boolean</td>\n<td>false</td>\n</tr>\n<tr>\n<td>optionFooter</td>\n<td>\u53f3\u64cd\u4f5c\u533a\u5e95\u90e8\u5185\u5bb9</td>\n<td>jsx</td>\n<td>-</td>\n</tr>\n<tr>\n<td>openFeatures</td>\n<td>Page\u662f\u5426\u542f\u7528Features\uff0c\u542f\u7528\u65f6\u5982\u679c\u914d\u7f6e\u6587\u4ef6\u4e2d\u6ca1\u6709\u8be5\u6a21\u5757id\u5219\u5224\u65ad\u4e3a\u6a21\u5757\u5173\u95ed\uff0c\u4f1a\u5c06name\u4f5c\u4e3aFeatures\u7684id\u8fdb\u884c\u8bbe\u7f6e</td>\n<td>boolean</td>\n<td>false</td>\n</tr>\n</tbody>\n</table>\n<h3>Affix</h3>\n<p>\u53ef\u4ee5\u63a7\u5236\u5176\u4e2d\u7684\u5185\u5bb9\u662f\u5426\u662ffixed\u5e03\u5c40</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>isFixed</td>\n<td>\u5185\u5bb9\u662f\u5426fixed\u5e03\u5c40</td>\n<td>boolean</td>\n<td>true</td>\n</tr>\n<tr>\n<td>offsetTop</td>\n<td>\u8ddd\u79bb\u7a97\u53e3\u9876\u90e8\u8fbe\u5230\u6307\u5b9a\u504f\u79fb\u91cf\u540e\u89e6\u53d1</td>\n<td>number</td>\n<td>0</td>\n</tr>\n<tr>\n<td>offsetBottom</td>\n<td>\u8ddd\u79bb\u7a97\u53e3\u5e95\u90e8\u8fbe\u5230\u6307\u5b9a\u504f\u79fb\u91cf\u540e\u89e6\u53d1</td>\n<td>number</td>\n<td>-</td>\n</tr>\n<tr>\n<td>onChange</td>\n<td>\u56fa\u5b9a\u72b6\u6001\u6539\u53d8\u65f6\u89e6\u53d1\u7684\u56de\u8c03\u51fd\u6570</td>\n<td>function</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>Menu</h3>\n<p>\u663e\u793a\u4e00\u4e2a\u83dc\u5355\uff0c\u6700\u591a\u652f\u6301\u4e24\u7ea7\uff0c\u652f\u6301\u7b2c\u4e00\u7ea7\u5c55\u5f00\u6536\u8d77\uff0c\u652f\u6301\u8def\u5f84\u5339\u914d\u81ea\u52a8\u9ad8\u4eae</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>items</td>\n<td>\u83dc\u5355\u9879</td>\n<td>array[object]</td>\n<td>[]</td>\n</tr>\n<tr>\n<td>items[].label</td>\n<td>\u83dc\u5355\u9879\u663e\u793a\u5185\u5bb9</td>\n<td>jsx</td>\n<td>-</td>\n</tr>\n<tr>\n<td>items[].key</td>\n<td>\u83dc\u5355\u9879\u7684key\u8981\u6c42\u5fc5\u987b\u552f\u4e00</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>items[].iconType</td>\n<td>\u83dc\u5355\u9879\u524d\u9762\u7684icon\u7c7b\u578b\u53c2\u8003 Icon\u7ec4\u4ef6\u7684type\u53c2\u6570</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>items[].path</td>\n<td>\u83dc\u5355\u9879\u7684\u8def\u5f84</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>items[].onClick</td>\n<td>\u83dc\u5355\u9879\u70b9\u51fb\u89e6\u53d1\u4e8b\u4ef6\uff0c\u6ce8\u610f\uff1a\u5982\u679c\u83dc\u5355\u9879\u5df2\u7ecf\u4f20\u5165path\u53c2\u6570\u5219\u8be5\u53c2\u6570\u4e0d\u751f\u6548</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>items[].children</td>\n<td>\u83dc\u5355\u9879\u7684\u7b2c\u4e8c\u7ea7\u9879\u5217\u8868\uff0c\u53c2\u8003items\u53c2\u6570\u3002\u6ce8\u610f\u8be5\u7ec4\u4ef6\u53ea\u652f\u6301\u4e24\u7ea7\u83dc\u5355\uff0c\u6240\u4ee5\u8be5\u53c2\u6570\u5185\u90e8\u7684\u83dc\u5355\u9879\u4e0d\u518d\u652f\u6301children\u53c2\u6570</td>\n<td>array[object]</td>\n<td>-</td>\n</tr>\n<tr>\n<td>currentKey</td>\n<td>\u5f53\u524d\u88ab\u9009\u4e2d\u7684\u83dc\u5355\u9879\u7684key\uff0c\u5982\u679c\u83dc\u5355\u9879\u53c8path\u53c2\u6570\uff0c\u4e0d\u9700\u8981\u4f20\u9012\u8be5\u53c2\u6570\uff0c\u7ec4\u4ef6\u4f1a\u6839\u636e\u8def\u7531\u81ea\u52a8\u5224\u65ad\u9009\u4e2d\u9879</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>onChange</td>\n<td>currentKey\u4ea7\u751f\u4fee\u6539\u65f6\u89e6\u53d1\u51fd\u6570\uff0c\u6ce8\u610f\uff1a\u5982\u679c\u83dc\u5355\u9879\u5df2\u7ecf\u4f20\u5165path\u53c2\u6570\u5219\u8be5\u53c2\u6570\u4e0d\u751f\u6548</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>allowCollapsed</td>\n<td>\u662f\u5426\u5141\u8bb8\u4e00\u7ea7\u83dc\u5355\u6536\u8d77</td>\n<td>boolean</td>\n<td>true</td>\n</tr>\n<tr>\n<td>defaultOpenKeys</td>\n<td>\u521d\u59cb\u5c55\u5f00\u7684 SubMenu \u83dc\u5355\u9879 key \u6570\u7ec4</td>\n<td>string[]</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>PermissionsPage</h3>\n<p>\u52a0\u5165\u6743\u9650\u5224\u65ad\u7684Page\uff0c\u9519\u8bef\u7c7b\u578b\u9ed8\u8ba4\u4e3aerror\uff0c\u5373\u5728\u8be5\u9875\u9762\u6ca1\u6709\u6743\u9650\u65f6\u663e\u793a\u9519\u8bef</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>permissions</td>\n<td>\u6743\u9650\u5217\u8868\u53c2\u8003 Permissions \u7ec4\u4ef6\u53c2\u6570</td>\n<td>object</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>",example:{isFull:!0,className:"Layout_ebd9b",style:".Layout_ebd9b .layout-content {\n  color: #fff;\n  background: var(--primary-color-4);\n  height: 100%;\n  text-align: center;\n  line-height: 300px;\n}\n.Layout_ebd9b .with-title-layout-content {\n  height: 100%;\n}\n.Layout_ebd9b .layout-menu {\n  background: #ff9c6e;\n  color: #fff;\n  height: 110vh;\n  text-align: center;\n  line-height: 300px;\n}\n.Layout_ebd9b .header {\n  background: #ff9c6e;\n  height: 100px;\n  padding: 10px;\n  color: #fff;\n}\n.Layout_ebd9b .right-options {\n  background: var(--primary-color-4);\n  height: 110vh;\n  color: #fff;\n}\n.Layout_ebd9b .header-info {\n  padding: 10px;\n  height: 100px;\n  background: var(--primary-color-4);\n  color: #fff;\n}",list:[{title:"\u57fa\u7840\u4e0a\u4e0b\u5e03\u5c40",description:"\u5c55\u793a\u6700\u57fa\u7840\u7684\u4e0a\u5bfc\u822a\u680f\uff0c\u4e0b\u5185\u5bb9\u7684\u5e03\u5c40",code:'const { default: Layout, Page } = _Layout;\nconst { PureGlobal } = global;\nconst BaseExample = () => {\n  return (\n    <PureGlobal\n      preset={{\n        enums: {\n          helperGuide: () => [\n            {\n              value: "base-detail",\n              content: "\u6d4b\u8bd5\u5e2e\u52a9\u6587\u6863",\n              url: "/",\n            },\n          ],\n        },\n      }}\n    >\n      <Layout navigation={{ isFixed: false }}>\n        <Page name="base" helperGuideName="base-detail">\n          <div className="layout-content">\u5185\u5bb9\u533a</div>\n        </Page>\n      </Layout>\n    </PureGlobal>\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Layout",packageName:"@components/Layout",component:a},{name:"global",packageName:"@components/Global",component:o}]},{title:"\u5e26\u6709\u5de6\u4fa7\u83dc\u5355\u5e03\u5c40",description:"\u5c55\u793a\u5e26\u6709\u5de6\u4fa7\u83dc\u5355\u5e03\u5c40",code:'const { default: Layout, Page, Menu } = layout;\nconst { Button, Space } = antd;\nconst { PureGlobal } = global;\n\nconst Example = () => {\n  return (\n    <Layout navigation={{ isFixed: false }}>\n      <Page\n        name="left-menu"\n        menuFixed={false}\n        menu={\n          <Menu\n            items={[\n              {\n                label: "\u7236\u7ea7\u6807\u98981",\n                key: "p-0",\n                iconType: "icon-zhanghaodenglu",\n                children: [\n                  {\n                    label: "\u5b50\u6807\u98981",\n                    key: "s-0",\n                    path: "/link1",\n                  },\n                  {\n                    label: "\u5b50\u6807\u98982",\n                    key: "s-1",\n                    path: "/link2",\n                  },\n                ],\n              },\n              {\n                label: "\u7236\u7ea7\u6807\u98982",\n                key: "p-1",\n                iconType: "icon-zhanghaodenglu",\n                children: [\n                  {\n                    label: "\u5b50\u6807\u98981",\n                    key: "s-2",\n                    path: "/link3",\n                  },\n                  {\n                    label: "\u5b50\u6807\u98982",\n                    key: "s-3",\n                    path: "/link4",\n                  },\n                ],\n              },\n              {\n                label: "\u7236\u7ea7\u6807\u98983",\n                key: "p-2",\n                iconType: "icon-zhanghaodenglu",\n                path: "/link5",\n              },\n            ]}\n          />\n        }\n        titleExtra={\n          <Space>\n            <Button type="primary">\u65b0\u5efa</Button>\n          </Space>\n        }\n        backUrl={"/"}\n        title="\u6807\u9898"\n      >\n        <div className="layout-content with-title-layout-content">\u5185\u5bb9\u533a</div>\n      </Page>\n    </Layout>\n  );\n};\n\nrender(\n  <PureGlobal>\n    <Example />\n  </PureGlobal>\n);\n\n',scope:[{name:"layout",packageName:"@components/Layout",component:a},{name:"antd",packageName:"antd",component:l},{name:"global",packageName:"@components/Global",component:o}]},{title:"\u5de6\u4fa7\u56fa\u5b9a\u5e26Header",description:"\u5c55\u793a\u5e26\u6709header\u7684\u5de6\u4fa7\u56fa\u5b9a\u83dc\u5355\u5e03\u5c40",code:'const { default: Layout, Page } = layout;\nconst { Button, Space } = antd;\nconst { PureGlobal } = global;\n\nconst Example = () => {\n  return (\n    <Space className="container" direction="vertical">\n      <Layout navigation={{ isFixed: false }}>\n        <Page\n          name="with-header"\n          helperGuideName="base-detail"\n          menu={<div className="layout-menu">\u5de6\u4fa7\u83dc\u5355\u533a</div>}\n          titleExtra={\n            <Space>\n              <Button type="primary">\u65b0\u5efa</Button>\n            </Space>\n          }\n          title="\u6807\u9898"\n          hideCloseSvg={true}\n          headerHeight="40px"\n          menuFixed={false}\n          header={<div className="header">header</div>}\n          headerFixed={false}\n          headerInfo={<div className="header-info">header info\u533a\u57df</div>}\n        >\n          <div>\u5185\u5bb9\u533a</div>\n        </Page>\n      </Layout>\n    </Space>\n  );\n};\n\nrender(\n  <PureGlobal\n    preset={{\n      enums: {\n        helperGuide: () => [\n          {\n            value: "base-detail",\n            content: "\u6d4b\u8bd5\u5e2e\u52a9\u6587\u6863",\n            url: "/",\n          },\n        ],\n      },\n    }}\n  >\n    <Example />\n  </PureGlobal>\n);\n\n',scope:[{name:"layout",packageName:"@components/Layout",component:a},{name:"antd",packageName:"antd",component:l},{name:"global",packageName:"@components/Global",component:o}]},{title:"\u53f3\u4fa7\u56fa\u5b9a",description:"\u5c55\u793a\u5e26\u6709header\u7684\u53f3\u4fa7\u56fa\u5b9a\u83dc\u5355\u5e03\u5c40",code:'const { default: Layout, Page } = layout;\nconst { Button, Space } = antd;\nconst { PureGlobal } = global;\n\nconst Example = () => {\n  return (\n    <Layout navigation={{ isFixed: false }}>\n      <Page\n        name="fix-right-menu"\n        optionFixed={false}\n        option={<div className="right-options">\u53f3\u4fa7\u64cd\u4f5c\u533a\u57df</div>}\n        optionFooter={\n          <Space>\n            <Button type="primary">\u65b0\u5efa</Button>\n          </Space>\n        }\n        titleExtra={\n          <Space>\n            <Button type="primary">\u65b0\u5efa</Button>\n          </Space>\n        }\n        title="\u6807\u9898"\n        header={<div className="header">header</div>}\n        headerFixed={false}\n        menuFixed={false}\n      >\n        <div>\u5185\u5bb9\u533a</div>\n      </Page>\n    </Layout>\n  );\n};\n\nrender(\n  <PureGlobal>\n    <Example />\n  </PureGlobal>\n);\n\n',scope:[{name:"layout",packageName:"@components/Layout",component:a},{name:"antd",packageName:"antd",component:l},{name:"global",packageName:"@components/Global",component:o}]},{title:"\u5e26\u6709filter\u7684\u5217\u8868\u9875",description:"\u5c55\u793a\u5e26\u6709filter\u7684\u5217\u8868\u9875",code:'const { default: Layout, Page } = layout;\nconst {\n  InputFilterItem,\n  CityFilterItem,\n  AdvancedSelectFilterItem,\n  UserFilterItem,\n  FunctionSelectFilterItem,\n  IndustrySelectFilterItem,\n  getFilterValue,\n} = filter;\nconst { useState } = React;\nconst { Space, Button } = antd;\nconst { PureGlobal } = global;\nconst BaseExample = () => {\n  const [filter, setFilter] = useState([]);\n  return (\n    <PureGlobal preset={{}}>\n      <Layout navigation={{ isFixed: false }}>\n        <Page\n          name="base"\n          helperGuideName="base-detail"\n          titleExtra={\n            <Space>\n              <Button type="primary">\u6dfb\u52a0</Button>\n            </Space>\n          }\n          filter={{\n            extraExpand: (\n              <Button type="primary" size="small">\n                \u8ba2\u9605\u7b5b\u9009\u9879\n              </Button>\n            ),\n            value: filter,\n            onChange: (value) => {\n              setFilter(value);\n              console.log(getFilterValue(value));\n            },\n            list: [\n              [\n                <InputFilterItem label="\u6587\u5b57" name="text" />,\n                <CityFilterItem label="\u57ce\u5e02" name="city" />,\n                <AdvancedSelectFilterItem\n                  label="\u9ad8\u7ea7\u9009\u62e9"\n                  name="select"\n                  api={{\n                    loader: () => {\n                      return {\n                        pageData: [\n                          { label: "\u7b2c\u4e00\u9879", value: 1 },\n                          { label: "\u7b2c\u4e8c\u9879", value: 2, disabled: true },\n                          {\n                            label: "\u7b2c\u4e09\u9879",\n                            value: 3,\n                          },\n                        ],\n                      };\n                    },\n                  }}\n                />,\n                <UserFilterItem\n                  label="\u7528\u6237\u9009\u62e9"\n                  name="user"\n                  api={{\n                    loader: () => {\n                      return {\n                        pageData: [\n                          {\n                            label: "\u7528\u6237\u4e00",\n                            value: 1,\n                            description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n                          },\n                          {\n                            label: "\u7528\u6237\u4e8c",\n                            value: 2,\n                            description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n                          },\n                          {\n                            label: "\u7528\u6237\u4e09",\n                            value: 3,\n                            description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n                          },\n                        ],\n                      };\n                    },\n                  }}\n                />,\n                <FunctionSelectFilterItem\n                  label="\u804c\u80fd\u9009\u62e9"\n                  name="function"\n                  onlyAllowLastLevel\n                  single\n                />,\n                <IndustrySelectFilterItem\n                  label="\u884c\u4e1a\u9009\u62e9"\n                  name="industry"\n                  onlyAllowLastLevel\n                />,\n              ],\n              [\n                <UserFilterItem\n                  label="\u804c\u4f4d\u534f\u52a9\u4eba"\n                  name="position_user"\n                  api={{\n                    loader: () => {\n                      return {\n                        pageData: [\n                          {\n                            label: "\u7528\u6237\u4e00",\n                            value: 1,\n                            description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n                          },\n                          {\n                            label: "\u7528\u6237\u4e8c",\n                            value: 2,\n                            description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n                          },\n                          {\n                            label: "\u7528\u6237\u4e09",\n                            value: 3,\n                            description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n                          },\n                        ],\n                      };\n                    },\n                  }}\n                />,\n              ],\n            ],\n          }}\n        >\n          <div className="layout-content">\u5185\u5bb9\u533a</div>\n        </Page>\n      </Layout>\n    </PureGlobal>\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"layout",packageName:"@components/Layout",component:a},{name:"antd",packageName:"antd",component:l},{name:"global",packageName:"@components/Global",component:o},{name:"filter",packageName:"@components/Filter",component:t(2615)}]},{title:"\u5de6\u4fa7\u5bfc\u822a\u83dc\u5355",description:"\u5c55\u793a\u4e00\u4e2a\u5de6\u4fa7\u5bfc\u822a\u83dc\u5355",code:'const { Menu } = layout;\nconst { Space } = antd;\nconst { useState } = React;\n\nconst ControlMenu = () => {\n  const [current, setCurrent] = useState();\n  return (\n    <Menu\n      currentKey={current}\n      onChange={setCurrent}\n      items={[\n        {\n          label: "\u7236\u7ea7\u6807\u98981",\n          key: "p-0",\n          iconType: "icon-zhanghaodenglu",\n          children: [\n            {\n              label: "\u5b50\u6807\u98981",\n              key: "s-0",\n            },\n            {\n              label: "\u5b50\u6807\u98982",\n              key: "s-1",\n            },\n          ],\n        },\n        {\n          label: "\u7236\u7ea7\u6807\u98982",\n          key: "p-1",\n          iconType: "icon-zhanghaodenglu",\n          children: [\n            {\n              label: "\u5b50\u6807\u98981",\n              key: "s-2",\n            },\n            {\n              label: "\u5b50\u6807\u98982",\n              key: "s-3",\n            },\n          ],\n        },\n        {\n          label: "\u7236\u7ea7\u6807\u98983",\n          key: "p-2",\n          iconType: "icon-zhanghaodenglu",\n        },\n      ]}\n    />\n  );\n};\n\nconst Example = () => {\n  return (\n    <Space size={10}>\n      <Menu\n        items={[\n          {\n            label: "\u7236\u7ea7\u6807\u98981",\n            key: "p-0",\n            iconType: "icon-zhanghaodenglu",\n            children: [\n              {\n                label: "\u5b50\u6807\u98981",\n                key: "s-0",\n                path: "/link1",\n              },\n              {\n                label: "\u5b50\u6807\u98982",\n                key: "s-1",\n                path: "/link2",\n              },\n            ],\n          },\n          {\n            label: "\u7236\u7ea7\u6807\u98982",\n            key: "p-1",\n            iconType: "icon-zhanghaodenglu",\n            children: [\n              {\n                label: "\u5b50\u6807\u98981",\n                key: "s-2",\n                path: "/link3",\n              },\n              {\n                label: "\u5b50\u6807\u98982",\n                key: "s-3",\n                path: "/link4",\n              },\n            ],\n          },\n          {\n            label: "\u7236\u7ea7\u6807\u98983",\n            key: "p-2",\n            iconType: "icon-zhanghaodenglu",\n            path: "/link5",\n          },\n        ]}\n      />\n      <Menu\n        items={[\n          {\n            iconType: "icon-zhanghaodenglu",\n            label: "\u5b50\u6807\u98981",\n            key: "s-0",\n            path: "/link1",\n          },\n          {\n            iconType: "icon-zhanghaodenglu",\n            label: "\u5b50\u6807\u98982",\n            key: "s-1",\n            path: "/link2",\n          },\n          {\n            iconType: "icon-zhanghaodenglu",\n            label: "\u5b50\u6807\u98981",\n            key: "s-2",\n            path: "/link3",\n          },\n          {\n            iconType: "icon-zhanghaodenglu",\n            label: "\u5b50\u6807\u98982",\n            key: "s-3",\n            path: "/link4",\n          },\n        ]}\n      />\n      <Menu\n        allowCollapsed={false}\n        items={[\n          {\n            label: "\u7236\u7ea7\u6807\u98981",\n            key: "p-0",\n            iconType: "icon-zhanghaodenglu",\n            children: [\n              {\n                label: "\u5b50\u6807\u98981",\n                key: "s-0",\n                path: "/link1",\n              },\n              {\n                label: "\u5b50\u6807\u98982",\n                key: "s-1",\n                path: "/link2",\n              },\n            ],\n          },\n          {\n            label: "\u7236\u7ea7\u6807\u98982",\n            key: "p-1",\n            iconType: "icon-zhanghaodenglu",\n            children: [\n              {\n                label: "\u5b50\u6807\u98981",\n                key: "s-2",\n                path: "/link3",\n              },\n              {\n                label: "\u5b50\u6807\u98982",\n                key: "s-3",\n                path: "/link4",\n              },\n            ],\n          },\n          {\n            label: "\u7236\u7ea7\u6807\u98983",\n            key: "p-2",\n            iconType: "icon-zhanghaodenglu",\n            path: "/link5",\n          },\n        ]}\n      />\n      <ControlMenu />\n    </Space>\n  );\n};\n\nrender(<Example />);\n\n',scope:[{name:"layout",packageName:"@components/Layout",component:a},{name:"antd",packageName:"antd",component:l}]}]}}},58419:(n,e,t)=>{"use strict";t.d(e,{A:()=>l});var a=t(81014),o=t(55199);const l={name:"LoadingButton",summary:"<h3>\u4f55\u65f6\u4f7f\u7528</h3>\n<p>\u5f53\u70b9\u51fb\u6309\u94ae\u65f6\uff0c\u9700\u8981\u663e\u793aloading\u72b6\u6001\uff0c\u5f53\u7136\u4f60\u53ef\u4ee5\u4f7f\u7528antd Button\u7684loading\u5c5e\u6027\uff0c\u4f46\u662f\u8fd9\u6837\u4f60\u9700\u8981\u81ea\u5df1\u58f0\u660e\u4e00\u4e2astate\u6765\u63a7\u5236\uff0cLoadingButton\u7ec4\u4ef6\u53ef\u4ee5\u5e2e\u4f60\u505a\u597d\u8fd9\u4ef6\u4e8b\u60c5</p>\n<h3>\u7279\u70b9</h3>\n<p>\u901a\u8fc7onClick\u8fd4\u56de\u7684Promise\u6765\u63a7\u5236Button\u7684loading\u72b6\u6001</p>\n<p>children\u9664\u4e86\u53ef\u4ee5\u4f20\u6b63\u5e38\u7684jsx\u4ee5\u5916\u8fd8\u63a5\u53d7function\u53c2\u6570\uff0c\u53ef\u4ee5\u63a5\u6536\u5230loading\u72b6\u6001\u4ee5\u4fbf\u6839\u636eloading\u72b6\u6001\u663e\u793a\u4e0d\u540c\u6587\u6848</p>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>onClick</td>\n<td>\u70b9\u51fb\u6309\u94ae\u89e6\u53d1\u51fd\u6570\uff0c\u53ef\u4ee5\u8fd4\u56de\u4e00\u4e2aPromise\uff0c\u5f53Promise\u518dpending\u72b6\u6001\u65f6Button\u5c06\u81ea\u52a8\u5904\u4e8eloading\u72b6\u6001\uff0c\u5f53Promise\u8fd4\u56de\u7ed3\u679c\u4f1a\u81ea\u52a8\u4eceloading\u5207\u6362\u56de\u666e\u901a\u72b6\u6001</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>children</td>\n<td>Button\u7684\u5b50\u5143\u7d20\uff0c\u53ef\u4ee5\u4e3ajsx\u6216\u8005function\uff0c\u4e3afunction\u65f6\u53ef\u4ee5\u63a5\u6536\u5230loading\u72b6\u6001\u7528\u6765\u5207\u6362\u663e\u793a\u5185\u5bb9</td>\n<td>jsx,function</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>",example:{isFull:!1,className:"LoadingButton_cd4ed",style:"",list:[{title:"\u5e26\u6709\u52a0\u8f7d\u72b6\u6001\u6309\u94ae",description:"\u70b9\u51fb\u6309\u94ae\u5207\u6362\u5230\u52a0\u8f7d\u72b6\u6001\uff0c\u52a0\u8f7d\u65b9\u6cd5\u5b8c\u6210\u540e\u81ea\u52a8\u5207\u6362\u4e3a\u666e\u901a\u72b6\u6001",code:'const { default: LoadingButton } = _LoadingButton;\nconst { Space, message } = antd;\n\nconst clickHandler = () => {\n  message.success("\u70b9\u51fb\u6309\u94ae1s\u540e\u5b8c\u6210\u52a0\u8f7d");\n  return new Promise((resolve) => {\n    setTimeout(() => {\n      message.success("\u5b8c\u6210");\n      resolve();\n    }, 1000);\n  });\n};\nconst BaseExample = () => {\n  return (\n    <Space wrap>\n      <LoadingButton onClick={clickHandler}>\u6309\u94ae</LoadingButton>\n      <LoadingButton onClick={clickHandler}>\n        {(isLoading) => (isLoading ? "\u6b63\u5728\u52a0\u8f7d\u4e2d..." : "\u5207\u6362\u52a0\u8f7d\u6587\u6848")}\n      </LoadingButton>\n    </Space>\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_LoadingButton",packageName:"@components/LoadingButton",component:a},{name:"antd",packageName:"antd",component:o}]}]}}},45516:(n,e,t)=>{"use strict";t.d(e,{A:()=>l});var a=t(28148),o=t(55199);const l={name:"Menu",summary:"<p>\u652f\u6301\u8fdc\u7a0b\u52a0\u8f7d\u6570\u636e\u7684\u83dc\u5355</p>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n</table>",example:{isFull:!1,className:"Menu_b6154",style:"",list:[{title:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u6807\u9898",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { default: Menu } = _Menu;\nconst { Space } = antd;\nconst { useState } = React;\n\nconst ControlMenu = () => {\n  const [current, setCurrent] = useState("s-0");\n  return (\n    <Menu\n      currentKey={current}\n      onChange={setCurrent}\n      items={[\n        {\n          label: "\u7236\u7ea7\u6807\u98981",\n          key: "p-0",\n          iconType: "icon-zhanghaodenglu",\n          children: [\n            {\n              label: "\u5b50\u6807\u98981",\n              key: "s-0",\n            },\n            {\n              label: "\u5b50\u6807\u98982",\n              key: "s-1",\n            },\n          ],\n        },\n        {\n          label: "\u7236\u7ea7\u6807\u98982",\n          key: "p-1",\n          iconType: "icon-zhanghaodenglu",\n          children: [\n            {\n              label: "\u5b50\u6807\u98981",\n              key: "s-2",\n            },\n            {\n              label: "\u5b50\u6807\u98982",\n              key: "s-3",\n            },\n          ],\n        },\n        {\n          label: "\u7236\u7ea7\u6807\u98983",\n          key: "p-2",\n          iconType: "icon-zhanghaodenglu",\n        },\n      ]}\n    />\n  );\n};\nconst BaseExample = () => {\n  return (\n    <Space>\n      <div style={{ maxWidth: "200px" }}>\n        <Menu\n          defaultItems={[\n            {\n              label: "\u7236\u7ea7\u6807\u98981",\n              iconType: "icon-zhanghaodenglu",\n              children: [\n                {\n                  label:\n                    "\u5b50\u6807\u98981\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u5b50\u6807\u98981\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u5b50\u6807\u98981\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u5b50\u6807\u98981\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7",\n                  path: "/link1",\n                },\n                {\n                  label: "\u5b50\u6807\u98982",\n                  path: "/link2",\n                },\n              ],\n            },\n            {\n              label: "\u7236\u7ea7\u6807\u98982",\n              iconType: "icon-zhanghaodenglu",\n              children: [\n                {\n                  label: "\u5b50\u6807\u98981",\n                  path: "/link3",\n                },\n                {\n                  label: "\u5b50\u6807\u98982",\n                  path: "/link4",\n                },\n              ],\n            },\n            {\n              label: "\u7236\u7ea7\u6807\u98983",\n              iconType: "icon-zhanghaodenglu",\n              fetchOptions: {\n                loader: () => {\n                  return new Promise((resolve) => {\n                    setTimeout(() => {\n                      resolve([\n                        {\n                          label: "\u5b50\u6807\u98981",\n                          path: "/link5",\n                        },\n                        {\n                          label: "\u5b50\u6807\u98982",\n                          path: "/link6",\n                        },\n                      ]);\n                    }, 1000);\n                  });\n                },\n              },\n            },\n          ]}\n        />\n      </div>\n\n      <Menu\n        items={[\n          {\n            iconType: "icon-zhanghaodenglu",\n            label: "\u5b50\u6807\u98981",\n            key: "s-0",\n            path: "/link1",\n          },\n          {\n            iconType: "icon-zhanghaodenglu",\n            label: "\u5b50\u6807\u98982",\n            key: "s-1",\n            path: "/link2",\n          },\n          {\n            iconType: "icon-zhanghaodenglu",\n            label: "\u5b50\u6807\u98981",\n            key: "s-2",\n            path: "/link3",\n          },\n          {\n            iconType: "icon-zhanghaodenglu",\n            label: "\u5b50\u6807\u98982",\n            key: "s-3",\n            path: "/link4",\n          },\n        ]}\n      />\n      <Menu\n        allowCollapsed={false}\n        items={[\n          {\n            label: "\u7236\u7ea7\u6807\u98981",\n            key: "p-0",\n            iconType: "icon-zhanghaodenglu",\n            children: [\n              {\n                label: "\u5b50\u6807\u98981",\n                key: "s-0",\n                path: "/link1",\n              },\n              {\n                label: "\u5b50\u6807\u98982",\n                key: "s-1",\n                path: "/link2",\n              },\n            ],\n          },\n          {\n            label: "\u7236\u7ea7\u6807\u98982",\n            key: "p-1",\n            iconType: "icon-zhanghaodenglu",\n            children: [\n              {\n                label: "\u5b50\u6807\u98981",\n                key: "s-2",\n                path: "/link3",\n              },\n              {\n                label: "\u5b50\u6807\u98982",\n                key: "s-3",\n                path: "/link4",\n              },\n            ],\n          },\n          {\n            label: "\u7236\u7ea7\u6807\u98983",\n            key: "p-2",\n            iconType: "icon-zhanghaodenglu",\n            path: "/link5",\n          },\n        ]}\n      />\n      <Menu\n        allowCollapsed={false}\n        defaultItems={[\n          {\n            label: "\u7236\u7ea7\u6807\u98981",\n            iconType: "icon-zhanghaodenglu",\n            children: [\n              {\n                label: "\u5b50\u6807\u98981",\n                path: "/link1",\n              },\n              {\n                label: "\u5b50\u6807\u98982",\n                path: "/link2",\n              },\n            ],\n          },\n          {\n            label: "\u7236\u7ea7\u6807\u98982",\n            iconType: "icon-zhanghaodenglu",\n            children: [\n              {\n                label: "\u5b50\u6807\u98981",\n                path: "/link3",\n              },\n              {\n                label: "\u5b50\u6807\u98982",\n                path: "/link4",\n              },\n            ],\n          },\n          {\n            label: "\u7236\u7ea7\u6807\u98983",\n            iconType: "icon-zhanghaodenglu",\n            fetchOptions: {\n              loader: () => {\n                return new Promise((resolve) => {\n                  setTimeout(() => {\n                    resolve([\n                      {\n                        label: "\u5b50\u6807\u98981",\n                        path: "/link5",\n                      },\n                      {\n                        label: "\u5b50\u6807\u98982",\n                        path: "/link6",\n                      },\n                    ]);\n                  }, 1000);\n                });\n              },\n            },\n          },\n        ]}\n      />\n      <Menu\n        defaultItems={[\n          {\n            label: "\u7236\u7ea7\u6807\u98981",\n            children: [\n              {\n                label: "\u5b50\u6807\u98981",\n                path: "/link1",\n              },\n              {\n                label: "\u5b50\u6807\u98982",\n                path: "/link2",\n              },\n            ],\n          },\n          {\n            label: "\u7236\u7ea7\u6807\u98982",\n            children: [\n              {\n                label: "\u5b50\u6807\u98981",\n                path: "/link3",\n              },\n              {\n                label: "\u5b50\u6807\u98982",\n                path: "/link4",\n              },\n            ],\n          },\n        ]}\n      />\n      <ControlMenu />\n    </Space>\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Menu",packageName:"@components/Menu",component:a},{name:"antd",packageName:"antd",component:o}]}]}}},28928:(n,e,t)=>{"use strict";t.d(e,{A:()=>i});var a=t(3382),o=t(76329),l=t(55199),r=t(87558),s=t(45362);const i={name:"Modal",summary:"<h3>\u4f55\u65f6\u4f7f\u7528</h3>\n<p>\u9700\u8981\u7528\u6237\u5904\u7406\u4e8b\u52a1\uff0c\u53c8\u4e0d\u5e0c\u671b\u8df3\u8f6c\u9875\u9762\u4ee5\u81f4\u6253\u65ad\u5de5\u4f5c\u6d41\u7a0b\u65f6\uff0c\u53ef\u4ee5\u5728\u5f53\u524d\u9875\u9762\u6b63\u4e2d\u6253\u5f00\u4e00\u4e2a\u6d6e\u5c42\uff0c\u627f\u8f7d\u76f8\u5e94\u7684\u64cd\u4f5c\u3002</p>\n<h3>\u7279\u70b9</h3>\n<p>\u8be5\u7ec4\u4ef6\u662fantd Modal\u7ec4\u4ef6\u7684\u518d\u5c01\u88c5\uff1a</p>\n<ul>\n<li>\u4fee\u6539\u4e86footer\u90e8\u5206\u7684\u8bbe\u7f6e\u903b\u8f91,\u80fd\u66f4\u52a0\u7b80\u5355\u7684\u5b9a\u4e49footer\u533a\u57df\u7684\u529f\u80fd</li>\n<li>\u6dfb\u52a0\u4e86withDecorator\u53ef\u4ee5\u66f4\u52a0\u65b9\u4fbf\u7684\u5904\u7406Modal\u5916\u5c42\u7684\u663e\u793a\u903b\u8f91</li>\n<li>\u6269\u5c55\u4e86\u7528\u4e8e\u65b9\u6cd5\u8c03\u7528\u7684useModal\u7684hooks\uff0c\u53ef\u4ee5\u901a\u8fc7hooks\u83b7\u5f97\u4e00\u4e2aModal\u7684\u8c03\u7528\u65b9\u6cd5\uff0c\u5e76\u4e14\u4fdd\u8bc1\u5176\u548cModal\u7ec4\u4ef6\u5f0f\u8c03\u7528\u6709\u76f8\u540c\u7684UI\u8868\u73b0\u548c\u884c\u4e3a</li>\n<li>\u6269\u5c55\u4e86ModalButton\u7ec4\u4ef6\uff0c\u53ef\u4ee5\u5728\u70b9\u51fb\u8be5\u6309\u94ae\u65f6\u6267\u884c\u52a0\u8f7d\u6570\u636e\uff0c\u5e76\u4e14Button\u7684\u72b6\u6001\u53d8\u4e3aloading\uff0c\u5728\u6570\u636e\u52a0\u8f7d\u5b8c\u6210\u4e4b\u540e\u518d\u5f39\u51fa\u5f39\u7a97</li>\n<li>\u6269\u5c55\u4e86TabsModal\u7ec4\u4ef6\uff0c\u5b83\u662f\u4e00\u4e2aTabs\u548cModal\u7ec4\u5408\u8d77\u6765\u7684\u7ec4\u4ef6\uff0c\u5bf9\u5f39\u7a97title\u505a\u4e86\u7279\u6b8a\u5904\u7406\uff0c\u66f4\u52a0\u7b26\u5408UI\u4ea4\u4e92\u903b\u8f91</li>\n</ul>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>footer</td>\n<td>\u5f39\u7a97\u7684footer\uff0c\u5f53\u5176\u88ab\u663e\u5f0f\u8bbe\u7f6e\u6210null\u4e14footerButtons\u6ca1\u6709\u8bbe\u7f6e\u8fc7\u65f6\u5f39\u7a97\u4e0d\u663e\u793afooter\u3002\u5f53\u5b83\u7c7b\u578b\u4e3afunction\u65f6\u53ef\u4ee5\u5f97\u5230close\u65b9\u6cd5\u548cwithDecorator\u8bbe\u7f6e\u7684props</td>\n<td>jsx,function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>footerButtons</td>\n<td>\u5f39\u7a97footer\u7684\u6309\u94ae\u533a\uff0c\u9ed8\u8ba4\u4e3a\u786e\u8ba4\u548c\u53d6\u6d88\u6309\u94ae\uff0c\u9ed8\u8ba4\u6309\u94ae\u5206\u522b\u54cd\u5e94onConfirm\u548conCancel\u65b9\u6cd5\uff0c\u5982\u679c\u81ea\u5b9a\u4e49\u8bbe\u7f6efooterButtons\u5219\u9700\u8981\u81ea\u884c\u4f20\u5165onClick\u53c2\u6570\uff0conConfirm\u548conCancel\u65b9\u6cd5\u5c06\u4e0d\u751f\u6548</td>\n<td>array</td>\n<td>-</td>\n</tr>\n<tr>\n<td>onClose</td>\n<td>\u5f39\u7a97\u5173\u95ed\u65f6\u8c03\u7528\uff0c\u5f39\u7a97\u53d7\u63a7\u65f6\u7531\u8be5\u65b9\u6cd5\u5c06\u5916\u90e8open\u72b6\u6001\u4fee\u6539</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>onConfirm</td>\n<td>\u5f53footerButtons\u672a\u81ea\u5b9a\u4e49\u8bbe\u7f6e\u65f6\u70b9\u51fb\u786e\u8ba4\u6309\u94ae\u89e6\u53d1\u6267\u884c\u8be5\u65b9\u6cd5\uff0c\u5f53\u5176\u8fd4\u56dePromise\u70b9\u51fb\u540ePromise\uff0cresolve\u4e4b\u524d\u786e\u8ba4\u6309\u94ae\u663e\u793a\u4e3aloading\u72b6\u6001\uff0c\u8fd4\u56de\u503c\u4e3afalse\u6216\u8005Promise\u7684resolve\u503c\u4e3afalse\u65f6\u5f39\u7a97\u4e0d\u4f1a\u88ab\u5173\u95ed\uff0c\u5176\u4ed6\u60c5\u51b5\u5f39\u7a97\u9ed8\u8ba4\u5173\u95ed</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>onCancel</td>\n<td>\u548conConfirm\u7c7b\u4f3c\uff0c\u5176\u4e3a\u70b9\u51fb\u53d6\u6d88\u6309\u94ae\u89e6\u53d1</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>children</td>\n<td>\u5f39\u7a97\u5185\u5bb9\uff0c\u53ef\u4ee5\u4e3ajsx\u6216\u8005function\uff0c\u4e3afunction\u65f6\u53ef\u4ee5\u63a5\u6536\u5230close\u548cwithDecorator\u8bbe\u7f6e\u7684props</td>\n<td>jsx,function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>withDecorator</td>\n<td>\u5f39\u7a97\u4fee\u9970\u5668\uff0c\u4f1a\u63a5\u6536\u5230\u5f39\u7a97children\u7684render\u65b9\u6cd5\uff0c\u53ef\u4ee5\u5728\u5176\u5916\u90e8\u6dfb\u52a0\u4fee\u9970\u5185\u5bb9\u540e\u6267\u884crender\u65b9\u6cd5\uff0c\u7ed9render\u65b9\u6cd5\u4f20\u5165\u7684\u503c\u53ef\u4ee5\u5728children,footer,rightOptions\u7c7b\u578b\u4e3afunction\u65f6\u63a5\u6536\u5230\u5bf9\u5e94\u7684\u53c2\u6570</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>rightOptions</td>\n<td>\u5f39\u7a97\u53f3\u4fa7\u533a\u57df\uff0c\u548cchildren\u7c7b\u4f3c\u53ef\u4ee5\u4e3ajsx\u6216\u8005function\u7c7b\u578b</td>\n<td>jsx,function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>maskClosable</td>\n<td>\u70b9\u51fb\u8499\u5c42\u662f\u5426\u5141\u8bb8\u5173\u95ed</td>\n<td>boolean</td>\n<td>false</td>\n</tr>\n</tbody>\n</table>\n<p>\u5176\u4ed6\u53c2\u6570\u53c2\u8003antd Modal\u7ec4\u4ef6</p>\n<h3>useModal</h3>\n<p>\u83b7\u53d6\u4e00\u4e2a\u6267\u884c\u540e\u53ef\u4ee5\u5f39\u51fa\u4e00\u4e2aModal\u7ec4\u4ef6\u7684\u65b9\u6cd5</p>\n<h4>return:modal</h4>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>modal</td>\n<td>\u6267\u884c\u540e\u53ef\u4ee5\u5f39\u51fa\u4e00\u4e2aModal\u5f39\u7a97\uff0c\u53c2\u6570\u540cModal\u7ec4\u4ef6\u53c2\u6570</td>\n<td>function</td>\n</tr>\n</tbody>\n</table>\n<h3>TabsModal</h3>\n<p>\u4e00\u4e2aTabs\u548cModal\u7ec4\u5408\u8d77\u6765\u7684\u7ec4\u4ef6\uff0c\u5bf9\u5f39\u7a97title\u505a\u4e86\u7279\u6b8a\u5904\u7406\uff0c\u66f4\u52a0\u7b26\u5408UI\u4ea4\u4e92\u903b\u8f91</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>items</td>\n<td>\u540cantd Tabs\u7684items\u53c2\u6570</td>\n<td>array</td>\n<td>-</td>\n</tr>\n<tr>\n<td>items[].label</td>\n<td>\u9009\u9879\u5361\u5934\u663e\u793a\u6587\u5b57</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>items[].children</td>\n<td>\u9009\u9879\u5361\u5934\u663e\u793a\u5185\u5bb9\uff0c\u548cantd Tabs\u4e0d\u540c\u7684\u662f\u5b83\u53ef\u4ee5\u662f\u4e00\u4e2afunction\u548cModal\u7684children\u7c7b\u4f3c\u53ef\u4ee5\u63a5\u6536items[].withDecorator\u4f20\u5165\u7684\u53c2\u6570</td>\n<td>jsx,function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>items[].key</td>\n<td>\u5bf9\u5e94activeKey\u503c</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>activeKey</td>\n<td>\u5f53\u524d\u6fc0\u6d3b tab \u9762\u677f\u7684 key</td>\n<td>string</td>\n<td></td>\n</tr>\n<tr>\n<td>withDecorator</td>\n<td>\u5f39\u7a97\u4fee\u9970\u5668\u548cModal\u7684withDecorator\u4f5c\u7528\u4e00\u81f4</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>defaultActiveKey</td>\n<td>\u521d\u59cb\u5316\u9009\u4e2d\u9762\u677f\u7684 key\uff0c\u5982\u679c\u6ca1\u6709\u8bbe\u7f6e activeKey</td>\n<td>string</td>\n<td></td>\n</tr>\n<tr>\n<td>onChange</td>\n<td>\u5207\u6362\u9762\u677f\u7684\u56de\u8c03</td>\n<td>function</td>\n<td></td>\n</tr>\n</tbody>\n</table>\n<h3>useTabsModal</h3>\n<p>\u83b7\u53d6\u4e00\u4e2a\u6267\u884c\u540e\u53ef\u4ee5\u5f39\u51fa\u4e00\u4e2aTabsModal\u7ec4\u4ef6\u7684\u65b9\u6cd5</p>\n<h4>return:tabsModal</h4>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>tabsModal</td>\n<td>\u6267\u884c\u540e\u53ef\u4ee5\u5f39\u51fa\u4e00\u4e2aTabsModal\u5f39\u7a97\uff0c\u53c2\u6570\u540cTabsModal\u7ec4\u4ef6\u53c2\u6570</td>\n<td>function</td>\n</tr>\n</tbody>\n</table>\n<h3>ModalButton</h3>\n<p>\u70b9\u51fb\u4ee5\u540e\u53ef\u4ee5\u6267\u884c\u83b7\u53d6\u6570\u636e\uff0c\u5728\u6570\u636e\u672a\u8fd4\u56de\u65f6\u6309\u94ae\u5c55\u793a\u4e3aloading\u72b6\u6001\uff0c\u6570\u636e\u8fd4\u56de\u540e\u5f39\u51faModal\u5f39\u7a97</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>api</td>\n<td>@kne/react-fetch \u6240\u9700\u53c2\u6570</td>\n<td>object</td>\n<td>-</td>\n</tr>\n<tr>\n<td>modalProps</td>\n<td>\u540cModal\u53c2\u6570,\u5f53\u5b83\u4e3afunction\u65f6\uff0c\u6267\u884cfunction\u540e\u8fd4\u56de\u7684\u503c\u4f5c\u4e3amodalProps</td>\n<td>object,function({data,fetchApi,close})</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<p>\u5176\u4ed6\u53c2\u6570\u540cantd Button \u7ec4\u4ef6</p>\n<h3>TabsModalButton</h3>\n<p>\u70b9\u51fb\u4ee5\u540e\u53ef\u4ee5\u6267\u884c\u83b7\u53d6\u6570\u636e\uff0c\u5728\u6570\u636e\u672a\u8fd4\u56de\u65f6\u6309\u94ae\u5c55\u793a\u4e3aloading\u72b6\u6001\uff0c\u6570\u636e\u8fd4\u56de\u540e\u5f39\u51faTabsModal\u5f39\u7a97</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>api</td>\n<td>@kne/react-fetch \u6240\u9700\u53c2\u6570</td>\n<td>object</td>\n<td>-</td>\n</tr>\n<tr>\n<td>modalProps</td>\n<td>\u540cTabsModal\u53c2\u6570,\u5f53\u5b83\u4e3afunction\u65f6\uff0c\u6267\u884cfunction\u540e\u8fd4\u56de\u7684\u503c\u4f5c\u4e3amodalProps</td>\n<td>object,function({data,fetchApi,close})</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<p>\u5176\u4ed6\u53c2\u6570\u540cantd Button \u7ec4\u4ef6</p>",example:{isFull:!1,className:"Modal_c59d6",style:"",list:[{title:"\u666e\u901a\u5f39\u7a97",description:"\u5c55\u793a\u5f39\u7a97\u7684\u57fa\u672c\u7528\u6cd5\uff0c\u81ea\u5b9a\u4e49footer\u7b49\u529f\u80fd\u3002\n\u6ce8\u610f:\n1.onConfirm\u548conCancel\u53ea\u5bf9\u4e8e\u9ed8\u8ba4\u7684footerButtons\u751f\u6548\uff0c\u5982\u679c\u662f\u81ea\u5b9a\u4e49\u7684footerButtons\u5219\u4e0d\u9700\u8981\u4f20\u8fd9\u4e24\u4e2a\u53c2\u6570\uff0c\u76f4\u63a5\u5b9a\u4e49\u6309\u94ae\u7684onClick\u5373\u53ef\u3002\n2.\u81ea\u5b9a\u4e49\u7684footerButtons\u7684onClick\u53ef\u4ee5\u8fd4\u56de\u4e00\u4e2aPromise\u6765\u5ef6\u8fdf\u5173\u95ed\u5f39\u7a97\uff0cresolve\u7684\u503c\u4e3afalse\u4e0d\u5173\u95ed\u5f39\u7a97\uff0c\u5176\u4ed6\u60c5\u51b5\u4f1a\u81ea\u52a8\u5173\u95ed\u5f39\u7a97\u3002\u5728resolve\u672a\u8fd4\u56de\u4e4b\u524d\u6309\u94ae\u4f1a\u53d8\u6210loading\u72b6\u6001",code:'const { default: Modal, useModal } = _Modal;\nconst { useState } = React;\nconst { Button, Space, message, Radio } = antd;\nconst { PureGlobal } = global;\n\nconst BaseExample = () => {\n  const modal = useModal();\n  const [size, setSize] = useState("default");\n  const [open, setOpen] = useState(false);\n  return (\n    <Space direction="vertical">\n      <Radio.Group\n        value={size}\n        options={[\n          { label: "small", value: "small" },\n          { label: "default", value: "default" },\n          {\n            label: "large",\n            value: "large",\n          },\n        ]}\n        onChange={(e) => {\n          setSize(e.target.value);\n        }}\n        optionType="button"\n        buttonStyle="solid"\n      />\n      <Space wrap>\n        <Modal\n          title="\u786e\u5b9a\u5ef6\u8fdf\u5173\u95ed\u5f39\u7a97"\n          size={size}\n          open={open}\n          onClose={() => {\n            setOpen(false);\n          }}\n          onConfirm={() => {\n            return new Promise((resolve) => {\n              message.success("\u5f39\u7a971s\u540e\u5173\u95ed");\n              setTimeout(() => {\n                message.success("\u5f39\u7a97\u5173\u95ed");\n                resolve();\n              }, 1000);\n            });\n          }}\n        >\n          <div>\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97</div>\n        </Modal>\n        <Button\n          onClick={() => {\n            setOpen(true);\n          }}\n        >\n          \u786e\u5b9a\u5ef6\u8fdf\u5173\u95ed\u5f39\u7a97\n        </Button>\n        <Button\n          onClick={() => {\n            modal({\n              title: "hooks\u8c03\u7528\u5f39\u6846",\n              size,\n              children: <div>\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97</div>,\n            });\n          }}\n        >\n          hooks\u8c03\u7528\u5f39\u6846\n        </Button>\n        <Button\n          onClick={() => {\n            modal({\n              title: "\u8d85\u9ad8\u5f39\u7a97",\n              size,\n              children: (\n                <div style={{ height: "2000px" }}>\n                  \u8d85\u9ad8\u5f39\u7a97\u8d85\u9ad8\u5f39\u7a97\u8d85\u9ad8\u5f39\u7a97\u8d85\u9ad8\u5f39\u7a97\u8d85\u9ad8\u5f39\u7a97\u8d85\u9ad8\u5f39\u7a97\u8d85\u9ad8\u5f39\u7a97\u8d85\u9ad8\u5f39\u7a97\u8d85\u9ad8\u5f39\u7a97\u8d85\u9ad8\u5f39\u7a97\n                </div>\n              ),\n            });\n          }}\n        >\n          \u5c55\u793a\u8d85\u9ad8\u5f39\u7a97\n        </Button>\n        <Button\n          onClick={() => {\n            modal({\n              title: "\u81ea\u5b9a\u4e49footer\u5f39\u6846",\n              size,\n              children: <div>\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97</div>,\n              footer: ({ close }) => (\n                <Space>\n                  <span>\u81ea\u5b9a\u4e49footer</span>\n                  <Button\n                    type="link"\n                    onClick={() => {\n                      close();\n                    }}\n                  >\n                    \u5173\u95ed\n                  </Button>\n                </Space>\n              ),\n            });\n          }}\n        >\n          \u5c55\u793a\u81ea\u5b9a\u4e49footer\u5f39\u6846\n        </Button>\n        <Button\n          onClick={() => {\n            modal({\n              title: "\u65e0footer\u5f39\u6846",\n              size,\n              children: <div>\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97</div>,\n              footer: null,\n            });\n          }}\n        >\n          \u65e0footer\u5f39\u6846\n        </Button>\n        <Button\n          onClick={() => {\n            modal({\n              title: "\u81ea\u5b9a\u4e49\u6309\u94ae\u7ec4",\n              size,\n              children: <div>\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97</div>,\n              footerButtons: [\n                {\n                  children: "\u6309\u94ae\u4e00",\n                },\n                {\n                  type: "primary",\n                  children: "\u6309\u94ae\u4e8c",\n                },\n                {\n                  children: "\u6309\u94ae\u4e09",\n                },\n              ],\n            });\n          }}\n        >\n          \u81ea\u5b9a\u4e49\u6309\u94ae\u7ec4\n        </Button>\n        <Button\n          onClick={() => {\n            modal({\n              title: "\u6709rightOptions\u7684\u5f39\u7a97",\n              size,\n              children: <div>\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97</div>,\n              rightOptions: <div>\u53f3\u4fa7\u5185\u5bb9\u53f3\u4fa7\u5185\u5bb9\u53f3\u4fa7\u5185\u5bb9\u53f3\u4fa7\u5185\u5bb9</div>,\n            });\n          }}\n        >\n          \u6709rightOptions\u7684\u5f39\u7a97\n        </Button>\n        <Button\n          onClick={() => {\n            const StateContainer = ({ children }) => {\n              const [disabled, setDisabled] = useState(false);\n              return children({ disabled, setDisabled });\n            };\n\n            modal({\n              title: "\u6709rightOptions\u7684\u5f39\u7a97",\n              size,\n              withDecorator: (render) => {\n                return <StateContainer>{render}</StateContainer>;\n              },\n              footerButtons: ({ disabled }) => [\n                {\n                  type: "primary",\n                  disabled,\n                  children: "\u786e\u5b9a",\n                },\n              ],\n              children: ({ disabled, setDisabled }) => (\n                <div>\n                  \u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97[{String(disabled)}]\n                  <Button\n                    onClick={() => {\n                      setDisabled((disabled) => !disabled);\n                    }}\n                  >\n                    \u5207\u6362\u786e\u5b9a\u6309\u94aedisabled\n                  </Button>\n                </div>\n              ),\n            });\n          }}\n        >\n          children\u63a7\u5236footerButtons\u72b6\u6001\n        </Button>\n      </Space>\n    </Space>\n  );\n};\n\nrender(\n  <PureGlobal>\n    <BaseExample />\n  </PureGlobal>\n);\n\n',scope:[{name:"_Modal",packageName:"@components/Modal",component:a},{name:"global",packageName:"@components/Global",component:o},{name:"antd",packageName:"antd",component:l}]},{title:"childrenRef\u7684\u4f7f\u7528",description:"",code:'const { default: Modal, useModal } = _Modal;\nconst { Button } = antd;\nconst BaseExample = () => {\n  const modal = useModal();\n\n  return (\n    <Button\n      onClick={() => {\n        modal({\n          title: "\u793a\u4f8b\u5f39\u6846",\n          children: ({ childrenRef }) => {\n            return (\n              <div ref={childrenRef}>\n                \u793a\u4f8b\u5f39\u6846\u793a\u4f8b\u5f39\u6846\u793a\u4f8b\u5f39\u6846\u793a\u4f8b\u5f39\u6846\u793a\u4f8b\u5f39\u6846\u793a\u4f8b\u5f39\u6846\n              </div>\n            );\n          },\n          onConfirm: (e, { childrenRef }) => {\n            console.log(childrenRef.current);\n          },\n        });\n      }}\n    >\n      \u70b9\u51fb\u5f39\u51fa\u5f39\u6846\n    </Button>\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Modal",packageName:"@components/Modal",component:a},{name:"antd",packageName:"antd",component:l}]},{title:"\u9700\u8981\u52a0\u8f7d\u6570\u636e\u7684\u5f39\u7a97",description:"\u53ef\u4ee5\u901a\u8fc7withDecorator\u5c5e\u6027\u5b9e\u73b0\u5f39\u7a97\u7684\u52a0\u8f7d\u6570\u636e\u6216\u8005\u52a0\u8f7d\u8fdc\u7a0b\u7ec4\u4ef6\u7684\u903b\u8f91\uff0c\u5728\u6570\u636e\u6216\u8005\u8fdc\u7a0b\u7ec4\u4ef6\u52a0\u8f7d\u5b8c\u6210\u4e4b\u524d\u5f39\u7a97\u5c55\u793aloading\u72b6\u6001\uff0c\u52a0\u8f7d\u5b8c\u6210\u4e4b\u540echildren\u53ef\u4ee5\u83b7\u53d6\u5230\u52a0\u8f7d\u7684\u6570\u636e",code:'const { default: Modal, useModal } = _Modal;\nconst { useState } = React;\nconst { Button, Space } = antd;\nconst { default: Fetch } = fetch;\nconst { PureGlobal } = global;\nconst { default: Content } = _Content;\n\nconst BaseExample = () => {\n  const modal = useModal();\n  const [open, setOpen] = useState(false);\n  return (\n    <Space wrap>\n      <Modal\n        title="\u7ec4\u4ef6\u8c03\u7528\u65b9\u5f0f"\n        withDecorator={(render) => (\n          <Fetch\n            loader={() => {\n              return new Promise((resolve) => {\n                setTimeout(() => {\n                  resolve([\n                    {\n                      label: "\u5185\u5bb91",\n                      content: "\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91",\n                    },\n                    {\n                      label: "\u5185\u5bb92",\n                      content: "\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92",\n                    },\n                  ]);\n                }, 1000);\n              });\n            }}\n            render={({ data }) => render({ data })}\n          />\n        )}\n        open={open}\n        onClose={() => {\n          setOpen(false);\n        }}\n      >\n        {({ data }) => <Content list={data} col={2} />}\n      </Modal>\n      <Button\n        onClick={() => {\n          setOpen(true);\n        }}\n      >\n        \u7ec4\u4ef6\u8c03\u7528\u65b9\u5f0f\n      </Button>\n      <Button\n        onClick={() => {\n          modal({\n            title: "hooks\u8c03\u7528\u65b9\u5f0f",\n            withDecorator: (render) => (\n              <Fetch\n                loader={() => {\n                  return new Promise((resolve) => {\n                    setTimeout(() => {\n                      resolve([\n                        {\n                          label: "\u5185\u5bb91",\n                          content: "\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91",\n                        },\n                        {\n                          label: "\u5185\u5bb92",\n                          content: "\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92",\n                        },\n                      ]);\n                    }, 1000);\n                  });\n                }}\n                render={({ data }) => render({ data })}\n              />\n            ),\n            children: ({ data }) => <Content list={data} col={2} />,\n          });\n        }}\n      >\n        hooks\u8c03\u7528\u65b9\u5f0f\n      </Button>\n      <Button\n        onClick={() => {\n          modal({\n            title: (props) => {\n              return "hooks\u8c03\u7528\u65b9\u5f0f";\n            },\n            withDecorator: (render) => (\n              <Fetch\n                loader={() => {\n                  return new Promise((resolve) => {\n                    setTimeout(() => {\n                      resolve([\n                        {\n                          label: "\u5185\u5bb91",\n                          content: "\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91",\n                        },\n                        {\n                          label: "\u5185\u5bb92",\n                          content: "\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92",\n                        },\n                      ]);\n                    }, 1000);\n                  });\n                }}\n                render={({ data }) => render({ data })}\n              />\n            ),\n            children: ({ data }) => <Content list={data} col={2} />,\n          });\n        }}\n      >\n        hooks title\u8c03\u7528\u65b9\u5f0f\n      </Button>\n    </Space>\n  );\n};\n\nrender(\n  <PureGlobal>\n    <BaseExample />\n  </PureGlobal>\n);\n\n',scope:[{name:"_Modal",packageName:"@components/Modal",component:a},{name:"global",packageName:"@components/Global",component:o},{name:"antd",packageName:"antd",component:l},{name:"fetch",packageName:"@kne/react-fetch",component:r},{name:"_Content",packageName:"@components/Content",component:s}]},{title:"\u53ef\u4ee5\u5f39\u51fa\u5f39\u7a97\u7684\u6309\u94ae",description:"\u53ef\u4ee5\u70b9\u51fb\u6309\u94ae\u5f39\u51fa\u5f39\u7a97\uff0c\u5e76\u4e14\u5728\u5f39\u7a97\u5f39\u51fa\u4e4b\u524d\u53ef\u4ee5\u52a0\u8f7d\u6570\u636e\uff0c\u52a0\u8f7d\u6570\u636e\u65f6\uff0c\u6309\u94ae\u4e3aloading\u72b6\u6001\uff0c\u6570\u636e\u52a0\u8f7d\u5b8c\u6210\u4e4b\u540e\u518d\u5f39\u51fa\u5f39\u7a97",code:'const { ModalButton, TabsModalButton } = _Modal;\nconst { Space } = antd;\nconst { PureGlobal } = global;\nconst { default: Content } = _Content;\nconst { default: FormInfo, Input, TextArea } = _FormInfo;\n\nconst api = {\n  loader: () => {\n    return new Promise((resolve) => {\n      setTimeout(() => {\n        resolve([\n          { label: "\u5185\u5bb91", content: "\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91" },\n          {\n            label: "\u5185\u5bb92",\n            content: "\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92",\n          },\n        ]);\n      }, 1000);\n    });\n  },\n};\n\nconst BaseExample = () => {\n  return (\n    <Space wrap>\n      <ModalButton\n        api={api}\n        modalProps={({ data }) => {\n          return {\n            title: "\u52a0\u8f7d\u6570\u636e\u7684\u5f39\u7a97",\n            children: <Content list={data} col={2} />,\n          };\n        }}\n      >\n        \u70b9\u51fb\u52a0\u8f7d\u6570\u636e\n      </ModalButton>\n      <TabsModalButton\n        api={api}\n        modalProps={({ data }) => {\n          return {\n            items: data.map(({ label, content }, index) => {\n              return {\n                key: index,\n                children: content,\n                label,\n              };\n            }),\n          };\n        }}\n      >\n        \u70b9\u51fb\u52a0\u8f7d\u6570\u636e\u7684Tabs\u5f39\u7a97\n      </TabsModalButton>\n    </Space>\n  );\n};\n\nrender(\n  <PureGlobal>\n    <BaseExample />\n  </PureGlobal>\n);\n\n',scope:[{name:"_Modal",packageName:"@components/Modal",component:a},{name:"global",packageName:"@components/Global",component:o},{name:"antd",packageName:"antd",component:l},{name:"_Content",packageName:"@components/Content",component:s},{name:"_FormInfo",packageName:"@components/FormInfo",component:t(96252)}]},{title:"tabs\u5f39\u7a97",description:"\u5c55\u793a\u4e00\u4e2atabs\u5f39\u7a97\uff0ctabs\u7684\u9009\u9879\u7684label\u4f1a\u5360\u636e\u5f39\u7a97title\u4f4d\u7f6e\uff0c\u5f39\u6846\u7684title\u5c06\u4e0d\u663e\u793a\ntabs\u7684items\u591a\u52a0\u4e86withDecorator\u53c2\u6570\u548cModal\u7684withDecorator\u53c2\u6570\u7c7b\u4f3c\u53ef\u4ee5\u63a7\u5236\u5176\u5916\u90e8\u663e\u793a\u53ca\u6e32\u67d3\u5185\u5bb9\ntabs\u7684items\u7684children\u4e5f\u53ef\u4ee5\u662ffunction\uff0c\u540c\u6837\u53ef\u4ee5\u63a5\u6536\u5230TabsModal\u7684withDecorator\u4f20\u56de\u7684\u53c2\u6570",code:'const { TabsModal, useTabsModal } = _Modal;\nconst { useState } = React;\nconst { default: Fetch } = fetch;\nconst { Button, Space } = antd;\nconst { PureGlobal } = global;\nconst { default: Content } = _Content;\n\nconst BaseExample = () => {\n  const [open, setOpen] = useState(false);\n  const tabsModal = useTabsModal();\n  return <Space wrap>\n    <TabsModal open={open} onClose={() => {\n      setOpen(false);\n    }} items={[{\n      label: "\u9879\u76ee 1", key: "item-1", children: <div>\u9879\u76ee 1\u9879\u76ee 1\u9879\u76ee 1\u9879\u76ee 1\u9879\u76ee 1\u9879\u76ee 1\u9879\u76ee 1\u9879\u76ee 1</div>\n    }, {\n      label: "\u9879\u76ee 2", key: "item-2", children: <div>\u9879\u76ee 2\u9879\u76ee 2\u9879\u76ee 2\u9879\u76ee 2\u9879\u76ee 2\u9879\u76ee 2\u9879\u76ee 2\u9879\u76ee 2</div>\n    }]} rightOptions={<div>\u53f3\u8fb9\u680f\u5185\u5bb9\u53f3\u8fb9\u680f\u5185\u5bb9\u53f3\u8fb9\u680f\u5185\u5bb9\u53f3\u8fb9\u680f\u5185\u5bb9</div>}>\n      <div>\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97</div>\n    </TabsModal>\n    <Button onClick={() => {\n      setOpen(true);\n    }}>\u7ec4\u4ef6\u8c03\u7528\u65b9\u5f0f</Button>\n    <Button onClick={() => {\n      tabsModal({\n        rightOptions: <div>\u53f3\u8fb9\u680f\u5185\u5bb9\u53f3\u8fb9\u680f\u5185\u5bb9\u53f3\u8fb9\u680f\u5185\u5bb9\u53f3\u8fb9\u680f\u5185\u5bb9</div>, items: [{\n          label: "\u9879\u76ee 1", key: "item-1", children: <div>\u9879\u76ee 1\u9879\u76ee 1\u9879\u76ee 1\u9879\u76ee 1\u9879\u76ee 1\u9879\u76ee 1\u9879\u76ee 1\u9879\u76ee 1</div>\n        }, {\n          label: "\u9879\u76ee 2", key: "item-2", children: <div>\u9879\u76ee 2\u9879\u76ee 2\u9879\u76ee 2\u9879\u76ee 2\u9879\u76ee 2\u9879\u76ee 2\u9879\u76ee 2\u9879\u76ee 2</div>\n        }]\n      });\n    }}>hooks\u8c03\u7528\u65b9\u5f0f</Button>\n    <Button onClick={() => {\n      tabsModal({\n        title: "\u6b64title\u4e0d\u5c55\u793a",\n        rightOptions: ({ data }) => <Content list={data} />,\n        withDecorator: (render) => <Fetch loader={() => {\n          return new Promise((resolve) => {\n            setTimeout(() => {\n              resolve([{ label: "\u5185\u5bb91", content: "\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91" }, {\n                label: "\u5185\u5bb92", content: "\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92"\n              }]);\n            }, 1000);\n          });\n        }} render={({ data }) => render({ data })} />,\n        items: [{\n          label: "\u9879\u76ee 1", key: "item-1", children: ({ data }) => <Content list={data} col={2} />\n        }, {\n          withDecorator: (render) => <Fetch loader={() => {\n            return new Promise((resolve) => {\n              setTimeout(() => {\n                resolve([{ label: "\u5185\u5bb93", content: "\u5185\u5bb93\u5185\u5bb93\u5185\u5bb93\u5185\u5bb93\u5185\u5bb93\u5185\u5bb93\u5185\u5bb93" }, {\n                  label: "\u5185\u5bb94", content: "\u5185\u5bb94\u5185\u5bb94\u5185\u5bb94\u5185\u5bb94\u5185\u5bb94\u5185\u5bb94\u5185\u5bb94\u5185\u5bb94"\n                }]);\n              }, 1000);\n            });\n          }} render={({ data }) => render({ tabData: data })} />,\n          label: "\u9879\u76ee 2",\n          key: "item-2",\n          children: ({ data, tabData }) => <Content list={[...data, ...tabData]} col={2} />\n        }]\n      });\n    }}>\u590d\u6742\u6570\u636e\u52a0\u8f7d</Button>\n  </Space>;\n};\n\nrender(<PureGlobal><BaseExample /></PureGlobal>);\n',scope:[{name:"_Modal",packageName:"@components/Modal",component:a},{name:"global",packageName:"@components/Global",component:o},{name:"antd",packageName:"antd",component:l},{name:"fetch",packageName:"@kne/react-fetch",component:r},{name:"_Content",packageName:"@components/Content",component:s}]},{title:"\u6d88\u606f\u786e\u8ba4\u548c\u63d0\u793a",description:"\u5c55\u793a\u786e\u8ba4\u6d88\u606f\u63d0\u9192",code:'const { default: Modal, useConfirmModal } = _Modal;\nconst { useState } = React;\nconst { Button, Space, message } = antd;\nconst { PureGlobal } = global;\nconst BaseExample = () => {\n  const confirmModal = useConfirmModal();\n  return (\n    <Space wrap>\n      <Button\n        onClick={() => {\n          confirmModal({\n            danger: true,\n            type: "confirm",\n            title: "\u786e\u5b9a\u8981\u5220\u9664\u5417\uff1f",\n            message:\n              "\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664",\n          });\n        }}\n      >\n        confirm\n      </Button>\n      <Button\n        onClick={() => {\n          confirmModal({\n            type: "confirm",\n            confirmType: "warning",\n            title: "\u786e\u5b9a\u8981\u7f16\u8f91\u5417\uff1f",\n            message:\n              "\u786e\u5b9a\u8981\u7f16\u8f91\u786e\u5b9a\u8981\u7f16\u8f91\u786e\u5b9a\u8981\u7f16\u8f91\u786e\u5b9a\u8981\u7f16\u8f91\u786e\u5b9a\u8981\u7f16\u8f91\u786e\u5b9a\u8981\u7f16\u8f91\u786e\u5b9a\u8981\u7f16\u8f91",\n          });\n        }}\n      >\n        confirm \u8b66\u544a\n      </Button>\n      <Button\n        onClick={() => {\n          confirmModal({\n            type: "info",\n            title: "\u786e\u5b9a\u8981\u5220\u9664\u5417\uff1f",\n            message:\n              "\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664",\n          });\n        }}\n      >\n        info\n      </Button>\n      <Button\n        onClick={() => {\n          confirmModal({\n            type: "info",\n            message:\n              "\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664",\n          });\n        }}\n      >\n        info\u65e0\u6807\u9898\n      </Button>\n      <Button\n        onClick={() => {\n          confirmModal({\n            type: "success",\n            title: "\u786e\u5b9a\u8981\u5220\u9664\u5417\uff1f",\n            message:\n              "\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664",\n          });\n        }}\n      >\n        success\n      </Button>\n      <Button\n        onClick={() => {\n          confirmModal({\n            type: "warning",\n            title: "\u786e\u5b9a\u8981\u5220\u9664\u5417\uff1f",\n            message:\n              "\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664",\n          });\n        }}\n      >\n        warning\n      </Button>\n      <Button\n        onClick={() => {\n          confirmModal({\n            type: "error",\n            title: "\u786e\u5b9a\u8981\u5220\u9664\u5417\uff1f",\n            message:\n              "\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664",\n          });\n        }}\n      >\n        error\n      </Button>\n    </Space>\n  );\n};\n\nrender(\n  <PureGlobal>\n    <BaseExample />\n  </PureGlobal>\n);\n\n',scope:[{name:"_Modal",packageName:"@components/Modal",component:a},{name:"global",packageName:"@components/Global",component:o},{name:"antd",packageName:"antd",component:l},{name:"fetch",packageName:"@kne/react-fetch",component:r},{name:"_Content",packageName:"@components/Content",component:s}]}]}}},38799:(n,e,t)=>{"use strict";t.d(e,{A:()=>r});var a=t(79329),o=t(76329),l=t(55199);const r={name:"Navigation",summary:"<h3>\u4f55\u65f6\u4f7f\u7528</h3>\n<p>\u7cfb\u7edf\u7684\u9876\u90e8\u5bfc\u822a\uff0c\u4e00\u7ea7\u5bfc\u822a\u9879\u504f\u5de6\u9760\u8fd1 logo \u653e\u7f6e\uff0c\u8f85\u52a9\u83dc\u5355\u504f\u53f3\u653e\u7f6e\u3002</p>\n<h3>\u7279\u70b9</h3>\n<ul>\n<li>\u96c6\u6210\u4e86Permissions\u6743\u9650\u5224\u65ad\uff0c\u53ef\u4ee5\u901a\u8fc7\u6743\u9650\u5217\u8868\u6765\u5224\u65ad\u5bfc\u9879\u662f\u5426\u663e\u793a</li>\n<li>\u5728\u5c4f\u5e55\u663e\u793a\u4e0d\u4e86\u5168\u90e8\u7684\u4e00\u7ea7\u5bfc\u822a\u65f6\u53ef\u4ee5\u81ea\u52a8\u5c06\u540e\u9762\u7684\u5bfc\u822a\u9879\u6536\u8d77\u5230\u66f4\u591a\u4e0b\u62c9\u83dc\u5355\u91cc\u9762</li>\n</ul>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n</table>",example:{isFull:!0,className:"Navigation_84649",style:".Navigation_84649 .fold-items {\n  width: 600px;\n}",list:[{title:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u6807\u9898",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { default: Navigation } = _Navigation;\nconst { PureGlobal } = global;\n\nconst menuList = [\n  {\n    key: "client",\n    title: "\u5ba2\u6237",\n    path: "/client",\n    permission: "client:client:look",\n  },\n  {\n    key: "position",\n    title: "\u804c\u4f4d",\n    path: "/position",\n    permission: "jd:job:look",\n  },\n  {\n    key: "ats",\n    title: "\u62db\u8058\u6d41\u7a0b",\n    path: "/ats",\n  },\n  {\n    key: "talent",\n    title: "\u4eba\u624d\u5e93",\n    permission: "cv:cv:look",\n    path: "/talent",\n  },\n  {\n    key: "contract",\n    title: "\u5408\u540c",\n    permission: "contract:mgr:look",\n    path: "/contract",\n  },\n  {\n    key: "payment",\n    title: "\u4ed8\u6b3e\u4fe1\u606f",\n    permission: "payment:mgr:look",\n    path: "/payment",\n  },\n  {\n    key: "invoice-center",\n    title: "\u5f00\u7968",\n    permission: "client:invoice:center",\n    path: "/invoice-center",\n  },\n  {\n    key: "invoice-manage",\n    title: "\u53d1\u7968\u7ba1\u7406",\n    permission: "client:invoice:manager",\n    path: "/invoice-manage",\n  },\n  {\n    key: "setting",\n    title: "\u8bbe\u7f6e",\n    permission: (permissions) =>\n      permissions.some(\n        (x) =>\n          [\n            "system:permissions:mgr",\n            "system:org:mgr",\n            "system:user:mgr",\n          ].indexOf(x) !== -1\n      ),\n    path: "/setting",\n  },\n];\n\nrender(\n  <PureGlobal>\n    <Navigation\n      list={menuList}\n      isFixed={false}\n      permissions={[\n        "client:client:look",\n        "jd:job:look",\n        "cv:cv:look",\n        "contract:mgr:look",\n        "payment:mgr:look",\n        "client:invoice:center",\n        "client:invoice:manager",\n        "system:permissions:mgr",\n      ]}\n    />\n  </PureGlobal>\n);\n\n',scope:[{name:"_Navigation",packageName:"@components/Navigation",component:a},{name:"global",packageName:"@components/Global",component:o}]},{title:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u6807\u9898",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { default: Navigation } = _Navigation;\nconst { PureGlobal } = global;\n\nconst menuList = [\n  {\n    key: "client",\n    title: "\u5ba2\u6237",\n    path: "/client",\n    permission: "client:client:look",\n  },\n  {\n    key: "position",\n    title: "\u804c\u4f4d",\n    path: "/position",\n    permission: "jd:job:look",\n  },\n  {\n    key: "ats",\n    title: "\u62db\u8058\u6d41\u7a0b",\n    path: "/ats",\n  },\n  {\n    key: "talent",\n    title: "\u4eba\u624d\u5e93",\n    permission: "cv:cv:look",\n    path: "/talent",\n  },\n  {\n    key: "contract",\n    title: "\u5408\u540c",\n    permission: "contract:mgr:look",\n    path: "/contract",\n  },\n  {\n    key: "payment",\n    title: "\u4ed8\u6b3e\u4fe1\u606f",\n    permission: "payment:mgr:look",\n    path: "/payment",\n  },\n  {\n    key: "invoice-center",\n    title: "\u5f00\u7968",\n    permission: "client:invoice:center",\n    path: "/invoice-center",\n  },\n  {\n    key: "invoice-manage",\n    title: "\u53d1\u7968\u7ba1\u7406",\n    permission: "client:invoice:manager",\n    path: "/invoice-manage",\n  },\n  {\n    key: "setting",\n    title: "\u8bbe\u7f6e",\n    permission: (permissions) =>\n      permissions.some(\n        (x) =>\n          [\n            "system:permissions:mgr",\n            "system:org:mgr",\n            "system:user:mgr",\n          ].indexOf(x) !== -1\n      ),\n    path: "/setting",\n  },\n];\n\nrender(\n  <PureGlobal>\n    <div className="fold-items">\n      <Navigation\n        isFixed={false}\n        list={menuList}\n        permissions={[\n          "client:client:look",\n          "jd:job:look",\n          "cv:cv:look",\n          "contract:mgr:look",\n          "payment:mgr:look",\n          "client:invoice:center",\n          "client:invoice:manager",\n          "system:permissions:mgr",\n        ]}\n      />\n    </div>\n  </PureGlobal>\n);\n\n',scope:[{name:"_Navigation",packageName:"@components/Navigation",component:a},{name:"global",packageName:"@components/Global",component:o}]},{title:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u6807\u9898",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { useState } = React;\nconst { PureGlobal } = global;\nconst { default: Navigation } = _Navigation;\nconst { Checkbox, Space } = antd;\n\nconst menuList = [\n  {\n    key: "client",\n    title: "\u5ba2\u6237",\n    path: "/client",\n    permission: "client:client:look",\n  },\n  {\n    key: "position",\n    title: "\u804c\u4f4d",\n    path: "/position",\n    permission: "jd:job:look",\n  },\n  {\n    key: "ats",\n    title: "\u62db\u8058\u6d41\u7a0b",\n    path: "/ats",\n  },\n  {\n    key: "talent",\n    title: "\u4eba\u624d\u5e93",\n    permission: "cv:cv:look",\n    path: "/talent",\n  },\n  {\n    key: "contract",\n    title: "\u5408\u540c",\n    permission: "contract:mgr:look",\n    path: "/contract",\n  },\n  {\n    key: "payment",\n    title: "\u4ed8\u6b3e\u4fe1\u606f",\n    permission: "payment:mgr:look",\n    path: "/payment",\n  },\n  {\n    key: "invoice-center",\n    title: "\u5f00\u7968",\n    permission: "client:invoice:center",\n    path: "/invoice-center",\n  },\n  {\n    key: "invoice-manage",\n    title: "\u53d1\u7968\u7ba1\u7406",\n    permission: "client:invoice:manager",\n    path: "/invoice-manage",\n  },\n  {\n    key: "setting",\n    title: "\u8bbe\u7f6e",\n    permission: (permissions) =>\n      permissions.some(\n        (x) =>\n          [\n            "system:permissions:mgr",\n            "system:org:mgr",\n            "system:user:mgr",\n          ].indexOf(x) !== -1\n      ),\n    path: "/setting",\n  },\n];\n\nconst Example = () => {\n  const [permissions, setPermissions] = useState([]);\n  return (\n    <PureGlobal>\n      <Space className="container" direction="vertical" size={32}>\n        <Navigation isFixed={false} list={menuList} permissions={permissions} />\n        <Checkbox.Group\n          value={permissions}\n          options={[\n            "client:client:look",\n            "jd:job:look",\n            "cv:cv:look",\n            "contract:mgr:look",\n            "payment:mgr:look",\n            "client:invoice:center",\n            "client:invoice:manager",\n            "system:permissions:mgr",\n          ]}\n          onChange={(values) => {\n            setPermissions(values);\n          }}\n        />\n      </Space>\n    </PureGlobal>\n  );\n};\n\nrender(<Example />);\n\n',scope:[{name:"_Navigation",packageName:"@components/Navigation",component:a},{name:"antd",packageName:"antd",component:l},{name:"global",packageName:"@components/Global",component:o}]}]}}},9384:(n,e,t)=>{"use strict";t.d(e,{A:()=>r});var a=t(89384),o=t(76329),l=t(55199);const r={name:"Notification",summary:"<p>\u6d88\u606f\u901a\u77e5</p>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n</table>",example:{isFull:!1,className:"Notification_96d00",style:"",list:[{title:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u6807\u9898",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { default: Notification } = _Notification;\nconst { PureGlobal } = global;\nconst BaseExample = () => {\n  return (\n    <PureGlobal\n      preset={{\n        ajax: () => {\n          return new Promise((resolve) => {\n            setTimeout(() => {\n              resolve({ data: { code: 0, data: {} } });\n            }, 1000);\n          });\n        },\n        apis: {\n          notification: {},\n        },\n        global: {\n          notification: {\n            list: [\n              {\n                id: 1,\n                level: "high",\n                title:\n                  "\u6211\u662f\u4e00\u4e2a\u9ad8\u7ea7\u901a\u77e5\u6211\u662f\u4e00\u4e2a\u9ad8\u7ea7\u901a\u77e5\u6211\u662f\u4e00\u4e2a\u9ad8\u7ea7\u901a\u77e5\u6211\u662f\u4e00\u4e2a\u9ad8\u7ea7\u901a\u77e5\u6211\u662f\u4e00\u4e2a\u9ad8\u7ea7\u901a\u77e5\u6211\u662f\u4e00\u4e2a\u9ad8\u7ea7\u901a\u77e5\u6211\u662f\u4e00\u4e2a\u9ad8\u7ea7\u901a\u77e5\u6211\u662f\u4e00\u4e2a\u9ad8\u7ea7\u901a\u77e5",\n                subtitle:\n                  "\u901a\u77e5\u6807\u9898\u901a\u77e5\u6807\u9898\u901a\u77e5\u6807\u9898\u901a\u77e5\u6807\u9898\u901a\u77e5\u6807\u9898\u901a\u77e5\u6807\u9898\u901a\u77e5\u6807\u9898\u901a\u77e5\u6807\u9898",\n                link: "https://www.baidu.com",\n                content: [\n                  {\n                    label: "\u5b57\u6bb5",\n                    content: "\u54c8\u54c8\u54c8\u54c8",\n                  },\n                  {\n                    label: "\u5b57\u6bb5",\n                    content:\n                      "\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8",\n                  },\n                  {\n                    label: "\u5b57\u6bb5",\n                    content: "\u54c8\u54c8\u54c8\u54c8",\n                  },\n                  {\n                    label: "\u5b57\u6bb5",\n                    content: "\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8",\n                  },\n                  {\n                    label: "\u5b57\u6bb5",\n                    content: "\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8",\n                  },\n                ],\n              },\n              {\n                id: 2,\n                level: "high",\n                title: "\u6211\u662f\u4e00\u4e2a\u9ad8\u7ea7\u901a\u77e52",\n                content: [\n                  {\n                    label: "\u5b57\u6bb5",\n                    content: "\u54c8\u54c8\u54c8\u54c8",\n                  },\n                ],\n              },\n              {\n                id: 3,\n                level: "high",\n                title: "\u6211\u662f\u4e00\u4e2a\u9ad8\u7ea7\u901a\u77e53",\n                content: [\n                  {\n                    label: "\u5b57\u6bb5",\n                    content: "\u54c8\u54c8\u54c8\u54c8",\n                  },\n                ],\n              },\n              {\n                id: 4,\n                level: "high",\n                title: "\u6211\u662f\u4e00\u4e2a\u9ad8\u7ea7\u901a\u77e54",\n                content: [\n                  {\n                    label: "\u5b57\u6bb5",\n                    content: "\u54c8\u54c8\u54c8\u54c8",\n                  },\n                ],\n              },\n              {\n                id: 5,\n                level: "low",\n                title: "\u6211\u662f\u4e00\u4e2a\u4f4e\u7ea7\u901a\u77e5",\n                content: [\n                  {\n                    label: "\u5b57\u6bb5",\n                    content: "\u54c8\u54c8\u54c8\u54c8",\n                  },\n                ],\n              },\n              {\n                id: 6,\n                level: "low",\n                title: "\u6211\u662f\u4e00\u4e2a\u4f4e\u7ea7\u901a\u77e52",\n                content: [\n                  {\n                    label: "\u5b57\u6bb5",\n                    content: "\u54c8\u54c8\u54c8\u54c8",\n                  },\n                ],\n              },\n              {\n                id: 7,\n                level: "middle",\n                title: "\u6211\u662f\u4e00\u4e2a\u4e2d\u7ea7\u901a\u77e5",\n                children: "\u54c8\u54c8\u54c8\u54c8",\n              },\n            ],\n          },\n        },\n      }}\n    >\n      <Notification />\n    </PureGlobal>\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Notification",packageName:"@components/Notification",component:a},{name:"global",packageName:"@components/Global",component:o},{name:"antd",packageName:"antd",component:l}]}]}}},28967:(n,e,t)=>{"use strict";t.d(e,{A:()=>r});var a=t(29053),o=t(76329),l=t(55199);const r={name:"Permissions",summary:"<h3>\u4f55\u65f6\u4f7f\u7528</h3>\n<p>\u5728\u7cfb\u7edf\u4e2d\u5b58\u5728\u4e00\u4e9b\u529f\u80fd\u548c\u64cd\u4f5c\u53ea\u5141\u8bb8\u67d0\u4e9b\u89d2\u8272\u7528\u6237\u4f7f\u7528\uff0c\u4f7f\u7528\u8be5\u7ec4\u4ef6\u53ef\u4ee5\u8ba9\u5176\u5305\u88f9\u7684\u7ec4\u4ef6\u6216\u8005\u533a\u57df\u6839\u636e\u7cfb\u7edf\u7684\u6743\u9650\u5217\u8868\u914d\u7f6e\u5c55\u793a\u4e0d\u540c\u7684\u72b6\u6001</p>\n<h3>\u7279\u70b9</h3>\n<p>\u901a\u8fc7\u5728Global\u4e2d\u7684preset\u4e2d\u8bbe\u7f6epermissions\u4f5c\u4e3a\u5f53\u524d\u7528\u6237\u7684\u6743\u9650\u5217\u8868\uff0c\u5728Permissions\u7ec4\u4ef6\u914d\u7f6epermissions\u4f5c\u4e3a\u8be5\u529f\u80fd\u8981\u6c42\u5177\u5907\u7684\u6743\u9650\u9879\uff0c\u5f53\u8981\u6c42\u5177\u5907\u7684\u6743\u9650\u9879\u5168\u90e8\u5728\u7528\u6237\u7684\u6743\u9650\u5217\u8868\u4e2d\u627e\u5230\u65f6\u4e3a\u6743\u9650\u901a\u8fc7\u72b6\u6001\u5426\u5219\u4e3a\u6743\u9650\u4e0d\u901a\u8fc7\u72b6\u6001</p>\n<p>\u5f53\u6743\u9650\u4e0d\u901a\u8fc7\u65f6\uff0cPermissions\u7ec4\u4ef6\u53ef\u4ee5\u6709\u4e09\u79cd\u65b9\u5f0f\u5448\u73b0\uff1a</p>\n<ol>\n<li>\u7528\u6237\u53ef\u4ee5\u770b\u5230\u64cd\u4f5c\u529f\u80fd\u7684\u7ec4\u4ef6\u663e\u793a\uff0c\u4f46\u662f\u4e0d\u80fd\u8fdb\u884c\u64cd\u4f5c\uff0c\u5728\u9f20\u6807\u79fb\u5165\u65f6\u4f1a\u4ee5ToolTip\u63d0\u793a\u9519\u8bef\u539f\u56e0\uff0c\u4e00\u822c\u7528\u5728\u6309\u94ae\u7b49\u9700\u8981\u7528\u6237\u4ea4\u4e92\u7684\u529f\u80fd\u4f4d\u7f6e</li>\n<li>\u7528\u6237\u4e0d\u80fd\u770b\u5230\u64cd\u4f5c\u529f\u80fd\u6216\u8005\u6570\u636e\u5448\u73b0\uff0c\u5bf9\u5e94\u533a\u57df\u663e\u793a\u9519\u8bef\u539f\u56e0\uff0c\u4e00\u822c\u7528\u5728\u8981\u6570\u636e\u5c55\u793a\u7b49\u573a\u666f</li>\n<li>\u9690\u85cf\u5185\u90e8\u7ec4\u4ef6\uff0c\u4e00\u822c\u7528\u5728\u4e0d\u9700\u8981\u5e72\u6270\u5230\u7528\u6237\u6216\u7528\u6237\u4e0d\u9700\u8981\u4e86\u89e3\u5176\u6ca1\u6709\u6743\u9650\u7684\u529f\u80fd\u6216\u6570\u636e\u7b49\u573a\u666f</li>\n</ol>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td>\u7c7b\u578b\uff0c\u53ef\u9009\u503c\u4e3ahidden\uff0ctooltip\uff0cerror\uff0c\u5206\u522b\u4e3a\u9690\u85cf\uff0c\u6c14\u6ce1\u63d0\u793a\uff0c\u9519\u8bef\u63d0\u793a\u4e09\u79cd\u5f62\u5f0f</td>\n<td>string</td>\n<td>hidden</td>\n</tr>\n<tr>\n<td>tagName</td>\n<td>\u5f53\u524d\u7ec4\u4ef6\u7684tagName\uff0c\u540cReact.createElement\u7684type\u53c2\u6570\uff0c\u9ed8\u8ba4\u4e3aspan</td>\n<td>string</td>\n<td>span</td>\n</tr>\n<tr>\n<td>message</td>\n<td>\u63d0\u793a\u6587\u6848</td>\n<td>string</td>\n<td>\u60a8\u6682\u65e0\u6743\u9650\uff0c\u8bf7\u8054\u7cfb\u7ba1\u7406\u5458</td>\n</tr>\n<tr>\n<td>request</td>\n<td>\u6743\u9650\u5217\u8868\u4e3a\u4e00\u4e2a\u5b57\u7b26\u4e32\u6570\u7ec4\uff0c\u6bcf\u4e2aitem\u4e3a\u4e00\u9879\u6743\u9650\u7684key\uff0c\u6240\u6709\u6743\u9650\u5728\u5168\u5c40\u7684permissions\u4e2d\u5b58\u5728\u5219\u5224\u65ad\u4e3a\u6743\u9650\u901a\u8fc7</td>\n<td>array[string]</td>\n<td>[]</td>\n</tr>\n<tr>\n<td>children</td>\n<td>\u8be5\u53c2\u6570\u53ef\u4ee5\u4f20function\u7c7b\u578b\uff0cchildren({isPass, type, request})\uff0cisPass\u4e3a\u6743\u9650\u6821\u9a8c\u662f\u5426\u901a\u8fc7\uff0ctype\u4e3a\u63d0\u793a\u7c7b\u578b\uff0crequest\u4e3a\u6240\u9700\u6743\u9650\u5217\u8868\uff0c\u53ef\u4ee5\u81ea\u884c\u5b9e\u73b0\u6743\u9650\u7684\u5c55\u793a</td>\n<td>jsx,function</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>",example:{isFull:!1,className:"Permissions_d08cc",style:".Permissions_d08cc .box {\n  padding: 20px;\n  background: #f8f8f8;\n}",list:[{title:"\u5c55\u793a\u6743\u9650\u4e0d\u901a\u8fc7\u7684\u51e0\u79cd\u5f62\u5f0f",description:"\u901a\u8fc7\u5207\u6362\u4e0d\u540c\u7684type\uff0c\u53ef\u4ee5\u9884\u89c8\u4e09\u79cd\u4e0d\u540ctype\u7684\u8868\u73b0\u5f62\u5f0f",code:'const { default: Permissions } = _Permissions;\nconst { PureGlobal } = global;\nconst { Button, Radio, Space } = antd;\nconst { useState } = React;\n\nconst BaseExample = () => {\n  const [type, setType] = useState("tooltip");\n  return (\n    <PureGlobal\n      preset={{\n        permissions: ["permission_1", "permission_2"],\n      }}\n    >\n      <Space direction="vertical">\n        <Radio.Group\n          value={type}\n          options={[\n            { label: "tooltip", value: "tooltip" },\n            {\n              label: "error",\n              value: "error",\n            },\n            { label: "hidden", value: "hidden" },\n          ]}\n          onChange={(e) => {\n            setType(e.target.value);\n          }}\n          optionType="button"\n          buttonStyle="solid"\n        />\n        <Permissions type={type} request={["permission_2"]}>\n          <div className="box">\n            <Button onClick={() => console.log("\u6267\u884c\u64cd\u4f5c")}>\u6709\u6743\u9650\u64cd\u4f5c</Button>\n          </div>\n        </Permissions>\n        <Permissions type={type} request={["permission_3"]}>\n          <div className="box">\n            <Button onClick={() => console.log("\u6267\u884c\u64cd\u4f5c")}>\u65e0\u6743\u9650\u64cd\u4f5c</Button>\n          </div>\n        </Permissions>\n      </Space>\n    </PureGlobal>\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Permissions",packageName:"@components/Permissions",component:a},{name:"global",packageName:"@components/Global",component:o},{name:"antd",packageName:"antd",component:l}]}]}}},12027:(n,e,t)=>{"use strict";t.d(e,{A:()=>l});var a=t(87227),o=t(55199);const l={name:"StateBar",summary:"<p>\u7528\u4e8e State Bar</p>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>stateOption</td>\n<td>state\u64cd\u4f5c\u5217\u8868</td>\n<td>string</td>\n<td>{key: string, tab: ReactNode}[]</td>\n</tr>\n<tr>\n<td>activeKey</td>\n<td>\u5f53\u524d\u6fc0\u6d3b tab \u9762\u677f\u7684 key</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>type</td>\n<td>\u5f53\u524dtab\u5c55\u793a\u6837\u5f0f</td>\n<td>'tab'\u3001'radio'\u3001'step'</td>\n<td>'tab'</td>\n</tr>\n<tr>\n<td>onChange</td>\n<td>\u4e8b\u4ef6\u8fd4\u56de\u9009\u4e2d\u7684key</td>\n<td>(value: string) =&gt; void</td>\n<td></td>\n</tr>\n<tr>\n<td>tabBarExtraContent</td>\n<td>\u5c55\u793a\u5728state bar\u53f3\u4fa7</td>\n<td>ReactNode</td>\n<td>null</td>\n</tr>\n<tr>\n<td>isInner</td>\n<td>\u5e95\u90e8\u7ebf\u5ef6\u5c55\u81f3\u603b\u957f</td>\n<td>boolean</td>\n<td>false</td>\n</tr>\n</tbody>\n</table>\n<h3>Mapping</h3>\n<h4>stateOption</h4>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>key</td>\n<td>\u5bf9\u5e94 activeKey</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>tab</td>\n<td>\u9009\u9879\u5361\u5934\u663e\u793a\u6587\u5b57</td>\n<td>ReactNode</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>",example:{isFull:!1,className:"StateBar_de00a",style:"",list:[{title:"State Bar",description:"State Bar",code:'const { default: StateBar } = _StateBar;\nconst { Button, Radio, Space } = antd;\nconst { useState } = React;\n\nconst BaseExample = () => {\n  const [size, setSize] = useState("default");\n  const [isInner, setIsInner] = useState(false);\n  return (\n    <Space direction="vertical">\n      <Radio.Group\n        value={isInner}\n        options={[\n          { label: "inner", value: true },\n          { label: "normal", value: false },\n        ]}\n        onChange={(e) => {\n          setIsInner(e.target.value);\n        }}\n        optionType="button"\n        buttonStyle="solid"\n      />\n      <Radio.Group\n        value={size}\n        options={[\n          { label: "small", value: "small" },\n          { label: "default", value: "default" },\n          { label: "large", value: "large" },\n        ]}\n        onChange={(e) => {\n          setSize(e.target.value);\n        }}\n        optionType="button"\n        buttonStyle="solid"\n      />\n      <StateBar\n        size={size}\n        isInner={isInner}\n        stateOption={[\n          { tab: "\u5168\u90e8", key: "1" },\n          { tab: "\u79d1\u76ee\u4e00", key: "2" },\n          {\n            tab: "\u79d1\u76ee\u4e8c",\n            key: "3",\n          },\n          { tab: "\u79d1\u76ee\u4e09", key: "4" },\n          { tab: "\u79d1\u76ee\u56db", key: "5" },\n        ]}\n      />\n    </Space>\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_StateBar",packageName:"@components/StateBar",component:a},{name:"antd",packageName:"antd",component:o}]},{title:"Radio State Bar",description:"Radio State Bar",code:'const { default: StateBar } = _StateBar;\nconst { Radio, Space } = antd;\nconst { useState } = React;\n\nconst BaseStateExample = () => {\n  const [size, setSize] = useState("default");\n  return (\n    <Space direction="vertical">\n      <Radio.Group\n        value={size}\n        options={[\n          { label: "small", value: "small" },\n          { label: "default", value: "default" },\n          { label: "large", value: "large" },\n        ]}\n        onChange={(e) => {\n          setSize(e.target.value);\n        }}\n        optionType="button"\n        buttonStyle="solid"\n      />\n      <StateBar\n        size={size}\n        type="radio"\n        stateOption={[\n          { tab: "\u5168\u90e8", key: "1" },\n          { tab: "\u79d1\u76ee\u4e00", key: "2" },\n          { tab: "\u79d1\u76ee\u4e8c", key: "3" },\n          { tab: "\u79d1\u76ee\u4e09", key: "4" },\n          { tab: "\u79d1\u76ee\u56db", key: "5" },\n          { tab: "\u79d1\u76ee\u4e001", key: "22" },\n          { tab: "\u79d1\u76ee\u4e8c2", key: "33" },\n          { tab: "\u79d1\u76ee\u4e093", key: "44" },\n          { tab: "\u79d1\u76ee\u56db4", key: "55", style: { cursor: "copy" } },\n        ]}\n      />\n    </Space>\n  );\n};\n\nrender(<BaseStateExample />);\n\n',scope:[{name:"_StateBar",packageName:"@components/StateBar",component:a},{name:"antd",packageName:"antd",component:o}]},{title:"Step State Bar",description:"Step State Bar",code:'const { default: StateBar } = _StateBar;\n\nconst BaseStateExample = () => {\n  return (\n    <StateBar\n      type="step"\n      stateOption={[\n        { tab: "\u5168\u90e8", key: "1" },\n        { tab: "\u79d1\u76ee\u4e00", key: "2" },\n        { tab: "\u79d1\u76ee\u4e8c", key: "3" },\n        { tab: "\u79d1\u76ee\u4e09", key: "4" },\n        { tab: "\u79d1\u76ee\u56db", key: "5" },\n        { tab: "\u79d1\u76ee\u4e001", key: "22" },\n        { tab: "\u79d1\u76ee\u4e8c2", key: "33" },\n        { tab: "\u79d1\u76ee\u4e093", key: "44" },\n        { tab: "\u79d1\u76ee\u56db4", key: "55", className: "last" },\n      ]}\n      tabBarExtraContent={<div>\u6d4b\u8bd5</div>}\n    />\n  );\n};\n\nrender(<BaseStateExample />);\n\n',scope:[{name:"_StateBar",packageName:"@components/StateBar",component:a}]}]}}},52616:(n,e,t)=>{"use strict";t.d(e,{A:()=>r});var a=t(62716),o=t(90580),l=t(21079);const r={name:"StateTag",summary:"<p>\u7528\u4e8e\u5c55\u793a\u6807\u7b7e</p>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td>tag\u7684\u7c7b\u578b\uff0c\u7c7b\u578b\u51b3\u5b9a\u663e\u793a\u7684\u989c\u8272</td>\n<td>'default'(#666666)\u3001'skill'(#666666)(\u6b64\u65f6\u8fb9\u6846\u989c\u8272\u4e3a #EEEEEE)\u3001'success'(#027A48)\u3001'progress'(#F09700)\u3001'danger'(#D14343)\u3001'info'(#155ACF)\u3001'other'(#6740C3)(\u5f85\u5b9a\u989c\u8272)\u3001'result'(#666666)\u3001'filterResult'(#5CB8B2)</td>\n<td>'default'</td>\n</tr>\n<tr>\n<td>showBorder</td>\n<td>\u662f\u5426\u5c55\u793a\u8fb9\u6846</td>\n<td>boolean</td>\n<td>false</td>\n</tr>\n<tr>\n<td>showBackground</td>\n<td>\u662f\u5426\u5c55\u793a\u80cc\u666f\u8272</td>\n<td>boolean</td>\n<td>true</td>\n</tr>\n<tr>\n<td>text</td>\n<td>tag\u6587\u6848</td>\n<td>string</td>\n<td>''</td>\n</tr>\n<tr>\n<td>filterName</td>\n<td>tag\u7c7b\u578b\u4e3a\u201cfilterResult\u201d\u65f6\u663e\u793a\u5728\u524d\u8fb9\u7684\u6587\u6848</td>\n<td>string</td>\n<td>''</td>\n</tr>\n</tbody>\n</table>\n<p>\u5176\u4ed6\u53c2\u6570\u53c2\u8003 <a href=\"https://ant.design/components/tag-cn\">antd Tag.Tag</a></p>",example:{isFull:!0,className:"StateTag_cfeaa",style:"",list:[{title:"\u57fa\u672c\u793a\u4f8b",description:"\u72b6\u6001\u6807\u7b7e",code:'const { default: StateTag } = _StateTag;\nconst { default: Descriptions } = _Descriptions;\nconst { range } = lodash;\n\nconst BaseExample = () => {\n  return (\n    <div>\n      <div>\u4f7f\u7528\u573a\u666f: \u5217\u8868\u9875Table,\u7b80\u5386\u8be6\u60c5\u9875</div>\n      <br />\n      <Descriptions\n        dataSource={[\n          [\n            { label: "\u4f7f\u7528\u89c4\u5219", content: "\u5f85XX\uff0c\u6682\u505c" },\n            { label: "\u4ee3\u7801\u793a\u4f8b", content: `{type: "info", text: "\u6807\u7b7e\u5185\u5bb9"}` },\n          ],\n          [\n            {\n              label: "\u6807\u7b7e\u6837\u5f0f",\n              content: <StateTag {...{ type: "info", text: "\u6807\u7b7e\u5185\u5bb9" }} />,\n            },\n            {\n              label: "\u793a\u4f8b",\n              content: <StateTag {...{ type: "info", text: "\u5f85\u63d0\u4ea4\u5f00\u7968" }} />,\n            },\n          ],\n          [\n            { label: "\u4f7f\u7528\u89c4\u5219", content: "XX\u4e2d\uff0c\u6b63\u5728XX\u4e2d" },\n            {\n              label: "\u4ee3\u7801\u793a\u4f8b",\n              content: `{type: "progress", text: "\u9000\u7968\u5ba1\u6838\u4e2d"}`,\n            },\n          ],\n          [\n            {\n              label: "\u6807\u7b7e\u6837\u5f0f",\n              content: <StateTag {...{ type: "progress", text: "\u6807\u7b7e\u5185\u5bb9" }} />,\n            },\n            {\n              label: "\u793a\u4f8b",\n              content: (\n                <StateTag {...{ type: "progress", text: "\u9000\u7968\u5ba1\u6838\u4e2d" }} />\n              ),\n            },\n          ],\n          [\n            { label: "\u4f7f\u7528\u89c4\u5219", content: "\u901a\u8fc7\uff0c\u6210\u529f\uff0c\u5b8c\u6210" },\n            {\n              label: "\u4ee3\u7801\u793a\u4f8b",\n              content: `{type: "success", text: "\u6807\u7b7e\u5185\u5bb9"}`,\n            },\n          ],\n          [\n            {\n              label: "\u6807\u7b7e\u6837\u5f0f",\n              content: <StateTag {...{ type: "success", text: "\u6807\u7b7e\u5185\u5bb9" }} />,\n            },\n            {\n              label: "\u793a\u4f8b",\n              content: <StateTag {...{ type: "success", text: "\u6807\u7b7e\u5185\u5bb9" }} />,\n            },\n          ],\n          [\n            { label: "\u4f7f\u7528\u89c4\u5219", content: "\u4e0d\u901a\u8fc7\uff0c\u5931\u8d25\uff0c\u6dd8\u6c70\uff0c\u7f3a\u5e2d\uff0c\u62d2\u7edd" },\n            {\n              label: "\u4ee3\u7801\u793a\u4f8b",\n              content: `{type: "danger", text: "\u9000\u7968\u62d2\u7edd"}`,\n            },\n          ],\n          [\n            {\n              label: "\u6807\u7b7e\u6837\u5f0f",\n              content: <StateTag {...{ type: "danger", text: "\u6807\u7b7e\u5185\u5bb9" }} />,\n            },\n            {\n              label: "\u793a\u4f8b",\n              content: <StateTag {...{ type: "danger", text: "\u9000\u7968\u62d2\u7edd" }} />,\n            },\n          ],\n          [\n            { label: "\u4f7f\u7528\u89c4\u5219", content: "\u53d6\u6d88\uff0c\u64a4\u9500\uff0c\u505c\u6b62" },\n            { label: "\u4ee3\u7801\u793a\u4f8b", content: `{text: "\u64a4\u9500\u5f00\u7968\u5ba1\u6838"}` },\n          ],\n          [\n            {\n              label: "\u6807\u7b7e\u6837\u5f0f",\n              content: <StateTag {...{ text: "\u6807\u7b7e\u5185\u5bb9" }} />,\n            },\n            {\n              label: "\u793a\u4f8b",\n              content: <StateTag {...{ text: "\u64a4\u9500\u5f00\u7968\u5ba1\u6838" }} />,\n            },\n          ],\n          [\n            { label: "\u4f7f\u7528\u89c4\u5219", content: "\uff08\u6682\u65f6\u8fd8\u672a\u7528\u5230\uff09" },\n            { label: "\u4ee3\u7801\u793a\u4f8b", content: `{type: "other", text: "\u6807\u7b7e\u5185\u5bb9"}` },\n          ],\n          [\n            {\n              label: "\u6807\u7b7e\u6837\u5f0f",\n              content: <StateTag {...{ type: "other", text: "\u6807\u7b7e\u5185\u5bb9" }} />,\n            },\n          ],\n        ]}\n      />\n      <br />\n      <br />\n      <div>\u4e2a\u522b\u7279\u6b8a\u573a\u666f\uff08\u9700\u8981\u5355\u72ec\u8be2\u95eeUI):</div>\n      <br />\n      <Descriptions\n        dataSource={[\n          [\n            { label: "\u4f7f\u7528\u89c4\u5219", content: "\u5f85XX\uff0c\u6682\u505c" },\n            {\n              label: "\u793a\u4f8b",\n              content: (\n                <div>\n                  <StateTag {...{ type: "success", text: "\u5df2\u63a8\u8350\u7b80\u5386" }} />\n                  <StateTag {...{ type: "success", text: "\u5df2\u9000\u7968" }} />\n                </div>\n              ),\n            },\n          ],\n          [\n            { label: "\u4f7f\u7528\u89c4\u5219", content: "\u5df2XX\u5f85XX" },\n            {\n              label: "\u793a\u4f8b",\n              content: (\n                <div>\n                  <StateTag {...{ type: "success", text: "\u5df2\u5f00\u7968\u5f85\u5bc4\u51fa" }} />\n                  <StateTag {...{ type: "success", text: "\u5df2\u5f85\u5bc4\u5f85\u6536\u6b3e" }} />\n                </div>\n              ),\n            },\n          ],\n          [\n            {\n              label: "\u4f7f\u7528\u89c4\u5219",\n              content: "\u5df2XX+\u8bcd\u8bed\uff1a\u6839\u636e\u540e\u9762\u7684\u8bcd\u8bed\u8bed\u4e49\u8fdb\u884c\u5224\u65ad",\n            },\n            {\n              label: "\u793a\u4f8b",\n              content: (\n                <div>\n                  <StateTag {...{ type: "success", text: "\u5df2\u6210\u529f" }} />\n                  <StateTag {...{ type: "default", text: "\u5df2\u53d6\u6d88" }} />\n                  <StateTag {...{ type: "danger", text: "\u5df2\u5931\u8d25" }} />\n                  <StateTag {...{ type: "progress", text: "\u5df2\u6682\u505c" }} />\n                </div>\n              ),\n            },\n          ],\n          [\n            { label: "\u4f7f\u7528\u89c4\u5219", content: "\u5b8c\u5168\u6839\u636e\u8bed\u4e49\u8bed\u5883\u5224\u65ad" },\n            {\n              label: "\u793a\u4f8b",\n              content: (\n                <div>\n                  <StateTag {...{ type: "success", text: "\u5168\u90e8\u5230\u6b3e" }} />\n                  <StateTag {...{ type: "success", text: "\u90e8\u5206\u5230\u6b3e" }} />\n                  <StateTag {...{ type: "success", text: "\u7b80\u5386\u4eae\u70b9" }} />\n                  <StateTag {...{ type: "danger", text: "\u7b80\u5386\u98ce\u9669\u70b9" }} />\n                </div>\n              ),\n            },\n          ],\n        ]}\n      />\n    </div>\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_StateTag",packageName:"@components/StateTag",component:a},{name:"_Descriptions",packageName:"@components/Descriptions",component:o},{name:"lodash",packageName:"lodash",component:l}]},{title:"\u57fa\u672c\u793a\u4f8b",description:"\u6280\u80fd\u6807\u7b7e",code:'const { default: StateTag } = _StateTag;\n\nconst BaseExample = () => {\n  return (\n    <div>\n      <StateTag\n        text={"\u6280\u80fd\u6807\u7b7e"}\n        type={"skill"}\n        showBorder\n        showBackground={false}\n      />\n    </div>\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_StateTag",packageName:"@components/StateTag",component:a}]},{title:"\u57fa\u672c\u793a\u4f8b",description:"\u4e0b\u62c9\u83dc\u5355\u3001\u5f39\u7a97\u4e2d\u5df2\u9009\u7ed3\u679c\u6807\u7b7e",code:'const { default: StateTag } = _StateTag;\n\nconst BaseExample = () => {\n  return (\n    <div>\n      <StateTag\n        text={"\u6280\u80fd\u6807\u7b7e"}\n        type={"result"}\n        showBackground={false}\n        closable\n        onClose={() => console.log("close")}\n      />\n      <StateTag\n        text={"\u6280\u80fd\u6807\u7b7e"}\n        type={"result"}\n        closable\n        onClose={() => console.log("close")}\n      />\n    </div>\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_StateTag",packageName:"@components/StateTag",component:a}]},{title:"\u57fa\u672c\u793a\u4f8b",description:"\u7b5b\u9009\u7ec4\u4ef6\u4e2d\u7b5b\u9009\u7ed3\u679c\u6807\u7b7e",code:'const { default: StateTag } = _StateTag;\n\nconst BaseExample = () => {\n  return (\n    <div>\n      <StateTag\n        filterName={"BD"}\n        text={"\u9648\u67ab\u6797\uff0c\u738b\u6653\u6668"}\n        type={"filterResult"}\n        closable\n        onClose={() => console.log("close")}\n      />\n      <br />\n      <StateTag\n        filterName={"\u6dfb\u52a0\u4eba"}\n        text={"\u9648\u67ab\u6797\uff0c\u738b\u6653\u6668\uff0c\u9648\u8def\uff0c\u5f20\u529b"}\n        type={"filterResult"}\n        closable\n        onClose={() => console.log("close")}\n      />\n    </div>\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_StateTag",packageName:"@components/StateTag",component:a}]}]}}},70467:(n,e,t)=>{"use strict";t.d(e,{A:()=>i});var a=t(75698),o=t(76329),l=t(87558),r=t(21079),s=t(55199);const i={name:"Table",summary:"<p>\u53ef\u4ee5\u4ece\u540e\u7aef\u83b7\u53d6\u6570\u636e\uff0c\u7136\u540e\u5c55\u793a\u4e3a\u4e00\u4e2a\u8868\u683c</p>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n</table>",example:{isFull:!0,className:"Table_51c45",style:"",list:[{title:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u6807\u9898",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { default: Table } = _Table;\nconst { PureGlobal } = _Global;\nconst { preset } = reactFetch;\n\nconst ajax = (config) => {\n  return new Promise((resolve) => {\n    setTimeout(() => {\n      if (config.url === "/api/v1/user/user/user_key_get") {\n        resolve({\n          data: {\n            code: 0,\n            data: `{"date":{"visible":false},"serialNumber":{"width":400}}`,\n          },\n        });\n      } else if (config.url === "/api/v1/user/user/user_key_set") {\n        console.log(config.data);\n        resolve({\n          data: {\n            code: 0,\n            data: "",\n          },\n        });\n      }\n    }, 100);\n  });\n};\n\npreset({\n  ajax,\n});\n\nconst BaseExample = () => {\n  return (\n    <PureGlobal\n      preset={{\n        ajax,\n        tableServerApis: {\n          getDataApi: (name) => {\n            return {\n              url: "/api/v1/user/user/user_key_get",\n              method: "GET",\n              params: {\n                key: `table_config_v2_${name}`,\n              },\n              transformResponse: (response) => {\n                const { data } = response;\n                response.data = Object.assign({}, data, {\n                  data: (() => {\n                    try {\n                      return JSON.parse(data.data);\n                    } catch (e) {\n                      return [];\n                    }\n                  })(),\n                });\n\n                response.data = {\n                  code: response.data.code === 0 ? 200 : data.code,\n                  msg: response.data.msg,\n                  results: response.data.data,\n                };\n\n                return response;\n              },\n              cache: "TABLE_PAGE_CONFIG",\n            };\n          },\n          setDataFunc: (name, data) => {\n            return ajax({\n              url: "/api/v1/user/user/user_key_set",\n              data: {\n                map: {\n                  [`table_config_v2_${name}`]: JSON.stringify(data),\n                },\n              },\n            });\n          },\n        },\n      }}\n    >\n      <Table\n        name="test-table"\n        onTablePropsReady={({ columns, dataSource }) => {\n          console.log({ columns, dataSource });\n        }}\n        dataSource={[\n          {\n            id: 0,\n            date: "2021-07-21",\n            datetime: "2023-07-22 09:00:00",\n            serialNumber: "SX00192932323434",\n            serialNumberShort: "SH0023",\n            userName: "\u6797\u73ca\u73ca",\n            title: "\u6211\u662f\u4e3b\u8981\u5b57\u6bb5",\n            tagEnum: null,\n            enUserName: "Lin Shanshan",\n            phoneNumber: "+86 18792877372",\n            email: "a@a.com",\n            count: 4,\n            description:\n              "\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0",\n            description2:\n              "\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0",\n            other: "\u5176\u4ed6\u4fe1\u606f",\n          },\n          {\n            id: 1,\n            date: "",\n            datetime: "2023-07-22 09:00:00",\n            serialNumber: "SX00192932323434",\n            serialNumberShort: "SH0023",\n            userName: "\u6797\u73ca\u73ca1",\n            title: "\u6211\u662f\u4e3b\u8981\u5b57\u6bb5",\n            tagEnum: "Y",\n            enUserName: "Lin Shanshan",\n            phoneNumber: null,\n            email: "a@a.com",\n            count: 5,\n            description: "\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0",\n            description2: "\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0",\n            other: "\u5176\u4ed6\u4fe1\u606f",\n          },\n        ]}\n        columns={[\n          {\n            name: "date",\n            title: "\u65e5\u671f",\n            type: "date",\n            hover: true,\n          },\n          {\n            name: "datetime",\n            title: "\u65e5\u671f\u65f6\u95f4",\n            type: "datetime",\n            hideSecond: true,\n          },\n          {\n            name: "serialNumber",\n            title: "\u7f16\u53f7",\n            type: "serialNumber",\n            primary: true,\n            onClick: async (item) => {\n              console.log(item);\n              return new Promise((resolve) => {\n                setTimeout(() => {\n                  resolve(true);\n                }, 10000);\n              });\n            },\n          },\n          {\n            name: "serialNumberShort",\n            title: "\u77ed\u7f16\u53f7",\n            type: "serialNumberShort",\n          },\n          {\n            name: "title",\n            title: "\u4e3b\u8981\u4fe1\u606f",\n            type: "mainInfo",\n          },\n          {\n            name: "tag",\n            title: "\u72b6\u6001\u6807\u7b7e",\n            type: "tag",\n            valueOf: () => ({ type: "success", text: "\u5ba1\u6838\u901a\u8fc7" }),\n          },\n          {\n            name: "tagEnum",\n            title: "\u6807\u7b7e\u679a\u4e3e",\n            type: "tag",\n            valueOf: (item) =>\n              item.tagEnum && {\n                type: "success",\n                isEnum: true,\n                moduleName: "marital",\n                name: item.tagEnum,\n              },\n          },\n          {\n            name: "avatar",\n            title: "\u5934\u50cf",\n            type: "avatar",\n            valueOf: () => ({ gender: "F" }),\n          },\n          {\n            name: "user",\n            title: "\u7528\u6237",\n            type: "user",\n            valueOf: (item) => `${item.enUserName} ${item.userName}`,\n          },\n          {\n            name: "hideInfo",\n            title: "\u9690\u85cf\u5b57\u6bb5",\n            type: "hideInfo",\n            valueOf: (item) =>\n              item["phoneNumber"] && {\n                loader: () => {\n                  return item["phoneNumber"] + "-" + item["id"];\n                },\n              },\n          },\n          {\n            name: "userName",\n            title: "\u7528\u6237\u540d",\n            type: "userName",\n          },\n          {\n            name: "contacts",\n            title: "\u8054\u7cfb\u4eba",\n            type: "contacts",\n            valueOf: (item) => `${item.userName} ${item.phoneNumber}`,\n          },\n          {\n            name: "count",\n            title: "\u6570\u91cf",\n            type: "singleRow",\n            render: ({ target }) => {\n              return target.count === 5 ? { hover: true } : { hover: false };\n            },\n          },\n          {\n            name: "description",\n            title: "\u63cf\u8ff0",\n            type: "description",\n          },\n          {\n            name: "description2",\n            title: "\u63cf\u8ff0(\u7701\u7565)",\n            type: "description",\n            ellipsis: true,\n          },\n          {\n            name: "other",\n            title: "\u5176\u4ed6",\n            type: "other",\n            hover: true,\n          },\n          {\n            name: "options",\n            title: "\u64cd\u4f5c",\n            type: "options",\n            valueOf: (item) => [\n              {\n                onClick: () => {\n                  return new Promise((resolve) => {\n                    setTimeout(() => {\n                      resolve();\n                    }, 1000);\n                  });\n                },\n                children: "\u5206\u914d",\n                message: "\u786e\u5b9a\u8981\u5206\u914d\u5417",\n                isDelete: false,\n              },\n              {\n                children: "\u5ba1\u6838",\n              },\n              {\n                onClick: () => {\n                  console.log(item);\n                },\n                children: "\u6dd8\u6c70",\n              },\n              {\n                onClick: () => {\n                  console.log(item);\n                },\n                children: "\u4e00\u952e\u7ea6\u9762",\n              },\n              {\n                children: "\u5220\u9664",\n                confirm: true,\n                onClick: () => {\n                  console.log("\u5220\u9664");\n                },\n              },\n            ],\n          },\n        ]}\n      />\n    </PureGlobal>\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Table",packageName:"@components/Table",component:a},{name:"_Global",packageName:"@components/Global",component:o},{name:"reactFetch",packageName:"@kne/react-fetch",component:l}]},{title:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u6807\u9898",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { PureGlobal } = _Global;\nconst { TablePage } = _Table;\nconst { range } = lodash;\nconst BaseExample = () => {\n  return (\n    <PureGlobal\n      preset={{\n        features: {\n          debug: true,\n          profile: {\n            id: "erc",\n            type: "system",\n            name: "\u4e1a\u52a1\u7cfb\u7edf",\n            children: [\n              {\n                id: "test",\n                type: "feature",\n                name: "\u6d4b\u8bd5\u529f\u80fd",\n                options: {\n                  hiddenColumns: ["date", "datetime"],\n                },\n              },\n            ],\n          },\n        },\n      }}\n    >\n      <TablePage\n        featureId="test"\n        sticky={false}\n        rowSelection={{\n          type: "checkbox",\n        }}\n        loader={() => {\n          return {\n            addUserName: "\u6211\u662f\u5927\u9b54\u738b",\n            pageData: range(0, 50).map((index) => ({\n              id: index,\n              date: "2021-07-21",\n              datetime: "2023-07-22 09:00:00",\n              serialNumber: "SX00192932323434",\n              serialNumberShort: "SH0023",\n              userName: "\u6797\u73ca\u73ca" + index,\n              title: "\u6211\u662f\u4e3b\u8981\u5b57\u6bb5",\n              enUserName: "Lin Shanshan",\n              phoneNumber: "+86 18792877372",\n              email: "a@a.com",\n              count: 5,\n              description:\n                "\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0",\n              other: "\u5176\u4ed6\u4fe1\u606f",\n            })),\n            totalCount: 50,\n          };\n        }}\n        columns={[\n          {\n            name: "date",\n            title: "\u65e5\u671f",\n            type: "date",\n            hover: true,\n          },\n          {\n            name: "datetime",\n            title: "\u65e5\u671f\u65f6\u95f4",\n            type: "datetime",\n          },\n          {\n            name: "dateRange",\n            title: "\u65e5\u671f\u8303\u56f4",\n            type: "dateRange",\n            valueOf: ({ date, datetime }) => [date, datetime],\n          },\n          {\n            name: "serialNumber",\n            title: "\u7f16\u53f7",\n            type: "serialNumber",\n            primary: true,\n          },\n          {\n            name: "serialNumberShort",\n            title: "\u77ed\u7f16\u53f7",\n            type: "serialNumberShort",\n          },\n          {\n            name: "title",\n            title: "\u4e3b\u8981\u4fe1\u606f",\n            type: "mainInfo",\n          },\n          {\n            name: "phone",\n            title: "\u624b\u673a\u53f7",\n            type: "hideInfo",\n            primary: true,\n            valueOf: (item) => ({\n              loader: () => {\n                return item["phoneNumber"] + "-" + item["id"];\n              },\n            }),\n          },\n          {\n            name: "email",\n            title: "\u90ae\u7bb1",\n            type: "hideInfo",\n            valueOf: (item) => ({\n              loader: () => {\n                return item["email"] + "-" + item["id"];\n              },\n              children: (data) => {\n                return `${data},${item["userName"]}`;\n              },\n            }),\n          },\n          {\n            name: "tag",\n            title: "\u72b6\u6001\u6807\u7b7e",\n            type: "tag",\n            valueOf: () => ({ type: "success", text: "\u5ba1\u6838\u901a\u8fc7" }),\n          },\n          {\n            name: "avatar",\n            title: "\u5934\u50cf",\n            type: "avatar",\n            valueOf: () => ({ gender: "F" }),\n          },\n          {\n            name: "user",\n            title: "\u7528\u6237",\n            type: "user",\n            valueOf: (item) => `${item.enUserName} ${item.userName}`,\n          },\n          {\n            name: "userName",\n            title: "\u7528\u6237\u540d",\n            type: "userName",\n          },\n          {\n            name: "contacts",\n            title: "\u8054\u7cfb\u4eba",\n            type: "contacts",\n            valueOf: (item) => `${item.userName} ${item.phoneNumber}`,\n          },\n          {\n            name: "count",\n            title: "\u6570\u91cf",\n            type: "singleRow",\n          },\n          {\n            name: "description",\n            title: "\u63cf\u8ff0(\u7701\u7565)",\n            type: "description",\n            ellipsis: true,\n          },\n          {\n            name: "other",\n            title: "\u5176\u4ed6",\n            type: "other",\n            hover: true,\n          },\n          {\n            name: "addUser",\n            title: "\u6dfb\u52a0\u4eba",\n            type: "user",\n            render: ({ data }) => ({ valueOf: () => data.addUserName }),\n          },\n          {\n            name: "options",\n            title: "\u64cd\u4f5c",\n            type: "options",\n            fixed: "right",\n            valueOf: (item) => [\n              {\n                onClick: () => {\n                  return new Promise((resolve) => {\n                    setTimeout(() => {\n                      resolve();\n                    }, 1000);\n                  });\n                },\n                children: "\u7f16\u8f91",\n                disabled: true,\n              },\n              {\n                children: "\u5ba1\u6838",\n              },\n              {\n                onClick: () => {\n                  console.log(item);\n                },\n                children: "\u6dd8\u6c70",\n              },\n              {\n                onClick: () => {\n                  console.log(item);\n                },\n                children: "\u4e00\u952e\u7ea6\u9762",\n              },\n              {\n                children: "\u5220\u9664",\n              },\n            ],\n          },\n        ]}\n      />\n    </PureGlobal>\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Table",packageName:"@components/Table",component:a},{name:"lodash",packageName:"lodash",component:r},{name:"_Global",packageName:"@components/Global",component:o}]},{title:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u6807\u9898",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { default: Table } = _Table;\nconst { PureGlobal } = _Global;\nconst { preset } = reactFetch;\nconst { useState } = React;\nconst { Input } = antd;\nconst ajax = (config) => {\n  return new Promise((resolve) => {\n    setTimeout(() => {\n      if (config.url === "/api/v1/user/user/user_key_get") {\n        resolve({\n          data: {\n            code: 0,\n            data: `{"date":{},"serialNumber":{"width":400}}`,\n          },\n        });\n      } else if (config.url === "/api/v1/user/user/user_key_set") {\n        console.log(config.data);\n        resolve({\n          data: {\n            code: 0,\n            data: "",\n          },\n        });\n      }\n    }, 100);\n  });\n};\n\npreset({\n  ajax,\n});\n\nconst ValueEdit = ({ value, targetRender }) => {\n  const [isEdit, setIsEdit] = useState(false);\n  return (\n    <span\n      onClick={() => {\n        setIsEdit(true);\n      }}\n    >\n      {isEdit ? (\n        <Input\n          type="text"\n          size="small"\n          defaultValue={value}\n          onBlur={() => {\n            setIsEdit(false);\n          }}\n        />\n      ) : (\n        targetRender(value)\n      )}\n    </span>\n  );\n};\n\nconst BaseExample = () => {\n  return (\n    <PureGlobal\n      preset={{\n        ajax,\n        tableServerApis: {\n          getDataApi: (name) => {\n            return {\n              url: "/api/v1/user/user/user_key_get",\n              method: "GET",\n              params: {\n                key: `table_config_v2_${name}`,\n              },\n              transformResponse: (response) => {\n                const { data } = response;\n                response.data = Object.assign({}, data, {\n                  data: (() => {\n                    try {\n                      return JSON.parse(data.data);\n                    } catch (e) {\n                      return [];\n                    }\n                  })(),\n                });\n\n                response.data = {\n                  code: response.data.code === 0 ? 200 : data.code,\n                  msg: response.data.msg,\n                  results: response.data.data,\n                };\n\n                return response;\n              },\n              cache: "TABLE_PAGE_CONFIG",\n            };\n          },\n          setDataFunc: (name, data) => {\n            return ajax({\n              url: "/api/v1/user/user/user_key_set",\n              data: {\n                map: {\n                  [`table_config_v2_${name}`]: JSON.stringify(data),\n                },\n              },\n            });\n          },\n        },\n      }}\n    >\n      <Table\n        name="test-table"\n        dataSource={[\n          {\n            id: 0,\n            date: "2021-07-21",\n            datetime: "2023-07-22 09:00:00",\n            serialNumber: "SX00192932323434",\n            serialNumberShort: "SH0023",\n            userName: "\u6797\u73ca\u73ca",\n            title: "\u6211\u662f\u4e3b\u8981\u5b57\u6bb5",\n            tagEnum: "Y",\n            enUserName: "Lin Shanshan",\n            phoneNumber: "+86 18792877372",\n            email: "a@a.com",\n            count: 4,\n            description:\n              "\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0",\n            description2:\n              "\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0",\n            other: "\u5176\u4ed6\u4fe1\u606f",\n          },\n          {\n            id: 1,\n            date: "",\n            datetime: "2023-07-22 09:00:00",\n            serialNumber: "SX00192932323434",\n            serialNumberShort: "SH0023",\n            userName: "\u6797\u73ca\u73ca1",\n            title: "\u6211\u662f\u4e3b\u8981\u5b57\u6bb5",\n            tagEnum: "Y",\n            enUserName: "Lin Shanshan",\n            phoneNumber: "+86 18792877372",\n            email: "a@a.com",\n            count: 5,\n            description: "\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0",\n            description2: "\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0",\n            other: "\u5176\u4ed6\u4fe1\u606f",\n          },\n        ]}\n        columns={[\n          {\n            name: "date",\n            title: "\u65e5\u671f",\n            sort: true,\n            groupHeader: [\n              {\n                name: "group1",\n                title: "\u5206\u7ec41",\n              },\n              {\n                name: "group1-1",\n                title: "\u5206\u7ec41-1",\n              },\n            ],\n            type: "date",\n            hover: true,\n          },\n          {\n            name: "datetime",\n            title: "\u65e5\u671f\u65f6\u95f4",\n            sort: true,\n            groupHeader: [\n              {\n                name: "group1",\n                title: "\u5206\u7ec41",\n              },\n              {\n                name: "group1-2",\n                title: "\u5206\u7ec41-2",\n              },\n            ],\n            type: "datetime",\n          },\n          {\n            name: "serialNumber",\n            title: "\u7f16\u53f7",\n            sort: true,\n            groupHeader: [\n              {\n                name: "group1",\n                title: "\u5206\u7ec41",\n              },\n              {\n                name: "group1-1",\n                title: "\u5206\u7ec41-1",\n              },\n            ],\n            type: "serialNumber",\n            primary: true,\n          },\n          {\n            name: "serialNumberShort",\n            title: "\u77ed\u7f16\u53f7",\n            type: "serialNumberShort",\n          },\n          {\n            name: "title",\n            title: "\u4e3b\u8981\u4fe1\u606f",\n            type: "mainInfo",\n            disableColItem: true,\n            valueOf: (item, { targetRender }) => (\n              <ValueEdit value={item["title"]} targetRender={targetRender} />\n            ),\n          },\n          {\n            name: "tag",\n            title: "\u72b6\u6001\u6807\u7b7e",\n            type: "tag",\n            valueOf: () => ({ type: "success", text: "\u5ba1\u6838\u901a\u8fc7" }),\n          },\n          {\n            name: "tagEnum",\n            title: "\u6807\u7b7e\u679a\u4e3e",\n            type: "tag",\n            valueOf: (item) => ({\n              type: "success",\n              isEnum: true,\n              moduleName: "marital",\n              name: item.tagEnum,\n            }),\n          },\n          {\n            name: "avatar",\n            title: "\u5934\u50cf",\n            type: "avatar",\n            valueOf: () => ({ gender: "F" }),\n          },\n          {\n            name: "user",\n            title: "\u7528\u6237",\n            type: "user",\n            valueOf: (item) => `${item.enUserName} ${item.userName}`,\n          },\n          {\n            name: "hideInfo",\n            title: "\u9690\u85cf\u5b57\u6bb5",\n            type: "hideInfo",\n            valueOf: (item) => ({\n              loader: () => {\n                return item["phoneNumber"] + "-" + item["id"];\n              },\n            }),\n          },\n          {\n            name: "userName",\n            title: "\u7528\u6237\u540d",\n            type: "userName",\n          },\n          {\n            name: "contacts",\n            title: "\u8054\u7cfb\u4eba",\n            type: "contacts",\n            valueOf: (item) => `${item.userName} ${item.phoneNumber}`,\n          },\n          {\n            name: "count",\n            title: "\u6570\u91cf",\n            type: "singleRow",\n            render: ({ target }) => {\n              return target.count === 5 ? { hover: true } : { hover: false };\n            },\n          },\n          {\n            name: "description",\n            title: "\u63cf\u8ff0",\n            type: "description",\n          },\n          {\n            name: "description2",\n            title: "\u63cf\u8ff0(\u7701\u7565)",\n            type: "description",\n            ellipsis: true,\n          },\n          {\n            name: "other",\n            title: "\u5176\u4ed6",\n            type: "other",\n            hover: true,\n            sort: true,\n          },\n          {\n            name: "options",\n            title: "\u64cd\u4f5c",\n            type: "options",\n            fixed: "right",\n            sort: true,\n            valueOf: (item) => [\n              {\n                onClick: () => {\n                  return new Promise((resolve) => {\n                    setTimeout(() => {\n                      resolve();\n                    }, 1000);\n                  });\n                },\n                children: "\u5206\u914dProgram\u53ca\u6559\u7ec3",\n              },\n              {\n                children: "\u5ba1\u6838",\n              },\n              {\n                onClick: () => {\n                  console.log(item);\n                },\n                children: "\u6dd8\u6c70",\n              },\n              {\n                onClick: () => {\n                  console.log(item);\n                },\n                children: "\u4e00\u952e\u7ea6\u9762",\n              },\n              {\n                children: "\u5220\u9664",\n              },\n            ],\n          },\n        ]}\n        onSortChange={(sort) => {\n          console.log(">>>>>>", sort);\n        }}\n      />\n    </PureGlobal>\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Table",packageName:"@components/Table",component:a},{name:"_Global",packageName:"@components/Global",component:o},{name:"reactFetch",packageName:"@kne/react-fetch",component:l},{name:"antd",packageName:"antd",component:s}]}]}}},69022:(n,e,t)=>{"use strict";t.d(e,{A:()=>i});var a=t(27777),o=t(21079),l=t(76329),r=t(87558),s=t(57469);const i={name:"TablePage",summary:"<p>\u53ef\u4ee5\u4ece\u540e\u7aef\u83b7\u53d6\u6570\u636e\uff0c\u7136\u540e\u5c55\u793a\u4e3a\u4e00\u4e2a\u8868\u683c</p>\n<p><em><strong>\uff08\u5df2\u5e9f\u5f03\uff0c\u4e0d\u5efa\u8bae\u4f7f\u7528\uff0c\u8bf7\u7528Table\u7684TablePage\u7ec4\u4ef6\u4ee3\u66ff\uff09</strong></em></p>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>dataFormat</td>\n<td>\u7528\u4e8e\u5904\u7406\u540e\u7aef\u8fd4\u56de\u7684\u6570\u636e\uff0c\u4f5c\u4e3a\u8868\u683c\u6570\u636e</td>\n<td>function</td>\n<td>(data) =&gt; {return {list: data.data.pageData,total: data.data.totalCount};}</td>\n</tr>\n<tr>\n<td>pagination</td>\n<td>\u63a7\u5236\u5206\u9875\u53c2\u6570</td>\n<td>object</td>\n<td>{showSizeChanger: true,showQuickJumper: true,open: true,paramsType: 'data',requestType: 'reload',current: 'currentPage',pageSize: 'perPage',defaultPageSize: 20,size: 'default'}</td>\n</tr>\n<tr>\n<td>getColumns</td>\n<td>\u83b7\u53d6colums\u53c2\u6570\u7684\u51fd\u6570,\u8be5\u51fd\u6570\u7684\u53c2\u6570\u53ef\u4ee5\u62ff\u5230\u8bf7\u6c42\u7ed3\u679c\u6570\u636e,\u5982\u679c\u4e0d\u4f20\u8be5\u51fd\u6570\u5219\u9ed8\u8ba4\u53d6colums\u5c5e\u6027 getColumns({data,formatData}),\u53ef\u4ee5\u8fd4\u56dePromise</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>stickyOffset</td>\n<td>sticky\u6a21\u5f0f\uff0ctable header\u8ddd\u79bb\u9876\u90e8\u4f4d\u7f6e\uff0c\u9ed8\u8ba4\u4f1a\u53d6 --nav-height\uff0c\u6ce8\u610f\uff1a\u8be5\u7ec4\u4ef6\u4f1a\u8986\u76d6\u8c03sticky\u4e2d\u8bbe\u7f6e\u7684\u503c\uff0c\u5bfc\u81f4\u5176\u8bbe\u7f6e\u4e0d\u751f\u6548\uff0c\u9700\u8981\u914d\u7f6e\u8be5\u53c2\u6570\u6765\u5b9e\u73b0\u529f\u80fd</td>\n<td>string</td>\n<td>var(--nav-height)</td>\n</tr>\n<tr>\n<td>controllerOpen</td>\n<td>\u662f\u5426\u5f00\u542f\u5217\u63a7\u5236\uff0c\u8c03\u6574\u5217\u5bbd\u548c\u5217\u663e\u793a</td>\n<td>boolean</td>\n<td>true</td>\n</tr>\n</tbody>\n</table>\n<p>\u5176\u4ed6\u53c2\u6570\u53c2\u8003</p>\n<p>\u8868\u683c\u53c2\u6570:</p>\n<p><a href=\"https://ant.design/components/table-cn/\">antd Table</a></p>\n<p>\u8bf7\u6c42\u6570\u636e\u53c2\u6570:</p>\n<p><a href=\"/lib/react-fetch\">react-fetch</a></p>",example:{isFull:!0,className:"TablePage_b85cd",style:".TablePage_b85cd .table-Limit-height {\n  height: 600px;\n  overflow: auto;\n  max-width: 1000px;\n  margin: 0 auto;\n}",list:[{title:"\u666e\u901a\u8868\u683c",description:"\u5c55\u793a\u4e00\u4e2a\u666e\u901a\u7684\u8868\u683c",code:'const { default: TablePage } = tablePage;\nconst { PureGlobal } = global;\nconst { range } = _;\nconst { preset } = reactFetch;\n\nconst ajax = (config) => {\n  return new Promise((resolve) => {\n    setTimeout(() => {\n      if (config.url === "/api/v1/user/user/user_key_get") {\n        resolve({\n          data: {\n            code: 0,\n            data: `[{"id":"clientName","name":"\u5ba2\u6237\u540d\u79f0","width":341,"chosen":false,"selected":false},{"id":"city","name":"\u5de5\u4f5c\u5730\u70b9","width":341,"chosen":false,"selected":false},{"id":"startTime","name":"\u804c\u4f4d\u5f00\u59cb\u65f6\u95f4","hidden":false,"width":200,"chosen":false,"selected":false},{"id":"options","name":"\u64cd\u4f5c","fixed":"right","width":341}]`,\n          },\n        });\n      } else if (config.url === "/api/v1/user/user/user_key_set") {\n        console.log(config.data);\n        resolve({\n          data: {\n            code: 0,\n            data: "",\n          },\n        });\n      }\n    }, 100);\n  });\n};\n\npreset({\n  ajax,\n});\n\nconst Example = () => {\n  return (\n    <PureGlobal\n      preset={{\n        ajax,\n        tablePageServerApis: {\n          getDataApi: (name) => {\n            return {\n              url: "/api/v1/user/user/user_key_get",\n              method: "GET",\n              params: {\n                key: `table_config_${name}`,\n              },\n              transformResponse: (response) => {\n                const { data } = response;\n                response.data = Object.assign({}, data, {\n                  data: (() => {\n                    try {\n                      return JSON.parse(data.data);\n                    } catch (e) {\n                      return [];\n                    }\n                  })(),\n                });\n\n                response.data = {\n                  code: response.data.code === 0 ? 200 : data.code,\n                  msg: response.data.msg,\n                  results: response.data.data,\n                };\n\n                return response;\n              },\n              cache: "TABLE_PAGE_CONFIG",\n            };\n          },\n          setDataFunc: (name, data) => {\n            return ajax({\n              url: "/api/v1/user/user/user_key_set",\n              data: {\n                map: {\n                  [`table_config_${name}`]: JSON.stringify(data),\n                },\n              },\n            });\n          },\n        },\n      }}\n    >\n      <TablePage\n        name="test1"\n        rowSelection={{\n          type: "checkbox",\n        }}\n        columns={[\n          {\n            title: (\n              <div>\n                \u804c\u4f4d\u540d\u79f0<i>~</i>\n              </div>\n            ),\n            titleText: "\u804c\u4f4d\u540d\u79f0",\n            key: "positionName",\n            fixed: "left",\n            dataIndex: "positionName",\n          },\n          {\n            title: "\u5ba2\u6237\u540d\u79f0",\n            key: "clientName",\n            dataIndex: "clientName",\n          },\n          {\n            title: "\u5de5\u4f5c\u5730\u70b9",\n            key: "city",\n            dataIndex: "city",\n          },\n          {\n            title: "\u5de5\u4f5c\u5730\u70b91",\n            key: "city1",\n            dataIndex: "city",\n          },\n          {\n            title: "\u5de5\u4f5c\u5730\u70b92",\n            key: "city2",\n            dataIndex: "city",\n          },\n          {\n            title: "\u5de5\u4f5c\u5730\u70b93",\n            key: "city3",\n            dataIndex: "city",\n          },\n          {\n            title: "\u5de5\u4f5c\u5730\u70b94",\n            key: "city4",\n            dataIndex: "city",\n          },\n          {\n            title: "\u5de5\u4f5c\u5730\u70b95",\n            key: "city5",\n            dataIndex: "city",\n          },\n          {\n            title: "\u5de5\u4f5c\u5730\u70b96",\n            key: "city6",\n            dataIndex: "city",\n          },\n          {\n            title: "\u5de5\u4f5c\u5730\u70b97",\n            key: "city7",\n            dataIndex: "city",\n          },\n          {\n            title: "\u5de5\u4f5c\u5730\u70b98",\n            key: "city8",\n            dataIndex: "city",\n          },\n          {\n            title: "\u5de5\u4f5c\u5730\u70b99",\n            key: "city9",\n            dataIndex: "city",\n          },\n          {\n            title: "\u804c\u4f4d\u5f00\u59cb\u65f6\u95f4",\n            key: "startTime",\n            dataIndex: "startTime",\n            hidden: true,\n          },\n          {\n            title: "\u64cd\u4f5c",\n            key: "options",\n            fixed: "right",\n            width: 300,\n            render: () => {\n              return "\u64cd\u4f5c";\n            },\n          },\n        ]}\n        sticky={false}\n        data={{ currentPage: 1, perPage: 20 }}\n        loader={({ data }) => {\n          return new Promise((resolve) => {\n            setTimeout(() => {\n              resolve({\n                pageData: range(data.perPage).map((index) => ({\n                  id: index + (data.currentPage - 1) * data.perPage + 1,\n                  positionName:\n                    "\u5e02\u573a\u8fd0\u8425\u603b\u76d1" +\n                    (index + (data.currentPage - 1) * data.perPage + 1),\n                  clientName: "\u5927\u4f17",\n                  city: "\u5317\u4eac",\n                  startTime: "2020-01-10",\n                })),\n                totalCount: 100,\n              });\n            }, 100);\n          });\n        }}\n      />\n    </PureGlobal>\n  );\n};\n\nrender(<Example />);\n\n',scope:[{name:"tablePage",packageName:"@components/TablePage",component:a},{name:"_",packageName:"lodash",component:o},{name:"global",packageName:"@components/Global",component:l},{name:"reactFetch",packageName:"@kne/react-fetch",component:r}]},{title:"\u6811\u5f62\u6570\u636e",description:"\u5c55\u793a\u4e00\u4e2a\u6811\u5f62\u6570\u636e\u7684\u8868\u683c",code:'const { default: TablePage } = tablePage;\nconst { range } = _;\n\nconst Example = () => {\n  return (\n    <TablePage\n      name="test1"\n      columns={[\n        {\n          title: "\u804c\u4f4d\u540d\u79f0",\n          key: "positionName",\n          fixed: "left",\n          dataIndex: "positionName",\n        },\n        {\n          title: "\u5ba2\u6237\u540d\u79f0",\n          key: "clientName",\n          dataIndex: "clientName",\n        },\n        {\n          title: "\u5de5\u4f5c\u5730\u70b9",\n          key: "city",\n          dataIndex: "city",\n        },\n        {\n          title: "\u804c\u4f4d\u5f00\u59cb\u65f6\u95f4",\n          key: "startTime",\n          dataIndex: "startTime",\n          hidden: true,\n        },\n        {\n          title: "\u64cd\u4f5c",\n          key: "options",\n          fixed: "right",\n          width: 300,\n          render: () => {\n            return "\u64cd\u4f5c";\n          },\n        },\n      ]}\n      sticky={false}\n      data={{ currentPage: 1, perPage: 20 }}\n      loader={({ data }) => {\n        return new Promise((resolve) => {\n          setTimeout(() => {\n            resolve({\n              pageData: range(data.perPage).map((index) => ({\n                id: index + (data.currentPage - 1) * data.perPage + 1,\n                positionName:\n                  "\u5e02\u573a\u8fd0\u8425\u603b\u76d1" +\n                  (index + (data.currentPage - 1) * data.perPage + 1),\n                clientName: "\u5927\u4f17",\n                city: "\u5317\u4eac",\n                startTime: "2020-01-10",\n                children: range(10).map((i) => {\n                  return {\n                    id:\n                      index +\n                      (data.currentPage - 1) * data.perPage +\n                      1 +\n                      "-" +\n                      i,\n                    positionName:\n                      "\u5e02\u573a\u8fd0\u8425\u603b\u76d1" +\n                      (index + (data.currentPage - 1) * data.perPage + 1) +\n                      "-" +\n                      i,\n                    clientName: "\u5927\u4f17",\n                    city: "\u5317\u4eac",\n                    startTime: "2020-01-10",\n                    children:\n                      index === 0\n                        ? [\n                            {\n                              id:\n                                index +\n                                (data.currentPage - 1) * data.perPage +\n                                1 +\n                                "-" +\n                                i +\n                                "-last",\n                              positionName: "\u6700\u540e\u4e00\u5c42",\n                              clientName: "\u6700\u540e\u4e00\u5c42",\n                              city: "\u6700\u540e\u4e00\u5c42",\n                              startTime: "2020-01-10",\n                            },\n                          ]\n                        : null,\n                  };\n                }),\n              })),\n              totalCount: 100,\n            });\n          }, 100);\n        });\n      }}\n    />\n  );\n};\n\nrender(<Example />);\n\n',scope:[{name:"tablePage",packageName:"@components/TablePage",component:a},{name:"_",packageName:"lodash",component:o}]},{title:"\u56fa\u5b9a\u8868\u5934\u8868\u683c",description:"\u5c55\u793a\u4e00\u4e2a\u56fa\u5b9a\u8868\u5934\u7684\u8868\u683c",code:'const { default: TablePage } = tablePage;\nconst { range } = _;\nconst { useRef } = React;\n\nconst Example = () => {\n  const ref = useRef();\n  return (\n    <div className="table-Limit-height" ref={ref}>\n      <div\n        style={{\n          height: 700,\n        }}\n      >\n        \u8bf7\u5f80\u4e0b\u62c9\n      </div>\n      <TablePage\n        stickyOffset="0px"\n        scroller={{\n          getContainer: () => ref.current,\n        }}\n        data={{ currentPage: 1, perPage: 20 }}\n        columns={[\n          {\n            title: "\u804c\u4f4d\u540d\u79f0",\n            key: "positionName",\n            fixed: "left",\n            dataIndex: "positionName",\n          },\n          {\n            title: "\u5ba2\u6237\u540d\u79f0",\n            key: "clientName",\n            dataIndex: "clientName",\n          },\n          {\n            title: "\u5de5\u4f5c\u5730\u70b9",\n            key: "city",\n            dataIndex: "city",\n          },\n          {\n            title: "\u804c\u4f4d\u5f00\u59cb\u65f6\u95f4",\n            key: "startTime",\n            dataIndex: "startTime",\n          },\n        ]}\n        loader={({ data }) => {\n          return {\n            pageData: range(data.perPage).map((index) => ({\n              id: index + (data.currentPage - 1) * data.perPage + 1,\n              positionName:\n                "\u5e02\u573a\u8fd0\u8425\u603b\u76d1" +\n                (index + (data.currentPage - 1) * data.perPage + 1),\n              clientName: "\u5927\u4f17",\n              city: "\u5317\u4eac",\n              startTime: "2020-01-10",\n            })),\n            totalCount: 100,\n          };\n        }}\n      />\n    </div>\n  );\n};\n\nrender(<Example />);\n\n',scope:[{name:"tablePage",packageName:"@components/TablePage",component:a},{name:"_",packageName:"lodash",component:o}]},{title:"\u65e5\u671f\u683c\u5f0f\u5316\u8868\u683c",description:"\u5c55\u793a\u4e00\u4e2a\u65e5\u671f\u683c\u5f0f\u5316\u8868\u683c",code:'const { default: TablePage } = tablePage;\nconst { range } = _;\nconst dayjs = dayjs;\n\nconst dateFormat = (target) => {\n  return dayjs(target).format("YYYY-MM-DD HH:mm:ss");\n};\n\nconst Example = () => {\n  return (\n    <TablePage\n      sticky={false}\n      columns={[\n        {\n          title: "\u804c\u4f4d\u540d\u79f0",\n          key: "positionName",\n          fixed: "left",\n          dataIndex: "positionName",\n        },\n        {\n          title: "\u5ba2\u6237\u540d\u79f0",\n          key: "clientName",\n          dataIndex: "clientName",\n        },\n        {\n          title: "\u5de5\u4f5c\u5730\u70b9",\n          key: "city",\n          dataIndex: "city",\n        },\n        {\n          title: "\u804c\u4f4d\u5f00\u59cb\u65f6\u95f4",\n          key: "startTime",\n          dataIndex: "startTime",\n          render: dateFormat,\n        },\n        {\n          title: "\u804c\u4f4d\u7ed3\u675f\u65f6\u95f4",\n          key: "endTime",\n          dataIndex: "endTime",\n          render: dateFormat,\n        },\n      ]}\n      data={{ currentPage: 1, perPage: 10 }}\n      loader={({ data }) => {\n        return new Promise((resolve) => {\n          setTimeout(() => {\n            resolve({\n              pageData: range(data.perPage).map((index) => ({\n                id: index + (data.currentPage - 1) * data.perPage + 1,\n                positionName:\n                  "\u5e02\u573a\u8fd0\u8425\u603b\u76d1" +\n                  (index + (data.currentPage - 1) * data.perPage + 1),\n                clientName: "\u5927\u4f17",\n                city: "\u5317\u4eac",\n                startTime: "2020-01-10",\n                endTime: "2020-02-10",\n              })),\n              totalCount: 48,\n            });\n          }, 1000);\n        });\n      }}\n    />\n  );\n};\n\nrender(<Example />);\n\n',scope:[{name:"tablePage",packageName:"@components/TablePage",component:a},{name:"_",packageName:"lodash",component:o},{name:"dayjs",packageName:"dayjs",component:s}]},{title:"\u52a8\u6001column\u83b7\u53d6",description:"\u5c55\u793a\u52a8\u6001column\u83b7\u53d6\u7684\u8868\u683c",code:'const { default: TablePage } = tablePage;\nconst { range } = _;\n\nconst Example = () => {\n  return (\n    <TablePage\n      sticky={false}\n      getColumns={({ data, formatData }) => {\n        console.log(data, formatData);\n        return Promise.resolve([\n          {\n            title: "\u804c\u4f4d\u540d\u79f0",\n            key: "positionName",\n            fixed: "left",\n            dataIndex: "positionName",\n          },\n          {\n            title: "\u5ba2\u6237\u540d\u79f0",\n            key: "clientName",\n            dataIndex: "clientName",\n          },\n          {\n            title: "\u5de5\u4f5c\u5730\u70b9",\n            key: "city",\n            dataIndex: "city",\n          },\n          {\n            title: "\u804c\u4f4d\u5f00\u59cb\u65f6\u95f4",\n            key: "startTime",\n            dataIndex: "startTime",\n          },\n        ]);\n      }}\n      data={{ currentPage: 1, perPage: 20 }}\n      loader={({ data }) => {\n        return new Promise((resolve) => {\n          setTimeout(() => {\n            resolve({\n              pageData: range(data.perPage).map((index) => ({\n                id: index + (data.currentPage - 1) * data.perPage + 1,\n                positionName:\n                  "\u5e02\u573a\u8fd0\u8425\u603b\u76d1" +\n                  (index + (data.currentPage - 1) * data.perPage + 1),\n                clientName: "\u5927\u4f17",\n                city: "\u5317\u4eac",\n                startTime: "2020-01-10",\n              })),\n              totalCount: 100,\n            });\n          }, 1000);\n        });\n      }}\n    />\n  );\n};\n\nrender(<Example />);\n\n',scope:[{name:"tablePage",packageName:"@components/TablePage",component:a},{name:"_",packageName:"lodash",component:o}]}]}}},91026:(n,e,t)=>{"use strict";t.d(e,{A:()=>s});var a=t(21554),o=t(8002),l=t(96252),r=t(87558);const s={name:"Tooltip",summary:"<p>\u7b80\u5355\u7684\u6587\u5b57\u63d0\u793a\u6c14\u6ce1\u6846</p>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>size</td>\n<td>\u9ed8\u8ba4\u5bbd\u5ea6 360\uff0csmall \u5bbd\u5ea6 240</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>title</td>\n<td>\u6807\u9898\u5185\u5bb9</td>\n<td>string,jsx</td>\n<td>-</td>\n</tr>\n<tr>\n<td>showInfo</td>\n<td>\u5c55\u793a\u6807\u9898\u65c1\u7684\u63d0\u793a\u6309\u94ae</td>\n<td>boolean</td>\n<td>-</td>\n</tr>\n<tr>\n<td>importantInfo</td>\n<td>\u91cd\u8981\u5185\u5bb9</td>\n<td>string,jsx</td>\n<td>-</td>\n</tr>\n<tr>\n<td>subtitle</td>\n<td>\u526f\u6807\u9898</td>\n<td>string,jsx</td>\n<td>-</td>\n</tr>\n<tr>\n<td>content</td>\n<td>\u5185\u5bb9</td>\n<td>string,jsx</td>\n<td>-</td>\n</tr>\n<tr>\n<td>importantInfoType</td>\n<td>\u91cd\u8981\u5185\u5bb9\u7c7b\u578b\uff0csuccess,error,warning</td>\n<td>string,jsx</td>\n<td>-</td>\n</tr>\n<tr>\n<td>moreInfo</td>\n<td>\u5176\u4ed6\u5185\u5bb9</td>\n<td>jsx</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>TooltipFetch</h3>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>api</td>\n<td>\u83b7\u53d6\u6570\u636e\u7684\u63a5\u53e3\uff0c\u53c2\u8003@kne/react-fetch</td>\n<td>object</td>\n<td>-</td>\n</tr>\n<tr>\n<td>fetchContent</td>\n<td>\u5f53api\u63a5\u53e3\u8fd4\u56de\u503c\u7684\u65f6\u5019\u8c03\u7528\uff0c\u53ef\u4ee5\u83b7\u53d6\u5230\u63a5\u53e3\u53c2\u6570\uff0c\u8fd4\u56de\u503c\u4f1a\u66f4\u65b0\u5230Tootip\u7684\u53c2\u6570\u4e2d</td>\n<td>function</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>",example:{isFull:!1,className:"Tooltip_c9830",style:"",list:[{title:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u6807\u9898",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { default: Tooltip, TooltipInfoLabel } = _Tooltip;\nconst { default: Space } = space;\nconst {\n  default: FormInfo,\n  Form,\n  Input,\n  TypeDateRangePicker,\n  SubmitButton,\n  CancelButton,\n} = formInfo;\n\nconst MoreInfo = () => {\n  return (\n    <Form>\n      <FormInfo\n        column={1}\n        list={[\n          <Input label="\u59d3\u540d" name="name" rule="REQ" />,\n          <TypeDateRangePicker\n            name="type_date"\n            label="\u65e5\u671f\u65f6\u95f4\u6bb5"\n            rule="REQ"\n          />,\n          <Space\n            style={{\n              width: "100%",\n              justifyContent: "end",\n            }}\n          >\n            <CancelButton>\u53d6\u6d88</CancelButton>\n            <SubmitButton>\u786e\u5b9a</SubmitButton>\n          </Space>,\n        ]}\n      />\n    </Form>\n  );\n};\n\nconst BaseExample = () => {\n  return (\n    <Space>\n      <Tooltip content="\u8fd9\u91cc\u663e\u793a\u5b8c\u6574\u7684\u4fe1\u606f">\u5c0f\u6bb5\u4fe1\u606f</Tooltip>\n      <Tooltip\n        size="small"\n        content="\u8fd9\u91cc\u663e\u793a\u5b8c\u6574\u7684\u4fe1\u606f\u5b8c\u6574\u7684\u4fe1\u606f\uff0c\u8fd9\u91cc\u663e\u793a\u5b8c\u6574\u7684\u4fe1\u606f\u5b8c\u6574\u7684\u4fe1\u606f\u8fd9\u91cc\u663e\u793a\u5b8c\u6574\u7684\u4fe1\u606f\u5b8c\u6574\u7684\u4fe1\u606f\u8fd9\u91cc\u663e\u793a\u5b8c\u6574\u7684\u4fe1\u606f\u5b8c\u6574\u7684\u4fe1\u606f\uff0c\u8fd9\u91cc\u663e\u793a\u5b8c\u6574\u7684\u4fe1\u606f\u3002"\n      >\n        \u5927\u6bb5\u4fe1\u606f\n      </Tooltip>\n      <Tooltip title="\u6807\u9898" content="\u5185\u5bb9\u63cf\u8ff0\u5185\u5bb9\u63cf\u8ff0\u5185\u5bb9\u3002">\n        \u5e26\u6709\u6807\u9898\u7684\u5c0f\u6bb5\u4fe1\u606f\n      </Tooltip>\n      <Tooltip\n        title="\u6807\u9898"\n        content="\u5185\u5bb9\u63cf\u8ff0\u5185\u5bb9\u63cf\u8ff0\u5185\u5bb9\u63cf\u8ff0\u5185\u5bb9\u63cf\u8ff0\u5185\u5bb9\u63cf\u8ff0\u5185\u5bb9\u63cf\u8ff0\u5185\u5bb9\u63cf\u8ff0\u5185\u5bb9\u63cf\u8ff0\u5185\u5bb9\u63cf\u8ff0\u5185\u5bb9\u63cf\u8ff0\u5185\u5bb9\u63cf\u8ff0"\n      >\n        \u5e26\u6709\u6807\u9898\u7684\u5927\u6bb5\u4fe1\u606f\n      </Tooltip>\n      <Tooltip\n        importantInfo="\u7b5b\u9009\u65e5\u671f\u8303\u56f4\u5185\uff0c\u804c\u4f4d\u4e0a\u5b89\u6392\u987e\u95ee\u9762\u8bd5\u7684\u5019\u9009\u4eba\u603b\u6570\u3002\u6839\u636e\u6240\u586b\u5199\u7684\u987e\u95ee\u3010\u9762\u8bd5\u9762\u8bd5\u3011\u65f6\u95f4\u6765\u8fdb\u884c\u7edf\u8ba1\uff0c\u800c\u975e\u5728\u7cfb\u7edf\u7684\u64cd\u4f5c\u65f6\u95f4\u3002"\n        subtitle="\u793a\u4f8b:"\n        content="2022.10.21\u5728\u7cfb\u7edf\u64cd\u4f5c\u987e\u95ee\u9762\u8bd5\uff0c\u4f46\u586b\u5199\u7684\u987e\u95ee\u9762\u8bd5\u65f6\u95f4\u4e3a2022.10.20\uff0c\u5219\u6570\u636e\u4f1a\u7edf\u8ba1\u57282022.10.20\uff0c\u800c\u975e2022.10.21 \u3002"\n      >\n        \u5e26\u6709\u91cd\u8981\u4fe1\u606f\n      </Tooltip>\n      <TooltipInfoLabel\n        title="\u5e26\u6709Info\u4fe1\u606f"\n        tooltipTitle={{\n          importantInfo:\n            "\u7b5b\u9009\u65e5\u671f\u8303\u56f4\u5185\uff0c\u804c\u4f4d\u4e0a\u5b89\u6392\u987e\u95ee\u9762\u8bd5\u7684\u5019\u9009\u4eba\u603b\u6570\u3002\u6839\u636e\u6240\u586b\u5199\u7684\u987e\u95ee\u3010\u9762\u8bd5\u9762\u8bd5\u3011\u65f6\u95f4\u6765\u8fdb\u884c\u7edf\u8ba1\uff0c\u800c\u975e\u5728\u7cfb\u7edf\u7684\u64cd\u4f5c\u65f6\u95f4\u3002",\n          subtitle: "\u793a\u4f8b:",\n          content:\n            "2022.10.21\u5728\u7cfb\u7edf\u64cd\u4f5c\u987e\u95ee\u9762\u8bd5\uff0c\u4f46\u586b\u5199\u7684\u987e\u95ee\u9762\u8bd5\u65f6\u95f4\u4e3a2022.10.20\uff0c\u5219\u6570\u636e\u4f1a\u7edf\u8ba1\u57282022.10.20\uff0c\u800c\u975e2022.10.21 \u3002",\n        }}\n      />\n      <Tooltip\n        trigger="click"\n        title="\u6807\u9898"\n        content="\u8f85\u52a9\u4fe1\u606f\u63cf\u8ff0\u5185\u5bb9\u8f85\u52a9\u4fe1\u606f\u63cf\u8ff0\u5185\u5bb9\u8f85\u52a9\u4fe1\u606f\u63cf\u8ff0\u5185\u5bb9\u8f85\u52a9\u4fe1\u606f\u63cf\u8ff0\u5185\u5bb9\u8f85\u52a9\u4fe1\u606f\u63cf\u8ff0\u5185\u5bb9"\n        moreInfo={<MoreInfo />}\n      >\n        \u5e26\u6709\u8868\u5355\u4fe1\u606f\n      </Tooltip>\n    </Space>\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Tooltip",packageName:"@components/Tooltip",component:a},{name:"space",packageName:"antd/lib/space",component:o},{name:"formInfo",packageName:"@components/FormInfo",component:l}]},{title:"\u5e26\u6709\u8fdc\u7a0b\u6570\u636e\u52a0\u8f7d\u7684\u63d0\u793a",description:"\u5c55\u793a\u5e26\u6709\u8fdc\u7a0b\u6570\u636e\u52a0\u8f7d\u7684\u63d0\u793a",code:'const { TooltipFetch } = _Tooltip;\nconst { preset } = reactFetch;\nconst { default: Descriptions } = _Descriptions;\nconst { default: StateTag } = _StateTag;\n\npreset({\n  ajax: () => {\n    return new Promise((resolve) => {\n      setTimeout(() => {\n        resolve({\n          data: {\n            code: 0,\n            data: {\n              clientName: "\u817e\u8baf",\n              title: "\u817e\u8baf\u79d1\u6280\u516c\u53f8",\n              type: "\u589e\u503c\u7a0e\u4e13\u7528\u53d1\u7968",\n              date: "2022-08-15",\n            },\n          },\n        });\n      }, 1000);\n    });\n  },\n});\n\nconst BaseExample = () => {\n  return (\n    <TooltipFetch\n      api={{\n        url: "/api/data",\n      }}\n      size="large"\n      fetchContent={(data) => {\n        return {\n          content: (\n            <Descriptions\n              dataSource={[\n                [\n                  { label: "\u5ba2\u6237\u540d\u79f0", content: data.clientName },\n                  { label: "\u53d1\u7968\u62ac\u5934", content: data.title },\n                ],\n                [\n                  { label: "\u53d1\u7968\u7c7b\u578b", content: data.type },\n                  { label: "\u53d1\u7968\u65e5\u671f", content: data.date },\n                ],\n              ]}\n            />\n          ),\n        };\n      }}\n    >\n      <StateTag text="\u54c8\u54c8\u54c8" />\n    </TooltipFetch>\n  );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Tooltip",packageName:"@components/Tooltip",component:a},{name:"reactFetch",packageName:"@kne/react-fetch",component:r},{name:"_Descriptions",packageName:"@components/Descriptions",component:t(90580)},{name:"_StateTag",packageName:"@components/StateTag",component:t(62716)}]}]}}},11448:(n,e,t)=>{"use strict";t.r(e);var a=t(13050),o=t(87558),l=t(89946),r=t.n(l),s=t(55199),i=t(45784),d=t(70579);window.PUBLIC_URL="/components-core",i.A.config({paths:{vs:"https://uc.fatalent.cn/packages/monaco-editor/0.48.0/min/vs"}});const c={remote:"components-core",url:"https://registry.npmmirror.com",tpl:"{{url}}/@kne%2f{{remote}}/{{version}}/files/build",defaultVersion:"0.2.3"};(0,a.preset)({remotes:{default:c,"components-core":c,"components-iconfont":{remote:"components-iconfont",url:"https://uc.fatalent.cn",tpl:"{{url}}/packages/@kne-components/{{remote}}/{{version}}/build",defaultVersion:"0.1.8"}}});const m=r().create({validateStatus:function(){return!0}});(0,o.preset)({ajax:m,loading:(0,d.jsx)(s.Spin,{style:{position:"absolute",left:"50%",padding:"10px",transform:"translateX(-50%)"}}),error:(0,d.jsx)(s.Result,{status:"error",title:"\u8bf7\u6c42\u53d1\u751f\u9519\u8bef"}),empty:(0,d.jsx)(s.Empty,{}),transformResponse:n=>{const{data:e}=n;return n.data={code:0===e.code?200:e.code,msg:e.msg,results:e.data},n}});var u=t(73884),p=t.n(u),h=t(84391),g=t(94679),f=t(14152),b=t.n(f),x=(t(91296),t(46446));const y=b().ExampleRoutes,v=n=>{let{preset:e,themeToken:t,...a}=n;return(0,d.jsx)(g.HashRouter,{children:(0,d.jsx)(y,{...a,paths:[{key:"components",path:"/",title:"\u9996\u9875"}],preset:e,themeToken:t,readme:x.default})})};h.createRoot(document.getElementById("root")).render((0,d.jsx)(p().StrictMode,{children:(0,d.jsx)(v,{preset:{ajax:m},themeToken:{colorPrimary:"#4F185A"}})}))},25644:(n,e,t)=>{"use strict";t.d(e,{A:()=>a});const a={getItem:n=>{const e=window.localStorage.getItem(n);try{const{dataType:n,value:t}=JSON.parse(e);if("object"===n&&"null"===t)return null;if("undefined"===n)return;return"number"===n?Number(t):"boolean"===n?Boolean(t):t}catch(t){return null}},setItem:(n,e)=>{const t=typeof e;window.localStorage.setItem(n,JSON.stringify({dataType:t,value:e}))}}},80940:(n,e,t)=>{"use strict";t.r(e),t.d(e,{default:()=>I});var a=t(73884),o=t(96418),l=t.n(o),r=t(55199),s=t(83136),i=t.n(s),d=t(64671),c=t(81014),m=t(58407),u=t(77964),p=t(22616),h=t.n(p);const g="style_width-container__JfEbg__oxjro",f="style_hidden-container__EdySA__oxjro",b="style_hidden-inner__vAN59__oxjro",x="style_menu-list__VDttR__oxjro",y="style_btn-item__mp5MQ__oxjro";var v=t(15797),_=t.n(v),j=t(70579);const N=_()((n=>{let{amountWidth:e,moreBtnWidth:t,buttonWidthList:a,spaceProps:o,compact:l}=n;const r=l?0:["small","middle","large"].indexOf(o.size)>-1?8*(["small","middle","large"].indexOf(o.size)+1):Number.isInteger(o.size)?o.size:8;let s=0,i=0;for(;e>=i+a[s]+s*r&&s<a.length;)i+=a[s],s+=1;for(;e<i+(s-1)*r+(s<a.length?t+r:0)&&s>0;)i-=a[s-1],s-=1;return s}),(n=>{let{amountWidth:e,moreBtnWidth:t,buttonWidthList:a,spaceProps:o,compact:l}=n;return"".concat(e).concat(t).concat(a.join(",")).concat(Object.values(o).join(",")).concat(l&&l.toString())})),k=n=>{let{list:e,more:t,compact:o,...s}=n;const d=h()(s,["size","split","align","style"]),[p,v]=(0,a.useState)(e.length&&1),_=l()((()=>{const n=I.current,e=S.current,t=k.current;if(!n)return;const l=n.querySelectorAll(".button-group-item");if(!l)return;if(0===l.length)return;const r=t.clientWidth,s=e.clientWidth,i=[].map.call(l,(n=>n.offsetWidth)),c=N({amountWidth:r,moreBtnWidth:s,buttonWidthList:i,spaceProps:d,compact:o});(0,a.startTransition)((()=>{v(c)}))})),k=(0,u.A)(_),I=(0,u.A)(_),S=(0,u.A)(_),F=e.slice(p),C=(n,e,t)=>{if("function"===typeof n)return n({key:e,className:i()("button-group-item",y),isDropdown:t});const{className:o,confirm:l,buttonComponent:r,...s}=n,d=l||s.message,u=d?m.default:r||c.default;return(0,a.createElement)(u,{danger:d&&!1!==s.isDelete,...Object.assign({},s,d&&(s.isModal||t)?{isModal:!0}:{}),key:e,className:i()("button-group-item",y,o)})},P=o?r.Space.Compact:r.Space;return(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)("div",{className:g,ref:k}),(0,j.jsxs)("div",{className:f,children:[(0,j.jsx)("div",{className:b,ref:S,children:t}),(0,j.jsx)("div",{className:b,ref:I,children:(0,j.jsx)(P,{...d,children:e.map(C)})})]}),(0,j.jsxs)(P,{...d,children:[e.slice(0,p).map(((n,e)=>C(n,e,!1))),F.length>0&&(0,j.jsx)(r.Dropdown,{overlayClassName:x,menu:{items:F.map(((n,e)=>({key:e,label:C(n,e,!0)})))},children:t})]})]})};k.defaultProps={more:(0,j.jsxs)(r.Button,{children:["\u66f4\u591a",(0,j.jsx)(d.default,{type:"icon-arrow-thin-down"})]})};const I=k},58407:(n,e,t)=>{"use strict";t.r(e),t.d(e,{ConfirmLink:()=>b,ConfirmText:()=>x,default:()=>y,withConfirm:()=>f});t(73884);var a=t(55199);const o=n=>({"en-US":()=>t.e(3275).then(t.bind(t,63275)),"zh-CN":()=>t.e(5181).then(t.bind(t,25181))}[n]());var l=t(64671),r=t(58609),s=t(3382),i=t(83136),d=t.n(i);const c="style_overlay__99t5t__oxjro",m="style_is-danger__gxyAB__oxjro",u="style_title__EEPu2__oxjro",p="style_content__mZZg5__oxjro",h="style_has-title__5+PEt__oxjro";var g=t(70579);const f=n=>{const e=(0,r.createWithIntl)({moduleName:"ConfirmButton",importMessages:o})((e=>{let{title:t,message:o,isDelete:i=!0,onClick:f,onCancel:b,disabled:x,showCancel:y,cancelText:v,isModal:_,okText:j,placement:N,getContainer:k,...I}=e;const{formatMessage:S}=(0,r.useIntl)({moduleName:"ConfirmButton"}),F=(0,s.useConfirmModal)();return _?(0,g.jsx)(n,{...I,disabled:x,onClick:n=>{F({type:"confirm",title:t,getContainer:k,danger:i,confirmType:i?"warning":"info",message:o||S({id:"message"}),okText:j||S(i?{id:"delete"}:{id:"confirm"}),cancelText:v||S({id:"cancel"}),onCancel:b,onOk:f})}}):(0,g.jsx)(a.Popconfirm,{title:(0,g.jsxs)(a.Space,{direction:"vertical",onClick:n=>{n.stopPropagation()},children:[t&&(0,g.jsxs)(a.Space,{size:0,align:"start",className:u,children:[i&&(0,g.jsx)(l.default,{className:"title-icon",type:"icon-tishi-tianchong"}),t]}),(0,g.jsxs)(a.Space,{size:0,align:"start",className:d()(p,{[h]:t}),children:[!t&&i?(0,g.jsx)(l.default,{className:"title-icon",type:"icon-tishi-tianchong"}):null,o||S({id:"message"})]})]}),placement:N,onConfirm:f,okButtonProps:{danger:i},onCancel:b,overlayClassName:d()(c,{[m]:i}),getPopupContainer:k,disabled:x,showCancel:y,cancelText:v,okText:j||S(i?{id:"delete"}:{id:"confirm"}),children:(0,g.jsx)(n,{...I,disabled:x})})}));return e.defaultProps={isModal:!1,showCancel:!0},e},b=f(a.Typography.Link),x=f(a.Typography.Text),y=f(a.Button)},45362:(n,e,t)=>{"use strict";t.r(e),t.d(e,{Label:()=>h,default:()=>f});var a=t(73884),o=t(55199),l=t(83136),r=t.n(l);const s="style_content__KHqQn__oxjro",i="style_size-small__RwAEB__oxjro",d="style_label__EG-qx__oxjro",c="style_content-content__AkJj-__oxjro",m="style_item__WV0-i__oxjro";var u=t(63361),p=t(70579);const h=n=>{let{className:e,children:t,setWidth:o}=n;const l=(0,a.useRef)(null);return(0,a.useRef)(o).current=o,(0,a.useLayoutEffect)((()=>{const n=()=>{if(!l.current)return;const{width:n}=l.current.getBoundingClientRect();o(n)},e=new ResizeObserver(n);return e.observe(l.current),n(),()=>{e.disconnect()}}),[o]),(0,p.jsxs)("div",{ref:l,className:e,children:[t,"\uff1a"]})},g=n=>{let{list:e,labelAlign:t,col:l,gutter:g,className:f,size:b}=n;const x=(0,a.useRef)([]),[y,v]=(0,a.useState)(0);return(0,p.jsx)(o.Row,{"data-testid":"components-core-content",className:r()(s,"content",f,{[i]:"small"===b}),gutter:g,children:e.filter((n=>"function"===typeof n.display?n.display():!1!==n.display)).map(((n,e)=>{let{label:a,content:s,block:i,featureId:g}=n;const f=(0,p.jsx)(o.Col,{span:!0===i?24:24/l,className:m,children:(0,p.jsxs)(o.Space,{className:r()(m,"content-item"),children:[a?(0,p.jsx)("div",{style:y&&"auto"!==t?{minWidth:y,textAlign:t}:null,children:(0,p.jsx)(h,{className:r()(d,"content-label"),setWidth:n=>{x.current[e]=n,v(Math.max(...x.current))},children:a})}):null,(0,p.jsx)("div",{className:r()(c,"content-content"),children:s})]},e)},e);return g?(0,p.jsx)(u.default,{id:g,children:f}):f}))})};g.defaultProps={labelAlign:"left",col:1,gutter:0,list:[]};const f=g},90580:(n,e,t)=>{"use strict";t.r(e),t.d(e,{default:()=>d});var a=t(55199),o=t(83136),l=t.n(o),r=t(63361);const s={descriptions:"style_descriptions__HozsO__oxjro","descriptions-item":"style_descriptions-item__vV+UK__oxjro","col-label":"style_col-label__ZFEwt__oxjro","col-content":"style_col-content__wtZ9I__oxjro"};var i=t(70579);const d=n=>{let{dataSource:e,isFull:t,className:o,...d}=n;return(0,i.jsx)(a.Row,{...d,className:l()(s.descriptions,o),children:e.map(((n,o)=>{const d=n.slice(0,2).filter((n=>"function"===typeof n.display?n.display(n,e):!1!==n.display));return d.slice(0,2).map(((n,e)=>{let{label:c,content:m,featureId:u}=n;const p=(0,i.jsx)(a.Col,{span:24/d.length,className:l()(s["col-item"],"descriptions-col-item"),children:(0,i.jsxs)(a.Row,{wrap:!1,className:l()(s["descriptions-item"],"descriptions-item"),children:[(0,i.jsx)(a.Col,{span:t?8:4*d.length,className:l()(s["col-label"],"descriptions-col-label"),children:c}),(0,i.jsx)(a.Col,{span:t?16:24-4*d.length,className:l()(s["col-content"],"descriptions-col-content"),children:m})]})},"".concat(o,"-").concat(e));return u?(0,i.jsx)(r.default,{id:u,children:p},"".concat(o,"-").concat(e)):p}))}))})}},48731:(n,e,t)=>{"use strict";t.r(e),t.d(e,{default:()=>f});var a=t(73884),o=t(87558),l=t(76329),r=t(15797),s=t.n(r),i=t(79686),d=t.n(i),c=t(70579);const m=[["gender",()=>[{value:"M",description:"\u7537"},{value:"F",description:"\u5973"}]],["marital",()=>[{description:"\u5df2\u5a5a",value:"Y"},{description:"\u672a\u5a5a",value:"N"}]],["confirm",()=>[{description:"\u662f",value:"Y"},{description:"\u5426",value:"N"}]],["political",()=>[{description:"\u4e2d\u5171\u515a\u5458",value:"\u4e2d\u5171\u515a\u5458"},{description:"\u5171\u9752\u56e2\u5458",value:"\u5171\u9752\u56e2\u5458"},{description:"\u7fa4\u4f17",value:"\u7fa4\u4f17"},{description:"\u5176\u4ed6\u515a\u6d3e",value:"\u5176\u4ed6\u515a\u6d3e"}]],["phoneStateEnum",()=>[{value:0,description:"\u7a7a\u53f7"},{value:1,description:"\u5b9e\u53f7"},{value:2,description:"\u505c\u673a"},{value:3,description:"\u5e93\u65e0"},{value:4,description:"\u6c89\u9ed8\u53f7"},{value:5,description:"\u98ce\u9669\u53f7"}]],["degreeEnum",()=>[{description:"\u521d\u4e2d",value:10},{description:"\u4e2d\u4e13",value:20},{description:"\u9ad8\u4e2d",value:30},{description:"\u5927\u4e13",value:40},{description:"\u672c\u79d1",value:50},{description:"\u7855\u58eb\u7814\u7a76\u751f",value:60},{description:"\u535a\u58eb\u7814\u7a76\u751f",value:70},{description:"\u535a\u58eb\u540e",value:75},{description:"\u5b66\u5386\u4e0d\u9650",value:999}]]],u=(0,o.withFetch)((n=>{let{data:e,children:t}=n;return"function"===typeof t?t(e):t||(null===e||void 0===e?void 0:e.description)})),p=s()((n=>new Map(m.concat(Object.keys(Object.assign({},n)).map((e=>[e,n[e]])))))),h=n=>{let{loader:e,...t}=n;const{global:{enumsRef:o}}=(0,l.useGlobalContext)(),r=(0,a.useRef)(null);return(0,c.jsx)(u,{...t,loader:async function(){const n=p(await e(...arguments)),{params:t}=arguments.length<=0?void 0:arguments[0],{moduleName:a,name:l,force:s,locale:i}=t,c=async e=>!0!==s&&r.current===i&&o.current.get(e)||await(async()=>{const t=n.get(e),a=await(async()=>"function"===typeof t?new Map((await t({locale:i})).map((n=>[n.value.toString(),n]))):Array.isArray(t)?new Map(t.map((n=>[n.value.toString(),n]))):"object"===typeof t?new Map(Object.keys(t).map((n=>[n.toString(),t[n]]))):(console.warn("\u679a\u4e3e\u503cloader\u7684\u8bbe\u7f6e\u53ef\u80fd\u4e0d\u6b63\u786e"),new Map))();return o.current.set(e,a),r.current=i,a})();if(Array.isArray(a))return await Promise.all(a.map((n=>c(n).then((n=>Array.from(n.values()))))));const m=await c(a);return d()(l)?Array.from(m.values()):m.get(l.toString())}})},g=n=>{let{moduleName:e,name:t,force:a,children:o,...r}=n;const s=(0,l.usePreset)();return(0,c.jsx)(h,{...r,params:{moduleName:e,locale:null===s||void 0===s?void 0:s.locale,enums:null===s||void 0===s?void 0:s.enums,name:t,force:a},loader:n=>{let{params:e}=n;return e.enums},children:o})};g.defaultProps={force:!1};const f=g},67390:(n,e,t)=>{"use strict";t.r(e),t.d(e,{Download:()=>x,FileLink:()=>Y,List:()=>Q,OptionButtons:()=>M,default:()=>W,downloadBlobFile:()=>g,useDownload:()=>f,useFileModal:()=>A});var a=t(33097),o=t.n(a),l=t(89946),r=t.n(l),s=t(55199),i=t(76329),d=t(64671),c=t(87558),m=t(73884),u=t(96418),p=t.n(u),h=t(70579);const g=async(n,e)=>{const t=n=>{const t=document.createElement("a"),a=new MouseEvent("click");t.download=e,t.href=n,t.dispatchEvent(a)};if(!n)throw new Error("\u672a\u83b7\u53d6\u5230\u4e0b\u8f7d\u7684\u6587\u4ef6\u4fe1\u606f");if("string"===typeof n&&/blob:http(s)?:/.test(n))return void t(n);if("[object Blob]"===Object.prototype.toString.call(n)){const e=new Blob([n],{type:o()(n,"type")});return void t(URL.createObjectURL(e))}const{data:a}=await r()({url:n,responseType:"blob"});t(URL.createObjectURL(new Blob([a],{type:o()(a,"type")})))},f=n=>{let{id:e,filename:t,apis:a,onError:o,onSuccess:l}=n;const{message:r}=s.App.useApp(),{apis:d}=(0,i.usePreset)(),u=Object.assign({},d,a),[h,f]=(0,m.useState)(!1),{paramsType:b,paramsName:x,...y}=Object.assign({paramsType:"params",paramsName:"id"},u.oss),v={};v[b]={[x]:e};const{isLoading:_,data:j,error:N,refresh:k,...I}=(0,c.useFetch)(Object.assign({},y,v,{auto:!1})),S=p()(o||r.error),F=p()(l);return(0,m.useEffect)((()=>{_||(N?S(N):j&&(f(!0),g(j,t).then(F).catch((n=>{S(n.message)})).then((()=>{f(!1)}))))}),[_,N,j,t,S,F]),{...I,isLoading:_||h,download:()=>k(e&&v)}},b=n=>{let{id:e,filename:t,api:a,onSuccess:o,onError:l,onClick:r,...i}=n;const{isLoading:c,download:m}=f({id:e,filename:t,api:a,onError:l,onSuccess:o});return(0,h.jsx)(s.Button,{icon:(0,h.jsx)(d.default,{type:"icon-xiazai"}),...i,loading:c,onClick:function(){r&&r(...arguments),m()}})};b.defaultProps={filename:"\u672a\u547d\u540d\u4e0b\u8f7d\u6587\u4ef6"},b.useDownload=f,b.downloadBlobFile=g;const x=b;var y=t(75087),v=t.n(y),_=t(58407),j=t(96252),N=t(58609),k=t(74065),I=t.n(k),S=t(26304),F=t.n(S),C=t(3382),P=t(10419);const w="style_file-modal-outer__1guNh__oxjro",B="style_file-title__8bnUq__oxjro",E="style_ellipse__kDaLC__oxjro",A=()=>{const n=(0,C.useModal)(),{message:e}=s.App.useApp();return(0,m.useCallback)((t=>{let{title:a,id:o,originName:l,apis:r,openDownload:i=!0,...d}=t;return n(Object.assign({footer:null},d,{title:(0,h.jsxs)(s.Space,{size:10,className:B,children:[(0,h.jsx)("span",{className:E,children:a||l}),i&&(0,h.jsx)(x,{className:"btn-no-padding",type:"link",id:o,apis:r,filename:l,onSuccess:()=>{e.success("\u4e0b\u8f7d\u6210\u529f")}})]}),children:(0,h.jsx)("div",{className:w,children:(0,h.jsx)(P.default,{id:o,originName:l,apis:r})})}))}),[n,e])},T=n=>({"en-US":()=>t.e(5645).then(t.bind(t,75645)),"zh-CN":()=>t.e(6707).then(t.bind(t,26707))}[n]()),L=(0,N.createWithIntl)({moduleName:"File",importMessages:T})((n=>{let{item:e,hasPreview:t,getPermission:a,apis:o}=n;const{filename:l,id:r}=e,{formatMessage:i}=(0,N.useIntl)({moduleName:"File"}),c=(0,j.useFormModal)(),m=A();return(0,h.jsxs)(s.Space,{size:0,children:[t&&a("preview",e)&&(0,h.jsx)(s.Button,{type:"text",icon:(0,h.jsx)(d.default,{type:"icon-yulan"}),onClick:()=>{o.onPreview?o.onPreview(e):m({id:r,originName:l,apis:o})}}),a("edit",e)&&(0,h.jsx)(s.Button,{type:"text",icon:(0,h.jsx)(d.default,{type:"icon-bianji"}),onClick:()=>{const n=c({size:"small",title:i({id:"editDocumentName"}),formProps:{data:{name:F()(e.filename.split(".")).join(".")},onSubmit:async t=>{!1!==(o.onEdit&&await o.onEdit({formData:Object.assign({},t,{name:"".concat(t.name,".").concat(I()(e.filename.split(".")))}),item:e}))&&n.close()}},children:(0,h.jsx)(j.default,{column:1,list:[(0,h.jsx)(j.Input,{name:"name",label:i({id:"documentName"}),rule:"REQ LEN-0-100"})]})})}}),a("download",e)&&(0,h.jsx)(x,{type:"text",id:r,filename:l}),a("delete",e)&&(0,h.jsx)(_.default,{type:"text",icon:(0,h.jsx)(d.default,{type:"icon-shanchu"}),onClick:()=>o.onDelete&&o.onDelete(e)})]})}));L.defaultProps={hasPreview:!0,apis:{},getPermission:(n,e)=>!0};const M=L;var R=t(57469),D=t.n(R);const O="style_list-item-outer__0jlCN__oxjro",G="style_list-item__nmPCB__oxjro",z="style_split__kgSlH__oxjro",U="style_loading__kQUX5__oxjro",H="style_list-options__aEila__oxjro",V=n=>{let{className:e,dataSource:t,getPermission:a,infoItemRenders:o,apis:l}=n;return(0,h.jsx)(N.IntlProvider,{importMessages:T,moduleName:"File",children:(0,h.jsx)(s.List,{className:e,dataSource:t.map(((n,e)=>(n.index=e,n))),rowKey:n=>"item_".concat(n.uuid&&"uuid_".concat(n.uuid)||n.id&&"id_".concat(n.id)||n.ossId&&"id_".concat(n.ossId)),renderItem:n=>{const{type:e,filename:t}=n;return(0,h.jsx)(s.List.Item,{className:O,children:(0,h.jsxs)(s.Row,{justify:"space-between",wrap:!1,className:G,children:[(0,h.jsxs)(s.Col,{flex:1,children:[(0,h.jsx)("div",{className:z}),(0,h.jsxs)(s.Space,{className:"is-block",align:"start",size:4,children:[(0,h.jsx)(v(),{type:I()(null===t||void 0===t?void 0:t.split(".")),size:14}),t]})]}),o&&o.map(((t,a)=>(0,h.jsxs)(s.Col,{span:t.span||4,children:["uploading"!==e&&("function"===typeof t?t:t.render)(n),(0,h.jsx)("div",{className:z})]},a))),(0,h.jsx)(s.Col,{className:H,children:"uploading"!==e?(0,h.jsx)(M,{getPermission:a,item:n,apis:l}):(0,h.jsxs)(s.Space,{className:U,children:[(0,h.jsx)(s.Spin,{size:"small"}),(0,h.jsx)(s.Typography.Link,{children:(0,h.jsx)(N.FormattedMessage,{id:"uploading",moduleName:"File"})})]})})]})})},bordered:!0})})};V.defaultProps={infoItemRenders:[n=>n.userName?(0,h.jsx)(s.Typography.Text,{children:n.userName}):null,n=>n.date?(0,h.jsx)(s.Typography.Text,{children:D()(n.date).format("YYYY-MM-DD HH:mm:ss")}):null]};const Q=V;const W=(0,t(97211).A)((n=>{let{data:e,children:t,...a}=n;return t({url:e,...a})})),K=n=>{let{id:e,originName:t,openDownload:a,children:o,modalProps:l,...r}=n;const i=A();return(0,h.jsx)(s.Typography.Link,{...r,onClick:()=>{i({...l,id:e,originName:t,openDownload:a})},children:o||t})};K.defaultProps={openDownload:!0};const Y=K},24474:(n,e,t)=>{"use strict";t.r(e),t.d(e,{DragArea:()=>J,DragAreaOuter:()=>q,DragButton:()=>K,FileUpload:()=>on,Title:()=>M,UploadButton:()=>Y,UploadTips:()=>$,default:()=>tn});var a=t(73884),o=t(33097),l=t.n(o),r=t(55199);const s="style_file-list-outer__wPhbb__oxjro",i="style_file-list-title__zXM5r__oxjro",d="style_container__P4RaF__oxjro",c="style_file-preview-inner__cvE72__oxjro",m="style_file-preview__M-Asq__oxjro",u="style_drag-area__Q+lm7__oxjro",p="style_upload-drag-close__u5o8W__oxjro",h="style_upload-drag-tips__z7puZ__oxjro",g="style_upload-drag-icon__sGGoS__oxjro",f="style_upload-drag-title__9Afmb__oxjro",b="style_upload-drag-text__o38vS__oxjro",x="style_title-group__8IJkS__oxjro",y="style_upload-btn__Q+Jxn__oxjro",v="style_total-count__z1fyd__oxjro",_="style_file-select__mHqyI__oxjro",j="style_file-name__QkvMn__oxjro",N="style_file-select-info__fOLiM__oxjro",k="style_file-select-option__AbDrD__oxjro";var I=t(75087),S=t.n(I),F=t(74065),C=t.n(F),P=t(57469),w=t.n(P),B=t(64671),E=t(67390),A=t(58609),T=t(70579);const L=n=>{let{currentTab:e,setCurrentTab:t,previewMap:a,previewList:o,getPermission:l,currentPreviewFileId:s,setCurrentPreviewFileId:d,itemApis:c,children:m,maxWidth:u,getPopupContainer:p}=n;return(0,T.jsx)("div",{className:i,children:(0,T.jsxs)(r.Row,{align:"middle",justify:"space-between",wrap:!1,children:[(0,T.jsx)(r.Col,{children:(0,T.jsxs)(r.Space,{className:x,size:4,children:[(0,T.jsx)(r.Segmented,{value:e,onChange:t,options:[{label:(0,T.jsxs)(r.Space,{size:4,children:[(0,T.jsx)(B.default,{type:"icon-shitu-liebiao"}),(0,T.jsx)(A.FormattedMessage,{id:"listText",moduleName:"FileList"})]}),value:"list"},{label:(0,T.jsxs)(r.Space,{size:4,children:[(0,T.jsx)(B.default,{type:"icon-shitu-yulan"}),(0,T.jsx)(A.FormattedMessage,{id:"previewText",moduleName:"FileList"})]}),value:"preview"}]}),"preview"===e&&s&&a.get(s)&&(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)(r.Select,{className:_,variant:"borderless",popupMatchSelectWidth:!1,value:s,onChange:d,getPopupContainer:p,children:o.map((n=>{let{filename:e,userName:t,date:a,ossId:o}=n;return(0,T.jsx)(r.Select.Option,{className:k,value:o,children:(0,T.jsxs)(r.Space,{direction:"vertical",children:[(0,T.jsxs)(r.Space,{size:4,align:"start",children:[(0,T.jsx)(S(),{type:C()(e.split(".")),size:14}),(0,T.jsx)(r.Typography.Text,{className:j,ellipsis:!0,style:{"--max-width":"".concat(u,"px")},children:e})]}),t||a?(0,T.jsxs)(r.Space,{className:N,size:24,children:[(0,T.jsxs)("div",{children:[(0,T.jsx)(A.FormattedMessage,{id:"uploadUser",moduleName:"FileList"}),":",t]}),(0,T.jsxs)("div",{children:[(0,T.jsx)(A.FormattedMessage,{id:"uploadTime",moduleName:"FileList"}),":",a&&w()(a).format("YYYY-MM-DD HH:mm:ss")]})]}):null]})},o)}))}),(0,T.jsx)(E.OptionButtons,{hasPreview:!1,getPermission:l,item:a.get(s),apis:c}),(0,T.jsx)("div",{className:v,children:(0,T.jsx)(A.FormattedMessage,{id:"totalCount",values:{count:o.length},moduleName:"FileList"})})]})]})}),(0,T.jsx)(r.Col,{children:m})]})})};L.defaultProps={maxWidth:260};const M=L,R=n=>({"en-US":()=>t.e(5714).then(t.bind(t,63333)),"zh-CN":()=>t.e(8795).then(t.bind(t,48795))}[n]());var D=t(70720),O=t.n(D),G=t(83136),z=t.n(G);const U=(0,a.createContext)({}),{Provider:H}=U,V=()=>(0,a.useContext)(U);var Q=t(29574),W=t(81348);const K=n=>{let{children:e}=n;const{onOpenChange:t,getDragButtonEl:a}=V();return(0,T.jsx)("div",{ref:a,className:y,onClick:()=>{t((n=>!n))},children:(0,T.jsxs)(r.Typography.Text,{className:"ant-btn",children:[(0,T.jsx)(B.default,{type:"icon-tuozhuaishangchuan"}),e||(0,T.jsx)(A.FormattedMessage,{id:"dragText",moduleName:"FileList"})]})})},Y=n=>{let{children:e}=n;const{accept:t,onFileSelected:a}=V();return(0,T.jsxs)(Q.AG,{className:y,accept:t,multiple:!0,onChange:a,children:[(0,T.jsx)(B.default,{type:"icon-tianjia"}),e]})},q=n=>{let{title:e,accept:t,fileSize:o,maxLength:l,onFileSelected:i,children:c,className:m}=n;const[u,p]=(0,a.useState)(!1),h=(0,a.useRef)(null),g=O()((n=>{h.current&&(h.current.contains(n.target)||n.target===h.current||p(!1))}));return(0,T.jsx)(A.IntlProvider,{importMessages:R,moduleName:"FileList",children:(0,T.jsx)(H,{value:{open:u,onOpenChange:p,accept:t,fileSize:o,maxLength:l,onFileSelected:i,getDragButtonEl:n=>{h.current=n}},children:(0,T.jsxs)(r.Space,{className:s,direction:"vertical",children:[e,(0,T.jsx)("div",{className:z()(d,m),ref:g,onDragEnter:()=>{p(!0)},children:c})]})})})};q.defaultProps={fileSize:20,accept:[".png",".jpg",".pdf",".docx",".doc"]};const $=n=>{let{icon:e,title:t,renderTips:a}=n;const{accept:o,fileSize:l,maxLength:r}=V(),s=a((0,A.useIntl)({moduleName:"FileList"}).formatMessage({id:"dragTips"},{accept:o.map((n=>n.replace(/^\./,""))).join("\u3001"),size:l}),{fileSize:l,maxLength:r,accept:o});return(0,T.jsxs)("div",{className:z()(h,"upload-drag-tips"),children:[(0,T.jsx)("div",{className:g,children:e||(0,T.jsx)(B.default,{type:"icon-shangchuan",size:64})}),(0,T.jsx)("div",{className:f,children:t||(0,T.jsx)(A.FormattedMessage,{id:"dragTitle",moduleName:"FileList"})}),(0,T.jsx)("div",{className:b,children:s})]})};$.defaultProps={renderTips:n=>n};const X=n=>{let{children:e,className:t}=n;const{open:a,accept:o,onOpenChange:l,onFileSelected:s}=V();return a?(0,T.jsxs)("div",{className:z()(u,t),onDragOver:n=>{n.stopPropagation(),n.preventDefault(),n.dataTransfer.dropEffect="copy"},onDrop:n=>{if(n.stopPropagation(),n.preventDefault(),0===n.dataTransfer.files.length)return;l(!1);const e=Array.from(n.dataTransfer.files).filter((n=>(0,W.A)(n,o)));s(e)},onDragEnd:()=>{l(!1)},children:[(0,T.jsx)(r.Button,{className:p,type:"text",shape:"circle",size:"small",icon:(0,T.jsx)(B.default,{type:"icon-close-bold"}),onClick:()=>{l(!1)}}),e]}):null};X.defaultProps={children:(0,T.jsx)($,{})};const J=X;var Z=t(10419),nn=t(76329);const en=n=>{var e;let{maxLength:t,list:o,setList:s,defaultTab:i,defaultPreviewFileId:d,apis:u,getPermission:p,titleExtra:h,fileSize:g,accept:f,getPopupContainer:b}=n;const{apis:x}=(0,nn.usePreset)(),y=Object.assign({},x,u),{fileList:v,onFileSelected:_}=(0,Q.lN)({maxLength:t,multiple:!0,value:o,onChange:s,concurrentCount:1,onAdd:()=>{N("list")},onSave:y.onSave,ossUpload:y.ossUpload}),[j,N]=(0,a.useState)(i),{formatMessage:k}=(0,A.useIntl)({moduleName:"FileList"}),{message:I}=r.App.useApp(),S=(0,a.useMemo)((()=>new Map(o.map((n=>[n.ossId,n])))),[o]),[F,C]=(0,a.useState)(d||l()(o,"[0].ossId",null));(0,a.useEffect)((()=>{F&&S.get(F)||C(l()(o,"[0].ossId",null))}),[o,S,F]);const P={onPreview:n=>{C(n.ossId),N("preview")},onDelete:async n=>{y.onDelete&&await y.onDelete(n),s((e=>{const t=e.slice(0),a=e.findIndex((e=>{let{ossId:t}=e;return t===n.ossId}));return a>-1&&t.splice(a,1),t})),I.success(k({id:"successDelete"},{name:n.filename}))},onEdit:async n=>{let{formData:e,item:t}=n;y.onEdit&&await y.onEdit({formData:e,item:t}),s((n=>{const a=n.slice(0),o=n.findIndex((n=>{let{ossId:e}=n;return e===t.ossId}));return o>-1&&a.splice(o,1,Object.assign({},t,{filename:e.name})),a})),I.success(k({id:"successEditFileName"},{name:t.filename}))}},w="function"===typeof h?h({currentPreviewFileId:F,currentTab:j}):h;return(0,T.jsxs)(q,{title:(0,T.jsx)(M,{currentTab:j,setCurrentTab:N,previewMap:S,previewList:o,getPermission:p,currentPreviewFileId:F,setCurrentPreviewFileId:C,itemApis:P,getPopupContainer:b,children:(0,T.jsxs)(r.Space,{split:(0,T.jsx)(r.Divider,{type:"vertical"}),children:[w,p("add",{})?(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)(K,{children:(0,T.jsx)(A.FormattedMessage,{id:"dragText",moduleName:"FileList"})}),(0,T.jsx)(Y,{children:(0,T.jsx)(A.FormattedMessage,{id:"uploadFile",moduleName:"FileList"})})]}):null]})}),fileSize:g,maxLength:t,onFileSelected:_,accept:f,children:["list"===j?(0,T.jsx)(E.List,{dataSource:[...v,...o],getPermission:p,apis:P}):null,"preview"===j?F?(0,T.jsx)("div",{className:c,children:(0,T.jsx)(Z.default,{className:m,id:F,apis:y,originName:null===(e=S.get(F))||void 0===e?void 0:e.filename})}):(0,T.jsx)(r.Empty,{image:r.Empty.PRESENTED_IMAGE_SIMPLE,className:"ant-empty-normal"}):null,(0,T.jsx)(J,{})]})};en.defaultProps={defaultTab:"list",titleExtra:null,accept:[".png",".jpg",".pdf",".docx",".doc"],fileSize:20,maxLength:Number.MAX_VALUE,getPermission:()=>!0};const tn=n=>(0,T.jsx)(A.IntlProvider,{importMessages:R,moduleName:"FileList",children:(0,T.jsx)(en,{...n})}),an=n=>{let{maxLength:e,list:t,setList:a,apis:o,getPermission:l,fileSize:s,accept:i}=n;const{apis:d}=(0,nn.usePreset)(),c=Object.assign({},d,o),{fileList:m,onFileSelected:u}=(0,Q.lN)({maxLength:e,multiple:!0,value:t,onChange:a,concurrentCount:1,onSave:c.onSave,ossUpload:c.ossUpload});return(0,T.jsxs)(q,{title:(0,T.jsxs)(r.Row,{children:[(0,T.jsx)(r.Col,{flex:1}),(0,T.jsx)(r.Col,{children:(0,T.jsxs)(r.Space,{split:(0,T.jsx)(r.Divider,{type:"vertical"}),children:[(0,T.jsx)(K,{}),(0,T.jsx)(Y,{children:"\u4e0a\u4f20"})]})})]}),fileSize:s,maxLength:e,onFileSelected:u,accept:i,children:[(0,T.jsx)(E.List,{dataSource:[...m,...t],getPermission:l,apis:c}),(0,T.jsx)(J,{})]})};an.defaultProps={accept:[".png",".jpg",".pdf",".docx",".doc"],fileSize:20,maxLength:Number.MAX_VALUE,getPermission:()=>!0};const on=an},10419:(n,e,t)=>{"use strict";t.r(e),t.d(e,{HtmlPreview:()=>f,ImagePreview:()=>B,OSSFilePreview:()=>L,OfficePreview:()=>y,PdfPreview:()=>k,TextPreview:()=>P,UnknownPreview:()=>w,default:()=>M});var a=t(63114),o=t.n(a),l=t(73884),r=t(13050),s=t(83136),i=t.n(s);const d="style_container__9Fu-3__oxjro",c="style_loading__r3aiE__oxjro",m="style_text-outer__TzhuG__oxjro",u="style_error__wSaxt__oxjro";var p=t(87558),h=t(70579);const g=(0,p.createWithFetch)({transformResponse:n=>{let{data:e}=n;return{data:{code:200,results:e}}}})((n=>{let{data:e}=n;const t=(0,l.useRef)(null);return(0,l.useEffect)((()=>{const n=(new DOMParser).parseFromString(e,"text/html");n.querySelectorAll("script").forEach((n=>{n.parentElement.removeChild(n)}));const a=(0,r.getPublicPath)("components-core")+"/iframeResizer.contentWindow.js",o=document.createElement("script");o.src=a,n.head.appendChild(o);const l=document.createElement("style");l.innerText="html,body{height:auto!important;}body{pointer-events: none;background: #FFFFFF;}",n.head.appendChild(l),t.current.srcdoc=n.documentElement.outerHTML}),[e]),(0,l.useEffect)((()=>{o().iframeResize({checkOrigin:!1},t.current)}),[]),(0,h.jsx)("iframe",{title:"\u7b80\u5386\u9884\u89c8",frameBorder:"0",width:"100%",ref:t})})),f=n=>{let{className:e,url:t,maxWidth:a}=n;return(0,h.jsx)("div",{className:i()(e,d),style:{maxWidth:a},children:(0,h.jsx)(g,{url:t})})};var b=t(76329);const x=(0,p.createWithFetch)({cache:"office-preview"})((n=>{let{data:e,className:t,...a}=n;const{data:o}=e;return o.map((n=>{let{url:e}=n;const o=T(e);return(0,l.createElement)(o,{...a,url:e,key:e,className:t})}))})),y=n=>{let{id:e,apis:t,className:a,...o}=n;const{apis:l}=(0,b.usePreset)(),r=Object.assign({},l,t);return(0,h.jsx)(x,{...o,...r.previewOffice,data:{id:e},className:a})};var v=t(55199),_=t(39165),j=(t(71975),t(36));const N=(0,l.memo)((n=>{let{url:e,maxWidth:t,scale:a,rotate:o,className:s}=n;const[m,u]=(0,l.useState)(0);_.pdfjs.GlobalWorkerOptions.workerSrc=(0,r.getPublicPath)("components-core")+"/pdfjs/build/pdf.worker.js";const[p,g]=(0,l.useState)(t),f=(0,j.useResize)((()=>{f.current&&f.current.clientWidth&&g(Math.min(f.current.clientWidth,t))}));return(0,h.jsx)("div",{ref:f,className:i()(s,d),style:{maxWidth:t},children:(0,h.jsx)(_.Document,{file:{url:e},options:{standardFontDataUrl:(0,r.getPublicPath)("components-core")+"/pdfjs/standard_fonts/",cMapUrl:(0,r.getPublicPath)("components-core")+"/pdfjs/cmaps/",cMapPacked:!0},error:"PDF\u6587\u4ef6\u52a0\u8f7d\u5931\u8d25",loading:(0,h.jsx)("div",{className:c,children:(0,h.jsx)(v.Spin,{})}),noData:"\u672a\u6307\u5b9aPDF\u6587\u4ef6",onLoadSuccess:n=>{let{numPages:e}=n;u(e),console.log("onLoadSuccess")},onLoadError:n=>{console.log("onLoadError",n)},onSourceError:n=>{console.log("onSourceError",n)},children:(0,h.jsx)(v.Space,{direction:"vertical",children:m>=1&&Array.from(new Array(m),((n,e)=>(0,h.jsx)(_.Page,{className:"preview-item",scale:a/100,rotate:o,pageNumber:e+1,width:p,loading:null,renderAnnotationLayer:!1,renderTextLayer:!0,noData:"\u672a\u6307\u5b9a\u9875\u9762"},"page_".concat(e))))})})})}));N.defaultProps={autoSize:!0,renderTextLayer:!1,scale:100,rotate:0,maxWidth:1200};const k=N;var I=t(91409),S=t.n(I),F=t(89946),C=t.n(F);const P=n=>{let{url:e,className:t,maxWidth:a}=n;const[o,r]=(0,l.useState)(""),[s,p]=(0,l.useState)(!0),[g,f]=(0,l.useState)(!1);return(0,l.useEffect)((()=>{C().get(e).then((n=>{let{data:e}=n;r(e),p(!1)}),(()=>{p(!1),f(!0)}))}),[e]),(0,h.jsxs)("div",{className:i()(t,d),style:{maxWidth:a},children:[s?(0,h.jsx)("div",{className:c,children:(0,h.jsx)(v.Spin,{})}):null,(0,h.jsx)("div",{className:m,children:g?(0,h.jsx)("div",{className:u,children:"\u6587\u4ef6\u52a0\u8f7d\u5931\u8d25"}):(0,h.jsx)(S(),{text:o})})]})},w=n=>{let{maxWidth:e}=n;return(0,h.jsx)("div",{className:d,style:{maxWidth:e},children:(0,h.jsx)("div",{className:m,children:(0,h.jsx)(v.Result,{status:"500",title:"\u4e0d\u652f\u6301\u7684\u6587\u4ef6\u7c7b\u578b",subTitle:"\u7cfb\u7edf\u4e0d\u652f\u6301\u8be5\u6587\u4ef6\u7c7b\u578b\u9884\u89c8\uff0c\u8bf7\u4e0b\u8f7d\u5230\u672c\u5730\u540e\u8fdb\u884c\u9884\u89c8"})})})},B=n=>{let{url:e,scale:t,rotate:a,className:o,maxWidth:r}=n;const[s,m]=(0,l.useState)(!0),[p,g]=(0,l.useState)(!1);return(0,l.useEffect)((()=>{const n=new Image;n.src=e;const t=()=>{m(!1)},a=()=>{m(!1),g(!0)};return n.addEventListener("load",t),n.addEventListener("error",a),()=>{n.removeEventListener("load",t),n.removeEventListener("error",a)}}),[e,t,a]),(0,h.jsxs)("div",{className:i()(o,d),style:{maxWidth:r},children:[s?(0,h.jsx)("div",{className:c,children:(0,h.jsx)(v.Spin,{})}):null,p?(0,h.jsx)("div",{className:u,children:"\u56fe\u7247\u52a0\u8f7d\u5931\u8d25"}):(0,h.jsx)("img",{src:e,alt:"\u7b80\u5386\u9884\u89c8"})]})},E=n=>{const e=(n||"").split("?")[0].toLowerCase();return/.txt$/.test(e)?"txt":/.pdf$/.test(e)?"pdf":/.(png|jpg|jpeg)$/.test(e)?"image":/.(html|htm)$/.test(e)?"html":/.(doc|docx|xls|xlsx|ppt|pptx)$/.test(e)?"office":"unknown"},A=E,T=n=>({txt:P,pdf:k,image:B,html:f,office:y,unknown:w}[E(n)]);const L=(0,t(97211).A)((n=>{let{data:e,id:t,className:a,...o}=n;const l=T(e);return"office"===A(e)?(0,h.jsx)(y,{...o,id:t,className:a}):(0,h.jsx)(l,{...o,className:a,url:e})})),M=n=>{let{id:e,originName:t,...a}=n;return"office"===A(t)?(0,h.jsx)(y,{...a,id:e,originName:t}):(0,h.jsx)(L,{...a,id:e,originName:t})}},2615:(n,e,t)=>{"use strict";t.r(e),t.d(e,{AdvancedFilter:()=>Hn,AdvancedSelectFilterItem:()=>bn,CascaderFilterItem:()=>jn,CityFilterItem:()=>_n,DatePickerFilterItem:()=>un,DateRangePickerFilterItem:()=>pn,FilterItem:()=>A,FilterItemContainer:()=>Vn,FilterLines:()=>v,FilterValueDisplay:()=>j,FunctionSelectFilterItem:()=>yn,IndustrySelectFilterItem:()=>vn,InputFilterItem:()=>kn,NumberRangeFilterItem:()=>In,PopoverItem:()=>en,TreeFilterItem:()=>Nn,TypeDateRangePickerFilterItem:()=>gn,UserFilterItem:()=>xn,advancedFields:()=>Gn,default:()=>Qn,fields:()=>a,getFilterValue:()=>Cn,withFieldItem:()=>T});var a={};t.r(a),t.d(a,{AdvancedSelectFilterItem:()=>bn,CascaderFilterItem:()=>jn,CityFilterItem:()=>_n,DatePickerFilterItem:()=>un,DateRangePickerFilterItem:()=>pn,FunctionSelectFilterItem:()=>yn,IndustrySelectFilterItem:()=>vn,InputFilterItem:()=>kn,NumberRangeFilterItem:()=>In,TreeFilterItem:()=>Nn,TypeDateRangePickerFilterItem:()=>gn,UserFilterItem:()=>xn});var o=t(83136),l=t.n(o),r=t(73884),s=t(64671);const i={filter:"style_filter__Xml45__oxjro","filter-item-icon":"style_filter-item-icon__kVCRK__oxjro","filter-item-option-icon":"style_filter-item-option-icon__q1fz3__oxjro","filter-title":"style_filter-title__PlIpS__oxjro","filter-title-hidden":"style_filter-title-hidden__NJ1ZB__oxjro","ad-filter-title":"style_ad-filter-title__5-OzD__oxjro","ad-filter-line":"style_ad-filter-line__ga6UH__oxjro","filter-line":"style_filter-line__E+cRh__oxjro","clean-btn":"style_clean-btn__oSEvm__oxjro","filter-item":"style_filter-item__Q2ncE__oxjro","un-expand":"style_un-expand__4PFY8__oxjro","ad-filter-selected":"style_ad-filter-selected__KbLfG__oxjro","filter-label":"style_filter-label__qu26i__oxjro","filter-item-wrap":"style_filter-item-wrap__rOq7H__oxjro",option:"style_option__rd5Qo__oxjro","is-active":"style_is-active__OArQI__oxjro","is-visited":"style_is-visited__gZ5ni__oxjro","un-expand-shadow":"style_un-expand-shadow__fj92e__oxjro","filter-item-label":"style_filter-item-label__C781J__oxjro","filter-item-field":"style_filter-item-field__Ltfr8__oxjro","filter-drop-tag":"style_filter-drop-tag__DD-2P__oxjro","filter-list-tag":"style_filter-list-tag__Qt5hA__oxjro","filter-tag":"style_filter-tag__dUGfu__oxjro","filter-tag-value":"style_filter-tag-value__p-SFv__oxjro","pop-util-content":"style_pop-util-content__bx5zP__oxjro","pop-util-overlay":"style_pop-util-overlay__LEASt__oxjro","pop-util-footer":"style_pop-util-footer__Xat1s__oxjro","pop-util-text":"style_pop-util-text__pzeUy__oxjro","filter-item-inner":"style_filter-item-inner__LVXgh__oxjro","filter-item-text":"style_filter-item-text__MA8tU__oxjro","filter-item-number-range":"style_filter-item-number-range__U-OgQ__oxjro","filter-item-custom":"style_filter-item-custom__UusRa__oxjro","filter-item-custom-active":"style_filter-item-custom-active__uFtny__oxjro","filter-item-number-range-split":"style_filter-item-number-range-split__fVt8E__oxjro","filter-item-number-input":"style_filter-item-number-input__YPO6K__oxjro","range-picker":"style_range-picker__c6ngq__oxjro","cascader-select-wrap":"style_cascader-select-wrap__z5hu7__oxjro","cascader-dropdown-menu":"style_cascader-dropdown-menu__nhAH5__oxjro","filter-advanced":"style_filter-advanced__4cyDy__oxjro","filter-advanced-item-other":"style_filter-advanced-item-other__-v86K__oxjro","filter-advanced-item-other-inner":"style_filter-advanced-item-other-inner__sXLEV__oxjro","filter-advanced-more":"style_filter-advanced-more__OFXq4__oxjro"};var d=t(55199),c=t(58609);const m=n=>({"en-US":()=>t.e(8869).then(t.bind(t,18869)),"zh-CN":()=>t.e(2363).then(t.bind(t,92363))}[n]()),u=(0,r.createContext)({}),{Provider:p}=u,h=()=>(0,r.useContext)(u);var g=t(33097),f=t.n(g),b=t(70579);const x=n=>{let{list:e,children:t}=n;const{value:a,onChange:o}=h();return(0,b.jsxs)("div",{className:i["filter-line"],children:[e.map(((n,e)=>{const t=n.type;return(0,r.createElement)(t,{...n.props,key:n.key||n.props.name||e,value:a?f()(a.get(n.props.name),"value"):n.props.value,onChange:o?e=>o({name:n.props.name,label:n.props.label,value:e}):n.props.onChange})})),t]})},y=n=>{let{className:e,list:t,displayLine:a,label:o,extra:u,children:p}=n;const h=t.length>a,[g,f]=(0,r.useState)(!1);return(0,b.jsxs)(c.IntlProvider,{importMessages:m,moduleName:"Filter",children:[(0,b.jsxs)(d.Space,{className:l()(i["filter-title"],e),align:"top",size:16,children:[(0,b.jsx)("span",{className:i["filter-label"],children:o||(0,b.jsx)(c.FormattedMessage,{id:"filterText",moduleName:"Filter",defaultMessage:"\u7b5b\u9009"})}),(0,b.jsxs)(d.Row,{justify:"space-between",wrap:!1,align:"middle",children:[(0,b.jsx)(d.Col,{className:i["filter-list"],flex:1,children:t.slice(0,a).map(((n,e)=>(0,b.jsx)(x,{list:n,children:h&&!1===g&&e===a-1?(0,b.jsxs)(d.Space,{size:4,className:l()(i["filter-item"],i.option),onClick:()=>{f((n=>!n))},children:[(0,b.jsx)(c.FormattedMessage,{id:"moreText",moduleName:"Filter",defaultMessage:"\u66f4\u591a"}),(0,b.jsx)(s.default,{className:i["filter-item-option-icon"],type:"icon-arrow-thin-down"})]}):null},e)))}),(0,b.jsx)(d.Col,{children:u})]})]}),(0,b.jsx)(d.Space,{className:l()(i["filter-title"],"filter-title-wrap"),align:"center",size:16,children:p}),(0,b.jsxs)(d.Space,{className:l()(i["filter-title"],"filter-title-wrap",{[i["filter-title-hidden"]]:!(h&&g)}),align:"top",size:16,children:[(0,b.jsx)("span",{className:i["filter-label"],children:(0,b.jsx)(c.FormattedMessage,{id:"moreText",moduleName:"Filter",defaultMessage:"\u66f4\u591a"})}),(0,b.jsx)("div",{className:i["filter-list"],children:t.slice(a).map(((n,e)=>(0,b.jsx)(x,{list:n,children:e===t.length-a-1&&(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(d.Space,{size:4,className:l()(i["un-expand-shadow"]),children:(0,b.jsxs)(d.Space,{size:4,className:l()(i.option,i["filter-item"]),children:[(0,b.jsx)(c.FormattedMessage,{id:"toggleUpText",moduleName:"Filter",defaultMessage:"\u6536\u8d77"}),(0,b.jsx)(s.default,{className:i["filter-item-option-icon"],type:"icon-arrow-thin-up"})]})}),(0,b.jsx)(d.Space,{size:4,className:l()(i["un-expand"]),onClick:()=>{f((n=>!n))},children:(0,b.jsxs)(d.Space,{size:4,className:l()(i.option,i["filter-item"]),children:[(0,b.jsx)(c.FormattedMessage,{id:"toggleUpText",moduleName:"Filter",defaultMessage:"\u6536\u8d77"}),(0,b.jsx)(s.default,{className:i["filter-item-option-icon"],type:"icon-arrow-thin-up"})]})})]})},e)))})]})]})};y.defaultProps={displayLine:1};const v=y;var _=t(62716);const j=n=>{let{value:e,extraExpand:t,onChange:a}=n;return(0,b.jsx)(c.IntlProvider,{importMessages:m,moduleName:"Filter",children:(0,b.jsxs)(d.Space,{className:i["filter-title"],align:"top",size:16,children:[(0,b.jsx)("span",{className:i["filter-label"],children:(0,b.jsx)(c.FormattedMessage,{id:"selectedText",moduleName:"Filter",defaultMessage:"\u60a8\u5df2\u9009\u62e9"})}),(0,b.jsxs)("div",{className:i["filter-line"],children:[e.map(((n,t)=>{let{name:o,label:l,value:r}=n;return(0,b.jsx)(_.default,{type:"filterResult",filterName:l,text:Array.isArray(r)?r.map((n=>n.label)).join("\uff0c"):r.label,closable:!0,onClose:()=>{const n=e.slice(0);n.splice(t,1),a(n)}},o)})),(0,b.jsxs)(d.Space,{size:4,className:l()(i["un-expand-shadow"]),children:[t,(0,b.jsx)(d.Button,{size:"small",children:(0,b.jsx)(c.FormattedMessage,{id:"clearAllText",moduleName:"Filter",defaultMessage:"\u6e05\u7a7a\u5168\u90e8"})})]}),(0,b.jsxs)(d.Space,{size:4,className:l()(i["un-expand"]),children:[t,(0,b.jsx)(d.Button,{size:"small",onClick:()=>{a([])},children:(0,b.jsx)(c.FormattedMessage,{id:"clearAllText",moduleName:"Filter",defaultMessage:"\u6e05\u7a7a\u5168\u90e8"})})]})]})]})})};var N=t(10986),k=t.n(N),I=t(41740),S=t.n(I),F=t(36);const C=n=>{let{children:e,className:t,...a}=n;const[o,s]=k()(a),d=(0,r.useMemo)((()=>o.filter((n=>(0,F.isNotEmpty)(n.value)))),[o]),u=(0,r.useMemo)((()=>new Map(d.map((n=>[n.name,n])))),[d]);return(0,b.jsx)(c.IntlProvider,{moduleName:"Filter",importMessages:m,children:(0,b.jsx)(p,{value:{value:u,onChange:n=>{const e=S()(u);n.value?e.set(n.name,n):e.delete(n.name),null===s||void 0===s||s(Array.from(e.values()))}},children:(0,b.jsx)("div",{className:l()(i.filter,t),children:e({props:a,value:d,onChange:s})})})})};C.defaultProps={defaultValue:[]};const P=C,w=n=>(0,b.jsx)(P,{...n,children:n=>{let{props:e,value:t,onChange:a}=n;const{extraExpand:o,...l}=e;return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(v,{...l}),t&&t.length>0&&(0,b.jsx)(j,{value:t,onChange:a,extraExpand:o})]})}});w.defaultProps={defaultValue:[]};const B=w;var E=t(55490);const A=n=>{let{open:e,active:t,label:a,children:o}=n;return(0,b.jsx)(d.Space,{className:i["filter-item-wrap"],children:(0,b.jsxs)("div",{className:l()(i["filter-item"],{[i["is-active"]]:t,[i["is-visited"]]:e}),children:[(0,b.jsxs)(d.Space,{className:i["filter-item-label"],size:4,children:[(0,b.jsx)("div",{children:a}),(0,b.jsx)(s.default,{className:i["filter-item-icon"],type:"icon-triangle-down"})]}),(0,b.jsx)("div",{className:i["filter-item-field"],children:o})]})})},T=n=>e=>{let{value:t,onChange:a,interceptor:o,label:l,...s}=e;const[d,c]=(0,r.useState)(!1);return(0,b.jsx)(A,{label:l,open:d,active:(0,E.A)(t),children:(0,b.jsx)(n,{allowClear:!1,...s,className:i["filter-item-inner"],value:t,onChange:"function"===typeof o?function(){return a(o(...arguments))}:a,valueType:"all",onOpenChange:c})})};var L=t(12392),M=t(41654),R=t(93761),D=t(53392),O=t(45776),G=t(30509),z=t(96418),U=t.n(z);const H="style_scroll-loader__Rcuti__oxjro",V="style_is-popup__pCRv2__oxjro";var Q=t(17342),W=t(1488),K=t.n(W),Y=t(15797),q=t.n(Y);const $=G.A.useContext,X=n=>{let{value:e,setValue:t,size:a}=n;const{fetchApi:o,props:s}=$(),i=U()(s.dataFormat),{single:c,isPopup:m,searchPlaceholder:u,...p}=s,h=(0,r.useRef)(s.fieldNames);h.current=s.fieldNames;const g=o.data,{treeData:f}=(0,r.useMemo)((()=>i(g,{fieldNames:h.current})),[i,g]);return(0,b.jsx)(d.Space,{direction:"vertical",size:16,children:(0,b.jsx)(Q.A,{className:l()(H,{[V]:s.isPopup}),children:(0,b.jsx)(d.Tree,{...K()(p,["value","valueType","children","dataFormat"]),size:a,checkable:!c,treeData:f,onCheck:t,checkedKeys:e,onSelect:c?t:n=>{const e=n[0];void 0!==e&&t((n=>{const t=n.slice(0),a=t.indexOf(e);return a>-1?t.splice(a,1):t.push(e),t}))},selectedKeys:c?e:void 0})})})},J=n=>{let{maxLength:e,dataFormat:t,...a}=n;return(0,b.jsx)(G.A,{...a,dataFormat:n=>t(n,{fieldNames:a.fieldNames}),children:n=>{let{value:t,setValue:a}=n;return(0,b.jsx)(X,{size:e,value:t,setValue:a})}})};J.defaultProps={searchPlaceholder:"\u641c\u7d22",maxLength:Number.MAX_VALUE,size:"middle",isPopup:!0,checkStrictly:!1,dataFormat:(n,e)=>{let{fieldNames:t}=e;const a=q()(((n,e)=>{let{fieldNames:t}=e;const a=[],o=n=>{Array.isArray(n)&&n.length>0&&n.forEach((n=>{const e=n[f()(t,"key","key")],l=n[f()(t,"title","title")],r=n[f()(t,"children","children")];a.push({id:e,value:e,label:l}),o(r)}))};return o(n),a}));return{treeData:n,list:a(n,{fieldNames:t})}}};const Z=J,nn=n=>{let{value:e,label:t,onValidate:a,overlayClassName:o,placement:s,onOpenChange:m,onChange:u,children:p}=n;const[h,g]=(0,r.useState)(e),[f,x]=(0,r.useState)(!1),y=(0,r.useMemo)((()=>a&&!a(h)),[a,h]);return(0,b.jsx)(d.Popover,{open:f,trigger:"click",placement:s,overlayClassName:l()(i["pop-util-overlay"],o),onOpenChange:n=>{x(n),g(e),m&&m(n)},content:(0,b.jsxs)("span",{onClick:n=>{n.stopPropagation()},children:[(0,b.jsx)("div",{className:i["pop-util-content"],children:p({value:h,onChange:g})}),(0,b.jsxs)(d.Row,{className:i["pop-util-footer"],justify:"end",gutter:8,children:[(0,b.jsx)(d.Col,{children:(0,b.jsx)(d.Button,{size:"small",onClick:()=>{x(!1),m&&m(!1)},children:(0,b.jsx)(c.FormattedMessage,{id:"cancelText",moduleName:"Filter",defaultMessage:"\u53d6\u6d88"})})}),(0,b.jsx)(d.Col,{children:(0,b.jsx)(d.Button,{size:"small",type:"primary",disabled:y,onClick:()=>{x(!1),m&&m(!1),u&&u(h)},children:(0,b.jsx)(c.FormattedMessage,{id:"determineText",moduleName:"Filter",defaultMessage:"\u786e\u5b9a"})})})]})]}),children:(0,b.jsx)("span",{children:(0,b.jsx)(A,{open:f,active:(0,E.A)(e),label:t})})})};nn.defaultProps={placeholder:"\u8bf7\u9009\u62e9",placement:"bottomLeft"};const en=nn,tn=n=>{let{label:e,value:t,onChange:a,placeholder:o,onValidate:l,overlayClassName:r,placement:s,onOpenChange:c,...m}=n;return(0,b.jsx)(en,{label:e,value:t,onChange:a,onValidate:l,overlayClassName:r,placement:s,onOpenChange:c,children:n=>{let{value:t,onChange:a}=n;return(0,b.jsx)(d.Input,{...m,placeholder:o||"\u8bf7\u8f93\u5165".concat(e),className:i["filter-item-text"],value:f()(t,"value",""),onChange:n=>a(n.target.value?{label:n.target.value,value:n.target.value}:null)})}})};var an=t(79160),on=t.n(an);const ln=(n,e,t)=>on()(n[0])||on()(n[1])?{label:(n=>on()(n[0])&&on()(n[1])?"".concat(n[0],"-").concat(n[1]).concat(e||""):on()(n[0])?t({id:"over"},{count:n[0],unit:e}):on()(n[1])?t({id:"lessThan"},{count:n[1],unit:e}):void 0)(n),value:[n[0]||null,n[1]||null]}:null,rn=n=>{let{label:e,value:t,onChange:a,placeholder:o,onValidate:l,overlayClassName:r,placement:s,onOpenChange:m,unit:u,...p}=n;const{formatMessage:h}=(0,c.useIntl)({moduleName:"Filter"});return(0,b.jsx)(en,{label:e,value:t,onChange:a,onValidate:l,overlayClassName:r,placement:s,onOpenChange:m,children:n=>{let{value:t,onChange:a}=n;return(0,b.jsxs)(d.Space.Compact,{children:[(0,b.jsx)(d.InputNumber,{...p,placeholder:o||"".concat(h({id:"pleaseInput"})).concat(e),className:i["filter-item-number-range"],value:f()(t,"value[0]",""),onChange:n=>{a(ln([n,f()(t,"value[1]")],u,h))}}),(0,b.jsx)(d.Input,{style:{width:30,borderLeft:0,borderRight:0,pointerEvents:"none"},placeholder:"~",disabled:!0}),(0,b.jsx)(d.InputNumber,{...p,placeholder:o||"".concat(h({id:"pleaseInput"})).concat(e),className:i["filter-item-number-range"],value:f()(t,"value[1]",""),onChange:n=>{a(ln([f()(t,"value[0]"),n],u,h))}}),u&&(0,b.jsx)(d.Input,{style:{width:50,borderLeft:0},value:u,disabled:!0})]})}})};rn.defaultProps={onValidate:n=>{const e=f()(n,"value");return!(e&&on()(e[0])&&on()(e[1])&&e[1]<e[0])}};const sn=rn;var dn=t(57469),cn=t.n(dn);const mn=T((n=>{let{value:e,onChange:t,picker:a,...o}=n;return(0,b.jsx)(d.DatePicker,{...o,picker:a,value:e&&cn()(e.value),onChange:n=>{const{format:e}=Object.assign({format:"YYYY-MM-DD"},o);n&&t({label:"date"!==a?"".concat(n.startOf(a).format(e),"~").concat(n.endOf(a).format(e)):n.format(e),value:new Date(n.startOf(a).valueOf())})}})}));mn.defaultProps="date";const un=mn,pn=T((n=>{let{value:e,onChange:t,...a}=n;return(0,b.jsx)(d.DatePicker.RangePicker,{...a,allowEmpty:[!1,!1],value:e&&Array.isArray(e.value)&&2===e.value.length&&e.value.map((n=>cn()(n))),onChange:n=>{const{format:e}=Object.assign({format:"YYYY-MM-DD"},a);t({label:n.map((n=>n.format(e))).join("~"),value:n.map((n=>new Date(n.valueOf())))})}})}));var hn=t(89319);const gn=n=>{let{label:e,value:t,onChange:a,...o}=n;return(0,b.jsx)(en,{label:e,value:t,onChange:a,onValidate:n=>{const e=null===n||void 0===n?void 0:n.value;return(null===e||void 0===e?void 0:e.type)&&Array.isArray(null===e||void 0===e?void 0:e.value)&&2===e.value.length},children:n=>{let{value:e,onChange:t}=n;return(0,b.jsx)(hn.A,{...o,className:i["filter-item-text"],value:f()(e,"value"),onChange:n=>{const{format:e}=Object.assign({format:"YYYY-MM-DD"},o),a=(null===n||void 0===n?void 0:n.value)||[];t({label:a[0]&&!a[1]?"".concat(cn()(a[0]).format(e),"\u4ee5\u540e"):!a[0]&&a[1]?"".concat(cn()(a[1]).format(e),"\u4ee5\u524d"):a[0]&&a[1]?"".concat(cn()(a[0]).format(e),"~").concat(cn()(a[1]).format(e)):"",value:n})}})}})},fn=n=>e=>{let{placeholder:t,label:a,...o}=e;return(0,b.jsx)(c.FormattedMessage,{id:"defaultInputPlaceholder",moduleName:"Filter",values:{label:a},children:e=>(0,b.jsx)(n,{...o,label:a,placeholder:t||e})})},bn=T(L.Ay),xn=T(L.Eo),yn=T(M.A),vn=T(D.A),_n=T(R.Ay),jn=T(O.Ay),Nn=T(Z),kn=fn(tn),In=fn(sn);var Sn=t(22717),Fn=t.n(Sn);const Cn=n=>Fn()(n,((n,e)=>{let{name:t,value:a}=e;n[t]=Array.isArray(a)?a.map((n=>{let{value:e}=n;return e})):a.value}),{});var Pn=t(76329);const{CheckableTag:wn}=d.Tag,Bn=n=>{let{value:e,onChange:t,single:a,maxLength:o,addressApi:l,...s}=n;const{message:m}=d.App.useApp(),{locale:u}=(0,Pn.usePreset)(),{formatMessage:p}=(0,c.useIntl)({moduleName:"Filter"}),h=(0,r.useMemo)((()=>l.getChinaHotCities()),[l]);return(0,b.jsxs)(b.Fragment,{children:[h.map((n=>{const{code:l}=n,r=(0,R.NY)(n,u);return(0,b.jsx)(wn,{size:"small",checked:a?(null===e||void 0===e?void 0:e.value)===l:!!(e||[]).find((n=>{let{value:e}=n;return e===l})),onChange:n=>{if(a)return void t(n?{value:l,label:r}:null);const s=(e||[]).slice(0);n?s.push({value:l,label:r}):(()=>{const n=s.findIndex((n=>{let{value:e}=n;return e===l}));s.splice(n,1)})(),s.length>o?m.error(p({id:"maxSelectedCount"},{count:o})):t(s)},children:r},l)})),(0,b.jsxs)(wn,{className:i["filter-advanced-item-other"],size:"small",checked:(a?null===e||void 0===e?void 0:e.value:(null===e||void 0===e?void 0:e.value)&&e.value.length>0)&&!h.find((n=>{let{code:t}=n;return a?(null===e||void 0===e?void 0:e.value)===t:!!(e||[]).find((n=>{let{value:e}=n;return e===t}))})),children:[(0,b.jsx)(c.FormattedMessage,{id:"otherText",moduleName:"Filter",defaultMessage:"\u5176\u4ed6"}),(0,b.jsx)(R.Ay,{...s,className:i["filter-advanced-item-other-inner"],maxLength:o,value:a?null===e||void 0===e?void 0:e.value:(e||[]).map((n=>{let{value:e}=n;return e})),single:a,onChange:function(n){const e=n=>{const{city:e}=l.getCity(n);return{value:null===e||void 0===e?void 0:e.code,label:null===e||void 0===e?void 0:e.name}};t(a?e(n):n.map((n=>e(n))))}})]})]})};Bn.defaultProps={single:!1,maxLength:5};const En=(0,R.DF)(Bn);var An=t(19853),Tn=t.n(An);const{CheckableTag:Ln}=d.Tag,Mn=n=>{let{value:e,onChange:t,label:o,single:l,maxLength:r,items:s,custom:i}=n;const{message:m}=d.App.useApp(),{formatMessage:u}=(0,c.useIntl)({moduleName:"Filter"});return(0,b.jsxs)(b.Fragment,{children:[s.map((n=>{let{label:a,value:o}=n;return(0,b.jsx)(Ln,{size:"small",checked:l?Tn()(o,null===e||void 0===e?void 0:e.value):!!(e||[]).find((n=>{let{value:e}=n;return Tn()(o,e)})),onChange:n=>{if(l)return void t(n?{value:o,label:a}:null);const s=(e||[]).slice(0);n?s.push({value:o,label:a}):(()=>{const n=s.find((n=>{let{value:e}=n;return Tn()(o,e)}));s.splice(n,1)})(),s.length>r?m.error(u({id:"maxSelectedCount"},{count:r})):t(s)},children:a},a)})),i&&(()=>{const n=Object.values(a).find((n=>n===i.type));return n?(0,b.jsx)(n,{...i.props,value:e,placeholder:"".concat(u({id:"pleaseInput"})).concat(o),onChange:t}):null})()]})};Mn.defaultProps={single:!1,maxLength:5,items:[]};const Rn=Mn;var Dn=t(78491),On=t.n(Dn);const Gn={CityFilterItem:En,ListFilterItem:Rn,InputFilterItem:n=>{let{value:e,label:t,onChange:a,...o}=n;const l=null===e||void 0===e?void 0:e.value,[s,i]=(0,r.useState)(l||""),[m,u]=(0,r.useState)(!1),{formatMessage:p}=(0,c.useIntl)({moduleName:"Filter"}),h=()=>{a(s?{label:s,value:s}:null)},g=On()((()=>{u(!1),h()})),f=(0,r.useRef)("");return f.current=s,(0,r.useEffect)((()=>{l!==f.current&&i(l)}),[l]),(0,b.jsx)("span",{ref:g,children:(0,b.jsxs)(d.Space.Compact,{children:[(0,b.jsx)(d.Input,{placeholder:"".concat(p({id:"pleaseInput"})).concat(t),...o,size:"small",value:s,onFocus:()=>{u(!0)},onChange:n=>{i(n.target.value)},onPressEnter:h}),m&&(0,b.jsx)(d.Button,{size:"small",type:"primary",onClick:h,children:p({id:"search"})})]})})}},zn=n=>{let{list:e}=n;const{value:t,onChange:a}=h();return(0,b.jsx)(d.Flex,{gap:8,children:e.map(((n,e)=>{const o=n.type;return(0,b.jsxs)(d.Flex,{gap:16,align:"center",children:[(0,b.jsxs)("div",{className:i["filter-label"],children:[n.props.label,":"]}),(0,b.jsx)(d.Flex,{wrap:!0,align:"center",children:(0,b.jsx)(o,{...n.props,value:t?f()(t.get(n.props.name),"value"):n.props.value,onChange:a?e=>a({name:n.props.name,label:n.props.label,value:e}):n.props.onChange})})]},n.key||n.props.name||e)}))})},Un=(0,c.createWithIntl)({importMessages:m,moduleName:"Filter"})((n=>{const{formatMessage:e}=(0,c.useIntl)({moduleName:"Filter"});return(0,b.jsx)(P,{...n,children:n=>{let{value:t,onChange:a,props:o}=n;const{list:l,more:r}=o;return(0,b.jsxs)("div",{children:[(0,b.jsxs)(d.Flex,{gap:8,vertical:!0,className:i["filter-advanced"],children:[l.map(((n,e)=>(0,b.jsx)(zn,{list:n},e))),r&&(0,b.jsx)(v,{className:i["filter-advanced-more"],label:"".concat(e({id:"moreText"}),":"),list:[r]})]}),t&&t.length>0&&(0,b.jsx)(j,{value:t,onChange:a})]})}})}));Un.fields=Gn;const Hn=Un,Vn=n=>{let{children:e,...t}=n;return e(t)};B.fields=a,B.getFilterValue=Cn;const Qn=B},330:(n,e,t)=>{"use strict";t.r(e),t.d(e,{default:()=>y,useFlexBox:()=>f});var a=t(77964),o=t(74065),l=t.n(o),r=t(73884),s=t(55199),i=t(87558),d=t.n(i),c=t(19853),m=t.n(c),u=t(83136),p=t.n(u),h=t(70579);const g=[{width:786,col:1,size:15},{width:960,col:2,size:12},{width:1360,col:3,size:12},{width:1680,col:4,size:12},{width:1920,col:5,size:15}],f=n=>{const{columns:e,onChange:t}=Object.assign({},{columns:g},n),[o,s]=(0,r.useState)(null),i=(0,r.useRef)(null),d=(0,a.A)((n=>{const a=n.clientWidth,o=e.find(((n,e)=>n.width>=a))||l()(e);m()(o,i.current)||(s(o),i.current&&t&&t(o),i.current=o)}));return{ref:d,column:o}},b=n=>{let{columns:e,outerClassName:t,gutter:a,...o}=n;const{ref:l,column:r}=f({columns:e});return(0,h.jsx)("div",{ref:l,className:t,children:r&&(0,h.jsx)(s.List,{...o,grid:{gutter:a,column:r.col}})})};b.defaultProps={gutter:16,columns:g},b.Item=s.List.Item;const x=(0,r.forwardRef)(((n,e)=>{let{columns:t,api:a,getFetchApi:o,outerClassName:l,className:r,gutter:i,dataFormat:c,...m}=n;const{ref:u,column:g}=f({columns:t});return(0,h.jsx)("div",{ref:u,className:l,children:g&&(0,h.jsx)(d(),{...a||o(g),ref:e,render:n=>{let{data:e,isComplete:t}=n;return(0,h.jsx)(s.List,{...m,className:p()(r,"loading-container",{"is-loading":!t}),dataSource:c(e),grid:{gutter:i,column:g.col}})}})})}));x.defaultProps={gutter:16,columns:g,dataFormat:n=>n.pageData},b.Fetch=x;const y=b},45053:(n,e,t)=>{"use strict";t.d(e,{A:()=>p});var a=t(98434),o=t(55199),l=t(73884),r=t(83136),s=t.n(r),i=t(70720),d=t.n(i),c=t(47094),m=t(70579);const u=n=>{let{name:e,groupName:t,overlayClassName:r,errorRender:i,groupIndex:u,children:p}=n;const h=(n=>{let{name:e,groupName:t,groupIndex:o}=n;const{emitter:r,formState:s}=(0,a.useFormContext)(),i=(0,l.useRef)({name:e,groupName:t,groupIndex:o});i.current={name:e,groupName:t,groupIndex:o};const d=(0,l.useRef)(s);d.current=s;const[c,m]=(0,l.useState)(null);return(0,l.useEffect)((()=>{const n=r.addListener("form-field-validate-complete",(n=>{let{id:e,validate:t}=n;const o=d.current[e];if(!o)return;const l=i.current;o.name!==l.name||l.groupName&&(o.groupName!==l.groupName||o.groupIndex!==l.groupIndex)||m(2===t.status?Object.assign({},t,{label:o.label,errMsg:a.util.compileErrMsg(t.msg,o.label)}):null)}));return()=>{n&&n.remove()}}),[r]),c})({name:e,groupName:t,groupIndex:u}),[g,f]=(0,l.useState)(!1),b=h&&g&&i(Object.assign({},h,{closeHover:()=>f(!1)})),x=(0,l.useRef)(null),y=(0,l.useRef)(null);d()((()=>{f(!1)})).current={contains:n=>x.current.contains(n)||y.current&&y.current.contains(n)};const[v,_]=(0,l.useState)(0);return(0,l.useLayoutEffect)((()=>{const n=()=>{const n=x.current.querySelector(".react-form__field-component");n&&_(n.clientWidth)};n();const e=new ResizeObserver(n);e.observe(x.current);const t=new MutationObserver(n);return t.observe(x.current,{subtree:!0,childList:!0}),()=>{t.disconnect(),e.disconnect()}}),[]),(0,m.jsx)(o.Popover,{open:!!b,overlayClassName:s()(r,c.A["error-tip-overlay"]),content:b&&(0,m.jsx)("div",{ref:y,style:{width:v},className:s()(c.A["error-tip-overlay-content"]),children:b}),placement:"bottom",transitionName:"ant-slide-up",arrow:!1,children:(0,m.jsx)("div",{className:s()("error-tip"),ref:x,onMouseEnter:()=>{f(!0)},children:p})})};u.defaultProps={errorRender:()=>null};const p=u},83560:(n,e,t)=>{"use strict";t.d(e,{A:()=>h});var a=t(55199),o=t(98434),l=t(63361),r=t(73884),s=t(10486),i=t(21554),d=t(64671),c=t(83136),m=t.n(c),u=t(47094),p=t(70579);const h=n=>{let{list:e,groupArgs:t,itemRender:c}=n;const h=(0,o.useFormContext)(),g=Object.assign({},h,t?{groupArgs:t}:{}),f=(0,r.useRef)(null),[b,x]=(0,r.useState)(!1);return(0,r.useEffect)((()=>{x(!0)}),[]),(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)("div",{ref:f,style:{display:"none"}}),e.filter((n=>"function"===typeof n.props.display?n.props.display(g):!1!==n.props.display)).map(((n,o)=>{const h=n.props.name+o||t&&t[0]+o||o,x={key:h,list:e,props:n.props},y=Object.assign({},n.props),v=n.type;["display","block","hidden","setExtraProps","isBlock","featureId"].forEach((e=>{n.props.hasOwnProperty(e)&&(x[e]=n.props[e]),delete y[e]})),x.hasOwnProperty("isBlock")&&(y.block=x.isBlock);const _=(0,p.jsx)(v,{...Object.assign({},y,"function"===typeof x.setExtraProps?x.setExtraProps({props:y,contextApi:g}):{}),onChange:function(){for(var e=arguments.length,t=new Array(e),a=0;a<e;a++)t[a]=arguments[a];return n.props.onChange&&n.props.onChange(...t,g)}}),j=x.hidden?b&&(0,s.createPortal)(_,f.current):c(x.tips?(0,p.jsxs)(a.Row,{gutter:8,align:"top",children:[(0,p.jsx)(a.Col,{flex:1,children:_}),(0,p.jsx)(a.Col,{children:(0,p.jsx)(i.default,{content:x.tips,children:(0,p.jsx)("span",{className:m()(u.A["field-tips"],{[u.A["label-hidden"]]:y.labelHidden}),children:(0,p.jsx)(d.default,{type:"icon-xinxi-miaobian"})})})})]}):_,x);return(0,p.jsx)(r.Fragment,{children:x.hasOwnProperty("featureId")?(0,p.jsx)(l.default,{id:x.featureId,children:j},h):j},h)}))]})}},85696:(n,e,t)=>{"use strict";t.d(e,{A:()=>v});var a=t(73884),o=t(76329),l=t(33097),r=t.n(l),s=t(64261),i=t(58609),d=t(55431),c=t(46237),m=t(1454),u=t(46732),p=t(98434),h=t(83136),g=t.n(h),f=t(47094),b=t(70579);const x=n=>{let{children:e}=n;const[t,l]=(0,a.useState)(!1),i=(0,o.usePreset)(),d=r()(i,"formInfo",{}),c=r()(i,"locale");return(0,a.useEffect)((()=>{Promise.resolve((0,s.A)(d,{locale:c})).then((()=>{l(!0)}))}),[d,c]),t?e:null},y=(0,a.forwardRef)(((n,e)=>{let{className:t,helperGuideName:a,children:o,lang:l,...r}=n;return(0,b.jsx)(i.IntlProvider,{importMessages:d.A,moduleName:"FormInfo",children:(0,b.jsx)(c.Ay,{value:l,children:(0,b.jsx)(m.default,{children:(0,b.jsx)(u.K,{value:a,children:(0,b.jsx)(p.FormAntd,{...r,ref:e,className:g()(t,f.A["form-outer"]),children:(0,b.jsx)(x,{children:o})})})})})})}));y.defaultProps={type:"inner"};const v=y},35774:(n,e,t)=>{"use strict";t.d(e,{A:()=>r});var a=t(98434),o=t(81014),l=t(70579);const r=n=>{let{onClick:e,...t}=n;const r=(0,a.useFormContext)();return(0,l.jsx)(o.default,{...t,onClick:n=>e(r,n)})}},48221:(n,e,t)=>{"use strict";t.d(e,{Ay:()=>h,WJ:()=>f,Xy:()=>g});var a=t(25963),o=t(83136),l=t.n(o),r=t(98434),s=t(73025),i=t(58609),d=t(47094),c=t(55431),m=t(70579);const u=[{children:"\u53d6\u6d88",ButtonComponent:r.CancelButton},{type:"primary",children:"\u4fdd\u5b58",ButtonComponent:r.SubmitButton,autoClose:!1}],p=n=>{let{className:e,withDecorator:t,footerButtons:a=u,formProps:o,...s}=n;return{...s,footerButtons:a,className:l()(e,d.A["form-outer"],d.A["form-drawer"]),withDecorator:n=>{const e=e=>{const t="function"===typeof o?o(e):o;return(0,m.jsx)(r.FormAntd,{...t,children:(0,m.jsx)(i.IntlProvider,{importMessages:c.A,moduleName:"FormInfo",children:n(e)})})};return"function"===typeof t?t(e):e()}}},h=n=>(0,m.jsx)(a.default,{...p(n)}),g=()=>{const n=(0,a.useDrawer)();return e=>n(p(e))},f=n=>{const e=g();return(0,m.jsx)(s.A,{...n,modalFunc:e})}},2196:(n,e,t)=>{"use strict";t.d(e,{A:()=>u});var a=t(55199),o=t(1454),l=t(330),r=t(83560),s=t(47094),i=t(83136),d=t.n(i),c=t(70579);const m=n=>{let{list:e,groupArgs:t,column:i,gap:m,className:u,...p}=n;const h=!(Number.isInteger(i)&&i>0),{ref:g,column:f}=(0,l.useFlexBox)(h?i:{}),b=(n,o)=>(0,c.jsx)(a.Row,{gutter:[m||24,0],className:d()({[s.A["column-not-layout"]]:o}),children:(0,c.jsx)(r.A,{list:e,groupArgs:t,itemRender:(e,t)=>(0,c.jsx)(a.Col,{span:!0===t.block?24:Math.round(24/(n||1)),children:e})})});return(0,c.jsxs)(o.default.Part,{...p,className:d()(u,s.A["form-info"]),children:[(0,c.jsx)("div",{ref:g}),h?f?b(f.col):b(2,!0):b(i)]})};m.defaultProps={column:2,list:[]};const u=m},30891:(n,e,t)=>{"use strict";t.d(e,{A:()=>o});var a=t(98434);const o=n=>{let{children:e}=n;const{openApi:t,formData:o}=(0,a.useFormContext)();return e({...t,formData:o})}},46237:(n,e,t)=>{"use strict";t.d(e,{Ay:()=>i,oc:()=>s});var a=t(73884);const o=(0,a.createContext)([]),{Provider:l,Consumer:r}=o,s=()=>(0,a.useContext)(o),i=l},5995:(n,e,t)=>{"use strict";t.d(e,{Ay:()=>g,Vl:()=>f,W6:()=>b});var a=t(3382),o=t(83136),l=t.n(o),r=t(98434),s=t(83799),i=t(73025),d=t(58609),c=t(47094),m=t(55431),u=t(70579);const p="FormInfo",h=n=>{let{className:e,withDecorator:t,footerButtons:a,formProps:o,...i}=n;return{...i,footerButtons:a||[{children:(0,u.jsx)(d.IntlProvider,{importMessages:m.A,moduleName:p,children:(0,u.jsx)(d.FormattedMessage,{id:"Cancel",moduleName:p})}),ButtonComponent:r.CancelButton},{type:"primary",children:(0,u.jsx)(d.IntlProvider,{importMessages:m.A,moduleName:p,children:(0,u.jsx)(d.FormattedMessage,{id:"Save",moduleName:p})}),ButtonComponent:r.SubmitButton,autoClose:!1}],className:l()(e,c.A["form-outer"],c.A["form-modal"]),withDecorator:n=>{const e=e=>{const t="function"===typeof o?o(e):o;return(0,u.jsx)(s.lV,{...t,children:(0,u.jsx)(d.IntlProvider,{importMessages:m.A,moduleName:"FormInfo",children:n(e)})})};return"function"===typeof t?t(e):e()}}},g=n=>(0,u.jsx)(a.default,{...h(n)}),f=()=>{const n=(0,a.useModal)();return e=>n(h(e))},b=n=>{const e=f();return(0,u.jsx)(i.A,{...n,modalFunc:e})}},94005:(n,e,t)=>{"use strict";t.d(e,{$X:()=>m,Ay:()=>c,Wp:()=>u});var a=t(5995),o=t(55199),l=t(73884),r=t(98434),s=t(70579);const i=n=>{let{setCurrent:e,current:t,items:a,setStepData:l,stepData:i}=n;const d=a[t],{formData:c}=(0,r.useFormContext)();return(0,s.jsxs)(o.Space,{className:"full-space",direction:"vertical",children:[(0,s.jsx)(o.Steps,{current:t,onChange:n=>{l((e=>{const t=e.slice(0);return t[n]=c,t})),e(n)},items:a}),d.children]})},d=()=>{const[n,e]=(0,l.useState)([]),[t,a]=(0,l.useState)(0);return o=>{var l;let{items:d,formProps:c}=o;const m=t===d.length-1;return{stepData:n,formProps:Object.assign({},c,{data:Object.assign({},null===(l=c.data)||void 0===l?void 0:l[t],n[t]),onSubmit:o=>{const l=n.slice(0);if(l[t]=o,e(l),m)return null===c||void 0===c?void 0:c.onSubmit(n);a(t+1)}}),children:(0,s.jsx)(i,{items:d,current:t,setCurrent:a,stepData:n,setStepData:e}),footerButtons:[{children:"\u53d6\u6d88",ButtonComponent:r.CancelButton},{type:"primary",children:m?"\u4fdd\u5b58":"\u4e0b\u4e00\u6b65",ButtonComponent:r.SubmitButton,autoClose:!1}]}}},c=n=>{const e=d(),{footerButtons:t,children:o,formProps:l}=e(n);return(0,s.jsx)(a.Ay,{...n,formProps:l,footerButtons:t,children:o})},m=()=>{const n=(0,a.Vl)(),e=d();return t=>{const{footerButtons:a,children:o,formProps:l}=e(t);return n({...t,formProps:l,footerButtons:a,children:o})}},u=n=>{let{modalProps:e,...t}=n;const o=d(),{footerButtons:l,children:r,formProps:i}=o(e);return(0,s.jsx)(a.W6,{...t,modalProps:Object.assign({},e,{formProps:i,footerButtons:l,children:r})})}},46732:(n,e,t)=>{"use strict";t.d(e,{A:()=>c,K:()=>d});var a=t(75363),o=t(73884),l=t(98434),r=t(47094),s=t(70579);const i=(0,o.createContext)(""),{Provider:d}=i,c=n=>{let{name:e}=n;const t=(0,o.useContext)(i),d=(0,l.useGroup)();return t&&(0,s.jsx)(a.default,{className:r.A["helper-guide-field"],name:t+"-"+(d.name?d.name+"-":"")+e})}},85846:(n,e,t)=>{"use strict";t.d(e,{A:()=>y});var a=t(73884),o=t(55199),l=t(58407),r=t(64671),s=t(1454),i=t(98434),d=t(2196),c=t(83136),m=t.n(c),u=t(55431),p=t(58609),h=t(33097),g=t.n(h),f=t(47094),b=t(70579);const x=(0,p.createWithIntl)({moduleName:"FormInfo",importMessages:u.A})((n=>{let{title:e,addText:t,minLength:s,isUnshift:c,maxLength:u,defaultLength:h,label:x,name:y,beforeAdd:v,afterDelete:_,column:j,list:N,listRender:k,itemTitle:I,outer:S,renderChildren:F,className:C,important:P,deleteButtonProps:w}=n;const B=(0,a.useRef)(null),E=(0,i.useFormContext)(),{formData:A}=E,T=!(u&&u<=g()(A,"".concat(y,".length"),0)),{formatMessage:L}=(0,p.useIntl)({moduleName:"FormInfo"}),M=()=>{"function"===typeof v&&!1===v(y,E,{isUnshift:c,group:B.current})||B.current.onAdd({isUnshift:c})};return(0,b.jsxs)(b.Fragment,{children:[(0,a.cloneElement)(S,{title:e,addText:t,className:m()(C,f.A["list-part"]),allowAdd:c&&T,add:M},F((0,b.jsx)(i.GroupList,{name:y,defaultLength:h,ref:B,children:function(){for(var n=arguments.length,t=new Array(n),a=0;a<n;a++)t[a]=arguments[a];const[i,{index:c,onRemove:u,length:h}]=t,g={key:i,column:j,list:"function"===typeof N?N(...t,E):N,title:"function"===typeof I?I({index:c,key:i,onRemove:u}):I,groupArgs:t,extra:(0,b.jsx)(p.FormattedMessage,{id:"delText",moduleName:"FormInfo",children:n=>s&&s>=h?null:(0,b.jsx)(l.default,{danger:!0,className:"btn-no-padding",message:L({id:"delConfirm"},{name:x||e}),type:"link",onClick:()=>{u(i),_&&_(...t,E)},...Object.assign({},w),children:null!==w&&void 0!==w&&w.children?null===w||void 0===w?void 0:w.children:(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(r.default,{type:"icon-shanchu"}),n]})})})};return(0,b.jsxs)("div",{className:m()(f.A["list-item"],{[f.A["is-important"]]:P}),children:["function"===typeof k?k(g):(0,b.jsx)(d.A,{...g,className:f.A["list-item-part"],gap:16}),(0,b.jsx)(o.Divider,{})]},i)}}))),!c&&T?(0,b.jsx)(p.FormattedMessage,{id:"addText",moduleName:"FormInfo",children:n=>(0,b.jsxs)(o.Button,{onClick:M,children:[(0,b.jsx)(r.default,{type:"icon-tianjia"}),t||n]})}):null]})}));x.defaultProps={minLength:0,isUnshift:!0,defaultLength:1,outer:(0,b.jsx)((n=>{let{add:e,addText:t,className:a,allowAdd:l,...i}=n;return(0,b.jsx)(s.default.Part,{...i,className:a,extra:l&&(0,b.jsx)(p.FormattedMessage,{id:"addText",moduleName:"FormInfo",children:n=>(0,b.jsxs)(o.Typography.Text,{className:f.A["list-btn"],onClick:e,children:[(0,b.jsx)(r.default,{type:"icon-tianjia"}),t||n]})})})}),{}),renderChildren:n=>n};const y=x},97949:(n,e,t)=>{"use strict";t.d(e,{A:()=>h});var a=t(73884),o=t(55199),l=t(98434),r=t(64671),s=t(33097),i=t.n(s),d=t(47094),c=t(83136),m=t.n(c),u=t(70579);const p=n=>{let{name:e,label:t,rule:s,field:c,defaultLength:p,minLength:h,maxLength:g,...f}=n;const b=(0,a.useRef)(null),x=c,y=(0,l.useFormContext)(),{formData:v}=y,_=!(g&&g<=i()(v,"".concat(e,".length"),0));return(0,u.jsxs)("div",{className:m()(d.A["mult-field"],"mult-field"),children:[(0,u.jsx)(l.GroupList,{ref:b,name:e,defaultLength:Math.max(p,h,1),children:(n,a)=>{let{index:l,onRemove:i,length:c}=a;return(0,u.jsxs)("div",{className:m()(d.A["mult-field-item"],"mult-field-item",{[d.A["first-item"]]:0===l}),children:[(0,u.jsx)(x,{...f,name:e,label:t,rule:s}),(0,u.jsxs)("div",{children:[(0,u.jsx)("div",{className:"react-form__field-label"}),(0,u.jsx)(o.Button,{icon:(0,u.jsx)(r.default,{type:"shanchu"}),onClick:i,disabled:c<=Math.max(h,1)})]})]},n)}}),_&&(0,u.jsxs)(o.Button,{className:d.A["mult-field-add-btn"],type:"dashed",onClick:()=>b.current.onAdd(),children:[(0,u.jsx)(r.default,{type:"tianjia"}),"\u6dfb\u52a0",t]})]})};p.defaultProps={minLength:1,defaultLength:1};const h=p},18936:(n,e,t)=>{"use strict";t.d(e,{A:()=>T});const a={"ant-tag":"style_ant-tag__7ct2q__oxjro",overlay:"style_overlay__CXfU5__oxjro",input:"style_input__+OpvV__oxjro","is-disabled":"style_is-disabled__uX4qq__oxjro","input-icon":"style_input-icon__E3NjK__oxjro",large:"style_large__vMozz__oxjro",small:"style_small__ubqQ+__oxjro","input-inner":"style_input-inner__sY-6k__oxjro","input-custom":"style_input-custom__Kxq3n__oxjro","display-content":"style_display-content__qA1jn__oxjro","overlay-footer-extra":"style_overlay-footer-extra__yCzWX__oxjro","selected-tag":"style_selected-tag__BZsMM__oxjro","selected-tag-list":"style_selected-tag-list__As0ho__oxjro","selected-tag-inner":"style_selected-tag-inner__2NH59__oxjro","text-inner":"style_text-inner__Bq2Ji__oxjro",placeholder:"style_placeholder__odotY__oxjro","is-modal":"style_is-modal__4cj8L__oxjro","overlay-content":"style_overlay-content__kpGRn__oxjro"};var o=t(74981);const{context:l,useContext:r,Provider:s,Consumer:i}=(0,o.A)();var d=t(73884),c=t(10986),m=t.n(c),u=t(87558),p=t(33097),h=t.n(p),g=t(55199),f=t(83136),b=t.n(f),x=t(3382),y=t(64671),v=t(79686),_=t.n(v),j=t(41740),N=t.n(j),k=t(74065),I=t.n(k),S=t(17342),F=t(70579);const C=n=>{let{maxLength:e,single:t,setValue:a,value:o,message:l}=n;return n=>a(!t&&Number.isInteger(e)&&e>0&&n.length>e?(l("\u6700\u591a\u9009\u62e9".concat(e,"\u4e2a")),o):n)},P=n=>{let{single:e,value:t,mapping:o,onClose:l}=n;return t&&Array.isArray(t)&&0!==t.length?e?(0,F.jsx)("span",{className:a["text-inner"],children:h()(o.get(t[0]),"label")||t[0]}):t.map((n=>{const e=o.get(n);return(0,F.jsx)(g.Tag,{className:a["display-tag"],closable:!0,onClose:t=>{t.preventDefault(),l(n,e)},children:(0,F.jsx)("span",{className:a["tag-inner"],children:h()(e,"label")||n})},n)})):null},w=(0,d.forwardRef)(((n,e)=>{let{value:t,onChange:o,extra:l,showSelectedTag:r,renderSelectedContent:s,children:i,...c}=n;const[m,u]=(0,d.useState)(t),p=(0,d.useRef)(t);p.current=t;const[h,f]=(0,d.useState)(!1),{message:b}=g.App.useApp(),y=C({maxLength:c.maxLength,single:c.single,setValue:u,value:m,message:b.error});return(0,d.useEffect)((()=>{h&&u(p.current)}),[h]),(0,d.useImperativeHandle)(e,(()=>({modalOpen:()=>{f(!0)},close:()=>{f(!1)}}))),(0,F.jsx)(x.default,{...c,open:h,onConfirm:()=>{o(m)},onClose:()=>{f(!1)},footer:(r||l)&&(0,F.jsxs)(g.Space,{direction:"vertical",className:a["overlay-footer"],children:[l&&(0,F.jsx)("div",{className:a["overlay-footer-extra"],children:l}),r&&s({value:m,setValue:y})]}),children:"function"===typeof i?i({value:m,setValue:y}):i})})),B=(0,d.forwardRef)(((n,e)=>{let{value:t,setValue:o,children:l,renderSelectedContent:r,showSelectedTag:s,placement:i,inputContent:c,single:m,extra:u,overlayWidth:p,wrapClassName:h,...f}=n;const[b,x]=(0,d.useState)(!1);return(0,d.useImperativeHandle)(e,(()=>({close:()=>{x(!1)}})),[]),(0,F.jsx)(g.Popover,{...f,open:b,onOpenChange:x,overlayClassName:a.overlay,arrow:!1,content:(0,F.jsxs)("div",{style:p?{"--overlay-width":p}:{},className:a["overlay-content"],onClick:n=>{n.stopPropagation()},children:[(0,F.jsx)("div",{className:a["overlay-inner"],children:"function"===typeof l?l({value:t,setValue:n=>{(!m||t[0]!==n[0])&&o(n),m&&x(!1)}}):l}),(s||u)&&(0,F.jsxs)("div",{className:a["overlay-footer"],children:[u&&(0,F.jsx)("div",{className:a["overlay-footer-extra"],children:u}),s&&r({value:t,setValue:o})]})]}),trigger:"click",placement:i,children:(0,F.jsx)("div",{className:a["input-inner"],children:c})})})),E=(0,u.withFetch)((n=>{let{setFetchApi:e,wrapClassName:t,...o}=n;const[l,s]=(0,d.useState)(!1),i=(0,d.useRef)(null),c=(0,d.useRef)(null),m=r(),{valueState:u,mapping:p,props:h}=m,[f,x]=u,{single:v,placement:_,getPopupContainer:j,placeholder:N,isPopup:k,disabled:I,showSelectedTag:C,extra:E,inputContent:A}=h,T=(0,d.useRef)(o);T.current=o,(0,d.useEffect)((()=>{e(Object.assign({},T.current,{data:o.data,isComplete:o.isComplete}))}),[o.data,e,o.isComplete]);const L=P({single:v,value:f,mapping:p,onClose:n=>{x((e=>{const t=e.slice(0),a=e.indexOf(n);return a>-1&&t.splice(a,1),t}))}}),M=n=>{let{value:e,setValue:t}=n;return(0,F.jsxs)(g.Space,{className:a["selected-tag"],align:"center",wrap:!0,children:[(0,F.jsxs)("div",{children:["\u5df2\u9009",!h.single&&Number.isInteger(h.maxLength)&&h.maxLength>0?"(".concat(e.length,"/").concat(h.maxLength,")"):"",":"]}),(0,F.jsx)(S.A,{className:a["selected-tag-list"],children:(0,F.jsx)("div",{className:a["selected-tag-inner"],children:P({value:e,mapping:p,onClose:n=>{t((e=>{const t=e.slice(0),a=e.indexOf(n);return a>-1&&t.splice(a,1),t}))}})})})]})},R=A?A(m):(0,F.jsxs)(g.Space,{className:a["display-content"],onMouseOver:()=>{s(!0)},onMouseOut:()=>{s(!1)},children:[(0,F.jsx)("div",{children:L||(0,F.jsx)("span",{className:a.placeholder,children:N})}),l&&f&&f.length>0&&!I?(0,F.jsx)(y.default,{className:b()(a.close,a["input-icon"],"close","input-icon"),type:"icon-shibai",onClick:n=>{n.stopPropagation(),x([])}}):(0,F.jsx)(y.default,{className:b()(a["input-icon"],"input-icon-arrow","input-icon"),type:"icon-arrow-thin-down"})]});return k?(0,F.jsx)(B,{ref:c,overlayWidth:h.overlayWidth,value:f,setValue:x,single:v,inputContent:R,extra:"function"===typeof E?E({close:()=>c.current.close(),context:m}):E,renderSelectedContent:M,showSelectedTag:C,trigger:"click",placement:_,getPopupContainer:j,children:h.children}):(0,F.jsxs)("div",{className:a["input-inner"],onClick:()=>{i.current.modalOpen()},children:[(0,F.jsx)(w,{size:h.modalSize,ref:i,single:h.single,maxLength:h.maxLength,disabledScroller:!0,wrapClassName:b()(a.overlay,a["is-modal"],t),title:h.placeholder,value:f,onChange:x,extra:"function"===typeof E?E({close:()=>i.current.close(),context:m}):E,showSelectedTag:C,renderSelectedContent:M,children:h.children}),R]})})),A=n=>{let{api:e,className:t,displayItems:o,wrapClassName:l,...r}=n;const[i,c]=(0,d.useState)(""),[u,p]=(0,d.useState)(new Map(o.map((n=>[n.value,n])))),[f,x]=(0,d.useState)({}),{message:y}=g.App.useApp(),v=n=>{const e=n.filter((n=>u.get(n.value)!==n));0!==e.length&&p((n=>{const t=N()(n);return e.forEach((n=>{t.set(n.value,n)})),t}))},j=n=>((n,e,t)=>"all"!==t?n:(e(n),n.map((n=>n.value))))(r.single?_()(n)?[]:[n]:n||[],v,r.valueType),[k,S]=m()(Object.assign({},r,{onChange:n=>{const e=((n,e,t)=>"all"!==t?n:n.map((n=>e.get(n))))(n,u,r.valueType);r.onChange&&r.onChange(r.single?I()(e):e)}},"value"in r?{value:j(r.value)}:{defaultValue:j(r.defaultValue)})),P=C({maxLength:r.maxLength,single:r.single,setValue:S,value:k,message:y.error});return(0,F.jsx)(s,{value:{mapping:u,searchText:i,setSearchText:c,appendMapping:v,setItems:n=>{f.setData(n),v(h()(r.dataFormat(n),"list",[]))},fetchApi:f,valueState:[k,P],props:r},children:(0,F.jsx)("div",{className:b()(a["input".concat(r.inputContent&&"function"===typeof r.inputContent?"-custom":"")],t),children:(0,F.jsx)(E,{...e,wrapClassName:l,loading:null,setFetchApi:x,onRequestSuccess:n=>{v(h()(r.dataFormat(n),"list",[])),e.onRequestSuccess&&e.onRequestSuccess(n)}})})})};A.defaultProps={placeholder:"\u8bf7\u9009\u62e9",displayItems:[],extra:null,api:{loader:()=>[]},dataFormat:n=>({list:n}),placement:"bottomLeft",getPopupContainer:null,showSelectedTag:!0},A.useContext=r;const T=A},97056:(n,e,t)=>{"use strict";t.d(e,{A:()=>h});var a=t(85846),o=t(83560),l=t(55199),r=t(41740),s=t.n(r),i=t(73884),d=t(83136),c=t.n(d),m=t(47094),u=t(70579);const p=(0,i.forwardRef)(((n,e)=>{const[t,a]=(0,i.useState)(new Map);return(0,i.useImperativeHandle)(e,(()=>n=>{setTimeout((()=>{a((e=>{if(e.has(n.key))return e;const t=s()(e);return t.set(n.key,n.props),t}))}))}),[]),(0,u.jsxs)(l.Row,{wrap:!1,className:m.A["table-list-header"],style:{"--col-width":"".concat(100/t.size,"%")},children:[Array.from(t).map((n=>{let[e,{label:t,rule:a}]=n;return(0,u.jsx)(l.Col,{className:c()({[m.A["is-req"]]:0===(a||"").split(" ").indexOf("REQ")}),children:t},e)})),(0,u.jsx)(l.Col,{className:m.A["table-list-extra"]})]})})),h=n=>{let{list:e,className:t,...r}=n;const s=(0,i.useRef)(null);return(0,u.jsx)(a.A,{...r,className:c()(t,m.A["table-list"]),list:e,renderChildren:n=>(0,u.jsxs)("div",{className:m.A["table-list-inner"],children:[(0,u.jsx)(p,{ref:s}),n]}),listRender:n=>{let{list:e,groupArgs:t,extra:a,key:r}=n;return(0,u.jsxs)(l.Row,{wrap:!1,align:"top",style:{"--col-width":"".concat(100/e.length,"%")},children:[(0,u.jsx)(o.A,{list:e,groupArgs:t,itemRender:(n,e)=>(s.current(e),(0,u.jsx)(l.Col,{className:m.A["table-list-field"],flex:1,children:n}))}),(0,u.jsx)(l.Col,{className:m.A["table-list-extra"],children:a})]},r)}})}},1904:(n,e,t)=>{"use strict";t.d(e,{A:()=>i,N:()=>d});var a=t(98434),o=t(36);const{useOnChange:l,useDecorator:r}=a.hooks,s=n=>l(Object.assign({},{placeholder:"\u8bf7\u9009\u62e9"+n.label},n))(o.AddressSelectField);s.Field=o.AddressSelectField,s.AddressEnum=o.AddressSelectField.AddressEnum,s.createAddressApi=o.AddressSelectField.createAddressApi,s.withAddressApi=o.AddressSelectField.withAddressApi;const i=s,d=n=>r(Object.assign({},{placeholder:"\u8bf7\u9009\u62e9"+n.label,inputPlaceholder:"\u8bf7\u8f93\u5165"+n.label},n))(o.AddressInputField);d.Field=o.AddressInputField},30096:(n,e,t)=>{"use strict";t.d(e,{Ay:()=>c});var a=t(98434),o=t(36);const{useOnChange:l}=a.hooks,r=n=>{const e=e=>l(Object.assign({},{placeholder:"\u8bf7\u9009\u62e9"+e.label},e))(n);return e.field=e.Field=n,e},s=r(o.UserField),i=r(o.TableField),d=r(o.AdvancedSelectField);d.createdList=n=>{let{renderList:e,defaultProps:t}=n;return r((0,o.createListField)({renderList:e,defaultProps:t}))},d.User=s,d.Table=i;const c=d},96339:(n,e,t)=>{"use strict";t.d(e,{A:()=>O});var a=t(73884),o=t(29574),l=t(40438),r=t(76329),s=t(3382),i=t(64671),d=t(55199),c=t(53202),m=t.n(c),u=t(33097),p=t.n(u),h=t(83136),g=t.n(h),f=t(51941),b=t(98434),x=t(34677),y=t.n(x);const v="style_upload-btn__-6XtP__oxjro",_="style_square__UPkfA__oxjro",j="style_is-loading__wx6Pd__oxjro",N="style_upload-btn-tips__YtxWz__oxjro",k="style_drop-tips__N-v59__oxjro",I="style_preview-area__aV3SN__oxjro";var S=t(18411),F=t(58609),C=t(55431),P=t(70579);const{useOnChange:w}=b.hooks,B=l.default.Avatar,E="FormInfo",A=(0,o.Ay)((n=>{let{className:e,icon:t,loading:a,value:o,gender:l,width:r,height:s,children:c,shape:m,defaultAvatar:u,apis:h}=n;const f=(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)(B,{id:p()(o,"id"),gender:l,width:64*r/s,height:64,shape:m,defaultAvatar:u,apis:h}),(0,P.jsx)("div",{className:N,children:t||(0,P.jsx)(i.default,{type:"icon-chuanzhaopian",size:16})}),c]});return(0,P.jsx)("div",{className:g()(e,v,{[j]:a,[_]:"square"===m||!(r&&r===s)}),style:{width:64*r/s},children:a?(0,P.jsx)(d.Spin,{children:f}):f})})),T=n=>{let e=n.split(","),t=e[1].substring(0,e[1].length-2),a=e[0].match(/:(.*?);/)[1],o=atob(t),l=o.length,r=new Uint8Array(l);for(;l--;)r[l]=o.charCodeAt(l);return new Blob([r],{type:a})},L=(0,a.forwardRef)(((n,e)=>{let{image:t,width:l,height:r,borderRadius:s,preview:c,fileSize:u,accept:p,renderTips:h,getApi:g,shape:b,border:x,...y}=n;const v=(0,F.useIntl)({moduleName:E}),[_,j]=(0,a.useState)(0),N=(0,a.useRef)(null),[S,C]=(0,a.useState)(t),[w,B]=(0,a.useState)(1),[A,L]=(0,a.useState)(0),[M,R]=(0,a.useState)(""),D=(0,a.useRef)(null);(0,a.useLayoutEffect)((()=>{j(2*N.current.clientWidth/3)}),[]),g({getImage:()=>{const n=D.current.getImage(),e=document.createElement("canvas"),t=e.getContext("2d");return e.width=l,e.height=r,t.drawImage(n,0,0,e.width,e.height),new window.File([T(e.toDataURL())],S.name,{type:S.type})}});const O=()=>{R(D.current.getImage().toDataURL())},G=(0,f.useDebouncedCallback)(O,500);return(0,P.jsx)("div",{ref:N,children:(0,P.jsxs)(d.Row,{wrap:!1,align:"middle",children:[(0,P.jsx)(d.Col,{span:c?16:24,children:_&&(0,P.jsxs)(d.Space,{direction:"vertical",children:[(0,P.jsx)(m(),{...y,ref:D,image:S,scale:w,rotate:A,width:_-2*x,height:r*_/l-2*x*r/l,border:x,color:[0,0,0,.6],borderRadius:s*_/l,onImageReady:O,onImageChange:G}),(0,P.jsx)("div",{className:k,children:h("".concat(v.formatMessage({id:"PictureFormat"})).concat(p.map((n=>n.replace(/^\./,""))).join(" ")," ").concat(v.formatMessage({id:"ImageSize"})).concat(v.formatMessage({id:"NotExceeding"},{size:u})),{accept:p,fileSize:u})}),(0,P.jsxs)(d.Row,{gutter:14,align:"middle",children:[(0,P.jsx)(d.Col,{children:(0,P.jsx)(d.Tooltip,{title:v.formatMessage({id:"Rotate"}),placement:"bottom",children:(0,P.jsx)(i.default,{type:"icon-xuanzhuan",onClick:()=>{L((n=>(n-90)%360))}})})}),(0,P.jsx)(d.Col,{children:(0,P.jsx)(d.Tooltip,{title:v.formatMessage({id:"ImageFull"}),placement:"bottom",children:(0,P.jsx)(i.default,{type:"icon-chongman",onClick:()=>{B(1)}})})}),(0,P.jsx)(d.Col,{flex:1,children:(0,P.jsx)(d.Slider,{tooltip:{placement:"bottom",formatter:()=>v.formatMessage({id:"Size"})},value:w,step:.05,min:.2,max:3,onChange:B})}),(0,P.jsx)(d.Col,{children:(0,P.jsx)(o.FI,{accept:p,onChange:n=>{n[0].size>1024*u*1024?d.message.error(v.formatMessage({id:"FileNotExceeding"},{name:n[0].name,size:u})):(L(0),B(1),C(n[0]))},children:(0,P.jsx)(F.FormattedMessage,{id:"ReUpload",moduleName:E})})})]})]})}),c&&(0,P.jsx)(d.Col,{span:8,children:(0,P.jsx)("div",{className:I,children:(0,P.jsxs)(d.Space,{direction:"vertical",children:[(0,P.jsx)(d.Avatar,{src:M,shape:b,style:{width:_/2-36,height:(_/2-36)*r/l}}),(0,P.jsx)("div",{style:{textAlign:"center"},children:(0,P.jsx)(F.FormattedMessage,{id:"Preview",moduleName:E})})]})})})]})})}));L.defaultProps={border:1};const M=()=>{const n=(0,s.useModal)();return e=>{const{image:t,width:a,height:o,borderRadius:l,getApi:r,preview:s,fileSize:i,accept:d,renderTips:c,border:m,dropModalSize:u,...p}=Object.assign({},{title:"\u7f16\u8f91\u5934\u50cf",width:200,height:200,borderRadius:"circle"===e.shape&&e.width&&e.width===e.height?e.width/2:2,preview:!0},e);return n({...p,size:u,children:(0,P.jsx)(L,{preview:s,fileSize:i,accept:d,getApi:r,renderTips:c,width:a,height:o,shape:"circle"===e.shape&&e.width&&e.width===e.height?"circle":"square",borderRadius:l,image:t,border:m,scale:1,rotate:0})})}},R=n=>{let{value:e,gender:t,fileSize:o,accept:l,openEditor:s,apis:i,renderTips:c,onChange:m,shape:u,width:p,height:h,title:g,border:f,icon:b,dropModalSize:x,defaultAvatar:v}=n;const[_,j]=(0,a.useState)(!1),{apis:N}=(0,r.usePreset)(),k=y()({},N,i),{ossUpload:I}=k,S=(0,a.useRef)(null),C=M(),w=(0,F.useIntl)({moduleName:E});return(0,P.jsx)(A,{value:e,gender:t,accept:l,width:p,height:h,shape:u,icon:b,loading:_,defaultAvatar:v,apis:k,onChange:n=>{if(n[0].size>1024*o*1024)return void d.message.error(w.formatMessage({id:"FileNotExceeding"},{name:n[0].name,size:o}));const e=n=>(j(!0),I({file:n}).then((n=>{let{data:e}=n;0===e.code?m(e.data):d.message.error(w.formatMessage({id:"UploadFailed"},{msg:e.msg?":"+e.msg:""}))})).finally((()=>{j(!1)})));s?C({image:n[0],width:p,height:h,title:g,shape:u,border:f,dropModalSize:x,getApi:n=>S.current=n,fileSize:o,accept:l,renderTips:c,onConfirm:()=>{e(S.current.getImage())}}):e(n[0])}})};R.defaultProps={defaultAvatar:S.A,openEditor:!0,fileSize:2,width:200,height:200,dropModalSize:"small",border:1,title:(0,P.jsx)(F.IntlProvider,{importMessages:C.A,moduleName:"FormInfo",children:(0,P.jsx)(F.FormattedMessage,{id:"Crop",moduleName:"FormInfo"})}),accept:[".jpg",".png",".jpeg"],renderTips:n=>n,shape:"circle"};const D=n=>w(n)(R);D.defaultProps={},D.Field=D,D.useDropModal=M;const O=D},83230:(n,e,t)=>{"use strict";t.d(e,{A:()=>s});var a=t(98434),o=t(36);const{useOnChange:l}=a.hooks,r=n=>l(Object.assign({},{placeholder:"\u8bf7\u9009\u62e9"+n.label},n))(o.CascaderField);r.Field=o.CascaderField,r.createTreeUtils=o.createTreeUtils;const s=r},81026:(n,e,t)=>{"use strict";t.d(e,{A:()=>s});var a=t(36),o=t(98434);const{useOnChange:l}=o.hooks,r=n=>l(Object.assign({},{placeholder:"\u8bf7\u9009\u62e9"+n.label},n))(a.FunctionSelectField);r.Field=a.FunctionSelectField,r.Enum=a.FunctionSelectField.Enum;const s=r},78756:(n,e,t)=>{"use strict";t.d(e,{A:()=>s});var a=t(36),o=t(98434);const{useOnChange:l}=o.hooks,r=n=>l(Object.assign({},{placeholder:"\u8bf7\u9009\u62e9"+n.label},n))(a.IndustrySelectField);r.Field=a.IndustrySelectField,r.Enum=a.IndustrySelectField.Enum;const s=r},15209:(n,e,t)=>{"use strict";t.d(e,{A:()=>c});var a=t(55199),o=t(10986),l=t.n(o),r=t(13050),s=t(70579);const i=n=>{let{...e}=n;const[t,o]=l()(e);return(0,s.jsx)(a.Input,{...e,value:t,onChange:n=>{o(n.target.value?n.target.value.toUpperCase():n.target.value,n)}})},d=(0,r.createWithRemoteLoader)({modules:["FormInfo@formModule"]})((n=>{let{remoteModules:e,...t}=n;const[a]=e,{hooks:o}=a,{useDecorator:l}=o;return l(Object.assign({placeholder:"\u8bf7\u8f93\u5165".concat(t.label||"")},t))(i)}));d.field=i;const c=d},92328:(n,e,t)=>{"use strict";t.d(e,{A:()=>v});var a=t(10986),o=t.n(a),l=t(98434),r=t(55199),s=t(69484);const i="style_money-input__Pyur7__oxjro",d="style_money-description__9pFk4__oxjro";var c=t(83136),m=t.n(c),u=t(34677),p=t.n(u),h=t(73884),g=t(70579);const{isNotEmpty:f}=l.util,{useOnChange:b}=l.hooks,x=n=>{let{chineseEmpty:e,className:t,showError:a,errorDesc:l,transformMoneyToChinese:c,onBlur:u,moneyFormat:b,...x}=n;const[y,v]=(0,h.useState)(""),[_,j]=o()(x),N=p()({controls:!1,precision:2,addonAfter:"\u5143"},x,{max:f(x.max)?x.max>s.e?s.e:x.max:s.e});return(0,g.jsxs)("div",{className:m()(t,"money-input",i),children:[(0,g.jsx)(r.InputNumber,{...N,status:y,formatter:b?n=>"".concat(n).replace(/\B(?=(\d{3})+(?!\d))/g,","):null,parser:n=>{const e=b?null===n||void 0===n?void 0:n.replace(/\$\s?|(,*)/g,""):n;return f(e)?(Number(e)>Number(N.max)||f(N.min)&&Number(e)<Number(N.min))&&v("error"):v(""),f(e)?Number(e):null},onChange:n=>{j(n)},onBlur:n=>{u&&u(n,v)}}),(0,g.jsx)("div",{className:m()(d),children:"error"===y&&a?l:f(_)?(0,s.A)(c?c(_):_):e})]})},y=n=>b(Object.assign({placeholder:"\u8bf7\u8f93\u5165".concat(n.label||"")},n))(x);y.Field=x,y.toChineseCharacter=s.A;const v=y},88893:(n,e,t)=>{"use strict";t.d(e,{N:()=>y,A:()=>v});var a=t(88701),o=t(55199),l=t(98434),r=t(78491),s=t.n(r),i=t(10986),d=t.n(i),c=t(33097),m=t.n(c);const u={"country-select":"style_country-select__Ztf-V__oxjro","flag-img":"style_flag-img__RGhcM__oxjro"};var p=t(13050),h=t(70579);const{useDecorator:g}=l.hooks,f=(0,p.createWithRemoteLoader)({modules:["components-iconfont:CountyFlag"]})((n=>{let{remoteModules:e,value:t,onChange:a}=n;const[l]=e;return(0,h.jsx)(l,{children:n=>{let{list:e}=n;return(0,h.jsx)(o.Select,{popupMatchSelectWidth:300,className:u["country-select"],value:t||"CN",onChange:a,placeholder:"\u8bf7\u9009\u62e9\u56fd\u5bb6",showSearch:!0,filterOption:(n,e)=>e.name.indexOf(n)>-1,optionLabelProp:"code",options:e.map((n=>{let{country_name_cn:e,country_code:t,ab:a}=n;return{value:a,code:"(+".concat(t,")"),name:e,label:(0,h.jsxs)(o.Space,{align:"center",children:[(0,h.jsx)("span",{className:u["country-name"],children:e}),(0,h.jsxs)("div",{children:["(+",t,")"]})]})}}))})}})})),b=n=>{const{className:e,onBlur:t,name:l,...r}=n,[i,c]=d()(n),u=s()(t||(()=>{})),p=n=>new a.AsYouType(m()(n,"code","CN")).input(m()(n,"value",""));return(0,h.jsx)("div",{className:e,ref:u,children:(0,h.jsx)(o.Input,{...r,addonBefore:(0,h.jsx)(f,{value:m()(i,"code","CN"),onChange:n=>{c&&c(Object.assign({},i,{code:n,value:p({code:n,value:m()(i,"value","")})})),t&&t()}}),value:m()(i,"value",""),onChange:n=>{c&&c(Object.assign({code:"CN"},i,{value:n.target.value,code:m()(i,"code","CN")}))},onBlur:n=>{c&&c(Object.assign({code:"CN"},i,{value:p({value:n.target.value,code:m()(i,"code","CN")})})),t&&t()}})})},x=n=>{let{rule:e,...t}=n;const a=g(Object.assign({placeholder:"\u8bf7\u8f93\u5165".concat(t.label||""),rule:(n=>{const e=(n||"").split(" "),t=e.indexOf("REQ");return t>-1?e.splice(t+1,0,"PHONE_NUMBER"):e.unshift("PHONE_NUMBER"),e.join(" ")})(e)},t));return a(b)};x.Field=b,x.defaultProps={},x.format=n=>{let{code:e,value:t}=n;const o=e?(0,a.getCountryCallingCode)(e):null;return o&&t?"+".concat(o," ").concat(t):""},x.parsePhoneNumber=n=>{let{phoneNumber:e}=n;const{country:t,countryCallingCode:o,nationalNumber:l}=e?(0,a.parsePhoneNumber)(e):null;return l&&e?{country:t,countryCallingCode:o,nationalNumber:l}:""};const y=async(n,e)=>{let{field:a}=e;if((a.rule||"").split(" ").indexOf("REQ")>-1&&!m()(n,"value"))return{result:!1,errMsg:"%s\u4e0d\u80fd\u4e3a\u7a7a"};if(!m()(n,"value"))return{result:!0};return{result:await Promise.all([t.e(8481),t.e(6900)]).then(t.bind(t,6900)).then((e=>{let{isValidPhoneNumber:t}=e;return t(m()(n,"value",""),{defaultCountry:m()(n,"code","CN"),extract:!0})})),errMsg:"%s\u683c\u5f0f\u4e0d\u6b63\u786e"}},v=x},36972:(n,e,t)=>{"use strict";t.d(e,{A:()=>P});var a=t(73884),o=t(98434),l=t(78491),r=t.n(l),s=t(55199);const i="style_salary__sUOtT__oxjro",d="style_salary-type__Sl1LC__oxjro",c="style_input-number__eoEZr__oxjro",m="style_full__NPqJm__oxjro",u="style_input-group__toLB7__oxjro",p="style_input-group-no-mb__C4nzh__oxjro";var h=t(58609),g=t(55431),f=t(48731),b=t(10986),x=t.n(b),y=t(21079),v=t(70579);const{field:_}=o.Select.Fetch,{useDecorator:j,useUIDecorator:N}=o.hooks,k=n=>{if(!n)return"";const e=isNaN(Number(n))?n:Math.abs(Number(n));return n.split(".")[1]&&n.split(".")[1].length>2?e.toFixed(2):e},I=n=>{let{children:e,isError:t}=n;return(0,v.jsx)("div",{style:{marginBottom:0},className:"react-form__field ".concat(t?"is-error":""),children:(0,v.jsx)("div",{className:"react-form__field-main",children:(0,v.jsx)("div",{className:"react-form__field-input",children:(0,a.cloneElement)(e,{className:"react-form__field-component"})})})})},S=n=>{let{getPopupContainer:e,onBlur:t,api:a,isRange:o=!0,placeholder:l,disabled:g,showMonth:b,remindUnit:j,req:N,...S}=n;const[F,C]=x()(S),{formatMessage:P}=(0,h.useIntl)({moduleName:"FormInfo"}),w=P({id:"defaultSelectPlaceholder"},{label:""}),B=P({id:"defaultInputPlaceholder"},{label:""}),E=[6].indexOf((0,y.get)(F,"type"))>-1,A=1===(0,y.get)(F,"type"),T=7===(0,y.get)(F,"type"),L=n=>{if(n)return E?n/1e4:n},M=r()(t||(()=>{}));return(0,v.jsx)("div",{ref:M,className:i,children:(0,v.jsxs)(s.Row,{wrap:!1,gutter:10,children:[(0,v.jsx)(s.Col,{children:(0,v.jsx)(_,{className:d,...a,value:(0,y.get)(F,"type"),onChange:n=>{C&&C(Object.assign({},A?{}:F,{type:n,min:"",max:""}))},placeholder:l||w,getPopupContainer:e,disabled:g,children:n=>{let{data:e}=n;return{options:e||[]}}})}),A?null:(0,v.jsxs)(s.Col,{flex:1,children:[o&&(0,v.jsxs)(s.Row,{className:j&&[5,6].includes(null===F||void 0===F?void 0:F.type)?u:p,wrap:!1,children:[(0,v.jsx)(s.Col,{flex:1,children:(0,v.jsx)(I,{isError:!(0,y.get)(F,"min")&&N,children:(0,v.jsx)(s.InputNumber,{disabled:g,placeholder:B,formatter:k,value:L((0,y.get)(F,"min")),style:{textAlign:"center"},onChange:n=>{C(Object.assign({},F,{min:E?1e4*n:n}))},description:j&&[5,6].includes(null===F||void 0===F?void 0:F.type)?(0,v.jsxs)("span",{style:{color:"#fc3333"},children:["\u6ce8\u610f\uff1a",(0,v.jsx)(f.default,{name:null===F||void 0===F?void 0:F.type,moduleName:"salaryTypeEnum"}),"\u7684\u5355\u4f4d\u4e3a",E?P({id:"thousand"}):T?"":P({id:"yuan"})]}):null})})}),(0,v.jsx)(s.Col,{children:(0,v.jsx)(s.Input,{style:{width:30,borderLeft:0,borderRight:0,pointerEvents:"none"},placeholder:"~",disabled:!0})}),(0,v.jsx)(s.Col,{flex:1,children:(0,v.jsx)(I,{isError:!(0,y.get)(F,"max")&&N,children:(0,v.jsx)(s.InputNumber,{disabled:g,placeholder:B,formatter:k,value:L((0,y.get)(F,"max")),style:{textAlign:"center"},addonAfter:E?P({id:"thousand"}):T?"":P({id:"yuan"}),onChange:n=>{C(Object.assign({},F,{max:E?1e4*n:n}))}})})}),5===(0,y.get)(F,"type")&&b&&(0,v.jsx)(s.Col,{children:(0,v.jsxs)("span",{className:(0,y.get)(F,"max")&&(0,y.get)(F,"min")&&!(0,y.get)(F,"month")&&N?"error":"",children:[(0,v.jsx)("span",{className:c,children:"X"}),(0,v.jsx)(s.InputNumber,{min:12,disabled:g,value:(0,y.get)(F,"month"),onChange:n=>{C(Object.assign({},F,{month:n}))},style:{width:100,textAlign:"center"},placeholder:"\u6570\u91cf",addonAfter:"\u6708"})]})})]}),!o&&!T&&(0,v.jsx)(s.InputNumber,{disabled:g,min:0,max:1e8,placeholder:B,className:m,formatter:k,value:L((0,y.get)(F,"max")),style:{textAlign:"center"},addonAfter:E?P({id:"thousand"}):T?"":P({id:"yuan"}),onChange:n=>{C(Object.assign({},F,{max:E?1e4*n:n}))}}),!o&&T&&(0,v.jsx)(s.Input,{disabled:g,placeholder:B,className:m,onChange:n=>{C(Object.assign({},F,{max:n.target.value}))},value:(0,y.get)(F,"max"),style:{textAlign:"center"}})]})]})})},F=n=>(0,v.jsx)(h.IntlProvider,{moduleName:"FormInfo",importMessages:g.A,children:(0,v.jsx)(S,{...n})});F.defaultProps={api:{loader:()=>[{value:1,label:"\u9762\u8bae"},{value:2,label:"\u65f6\u85aa"},{value:3,label:"\u65e5\u85aa"},{value:4,label:"\u5468\u85aa"},{value:5,label:"\u6708\u85aa"},{value:6,label:"\u5e74\u85aa"}]},defaultValue:{type:5,min:"",max:"",month:12}};const C=n=>{var e;return j({...n,req:(null===n||void 0===n||null===(e=n.rule)||void 0===e?void 0:e.indexOf("REQ"))>-1})(F)};C.Field=F;const P=C},50192:(n,e,t)=>{"use strict";t.d(e,{A:()=>x});var a=t(87558),o=t(83136),l=t.n(o);const r="style_table__A9nBK__oxjro";var s=t(21079),i=t(27777),d=t(98434),c=t(10986),m=t.n(c),u=t(73884),p=t(70579);const{useOnChange:h}=d.hooks,g=(0,a.withFetch)((n=>{let{...e}=n;const[t,a]=m()(e),o=["isLoading","isComplete","data","requestParams","error","send","refresh","reload","loadMore","setData"],d=(0,s.pick)(e,o),c=(0,s.omit)(e,o),{rowKey:h="id",columns:g,className:f,innerName:b,headerRender:x,footerRender:y}=c,v=e.dataFormat(d.data),_=(n,e,t)=>{let{current:o,rowKeyValue:l,dataIndex:r}=t;const s={},i=n.slice(0).map((n=>{if(n[h]===l)return s[n[h]]={...n,[r]:o},{...n,[r]:o};{const t=e[n[h]];return s[n[h]]=Object.assign({},n,t),Object.assign({},n,t)}})),c={pageData:i,totalCount:i.length};d.setData(c),a&&a(s)},j=(0,u.useRef)(null);return j.current=_,(0,u.useEffect)((()=>{v.list.every((n=>{const e=t[n[h]]||{};return Object.keys(n).every((n=>e.hasOwnProperty(n)))}))&&Object.keys(t).length===v.list.length||!d.isComplete||j.current(v.list,t,{})}),[d.isComplete,t,v.list,h]),(0,p.jsxs)("div",{children:[x&&x(d),(0,p.jsx)(i.Table,{...c,className:l()(r,f),rowKey:h,dataSource:v.list,pagination:!1,columns:g.map((n=>{const e={...n};return e.dataIndex?Object.assign({},e,{render:(n,a,o)=>{const l=!e.editable||("function"===typeof e.editable?e.editable(n,a,o,v.list):e.editable),r=a[h],i=t[r],c=(0,s.get)(i,e.dataIndex)||n;if(l&&e.field){var m,u;if(null!==(m=e.field)&&void 0!==m&&m.render)return(0,p.jsx)(p.Fragment,{children:e.field.render({value:c,name:"".concat(b,".").concat(r,".").concat(e.dataIndex),label:" ",labelHidden:e.labelHidden,onChange:function(){for(var n,a=arguments.length,o=new Array(a),l=0;l<a;l++)o[l]=arguments[l];const s=null!==(n=e.field)&&void 0!==n&&n.getValue?e.field.getValue(o[0]):o[0];return _(v.list,t,{current:s,rowKeyValue:r,dataIndex:e.dataIndex}),e.field.onChange&&e.field.onChange(...o,d)}},a,o,d)});const n=null===(u=e.field)||void 0===u?void 0:u.type;return(0,p.jsx)(n,{...(0,s.omit)(e.field,["type","getValue"]),value:c,name:"".concat(b,".").concat(r,".").concat(e.dataIndex),label:" ",labelHidden:e.labelHidden,onChange:function(){for(var n,a=arguments.length,o=new Array(a),l=0;l<a;l++)o[l]=arguments[l];const s=null!==(n=e.field)&&void 0!==n&&n.getValue?e.field.getValue(o[0]):o[0];return _(v.list,t,{current:s,rowKeyValue:r,dataIndex:e.dataIndex}),e.field.onChange&&e.field.onChange(...o,d)}})}return e.render?e.render(c,a,o):c}}):e}))}),y&&y(d)]})}));g.defaultProps={mergeList:(n,e)=>Object.assign({},e,{pageData:(n.pageData||[]).concat(e.pageData||[])}),dataFormat:n=>({list:n.pageData,total:n.totalCount})};const f=n=>{let{api:e,...t}=n;return(0,p.jsx)(g,{...t,...e})};f.defaultProps={api:{},value:{}};const b=n=>h(Object.assign({placeholder:"\u8bf7\u9009\u62e9".concat(n.label),innerName:n.name},n))(f);b.Field=f;const x=b},56259:(n,e,t)=>{"use strict";t.d(e,{A:()=>s});var a=t(89319),o=t(98434);const{useOnChange:l}=o.hooks,r=n=>l(Object.assign({},{},n))(a.A);r.Field=a.A;const s=r},89099:(n,e,t)=>{"use strict";t.d(e,{A:()=>_});var a=t(55199),o=t(83136),l=t.n(o),r=t(10986),s=t.n(r);const i="style_upload__t422Q__oxjro",d="style_upload-list__Q9HDc__oxjro",c="style_tips__3Gpnu__oxjro";var m=t(64671),u=t(67390),p=t(98434),h=t(1488),g=t.n(h),f=t(29574),b=t(70579);const{useOnChange:x}=p.hooks,y=n=>{let{className:e,fileSize:t,maxLength:o,multiple:r,size:m,accept:p,children:h,renderTips:x,showUploadList:y,onSave:v,ossUpload:_,getPermission:j,...N}=n;const[k,I]=s()(N),S=k||[],{fileList:F,onFileSelected:C}=(0,f.lN)({multiple:r,onSave:v,ossUpload:_,fileSize:t,maxLength:o,value:S,onChange:I,concurrentCount:10}),P=[...F,...S],w=x("\u652f\u6301\u6269\u5c55\u540d".concat(p.map((n=>n.replace(/^\./,""))).join("\u3001"),",\u5355\u4e2a\u6587\u4ef6\u5927\u5c0f\u4e0d\u8d85\u8fc7").concat(t,"M\uff0c\u6700\u591a\u4e0a\u4f20").concat(o,"\u4e2a\u9644\u4ef6"),{fileSize:t,maxLength:o,accept:p});return(0,b.jsxs)(a.Space,{direction:"vertical",children:[(0,b.jsxs)(a.Space,{children:[(0,b.jsx)(f.Zi,{...g()(N,["value","onChange"]),size:m,multiple:r,accept:p,className:l()(i,e),onChange:C,children:h}),w&&(0,b.jsx)("div",{className:c,children:w})]}),y&&P.length>0&&(0,b.jsx)(u.List,{className:d,dataSource:P,infoItemRenders:[],getPermission:j||(n=>"delete"===n),apis:{onDelete:n=>{const e=S.slice(0),t=e.indexOf(n);t>-1&&e.splice(t,1),I(e)}}})]})};y.defaultProps={defaultValue:[],children:(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(m.default,{type:"icon-shangchuanfujian"}),"\u4e0a\u4f20\u9644\u4ef6"]}),accept:[".pdf",".jpg",".png",".jpeg",".doc",".docx",".xls",".xlsx",".html",".msg",".zip"],renderTips:n=>n,multiple:!0,showUploadList:!0,maxLength:10,fileSize:30};const v=n=>x(n)(y);v.defaultProps={interceptor:"file-format"},v.Field=y;const _=v},10328:(n,e,t)=>{"use strict";t.d(e,{A:()=>G,E:()=>z});var a=t(98434),o=t(30096),l=t(1904),r=t(83230),s=t(81026),i=t(78756),d=t(92328),c=t(88893),m=t(89099),u=t(96339),p=t(36972),h=t(15209),g=t(50192),f=t(74529),b=t.n(f),x=t(73884),y=t(58609),v=t(33097),_=t.n(v),j=t(21079),N=t(46237),k=t(56259),I=t(21554),S=t(64671),F=t(55199),C=t(83136),P=t.n(C),w=t(47094),B=t(70579);const E=n=>e=>{const t=b()(...n)((n=>{let{forwardedRef:t,label:a,placeholder:o,...l}=n;return(0,B.jsx)(e,{...l,label:a,labelRender:()=>l.tips?(0,B.jsxs)(F.Space,{children:[a,(0,B.jsx)(I.default,{content:l.tips,children:(0,B.jsx)("span",{className:P()(w.A["field-tips"],{[w.A["label-hidden"]]:l.labelHidden}),children:(0,B.jsx)(S.default,{type:"icon-xinxi-miaobian"})})})]}):a,ref:t})})),a=(0,x.forwardRef)(((n,e)=>(0,B.jsx)(t,{...n,forwardedRef:e})));return Object.keys(e).filter((n=>-1===["$$typeof","render","field"].indexOf(n))).forEach((n=>{a[n]=e[n]})),a},A=n=>e=>{let{placeholder:t,label:a,...o}=e;return(0,B.jsx)(y.FormattedMessage,{id:"defaultInputPlaceholder",moduleName:"FormInfo",values:{label:a},children:e=>(0,B.jsx)(n,{...o,label:a,placeholder:t||e})})},T=n=>e=>{let{placeholder:t,label:a,...o}=e;return(0,B.jsx)(y.FormattedMessage,{id:"defaultSelectPlaceholder",moduleName:"FormInfo",values:{label:a},children:e=>(0,B.jsx)(n,{...o,label:a,placeholder:t||e})})},L=n=>e=>{const t=(0,a.useGroup)(),o=_()(t,"name"),l=(0,j.get)(t,"index"),r=(0,N.oc)();return r&&Array.isArray(r)&&r.length>0?r.map((t=>{if("string"===typeof t)return(0,x.createElement)(n,{...e,key:t});const{name:a,label:r,options:s}=t,i=_()(s,"ignore",[]),d=_()(s,"disabled",[]),c=_()(s,"fields",[]),m=n=>e.name===n.name&&!(n.hasOwnProperty("groupName")&&n.groupName!==o)&&!(n.hasOwnProperty("groupIndex")&&n.groupIndex!==l);if(i.length>0&&i.find(m))return null;if(c.length>0&&!c.find(m))return null;let u=Object.assign({},e,{name:_()(s,"nameTransform",((n,e)=>"".concat(n).concat(e)))(e.name,a),label:_()(s,"labelTransform",((n,e)=>n&&"".concat(n).concat(e)))(e.label,r)});return d.length>0&&d.find(m)&&(u.disabled=!0,u.rule=""),(0,x.createElement)(n,{...u,key:a})})):(0,B.jsx)(n,{...e})},M=E([L,A])(a.Input),R=E([L,A])(a.InputNumber);M.Password=E([L,A])(a.Input.Password);const D=E([L,T])(a.DatePicker);D.MonthPicker=E([L,T])(a.DatePicker.MonthPicker),D.RangePicker=E([L,T])(a.DatePicker.RangePicker),D.WeekPicker=E([L,T])(a.DatePicker.WeekPicker);const O=E([L,T])(a.TimePicker);O.RangePicker=E([L,T])(a.TimePicker.RangePicker);const G={Input:M,InputNumber:R,DatePicker:D,TimePicker:O,DatePickerToday:E([L])((n=>{let{placeholder:e,label:t,soFarText:o,...l}=n;const{formatMessage:r}=(0,y.useIntl)({moduleName:"FormInfo"});return(0,B.jsx)(a.DatePickerToday,{...l,label:t,placeholder:[r({id:"startDate"}),r({id:"endDate"})],soFarText:o||r({id:"soFarText"})})})),RadioGroup:E([L])(a.RadioGroup),CheckboxGroup:E([L])(a.CheckboxGroup),Rate:E([L])(a.Rate),Switch:E([L])(a.Switch),Slider:E([L])(a.Slider),TableInput:E([L])(g.A),SalaryInput:E([L])(p.A),TypeDateRangePicker:E([L])(k.A),MoneyInput:E([L])(d.A),PhoneNumber:E([L])(c.A),Upload:E([L])(m.A),Avatar:E([L])(u.A),FunctionSelect:E([L,T])(s.A),IndustrySelect:E([L,T])(i.A),Cascader:E([L,T])(r.A),AddressSelect:E([L,T])(l.A),AddressInput:E([L,T])(l.N),TreeSelect:E([L,T])(a.TreeSelect),ReactInputNumber:E([L,A])(a.InputNumber),InputUpperCase:E([L,A])(h.A),Select:E([L,T])(a.Select),TextArea:E([L,A])(a.TextArea),AdvancedSelect:E([L,T])(o.Ay)},z={createWithFieldDecorator:E,withInputDefaultPlaceholder:A,withSelectDefaultPlaceholder:T,withLang:L}},83799:(n,e,t)=>{"use strict";t.d(e,{NI:()=>T,TQ:()=>c.A,JL:()=>A,eu:()=>b.A,vx:()=>m.A,lr:()=>H,s3:()=>V,lV:()=>o.A,d4:()=>u.A,ZN:()=>p.A,pd:()=>M,YI:()=>G,h2:()=>L,F0:()=>h.A,go:()=>g.A,tt:()=>a.Rate,lu:()=>x.A,l6:()=>O,Ap:()=>a.Slider,dO:()=>a.Switch,N:()=>_.A,EY:()=>P,fs:()=>R,AG:()=>U,f7:()=>z,w5:()=>v.A,_O:()=>f.A,nk:()=>Q});var a=t(98434),o=t(85696),l=t(58609),r=t(73884),s=t(30891),i=t(47094),d=t(30096),c=t(1904),m=t(83230),u=t(81026),p=t(78756),h=t(92328),g=t(88893),f=t(89099),b=t(96339),x=t(36972),y=t(15209),v=t(56259),_=t(50192),j=t(55199),N=t(10986),k=t.n(N),I=t(70579);const{useDecorator:S}=a.hooks,F=n=>{let{children:e,...t}=n;const[a]=k()(t);return(0,I.jsxs)(j.Typography.Text,{...t,children:[(0,I.jsx)("div",{style:{height:0,width:0,overflow:"hidden"},children:(0,I.jsx)(j.Input,{value:a})}),e||a]})},C=n=>S(n)(F);C.Field=F;const P=C;var w=t(45053);const B=n=>{const e=(0,r.forwardRef)(((e,t)=>{let{placeholder:a,label:o,...r}=e;return(0,I.jsx)(l.FormattedMessage,{id:"defaultInputPlaceholder",moduleName:"FormInfo",values:{label:o},children:e=>(0,I.jsx)(n,{...r,ref:t,label:o,placeholder:a||e})})}));return Object.keys(n).filter((n=>-1===["$$typeof","render","field"].indexOf(n))).forEach((t=>{e[t]=n[t]})),e},E=n=>{const e=(0,r.forwardRef)(((e,t)=>{let{placeholder:a,label:o,...r}=e;return(0,I.jsx)(l.FormattedMessage,{id:"defaultSelectPlaceholder",moduleName:"FormInfo",values:{label:o},children:e=>(0,I.jsx)(n,{...r,ref:t,label:o,placeholder:a||e})})}));return Object.keys(n).filter((n=>-1===["$$typeof","render","field"].indexOf(n))).forEach((t=>{e[t]=n[t]})),e},A=E(d.Ay),T=E(c.N),L=B(y.A),M=B(a.Input);M.Password=B(a.Input.Password);const R=(D=a.TextArea,n=>{let{placeholder:e,label:t,className:a,...o}=n;return(0,I.jsx)(l.FormattedMessage,{id:"defaultInputPlaceholder",moduleName:"FormInfo",values:{label:t},children:n=>(0,I.jsx)("div",{className:i.A["textarea-wrapped-component"],children:(0,I.jsx)(D,{...o,label:t,placeholder:e||n})})})});var D;const O=E(a.Select);O.Fetch=E(a.Select.Fetch),O.Fetch.field=a.Select.Fetch.field;const G=B(a.InputNumber),z=E(a.TreeSelect);z.Fetch=E(a.TreeSelect.Fetch),z.Fetch.field=a.TreeSelect.Fetch.field;const U=E(a.TimePicker);U.RangePicker=E(a.TimePicker.RangePicker);const H=E(a.DatePicker);H.MonthPicker=E(a.DatePicker.MonthPicker),H.RangePicker=E(a.DatePicker.RangePicker),H.WeekPicker=E(a.DatePicker.WeekPicker);const V=n=>{let{placeholder:e,label:t,soFarText:o,...r}=n;const{formatMessage:s}=(0,l.useIntl)({moduleName:"FormInfo"});return(0,I.jsx)(a.DatePickerToday,{...r,label:t,placeholder:[s({id:"startDate"}),s({id:"endDate"})],soFarText:o||s({id:"soFarText"})})},Q=Object.assign({},a,{Input:M,InputUpperCase:L,TextArea:R,Select:O,InputNumber:G,TreeSelect:z,TimePicker:U,DatePicker:H,DatePickerToday:V,Form:o.A,FormItem:s.A,AdvancedSelect:A,AddressSelect:c.A,AddressInput:T,MoneyInput:h.A,PhoneNumber:g.A,Cascader:m.A,FunctionSelect:u.A,IndustrySelect:p.A,TypeDateRangePicker:v.A,Upload:f.A,Avatar:b.A,SalaryInput:x.A,TableInput:_.A,Text:P,Rate:a.Rate,Switch:a.Switch,Slider:a.Slider,ErrorTip:w.A})},96252:(n,e,t)=>{"use strict";t.r(e),t.d(e,{AddressInput:()=>x.NI,AddressSelect:()=>x.TQ,AdvancedSelect:()=>x.JL,Avatar:()=>x.eu,Cascader:()=>x.vx,DatePicker:()=>x.lr,DatePickerToday:()=>x.s3,ErrorTip:()=>h.A,Form:()=>u.A,FormApiButton:()=>i.A,FormDrawer:()=>m.Ay,FormDrawerButton:()=>m.WJ,FormItem:()=>p.A,FormModal:()=>d.Ay,FormModalButton:()=>d.W6,FormStepModal:()=>c.Ay,FormStepModalButton:()=>c.Wp,FunctionSelect:()=>x.d4,IndustrySelect:()=>x.ZN,Input:()=>x.pd,InputNumber:()=>x.YI,InputUpperCase:()=>x.h2,List:()=>r.A,MoneyInput:()=>x.F0,MultiField:()=>g.A,PhoneNumber:()=>x.go,Rate:()=>x.tt,SalaryInput:()=>x.lu,Select:()=>x.l6,SelectInnerInput:()=>y.A,Slider:()=>x.Ap,Switch:()=>x.dO,TableInput:()=>x.N,TableList:()=>s.A,Text:()=>x.EY,TextArea:()=>x.fs,TimePicker:()=>x.AG,TreeSelect:()=>x.f7,TypeDateRangePicker:()=>x.w5,Upload:()=>x._O,default:()=>v,fieldDecorator:()=>l.E,fields:()=>l.A,formModule:()=>x.nk,useFormDrawer:()=>m.Xy,useFormModal:()=>d.Vl,useFormStepModal:()=>c.$X});var a=t(64261),o=t(2196),l=t(10328),r=t(85846),s=t(97056),i=t(35774),d=t(5995),c=t(94005),m=t(48221),u=t(85696),p=t(30891),h=t(45053),g=t(97949),f=t(98434),b={};for(const _ in f)["default","Form","FormItem","ErrorTip","fields","fieldDecorator","List","TableList","FormApiButton","FormModal","useFormModal","FormModalButton","FormStepModal","useFormStepModal","FormStepModalButton","FormDrawer","useFormDrawer","FormDrawerButton","MultiField","SelectInnerInput"].indexOf(_)<0&&(b[_]=()=>f[_]);t.d(e,b);var x=t(83799),y=t(18936);(0,a.A)(),o.A.fields=l.A,o.A.List=r.A,o.A.TableList=s.A,o.A.FormApiButton=i.A,o.A.FormModal=d.Ay,o.A.useFormModal=d.Vl,o.A.FormModalButton=d.W6,o.A.FormStepModal=c.Ay,o.A.useFormStepModal=c.$X,o.A.FormStepModalButton=c.Wp,o.A.FormDrawer=m.Ay,o.A.useFormDrawer=m.Xy,o.A.FormDrawerButton=m.WJ,o.A.Form=u.A,o.A.FormItem=p.A,o.A.ErrorTip=h.A,o.A.SubmitButton=f.SubmitButton,o.A.CancelButton=f.CancelButton,o.A.fieldDecorator=l.E,o.A.MultiField=g.A;const v=o.A},55431:(n,e,t)=>{"use strict";t.d(e,{A:()=>a});const a=n=>({"en-US":()=>t.e(1649).then(t.bind(t,21649)),"zh-CN":()=>t.e(711).then(t.bind(t,80711))}[n]())},64261:(n,e,t)=>{"use strict";t.d(e,{A:()=>h});var a=t(98434),o=t(57469),l=t.n(o),r=t(34677),s=t.n(r),i=t(33097),d=t.n(i),c=(t(17448),t(88893)),m=t(46732),u=t(13050),p=t(70579);const h=async(n,e)=>{const{locale:t}=Object.assign({},e);a.interceptors.input.use("photo-string",(n=>{if(n&&"string"===typeof n){return{id:n.split("?")[0]}}return n})),a.interceptors.output.use("photo-string",(n=>{var e,t;return n&&"string"!==typeof n?(null===(e=n.id)||void 0===e||null===(t=e.split("?"))||void 0===t?void 0:t[0])||n.id:n})),a.interceptors.input.use("to-array",(n=>Array.isArray(n)?n[0]:n)),a.interceptors.output.use("to-array",(n=>[n])),a.interceptors.input.use("array-single",(n=>n?[n]:[])),a.interceptors.output.use("array-single",(n=>n?n[0]:null)),a.interceptors.input.use("boolean-number",(n=>1===n||"1"===n)),a.interceptors.output.use("boolean-number",(n=>n?1:0)),a.interceptors.input.use("un-boolean",(n=>!n)),a.interceptors.output.use("un-boolean",(n=>!n)),a.interceptors.output.use("object-output-value",(n=>n?n.value||n.id:n)),a.interceptors.input.use("date-string",(n=>n?l()(n):null)),a.interceptors.output.use("date-string",(n=>n?new Date(n.valueOf()).toISOString():"")),a.interceptors.input.use("date-range-string",(n=>{if(!Array.isArray(n))return[];const e=[];return n[0]&&e.push(l()(n[0])),n[0]&&n[1]&&"sofar"===n[1]&&e.push("\u81f3\u4eca"),n[0]&&n[1]&&"\u81f3\u4eca"!==n[1]&&e.push(l()(n[1])),e})),a.interceptors.output.use("date-range-string",(n=>{if(!Array.isArray(n))return[];const e=[];return n[0]&&e.push(new Date(n[0].valueOf()).toISOString()),n[0]&&n[1]&&"\u81f3\u4eca"===n[1]&&e.push("sofar"),n[0]&&n[1]&&"\u81f3\u4eca"!==n[1]&&e.push(new Date(n[1].valueOf()).toISOString()),e})),a.interceptors.output.use("file-format",(n=>Array.isArray(n)?n.map((n=>Object.assign({},n,{id:n.id||n.ossId,originalName:n.filename}))):[])),a.interceptors.input.use("file-format",(n=>Array.isArray(n)?n.map((n=>({id:n.id||n.ossId,ossId:n.id||n.ossId,filename:n.originalName||n.filename}))):[]));const{default:o}=await(0,u.loadModule)("components-iconfont:CountyFlag@load"),r=await o(),i=new Map(r.map((n=>{let{ab:e,country_code:t}=n;return[e,t]}))),h=new Map(r.map((n=>{let{ab:e,country_code:t}=n;return[t,e]})));a.interceptors.output.use("phone-number-string",(n=>n.code&&n.value?"+".concat(i.get(n.code)," ").concat(n.value.replace(/\s+/g,"")):"")),a.interceptors.input.use("phone-number-string",(n=>{if(!n)return{};const e=n.match(/^\+(\d+)\s(.*)/);return e.length<3?{}:{code:h.get(Number(e[1])),value:e[2]}}));const g=a.RULES.REQ,f=a.RULES.LEN,b=(n,e)=>{e=Object.assign({},e);const a={REQ:{"zh-CN":"%s\u4e0d\u80fd\u4e3a\u7a7a","en-US":"%s cannot be empty "},LENGTH_EQUAL:{"zh-CN":"%s\u5fc5\u987b\u7b49\u4e8e".concat(e.end),"en-US":"%s must be equal to ".concat(e.end)},LENGTH_MORE:{"zh-CN":"%s\u5fc5\u987b\u5927\u4e8e".concat(e.start),"en-US":"%s must be greater than ".concat(e.start)},LENGTH_LESS:{"zh-CN":"%s\u5fc5\u987b\u5c0f\u4e8e".concat(e.end),"en-US":"%s must be less than ".concat(e.end)}},o=d()(a,"".concat(n,".").concat(t));return o||d()(a,"".concat(n,".zh-CN"))};(0,a.preset)(s()({},{rules:{REQ:function(){return Object.assign({},g(...arguments),{errMsg:b("REQ")})},LEN:function(){for(var n=arguments.length,e=new Array(n),t=0;t<n;t++)e[t]=arguments[t];const[a,o,l]=e;let r="";return l===o&&a.length!==Number(l)&&(r="LENGTH_EQUAL"),a.length<o&&(r="LENGTH_MORE"),l&&a.length>l&&(r="LENGTH_LESS"),Object.assign({},f(...e),{errMsg:b(r,{start:o,end:l})})},PHONE_NUMBER:c.N,ARRAY_LENGTH:(n,e,t)=>t===e&&n.length!==Number(t)?{result:!1,errMsg:b("LENGTH_EQUAL",{start:e,end:t})}:n.length<e?{result:!1,errMsg:b("LENGTH_MORE",{start:e,end:t})}:t&&n.length>t?{result:!1,errMsg:b("LENGTH_LESS",{start:e,end:t})}:{result:!0}},field:{datePicker:{defaultProps:{interceptor:"date-string"}},rangeDatePicker:{defaultProps:{interceptor:"date-range-string"}},textArea:{defaultProps:{autoSize:{minRows:2,maxRows:6}}}},globalProps:{labelTips:n=>(0,p.jsx)(m.A,{...n})}},"function"===typeof n?n({interceptors:a.interceptors,RULES:a.RULES}):n))}},75363:(n,e,t)=>{"use strict";t.r(e),t.d(e,{default:()=>g});const a=n=>({"en-US":()=>t.e(9431).then(t.bind(t,9431)),"zh-CN":()=>t.e(1065).then(t.bind(t,81065))}[n]());var o=t(58609),l=t(64671),r=t(55199),s=t(83136),i=t.n(s);const d="style_helper-guide__K5xFw__oxjro",c="style_inner__bMKeU__oxjro",m="style_content__xTfWZ__oxjro",u="style_link__93j7O__oxjro";var p=t(48731),h=t(70579);const g=n=>{let{name:e,className:t}=n;return(0,h.jsx)(o.IntlProvider,{importMessages:a,moduleName:"HelperGuide",children:(0,h.jsx)(p.default,{moduleName:"helperGuide",name:e,children:n=>n&&n.value&&(0,h.jsx)("div",{className:i()(d,t),children:(0,h.jsxs)(r.Space,{className:c,children:[(0,h.jsx)(l.default,{colorful:!0,type:"icon-color-bangzhuyindao"}),(0,h.jsx)("span",{className:m,children:n.content}),n.url&&(0,h.jsxs)(r.Typography.Link,{className:u,href:n.url,target:"_blank",children:["\u67e5\u770b\u5e2e\u52a9",(0,h.jsx)(l.default,{type:"icon-shuangjiantou-right"})]})]})})})})}},41153:(n,e,t)=>{"use strict";t.r(e),t.d(e,{HighlightProvider:()=>i,default:()=>c});var a=t(73884);const o="style_high-color__-DN7m__oxjro";var l=t(70579);const r=(0,a.createContext)({}),{Provider:s}=r,i=n=>{let{list:e,children:t,highlightClassName:a}=n;return(0,l.jsx)(s,{value:{list:e,highlightClassName:a},children:(0,l.jsx)("span",{"data-testid":"components-core-highlight",children:t})})};i.defaultProps={caseSensitive:!1,list:[],highlightClassName:""};const d=n=>{let{tagName:e,children:t}=n;const{list:l,caseSensitive:s,highlightClassName:i}=(0,a.useContext)(r),d=(0,a.useMemo)((()=>{if(!t)return;let n=null===t||void 0===t?void 0:t.toString();if(!l||0===l.length)return n;const e=l.map((function(n){return"("+(n.replace(/[`+~!@#_$%^*()=|{}':;,\\[\].<>/?\uff01\uffe5\u2026&\uff08\uff09\u2014\u3010\u3011\u2018\uff1b\uff1a\u201d\u201c\u3002\uff0c\u3001\uff1f\s]/g,(n=>"\\"+n))+")")})).join("|"),a=new RegExp(e,s?"gm":"gim");return n.replace(a,(n=>'<font class="'.concat(o," ").concat(i,'">').concat(n,"</font>")))}),[l,s,t,i]);return(0,a.createElement)(e,{dangerouslySetInnerHTML:{__html:d}})};d.defaultProps={tagName:"span",children:""};const c=d},24666:(n,e,t)=>{"use strict";t.r(e),t.d(e,{default:()=>v});const a="style_overlay__ZS5Wz__oxjro",o="style_overlay-content__IVFmc__oxjro",l="style_state-tag__+59RJ__oxjro";var r=t(73884),s=t(25644),i=t(62716),d=t(55199),c=t(69175),m=t.n(c),u=t(20977),p=t.n(u),h=t(70720),g=t.n(h),f=t(83136),b=t.n(f),x=t(70579);const y=n=>{let{className:e,overlayClassName:t,storeName:c,maxLength:u,label:h,children:f,onSelect:y,zIndex:v,getPopupContainer:_}=n;const[j,N]=(0,r.useState)((()=>s.A.getItem(c)||[])),[k,I]=(0,r.useState)(!1),S=(0,r.useCallback)((()=>{0!==j.length&&I(!0)}),[j]),F=(0,r.useRef)(c);F.current=c,(0,r.useEffect)((()=>{s.A.setItem(F.current,j)}),[j]);const C=(0,r.useCallback)((n=>{n.value&&n.label&&N((e=>{const t=m()(e,{value:n.value});return t.splice(0,0,n),u?p()(t,"value").slice(0,u):t})),I(!1)}),[u]),P=(0,r.useCallback)((()=>{I(!1)}),[]),w=g()(P),B=(0,r.useRef)(null),E=(0,r.useRef)(null);w.current={contains:n=>B.current.contains(n)||k&&E.current.contains(n)};const A=(0,r.useRef)(null),[T,L]=(0,r.useState)(0);return(0,r.useLayoutEffect)((()=>{const n=()=>{L(B.current.clientWidth)};n();const e=new ResizeObserver(n);e.observe(B.current);const t=new MutationObserver(n);return t.observe(B.current,{subtree:!0,childList:!0}),()=>{t.disconnect(),e.disconnect()}}),[]),(0,x.jsx)(d.Popover,{zIndex:v,placement:"bottom",transitionName:"ant-slide-up",arrow:!1,open:k,getPopupContainer:_,overlayClassName:b()(t,a),content:(0,x.jsx)("div",{className:o,style:{width:T},ref:E,children:(0,x.jsxs)(d.Space,{direction:"vertical",children:[(0,x.jsx)("div",{children:h}),(0,x.jsx)(d.Space,{wrap:!0,children:j.map((n=>(0,x.jsx)(i.default,{className:l,text:n.label,type:"result",onClick:()=>{y&&y(n.value,n),A.current&&A.current(n.value,n),P(),C(n)}})))})]})}),children:(0,x.jsx)("div",{ref:B,className:b()(e),children:f({open:k,openHistory:S,appendHistory:C,setOnSelect:n=>{A.current=n},close:P})})})};y.defaultProps={maxLength:5,label:"\u6700\u8fd1\u641c\u7d22",storeName:"HISTORY_STORE_KEY"};const v=y},1454:(n,e,t)=>{"use strict";t.r(e),t.d(e,{default:()=>b});var a=t(55199),o=t(83136),l=t.n(o),r=t(64671);const s="style_part__+Vw3+__oxjro",i="style_no-title__nO8sX__oxjro",d="style_part-title__Uw+4K__oxjro",c="style_collapse__ARl-O__oxjro",m="style_is-active__i1zHH__oxjro",u="style_part-title-sub__fcxT7__oxjro";var p=t(70579);const h=n=>{let{children:e,className:t,...o}=n;return(0,p.jsx)(a.Collapse,{...o,className:l()(c,"collapse",t),expandIcon:n=>{let{isActive:e}=n;return(0,p.jsx)(r.default,{size:12,className:l()({[m]:e,"is-active":e}),type:"icon-triangle-right"})},children:e})};h.Panel=a.Collapse.Panel;const g=h,f=n=>{let{className:e,children:t,...o}=n;return(0,p.jsx)(a.Space,{...o,className:e,direction:"vertical",size:24,children:t})};f.Part=n=>{let{className:e,title:t,subTitle:o,extra:r,children:c,...m}=n;return(0,p.jsx)(a.Card,{className:l()(s,"part",e,{"no-title":!t,[i]:!t}),bordered:!1,title:t&&(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)("div",{className:l()("part-title",d),children:t}),o&&(0,p.jsx)("div",{className:l()("part-title-sub",u),children:o})]}),extra:r,...m,children:c})},f.Collapse=g;const b=f},59497:(n,e,t)=>{"use strict";t.r(e),t.d(e,{default:()=>a});const a={ButtonText:"confirm"}},82719:(n,e,t)=>{"use strict";t.r(e),t.d(e,{default:()=>a});const a={ButtonText:"\u786e\u5b9a"}},51516:(n,e,t)=>{"use strict";t.r(e),t.d(e,{Affix:()=>A,Menu:()=>Y.default,Page:()=>E,PermissionsPage:()=>K,StateBarPage:()=>J,TablePage:()=>$,default:()=>W});var a=t(55199),o=t(73884);const l={menu:null,filter:null,menuOpen:!0,menuWidth:"240px",menuFixed:!0,menuCloseButton:!0,backgroundColor:null,header:null,headerHeight:0,headerFixed:!0,headerInfo:null,backUrl:null,title:null,titleExtra:null,titleLeftExtra:null,noMargin:!1,noPadding:!1,optionFooterHeight:0,option:null,optionWidth:"400px",optionNoPadding:!1,optionFixed:!0,optionFooter:null},r=(0,o.createContext)({}),{Provider:s,Consumer:i}=r,d=()=>(0,o.useContext)(r);var c=t(79329),m=t(76801),u=t(36755),p=t(19853),h=t.n(p),g=t(63361),f=t(83136),b=t.n(f);const x={layout:"style_layout__k+lxR__oxjro","page-content":"style_page-content__4XeN8__oxjro","page-main":"style_page-main__P0yEF__oxjro","page-main-content":"style_page-main-content__1OVPN__oxjro","table-page":"style_table-page__JkbLf__oxjro","helper-guide":"style_helper-guide__vzw4z__oxjro","page-outer":"style_page-outer__2a6iH__oxjro","no-margin":"style_no-margin__S6caT__oxjro","page-menu":"style_page-menu__CZSa9__oxjro",closed:"style_closed__hmnft__oxjro","page-menu-inner":"style_page-menu-inner__rmKpu__oxjro","page-menu-main":"style_page-menu-main__OXg2M__oxjro","page-option-main":"style_page-option-main__LyfT3__oxjro","page-menu-main-outer":"style_page-menu-main-outer__yY+-Q__oxjro","page-option":"style_page-option__diS2S__oxjro","page-option-inner":"style_page-option-inner__Fj1JH__oxjro","page-option-footer":"style_page-option-footer__d7xE0__oxjro","fixed-container":"style_fixed-container__1VZwY__oxjro","is-fixed":"style_is-fixed__1aQhp__oxjro","page-menu-btn-outer":"style_page-menu-btn-outer__iVJiW__oxjro","page-menu-btn":"style_page-menu-btn__BiTy8__oxjro","page-title":"style_page-title__zw-Fd__oxjro","page-title-text":"style_page-title-text__Rj4RC__oxjro","no-padding":"style_no-padding__V7Dwy__oxjro","page-header":"style_page-header__a813p__oxjro","page-header-info":"style_page-header-info__cMrZR__oxjro","layout-menu":"style_layout-menu__yiab0__oxjro","sub-menu":"style_sub-menu__dyqK7__oxjro","no-collapsed":"style_no-collapsed__76h8W__oxjro","has-not-children":"style_has-not-children__fnjRK__oxjro","table-page-top":"style_table-page-top__bt1l9__oxjro","error-component":"style_error-component__HvghB__oxjro","state-bar-page":"style_state-bar-page__+aUM4__oxjro","back-icon":"style_back-icon__79v2G__oxjro"};var y=t(70579);const v=n=>{let{className:e,isFixed:t,children:a}=n;return t?(0,y.jsx)("div",{className:b()(e,"fixed-container",x["fixed-container"],{[x["is-fixed"]]:t}),children:a}):(0,y.jsx)("div",{className:b()(e,"fixed-container",x["fixed-container"]),children:a})};var _=t(64671),j=t(17342),N=t(94679),k=t(33097),I=t.n(k),S=t(55490),F=t(25644);const C="CORE_PAGE_MENU_OPEN_KEY",P=()=>{const{pageProps:n,setPageProps:e}=d(),{menu:t,menuOpen:o,menuWidth:l,menuFixed:r,menuCloseButton:s}=n,i=(0,N.useLocation)().pathname.split("/")[1];return t?(0,y.jsxs)(a.Col,{className:b()(x["page-menu"],{[x.closed]:!o}),style:{"--width":l},children:[(0,y.jsx)(v,{className:x["page-menu-inner"],isFixed:r,children:(0,y.jsx)("div",{className:x["page-menu-main-outer"],children:(0,y.jsx)(j.A,{className:x["page-menu-main"],children:t})})}),s?(0,y.jsx)(v,{className:b()(x["page-menu-btn-outer"],{[x["is-fixed"]]:r}),isFixed:r,children:(0,y.jsx)(a.Button,{className:b()(x["page-menu-btn"],{[x.closed]:!o}),icon:o?(0,y.jsx)(_.default,{type:"icon-arrow-bold-left"}):(0,y.jsx)(_.default,{type:"icon-arrow-bold-right"}),onClick:()=>{e({menuOpen:!n.menuOpen});const t=F.A.getItem(C)||{};t[i]=!n.menuOpen,F.A.setItem(C,t),e({menuOpen:!n.menuOpen})}})}):null]}):null},w=n=>{let{children:e,isPass:t,...r}=n;const{setPageProps:s}=d(),i=(0,o.useRef)(null),c=(()=>{const n=(0,N.useLocation)().pathname.split("/")[1];return(0,o.useMemo)((()=>{const e=F.A.getItem(C)||{};return!(0,S.A)(I()(e,n))||I()(e,n)}),[n])})(),m=(0,o.useRef)(c);return m.current=c,(0,o.useEffect)((()=>{if(!h()(i.current,r)){i.current=r;const n=Object.assign({},l,r,"boolean"===typeof m.current?{menuOpen:m.current}:{});n.header&&0===n.headerHeight&&delete n.headerHeight,n.optionFooter&&0===n.optionFooterHeight&&delete n.optionFooter,s(n)}}),[r,s]),!1===t?(0,y.jsx)(a.Result,{status:"403",subTitle:"\u6682\u672a\u5f00\u653e\u6b64\u529f\u80fd"}):e},B=n=>{let{featureId:e,name:t,openFeatures:a,...l}=n;return!0===a?(0,y.jsx)(g.default,{id:t,children:n=>{let{isPass:e}=n;return(0,o.createElement)(w,{...l,key:t,isPass:e})}}):(0,o.createElement)(w,{...l,key:t})};B.defaultProps=l;const E=B,A=n=>{let{isFixed:e,offsetTop:t,offsetBottom:o,onChange:l,...r}=n;return e?(0,y.jsx)(a.Affix,{...r,offsetTop:Number.isInteger(t)?t-.1:t,offsetBottom:o,onChange:l}):(0,y.jsx)("div",{...r})},T=n=>{let{targetKey:e,...t}=n;const a=(n=>{let{targetKey:e}=n;const{setPageProps:t}=d(),a=(0,o.useRef)(null);return(0,o.useLayoutEffect)((()=>{const n=()=>{t({[e]:a.current.offsetHeight})};n();const o=new MutationObserver(n);return o.observe(a.current,{subtree:!0,childList:!0}),()=>{o.disconnect()}}),[t,e]),a})({targetKey:e});return(0,y.jsx)("div",{...t,ref:a})},L=()=>{const{pageProps:n}=d(),{header:e,headerFixed:t}=n;return e?(0,y.jsx)(A,{isFixed:t,className:x["page-header"],offsetTop:c.navigationHeight,children:(0,y.jsx)(T,{targetKey:"headerHeight",children:e})}):null},M=()=>{const{pageProps:n}=d(),{headerInfo:e}=n,t=(0,o.useRef)(null);return e?(0,y.jsx)("div",{ref:t,className:b()(x["page-header-info"],"page-header-info"),children:e}):null};var R=t(2615);const D=n=>{let{title:e,filter:t,titleExtra:o,titleLeftExtra:l,backUrl:r}=n;const s=(0,N.useNavigate)();return t?(0,y.jsx)(R.default,{className:x["page-title"],...t,extra:o}):e||l||o?(0,y.jsxs)(a.Row,{justify:"space-between",align:"middle",className:x["page-title"],children:[(0,y.jsx)(a.Col,{children:(0,y.jsxs)(a.Space,{children:[e?(0,y.jsx)("div",{className:x["page-title-text"],children:r?(0,y.jsxs)(a.Space,{children:[(0,y.jsx)("span",{className:x["back-icon"],onClick:()=>{s(r)},children:(0,y.jsx)(_.default,{type:"icon-arrow-thin-left"})}),(0,y.jsx)("span",{children:e})]}):e}):null,l||null]})}),(0,y.jsx)(a.Col,{children:o})]}):null},O=()=>{const{pageProps:n}=d(),{option:e,optionWidth:t,optionFixed:o,optionFooter:l,optionFooterHeight:r,optionNoPadding:s}=n;return e?(0,y.jsx)(a.Col,{className:b()(x["page-option"],"page-option"),style:{"--width":t,"--foot-height":r+"px"},children:(0,y.jsxs)(v,{className:x["page-option-inner"],isFixed:o,children:[(0,y.jsx)(j.A,{className:b()(x["page-option-main"],"page-option-main"),style:{padding:s?"0px":"var(--padding-width)"},children:e}),l?(0,y.jsx)(T,{className:x["page-option-footer"],targetKey:"optionFooterHeight",children:(0,y.jsx)(a.Space,{align:"center",children:l})}):null]})}):null};var G=t(75363),z=t(29053);const{Content:U}=a.Layout,H=()=>(0,y.jsx)(a.Alert,{message:"\u7cfb\u7edf\u51fa\u4e86\u70b9\u5c0f\u95ee\u9898\uff0c\u53ef\u5237\u65b0\u9875\u9762\u8fdb\u884c\u89e3\u51b3",showIcon:!0,type:"error",action:(0,y.jsx)(a.Button,{size:"small",danger:!0,onClick:()=>window.location.reload(),children:"\u5237\u65b0"})}),V=n=>(0,y.jsx)(u.A,{...n,errorComponent:H}),Q=n=>{let{children:e,theme:t,navigation:r}=n;const[i,d]=(0,o.useState)(0),[u,p]=(0,o.useState)(Object.assign({},l)),{permissions:h}=(0,z.usePermissions)(),g=(0,o.useCallback)((n=>p((e=>Object.assign({},e,n)))),[]);return(0,o.useEffect)((()=>{const n=(0,m.h)(),e=()=>{d(n.scrollLeft)};return n.addEventListener("scroll",e),()=>{n.removeEventListener("scroll",e)}}),[]),(0,y.jsxs)(a.Layout,{className:x.layout,style:Object.assign({},{"--nav-height":c.navigationHeight+"px","--nav-height-base":"var(--nav-height)","--scroll-left":-i+"px"},t),children:[r&&(0,y.jsx)(V,{children:(0,y.jsx)(c.default,{permissions:h,...r,onChange:n=>{(null===r||void 0===r?void 0:r.onChange)&&r.onChange(n)}})}),(0,y.jsx)(V,{children:(0,y.jsx)(U,{className:x["layout-content-wrap"],children:(0,y.jsxs)(s,{value:{pageProps:u,setPageProps:g},children:[(0,y.jsx)(V,{children:(0,y.jsx)(L,{})}),(0,y.jsx)(V,{children:(0,y.jsx)(M,{})}),(0,y.jsx)(V,{children:(0,y.jsxs)(a.Row,{className:b()(u.className,x["page-outer"]),wrap:!1,style:{"--nav-height":"calc(".concat(u.headerHeight,"px + var(--nav-height-base))"),"--nav-only-height":"var(--nav-height-base)"},children:[(0,y.jsx)(V,{children:(0,y.jsx)(P,{})}),(0,y.jsx)(a.Col,{className:b()(x["page-content"],{[x["no-margin"]]:u.noMargin}),flex:1,style:{"--background-color":u.backgroundColor},children:(0,y.jsxs)("div",{className:x["page-main"],children:[(0,y.jsx)(V,{children:(0,y.jsx)(D,{title:u.title,backUrl:u.backUrl,filter:u.filter,titleExtra:u.titleExtra,titleLeftExtra:u.titleLeftExtra})}),(0,y.jsx)("div",{className:b()(x["page-main-content"],{[x["no-padding"]]:u.noPadding}),children:(0,y.jsxs)(V,{children:[u.helperGuideName&&(0,y.jsx)(G.default,{className:x["helper-guide-page"],name:u.helperGuideName}),e]})})]})}),(0,y.jsx)(V,{children:(0,y.jsx)(O,{})})]})})]})})})]})};Q.defaultProps={navigation:{}};const W=Q,K=n=>{let{permissions:e,...t}=n;return(0,y.jsx)(z.default,{...Object.assign({},e,{type:"error"}),children:(0,y.jsx)(E,{...t})})};var Y=t(28148),q=t(75698);const $=(0,o.forwardRef)(((n,e)=>{let{helperGuideName:t,permissions:a,page:l,openFeatures:r,name:s,topArea:i,...d}=n;const[c,m]=(0,o.useState)(null);return(0,y.jsxs)(K,{name:s,openFeatures:r,permissions:a,...l,children:[i?(0,y.jsx)("div",{className:x["table-page-top"],children:"function"===typeof i?i(c):i}):null,(0,y.jsxs)("div",{className:x["table-page"],children:[t&&(0,y.jsx)(G.default,{className:b()("helper-guide",x["helper-guide"]),name:t}),(0,y.jsx)(q.TablePage,{...d,ref:e,name:s,onRequestSuccess:n=>{m(n)}})]})]})}));var X=t(87227);const J=n=>{let{helperGuideName:e,permissions:t,page:a,stateBar:o,children:l,...r}=n;return(0,y.jsxs)(K,{...a,permissions:t,...r,children:[(0,y.jsx)("div",{className:x["state-bar-page"],children:(0,y.jsx)(X.default,{...o})}),e&&(0,y.jsx)(G.default,{className:x["helper-guide"],name:e}),l]})}},28148:(n,e,t)=>{"use strict";t.r(e),t.d(e,{default:()=>y});const a={menu:"style_menu__gvIvn__oxjro","all-no-start-icon":"style_all-no-start-icon__CA+zR__oxjro","no-start-icon":"style_no-start-icon__LnC1S__oxjro","has-children":"style_has-children__m9tce__oxjro","has-children-node":"style_has-children-node__2bhEB__oxjro","is-root":"style_is-root__4hhOc__oxjro",title:"style_title__+Hcar__oxjro",active:"style_active__WU49K__oxjro","no-collapse":"style_no-collapse__aIZBM__oxjro","title-content":"style_title-content__cQXpK__oxjro",loading:"style_loading__1pU4P__oxjro"};var o=t(83136),l=t.n(o),r=t(55199),s=t(94679),i=t(29053),d=t(10986),c=t.n(d),m=t(64671),u=t(73884),p=t(18081),h=t.n(p),g=t(87558),f=t(70579);const b=n=>{const e=(0,s.useNavigate)(),{id:t,className:o,label:d,iconType:c,path:u,request:p,onClick:h,isOpen:b,isSelected:x,onOpenChange:y,children:v,fetchOptions:_,depth:j,onLoad:N,allowCollapsed:k}=n,I=Array.isArray(v)&&v.length>0||_,{refresh:S,isLoading:F}=(0,g.useFetch)(Object.assign({},_,{auto:!k&&_,onRequestSuccess:n=>{N(n)}}));return(0,f.jsx)(i.default,{request:p,children:(0,f.jsxs)("div",{className:l()(o,a["menu-item"]),children:[(0,f.jsxs)("div",{className:l()(a.title,{[a.active]:x,[a["has-children"]]:I,[a["no-collapse"]]:I&&!k,[a["no-start-icon"]]:!c,[a["is-root"]]:0===j}),onClick:a=>{a.stopPropagation(),I||!u?I||_?k&&(_&&S({}),y(!b)):null===h||void 0===h||h(t,n):e(u)},children:[c&&(0,f.jsx)(m.default,{type:c}),(0,f.jsx)("span",{className:a["title-content"],children:d}),I&&k&&(0,f.jsx)(m.default,{type:b?"icon-arrow-bold-down":"icon-arrow-bold-right"})]}),I?!k||b&&v?(0,f.jsx)("div",{className:a["children-list"],children:v}):!k||b&&F?(0,f.jsx)("div",{className:a["children-list"],children:(0,f.jsx)(r.Spin,{className:a.loading,size:"small"})}):void 0:null]})})},x=n=>{let{className:e,allowCollapsed:t,...o}=n;const{pathname:r,search:i}=(0,s.useLocation)(),[d,m]=c()(o,{value:"currentKey",defaultValue:"defaultCurrentKey"}),[p,g]=c()(o,{defaultValue:"defaultItems",value:"items",onChange:"onItemsChange"}),{items:x,defaultOpenKeys:y,links:v,childrenKeys:_,hasStartIcon:j,hasChildren:N}=(0,u.useMemo)((()=>{var n;const{items:e,childrenKeys:t,nodeMapping:a}=(n=>{const e={},t=[],a=(n,o)=>{const{parentKey:l,depth:r}=Object.assign({parentKey:"root",depth:0,paths:[]},o);return Array.isArray(n)&&n.length>0?n.map(((n,o)=>{const s="".concat(n.key||"".concat("root"!==l?"".concat(l,"-"):"","node-").concat(o));e[l]||(e[l]=[]),e[l].push(s);const i=a(n.children,{parentKey:s,depth:r+1});e[s]&&e[l].push(...e[s]);const d=Object.assign({},n,{key:s,parentKey:l,depth:r,children:i,originItem:n});return t[s]=d,d})):null};return{items:a(n),childrenKeys:e,nodeMapping:t}})(p);let o=!1,l=!1;const r=[],s=[];return null===t||void 0===t||null===(n=t.root)||void 0===n||n.forEach((n=>{const e=a[n];e.iconType&&(o=!0),e.path&&r.push({path:e.path,key:n}),Array.isArray(e.children)&&e.children.length>0&&(l=!0,s.push(e.key))})),{defaultOpenKeys:s,links:r,items:e,childrenKeys:t,hasStartIcon:o,hasChildren:l}}),[p]);(0,u.useEffect)((()=>{const n=v.find((n=>{let{path:e}=n;return h()(r.replace(/[#,?].*/,""))===h()(e)||h()(r+i)===h()(e)}));n&&m(n.key)}),[v,r,i,m]);const[k,I]=c()(Object.assign({},o,{defaultOpenKeys:o.defaultOpenKeys||y}),{value:"openKeys",defaultValue:"defaultOpenKeys",onChange:"onOpenChange"}),S=(0,u.useCallback)(((n,e)=>{const{parentKey:a,depth:o,selectedKey:l,openKeys:r,paths:s}=Object.assign({parentKey:null,depth:0,paths:[]},e);return Array.isArray(n)&&n.length>0?n.map((n=>{let{children:e,key:i,originItem:d,...c}=n;return(0,u.createElement)(b,{...Object.assign({},c),id:i,parentId:a,depth:o,allowCollapsed:t,isSelected:i===l||_[i]&&_[i].indexOf(l)>-1,onClick:m,onLoad:n=>{g((e=>{const t=e=>Array.isArray(e)&&e.length>0?e.map((e=>Object.assign({},e,{children:d===e?n:t(e.children)}))):null;return t(e)}))},isOpen:(r||[]).indexOf(i)>-1,key:i,onOpenChange:()=>{I((n=>{const e=n.slice(0);return n.indexOf(i)>-1?e.splice(n.indexOf(i),1):e.push(i),e}))}},S(e,{parentKey:a,depth:o+1,selectedKey:l,openKeys:r,paths:[...s,i]}))})):null}),[g,I,m,_,t]);return(0,f.jsx)("div",{className:l()(e,a.menu,{[a["all-no-start-icon"]]:!j,[a["has-children-node"]]:N}),children:S(x,{selectedKey:d,openKeys:k})})};x.defaultProps={defaultItems:[],allowCollapsed:!0};const y=x},79329:(n,e,t)=>{"use strict";t.r(e),t.d(e,{default:()=>C,navigationHeight:()=>I});var a=t(55199),o=t(94679),l=t(33097),r=t.n(l),s=t(73884),i=t(83136),d=t.n(i);const c=t.p+"static/media/favicon.477a5bb996fd5b367fe0dddc29f67824.svg";var m=t(40438);const u=n=>({"en-US":()=>t.e(257).then(t.bind(t,30257)),"zh-CN":()=>t.e(5671).then(t.bind(t,5671))}[n]());var p=t(58609),h=t(64671);const g="style_navigation-wrap__VF8x2__oxjro",f="style_navigation__60RrS__oxjro",b="style_is-fixed__kHFWj__oxjro",x="style_navigation-logo__q9qHu__oxjro",y="style_logo__lB9RC__oxjro",v="style_navigation-list__EYtkg__oxjro",_="style_navigation-options__0BdJU__oxjro",j="style_more-icon__gNMnt__oxjro";var N=t(70579);const{Header:k}=a.Layout,I=48,S=n=>{let{name:e,mapping:t,defaultTitle:a}=n;const o=(0,s.useRef)({mapping:t,defaultTitle:a});return(0,s.useEffect)((()=>{const n=r()(o.current.mapping.get(e),"title");document.title=(n?n+"-":"")+o.current.defaultTitle}),[e]),null},F=n=>{let{permissions:e,list:t,headerLogo:l,rightOptions:i,isFixed:I,showIndex:F,indexLabel:C,defaultTitle:P,overflowedIndicator:w,base:B,onChange:E,className:A}=n;const T=(0,s.useMemo)((()=>new Map(t.map((n=>{let{key:e,...t}=n;return[e,t]})))),[t]),L=(0,o.useNavigate)(),M=(0,o.useLocation)(),R=(0,s.useRef)(),D=(0,s.useRef)(null),[O,G]=(0,s.useState)("\u66f4\u591a"),z=M.pathname.replace(new RegExp("^".concat(B)),"").split("/")[1],U=z?r()(Array.from(T.entries()).find((n=>{let[t,{path:a,permission:o}]=n;return-1!==("function"===typeof a?a(o,e):a).indexOf("/"+z)})),"[0]"):"home";(0,s.useEffect)((()=>{const n=()=>{if(R.current){const n=R.current.querySelectorAll("li[data-menu-id]");let e=!1;for(let a=0;a<n.length;a++){if(-1!==n[a].getAttribute("data-menu-id").indexOf(U)){e=!0;break}}let t=T.get(U)&&!e?r()(T.get(U),"title"):"";G(t)}},e={attributes:!0,childList:!0,subtree:!0};return R&&R.current&&(n(),D.current&&D.current.disconnect(),D.current=new MutationObserver(n),D.current.observe(R.current,e)),()=>{D.current&&D.current.disconnect()}}),[U,T]);const H=!!F&&{label:C||(0,N.jsx)(p.FormattedMessage,{id:"indexLabel",moduleName:"Navigation"}),key:"home",onClick:()=>{E&&E("/"),setTimeout((()=>{L("/")}),0)}};return(0,N.jsxs)(p.IntlProvider,{importMessages:u,moduleName:"Navigation",children:[(0,N.jsx)(p.FormattedMessage,{id:"defaultTitle",moduleName:"Navigation",children:n=>(0,N.jsx)(S,{defaultTitle:P||n,mapping:T,name:U})}),(0,N.jsx)("div",{className:d()(g,A),children:(0,N.jsx)(k,{className:d()("navigation",f,{[b]:I}),children:(0,N.jsxs)(a.Row,{justify:"space-around",wrap:!1,children:[(0,N.jsx)(a.Col,{className:d()("navigation-logo",x),children:(0,N.jsx)(m.default,{className:d()(y),src:c,alt:"logo",...l})}),(0,N.jsx)(a.Col,{ref:R,flex:1,className:d()("navigation-list",v),children:(0,N.jsx)(a.Menu,{selectedKeys:[U],mode:"horizontal",overflowedIndicator:w||(0,N.jsxs)(a.Space,{size:4,children:[(0,N.jsx)("span",{children:O||(0,N.jsx)(p.FormattedMessage,{id:"overflowedIndicator",moduleName:"Navigation"})}),(0,N.jsx)("span",{className:j,children:(0,N.jsx)(h.default,{type:"icon-arrow-thin-down"})})]}),items:[H,...Array.from(T.entries()).filter((n=>{let[t,{permission:a}]=n;if("string"===typeof a)return e.indexOf(a)>-1;if("function"===typeof a)return a(e);if(Array.isArray(a)){for(let n of a)if(e.indexOf(n)>-1)return!0;return!1}return!0})).map((n=>{let[t,{title:a,path:o,permission:l}]=n;const r="function"===typeof o?o(l,e):o;return{label:a,key:t,onClick:()=>{E&&E(r),setTimeout((()=>{L(r)}),0)}}}))]})}),(0,N.jsx)(a.Col,{className:_,children:i})]})})})]})};F.defaultProps={isFixed:!0,permissions:[],list:[],showIndex:!0,base:""};const C=F},89384:(n,e,t)=>{"use strict";t.r(e),t.d(e,{default:()=>S});var a=t(55199),o=t(53984),l=t.n(o),r=t(83136),s=t.n(r),i=t(17342),d=t(76329),c=t(64671),m=t(45362);const u={notification:"style_notification__Vv-MM__oxjro",list:"style_list__l8KOo__oxjro",header:"style_header__3dcv8__oxjro",item:"style_item__d92RS__oxjro","item-box":"style_item-box__dd-Lk__oxjro","index-1":"style_index-1__f97L0__oxjro","index-2":"style_index-2__04vAw__oxjro","item-box-main":"style_item-box-main__lnSak__oxjro","item-title":"style_item-title__mArMd__oxjro","level-high":"style_level-high__Uys7Y__oxjro","level-middle":"style_level-middle__EewyC__oxjro","level-low":"style_level-low__8kVyL__oxjro","title-icon":"style_title-icon__1EoAG__oxjro","item-subtitle":"style_item-subtitle__xeFJs__oxjro","close-btn":"style_close-btn__7qpG3__oxjro","is-loading":"style_is-loading__upVL+__oxjro","item-content":"style_item-content__8MlsG__oxjro","link-outer":"style_link-outer__kegyZ__oxjro",link:"style_link__F2CO-__oxjro","is-last-item":"style_is-last-item__MytRl__oxjro"};var p=t(73884),h=t(39835),g=t.n(h),f=t(85855),b=t.n(f),x=t(96604),y=t.n(x),v=t(81014),_=t(32520),j=t.n(_),N=t(70579);const k=["high","middle","low"],I=n=>{let{level:e,title:t,groupLength:o,subtitle:l,content:r,link:i,id:p,children:h,className:g}=n;const{setGlobal:f}=(0,d.useGlobalContext)("notification"),{apis:b,ajax:x}=(0,d.usePreset)(),{isLoading:_,callback:k}=(0,v.useLoading)((async()=>{var n;const{data:e}=null!==b&&void 0!==b&&null!==(n=b.notification)&&void 0!==n&&n.read?await x(Object.assign({},b.notification.read,{data:{ids:[p]}})):{data:{code:0}};0===e.code&&f((n=>{const e=((null===n||void 0===n?void 0:n.list)||[]).slice(0),t=j()(e,(n=>p===n.id));return t>-1&&e.splice(t,1),Object.assign({},n,{list:e})}))}));return(0,N.jsxs)("div",{className:s()(u.item,g),style:{"--group-length":Math.min(o,3)||1},children:[o&&o>1&&y()(1,Math.min(o,3)).reverse().map((n=>(0,N.jsx)("div",{className:s()(u["item-box"],u["index-".concat(n)])},n))),(0,N.jsxs)("div",{className:s()(u["item-box"],u["item-box-main"]),children:[(0,N.jsxs)("div",{className:s()(u["item-title"],u["level-".concat(e)]),children:[(0,N.jsx)(c.default,{className:u["title-icon"],type:"high"===e?"icon-tishi":"icon-daiwochuli"}),(0,N.jsx)(a.Typography.Text,{ellipsis:!0,children:t})]}),(0,N.jsxs)("div",{className:u["item-content"],children:[(0,N.jsxs)("div",{className:u["item-subtitle"],children:[(0,N.jsx)(a.Typography.Text,{ellipsis:!0,children:l||""}),(0,N.jsx)(c.default,{className:s()(u["close-btn"],{[u["is-loading"]]:_}),type:"icon-close-thin",onClick:()=>{_||p&&k()}})]}),Array.isArray(r)?(0,N.jsx)(m.default,{list:r,labelAlign:"auto",size:"small"}):h]}),i&&(0,N.jsx)("div",{className:u["link-outer"],children:(0,N.jsx)(v.default,{className:u.link,size:"small",onClick:async()=>{var n;const{data:e}=null!==b&&void 0!==b&&null!==(n=b.notification)&&void 0!==n&&n.read?await x(Object.assign({},b.notification.read,{data:{ids:[p]}})):{data:{code:0}};0===e.code&&window.open(i)},children:"\u67e5\u770b\u8be6\u60c5"})})]})]})};I.defaultProps={level:"low"};const S=()=>{const{global:n,setGlobal:e}=(0,d.useGlobalContext)("notification"),t=(0,p.useRef)(),{apis:o,ajax:r}=(0,d.usePreset)(),[c,m]=(0,p.useState)(32);(0,p.useEffect)((()=>{var n;t.current&&m(null===(n=t.current)||void 0===n?void 0:n.clientHeight)}),[]);const{list:h,expand:f}=Object.assign({},{expand:!1,list:[]},n),x=(0,p.useMemo)((()=>{const n=g()(h,(n=>n.level||"low"));return k.map((e=>n[e]||[]))}),[h]);return 0===h.length?null:(0,N.jsxs)("div",{className:u.notification,style:{"--head-option-height":"".concat(c,"px")},children:[(0,N.jsx)("div",{ref:t,children:(0,N.jsxs)(a.Row,{justify:"end",wrap:!1,className:u.header,gutter:8,children:[x.some((n=>n.length>1))&&(0,N.jsx)(a.Col,{children:(0,N.jsx)(a.Button,{size:"small",onClick:()=>{e(Object.assign({},n,{expand:!f}))},children:f?"\u5168\u90e8\u6298\u53e0":"\u5168\u90e8\u5c55\u5f00"})}),(0,N.jsx)(a.Col,{children:(0,N.jsx)(v.default,{type:"primary",size:"small",onClick:async()=>{var t;const{data:a}=null!==o&&void 0!==o&&null!==(t=o.notification)&&void 0!==t&&t.read?await r(Object.assign({},o.notification.read,{data:{ids:h.map((n=>n.id)).filter((n=>!!n))}})):{data:{code:0}};0===a.code&&e(Object.assign({},n,{list:[]}))},children:"\u5168\u90e8\u6e05\u9664"})})]})}),(0,N.jsx)(i.A,{className:u.list,children:(0,N.jsx)(l(),{leaveReverse:!0,duration:200,interval:20,children:x.filter((n=>n&&n.length>0)).map(((n,e)=>{var t;if(f)return n.map(((t,a)=>{var o;return t&&(0,N.jsx)("div",{children:(0,N.jsx)(I,{...Object.assign({},t),className:s()({[u["is-last-item"]]:+e+1===Math.min(null===(o=x.filter((n=>n&&n.length)))||void 0===o?void 0:o.length,3)&&a===(null===n||void 0===n?void 0:n.length)-1})})},"group-".concat(e,"-").concat(a))}));const a=b()(n);return(0,N.jsx)("div",{children:(0,N.jsx)(I,{...Object.assign({},a),groupLength:n.length,className:s()({[u["is-last-item"]]:(null===x||void 0===x?void 0:x.length)&&+e+1===Math.min(null===(t=x.filter((n=>n&&n.length)))||void 0===t?void 0:t.length,3)})})},"group-".concat(e,"-0"))}))})})]})}},29053:(n,e,t)=>{"use strict";t.r(e),t.d(e,{computedIsPass:()=>u,default:()=>f,usePermissions:()=>p,usePermissionsPass:()=>h});var a=t(73884),o=t(55199),l=t(33097),r=t.n(l),s=t(83136),i=t.n(s);const d="style_outer__vbHB9__oxjro";var c=t(76329),m=t(70579);const u=n=>{let{permissions:e,request:t}=n;return!(Array.isArray(t)&&t.length>0)||t.some((n=>(e||[]).indexOf(n)>-1))},p=()=>{const{global:n}=(0,c.useGlobalContext)(),{permissions:e,permissionsPath:t}=(0,c.usePreset)();return{permissions:n.permissions||e||t&&r()(n,t)||[]}},h=n=>{let{request:e}=n;const{permissions:t}=p();return u({permissions:t,request:e})},g=n=>{let{type:e,className:t,tagName:l,message:r,request:s,children:c,...u}=n;const p=h({request:s});return"function"===typeof c?c({isPass:p,type:e,request:s}):!0===p?c:"error"===e?(0,m.jsx)(o.Result,{status:"403",subTitle:r}):"tooltip"===e?(0,m.jsx)(o.Tooltip,{title:r,children:(0,a.createElement)(l,{...u,className:i()(d,t)},c)}):null};g.defaultProps={type:"hidden",tagName:"span",message:"\u60a8\u6682\u65e0\u6743\u9650\uff0c\u8bf7\u8054\u7cfb\u7ba1\u7406\u5458"};const f=g},87227:(n,e,t)=>{"use strict";t.r(e),t.d(e,{default:()=>i});var a=t(55199),o=t(83136),l=t.n(o);const r={"state-bar":"style_state-bar__3jfis__oxjro","has-children":"style_has-children__oQDqU__oxjro","tab-tab-control":"style_tab-tab-control__SopeO__oxjro","tab-radio-control":"style_tab-radio-control__R8X6-__oxjro","tab-step-control":"style_tab-step-control__EQaCl__oxjro","inner-state-bar":"style_inner-state-bar__lWmOz__oxjro"};var s=t(70579);const i=n=>{let{className:e,type:t="tab",stateOption:o=[],isInner:i,...d}=n;return(0,s.jsx)(a.Tabs,{...d,"data-testid":"components-core-state-bar",className:l()(r["state-bar"],r["tab-".concat(t,"-control")],e,{[r["inner-state-bar"]]:i,[r["has-children"]]:o.some((n=>!!n.children))}),style:{"--total-count":o.length},animated:!1,items:o.map((n=>{let{tab:e,label:t,key:a,...o}=n;return{label:e||t,key:a,...o}}))})}},62716:(n,e,t)=>{"use strict";t.r(e),t.d(e,{default:()=>m});var a=t(73884),o=t(83136),l=t.n(o);const r={"state-tag":"style_state-tag__Kx27z__oxjro","state-result-tag":"style_state-result-tag__CssDz__oxjro","state-skill-tag":"style_state-skill-tag__k0bQE__oxjro","state-tag-filter-result-wrapper":"style_state-tag-filter-result-wrapper__QYS5z__oxjro","state-tag-filter-name":"style_state-tag-filter-name__iJaJd__oxjro","state-tag-filterResult":"style_state-tag-filterResult__KTkot__oxjro","show-bg":"style_show-bg__OcL+R__oxjro","tag-text":"style_tag-text__JHCt+__oxjro","state-tag-wrapper":"style_state-tag-wrapper__A-gTE__oxjro"};var s=t(55199),i=t(70579);const d={default:"#666666",skill:{color:"#666666",borderColor:"#EEEEEE"},result:"#666666",filterResult:"#5CB8B2",success:"#027A48",progress:"#F09700",danger:"#D14343",info:"#155ACF",other:"#6740C3"},c=n=>{let{showBorder:e,text:t,type:o,showBackground:c,className:m,filterName:u,...p}=n;const h=(0,a.useMemo)((()=>{var n,e;return{color:(null===d||void 0===d||null===(n=d[o])||void 0===n?void 0:n.color)||d[o],borderColor:(null===d||void 0===d||null===(e=d[o])||void 0===e?void 0:e.borderColor)||d[o]}}),[o]);return(0,i.jsxs)(s.Space,{"data-testid":"components-core-state-tag",className:l()(r["state-tag-wrapper"],"filterResult"===o?r["state-tag-filter-result-wrapper"]:""),align:"center",size:4,children:[u?(0,i.jsxs)("span",{className:r["state-tag-filter-name"],children:[u,":"]}):null,(0,i.jsx)(s.Tag,{color:h.color,...p,style:{background:c?h.color+"0F":"none",color:h.color,border:e?"1px solid ".concat(h.borderColor):"none"},className:l()(r["state-tag"],m,"result"===o?r["state-result-tag"]:"","skill"===o?r["state-skill-tag"]:"",r["state-tag-".concat(o)],c?r["show-bg"]:"",e?r["show-border"]:""),children:(0,i.jsx)("span",{className:r["tag-text"],children:t})})]})};c.defaultProps={color:"#666666",type:"default",showBorder:!1,showBackground:!0,text:"",className:""};const m=c},75698:(n,e,t)=>{"use strict";t.r(e),t.d(e,{TablePage:()=>Cn,default:()=>_n});const a={table:"style_table__z7kfz__oxjro","is-resize":"style_is-resize__ut6RW__oxjro","is-moving":"style_is-moving__BJ9wR__oxjro","cell-resize-bar":"style_cell-resize-bar__-mlUF__oxjro","is-computed":"style_is-computed__B9rIF__oxjro","options-column":"style_options-column__vsPTr__oxjro","options-btn":"style_options-btn__U3uoy__oxjro",tooltip:"style_tooltip__vJlkv__oxjro","table-changer-setting":"style_table-changer-setting__HcrwR__oxjro","width-changer-sign":"style_width-changer-sign__Aflyl__oxjro","columns-control":"style_columns-control__5-5ZF__oxjro","columns-control-content":"style_columns-control-content__MoeUI__oxjro","columns-control-content-title":"style_columns-control-content-title__P5sXV__oxjro","columns-control-content-scroller":"style_columns-control-content-scroller__CeYRV__oxjro","columns-control-content-footer":"style_columns-control-content-footer__0bQWm__oxjro","columns-control-content-input":"style_columns-control-content-input__G6yKq__oxjro","columns-control-content-list":"style_columns-control-content-list__aXvTs__oxjro","columns-control-content-item":"style_columns-control-content-item__jbyyE__oxjro","is-drag":"style_is-drag__U68aw__oxjro","columns-control-content-item-icon":"style_columns-control-content-item-icon__yJqZf__oxjro","sortable-drag":"style_sortable-drag__K5hWd__oxjro","sortable-ghost":"style_sortable-ghost__lKTd2__oxjro","columns-control-overlay":"style_columns-control-overlay__OxCIz__oxjro","sort-btn":"style_sort-btn__KvNLr__oxjro","sort-active-desc":"style_sort-active-desc__TIhMC__oxjro","sort-icon":"style_sort-icon__dB85I__oxjro","sort-active-asc":"style_sort-active-asc__RUBup__oxjro"};var o=t(55199),l=t(73884),r=t(83136),s=t.n(r),i=t(42787),d=t(76801),c=t(77964),m=t(96418),u=t.n(m);const p={"col-item":"columns_col-item__Ym1Ec__oxjro",tag:"columns_tag__bQZLG__oxjro",avatar:"columns_avatar__SLPI+__oxjro",hover:"columns_hover__oAwHg__oxjro",primary:"columns_primary__6KtaA__oxjro",loading:"columns_loading__gtBay__oxjro",options:"columns_options__WvDZD__oxjro"};var h=t(57469),g=t.n(h),f=t(64671),b=t(80940),x=t(70579);const y=n=>{let{className:e,list:t=[],width:l}=n;return(0,x.jsx)("div",{className:s()(e,a["options-column"]),style:{"--max-width":l+"px"},children:(0,x.jsx)(b.default,{list:t.filter((n=>!(null!==n&&void 0!==n&&n.hidden))).map((n=>{let{className:e,...t}=n;return Object.assign({},t,{className:s()(e,"btn-no-padding",a["options-btn"]),type:"link"})})),more:(0,x.jsx)(o.Button,{icon:(0,x.jsx)(f.default,{type:"icon-gengduo2"}),className:"btn-no-padding",type:"link"})})})};var v=t(62716),_=t(40438),j=t(48731),N=t(87558);const k=n=>{let{children:e,ellipsis:t}=n;return(0,x.jsx)(o.Typography.Text,{ellipsis:t&&Object.assign({},{tooltip:{overlayClassName:a.tooltip,children:e}}),children:e})},I=n=>{let{type:e,item:t,isEmpty:a,emptyRender:o,hover:r,primary:i,children:d,width:c,style:m,onClick:u,colValue:h}=n;const[g,f]=(0,l.useState)(!1);return(0,x.jsx)("div",{style:Object.assign({},m,{"--max-width":c+"px"}),className:s()(p["col-item"],p[e],a?null:{[p.hover]:r,[p.primary]:i,[p.loading]:g}),onClick:n=>{"function"!==typeof u||a||g||(f(!0),Promise.resolve(u({item:t,colItem:h,event:n})).finally((()=>{f(!1)})))},children:a?o({type:e,item:t,hover:r,primary:i,children:d}):d})};I.defaultProps={emptyRender:()=>"-"};const S=I,F=(0,N.createWithFetch)({loading:null})((n=>{let{data:e,children:t}=n;return t(e)})),C=n=>{let{api:e,expand:t,onExpand:a,ellipsis:l,hover:r,primary:s,emptyRender:i,isEmpty:d}=n;return t?(0,x.jsx)(F,{...e,children:n=>(0,x.jsx)(S,{type:"hide-info-expand",item:n,hover:r,primary:s,emptyRender:i,isEmpty:d,children:(0,x.jsx)(k,{ellipsis:l,children:"function"===typeof e.children?e.children(n):n})})}):(0,x.jsx)(S,{type:"hide-info",primary:!0,isEmpty:d,emptyRender:i,children:(0,x.jsx)(o.Button,{className:"btn-no-padding",type:"link",onClick:a,children:"\u67e5\u770b"})})};var P=t(1488),w=t.n(P);const B=(n,e)=>{let{hover:t,primary:a,ellipsis:o,emptyRender:l,isEmpty:r,...s}=e;return(0,x.jsx)(S,{...s,type:"other",item:n,hover:t,primary:a,emptyRender:l,isEmpty:r,children:(0,x.jsx)(k,{ellipsis:o,children:n})})},E={date:{render:(n,e)=>{let{hover:t,primary:a,isEmpty:o,emptyRender:l,...r}=e;return(0,x.jsx)(S,{...r,type:"date",item:n,primary:a,hover:t,emptyRender:l,isEmpty:o||!g()(n).isValid(),children:g()(n).format("YYYY-MM-DD")})},width:160,min:120,max:400},dateShort:{render:(n,e)=>{let{hover:t,primary:a,isEmpty:o,emptyRender:l,...r}=e;return(0,x.jsx)(S,{...r,type:"date-short",item:n,primary:a,hover:t,emptyRender:l,isEmpty:o||!g()(n).isValid(),children:g()(n).format("YYYY-MM")})},width:120,min:100,max:400},dateRange:{render:(n,e)=>{let{hover:t,primary:a,isEmpty:o,emptyRender:l,...r}=e;return(0,x.jsx)(S,{...r,type:"date-range",item:n,primary:a,hover:t,emptyRender:l,isEmpty:o,children:g()(null===n||void 0===n?void 0:n[0]).format("YYYY-MM-DD HH:mm")+"-"+g()(null===n||void 0===n?void 0:n[1]).format("HH:mm")})},width:240,min:120,max:400},datetime:{render:(n,e)=>{let{hover:t,primary:a,emptyRender:o,isEmpty:l,hideSecond:r,...s}=e;return(0,x.jsx)(S,{...s,item:n,primary:a,hover:t,emptyRender:o,isEmpty:l||!g()(n).isValid(),children:g()(n).format(r?"YYYY-MM-DD HH:mm":"YYYY-MM-DD HH:mm:ss")})},width:190,min:190,max:400},serialNumber:{render:(n,e)=>{let{hover:t,primary:a,emptyRender:o,isEmpty:l,...r}=e;return(0,x.jsx)(S,{...r,type:"serial-number",item:n,primary:a,hover:t,emptyRender:o,isEmpty:l,children:n})},width:190,min:100,max:400},serialNumberShort:{render:(n,e)=>{let{hover:t,primary:a,emptyRender:o,isEmpty:l,...r}=e;return(0,x.jsx)(S,{...r,type:"serial-number-short",item:n,primary:a,hover:t,emptyRender:o,isEmpty:l,children:n})},width:120,min:100,max:400},user:{render:(n,e)=>{let{hover:t,primary:a,ellipsis:o,emptyRender:l,isEmpty:r,...s}=e;return(0,x.jsx)(S,{...s,type:"user",item:n,primary:a,hover:t,emptyRender:l,isEmpty:r,children:(0,x.jsx)(k,{ellipsis:o,children:n})})},width:200,min:120,max:400},userName:{render:(n,e)=>{let{hover:t,primary:a,ellipsis:o,emptyRender:l,isEmpty:r,...s}=e;return(0,x.jsx)(S,{...s,type:"user-name",item:n,primary:a,hover:t,emptyRender:l,isEmpty:r,children:(0,x.jsx)(k,{ellipsis:o,children:n})})},width:100,min:100,max:400},contacts:{render:(n,e)=>{let{hover:t,primary:a,ellipsis:o,emptyRender:l,isEmpty:r,...s}=e;return(0,x.jsx)(S,{...s,type:"contacts",item:n,primary:a,hover:t,emptyRender:l,isEmpty:r,children:(0,x.jsx)(k,{ellipsis:o,children:n})})},width:240,min:160,max:400},tag:{render:(n,e)=>{let{emptyRender:t,isEmpty:a,...o}=e;return(0,x.jsx)(S,{...o,type:"tag",item:n,emptyRender:t,isEmpty:a,children:n&&(n.isEnum?(0,x.jsx)(j.default,{name:n.name,moduleName:n.moduleName,force:n.force,children:e=>{let{type:t,description:a}=e;return(0,x.jsx)(v.default,{type:t,...Object.assign({},w()(n,["name","isEnum","moduleName","force"])),text:a})}}):(0,x.jsx)(v.default,{...Object.assign({},n)}))})},width:140,min:100,max:400},avatar:{render:(n,e)=>{let{emptyRender:t,isEmpty:a,...o}=e;return(0,x.jsx)(S,{...o,type:"avatar",item:n,emptyRender:t,isEmpty:a,children:(0,x.jsx)(_.default.Avatar,{...Object.assign({},n),size:32})})},width:80,min:64,max:200},singleRow:{render:(n,e)=>{let{hover:t,primary:a,ellipsis:o,emptyRender:l,isEmpty:r,...s}=e;return(0,x.jsx)(S,{...s,type:"single-row",item:n,hover:t,primary:a,emptyRender:l,isEmpty:r,children:(0,x.jsx)(k,{ellipsis:o,children:n})})},width:70,min:70,max:400},hideInfo:{render:(n,e)=>(0,x.jsx)(C,{api:n,...e}),width:120,min:80,max:400},mainInfo:{render:(n,e)=>{let{ellipsis:t,hover:a=!0,primary:o=!0,emptyRender:l,isEmpty:r,...s}=e;return(0,x.jsx)(S,{...s,type:"main-info",item:n,hover:a,primary:o,emptyRender:l,isEmpty:r,children:(0,x.jsx)(k,{ellipsis:t,children:n})})},width:300,min:160,max:500},description:{render:(n,e)=>{let{hover:t,primary:a,ellipsis:o,emptyRender:l,isEmpty:r,...s}=e;return(0,x.jsx)(S,{...s,type:"description",item:n,hover:t,primary:a,emptyRender:l,isEmpty:r,children:(0,x.jsx)(k,{ellipsis:o,children:n})})},width:400,min:160,max:600},options:{render:(n,e)=>{let{width:t}=e;return(0,x.jsx)(y,{className:s()(p["col-item"],p.options),list:n,width:t})},width:180,min:120,max:400},sensitiveInfo:{render:(n,e)=>{let{hover:t,primary:a,ellipsis:o,emptyRender:l,isEmpty:r,...s}=e;return(0,x.jsx)(S,{...s,type:"sensitiveInfo",item:n,hover:t,primary:a,emptyRender:l,isEmpty:r,children:(0,x.jsx)(k,{ellipsis:o,children:n})})},width:200,min:100,max:400},other:{render:B,width:200,min:120,max:400},otherSmall:{render:B,width:100,min:70,max:400},otherLarge:{render:B,width:300,min:120,max:500}},A=E;var T=t(33097),L=t.n(T),M=t(42907),R=t.n(M),D=t(22717),O=t.n(D),G=t(22616),z=t.n(G),U=t(76329),H=t(39835),V=t.n(H),Q=t(81014),W=t(36),K=t(76441),Y=t(69613),q=t.n(Y),$=t(56434),X=t.n($);const{Panel:J}=o.Collapse,Z=n=>{let{close:e,onConfirm:t,columns:r,config:i}=n;const[d,c]=(0,l.useState)(i||{}),[m,u]=(0,l.useState)(""),{leftFixedColumns:p,rightFixedColumns:h,visibleColumns:g,hiddenColumns:b}=(0,l.useMemo)((()=>O()(Object.assign({leftFixedColumns:[],rightFixedColumns:[],visibleColumns:[],hiddenColumns:[]},V()(r,(n=>"right"===n.fixed?"rightFixedColumns":!0===n.fixed||"left"===n.fixed?"leftFixedColumns":!0!==L()(d,"".concat(n.name,".visible"))&&n.hidden||!1===L()(d,"".concat(n.name,".visible"))?"hiddenColumns":"visibleColumns"))),((n,e,t)=>{n[t]=e.sort(((n,e)=>L()(d,"".concat(n.name,".rank"),0)-L()(d,"".concat(e.name,".rank"),0)))}),{})),[r,d]),y=n=>(0,x.jsxs)(x.Fragment,{children:[n.titleText||n.title||"\u672a\u547d\u540d\u5217",n.groupHeader&&n.groupHeader.length>0?"(".concat(n.groupHeader.map((n=>{let{title:e}=n;return e})).join("-"),")"):""]});return(0,x.jsxs)("div",{className:a["columns-control-content"],children:[(0,x.jsx)("div",{className:a["columns-control-content-title"],children:(0,x.jsxs)(o.Row,{align:"middle",justify:"space-between",children:[(0,x.jsx)(o.Col,{children:"\u7f16\u8f91\u8868\u683c"}),(0,x.jsx)(o.Col,{children:(0,x.jsx)(o.Tooltip,{title:"\u6062\u590d\u9ed8\u8ba4",children:(0,x.jsx)(Q.default,{type:"text",icon:(0,x.jsx)(f.default,{type:"icon-huifumorenshezhi"}),onClick:async()=>{t&&await t({}),e()}})})})]})}),(0,x.jsx)("div",{className:a["columns-control-content-scroller"],children:(0,x.jsxs)(o.Collapse,{defaultActiveKey:["active","un-active"],ghost:!0,bordered:!0,children:[(0,x.jsx)(J,{header:"\u663e\u793a\u7684\u4fe1\u606f",children:(0,x.jsxs)(o.List,{className:a["columns-control-content-list"],children:[p.map(((n,e)=>(0,x.jsx)(o.List.Item,{className:a["columns-control-content-item"],children:(0,x.jsx)(o.Checkbox,{checked:!0,disabled:!0,children:y(n)})},n.name||"left-".concat(e)))),(0,x.jsx)(K.ReactSortable,{list:g,filter:".ignore-elements",dragClass:a["sortable-drag"],ghostClass:a["sortable-ghost"],forceFallback:!0,setList:n=>{(n=>{const e=X()(d),t=[].concat(n.leftFixedColumns,n.visibleColumns,n.rightFixedColumns);(n.hiddenColumns||[]).forEach((n=>{q()(e,"".concat(n.name,".visible"),!1)})),t.forEach(((n,t)=>{q()(e,"".concat(n.name,".rank"),t+1)})),c(e)})({leftFixedColumns:p,visibleColumns:n,hiddenColumns:b,rightFixedColumns:h})},animation:300,delayOnTouchStart:!0,delay:2,children:g.map(((n,e)=>(0,x.jsxs)(o.List.Item,{className:s()(a["columns-control-content-item"],a["is-drag"]),children:[(0,x.jsx)(f.default,{type:"icon-paixu",className:a["columns-control-content-item-icon"]}),(0,x.jsx)(o.Checkbox,{checked:!0,disabled:n.fixed||p.length+g.length+h.length<=1,onChange:e=>{e.stopPropagation(),e.preventDefault();const t=Object.assign({},d);t[n.name]=Object.assign({},t[n.name],{visible:!1}),c(t)},children:y(n)})]},n.name||"visible-".concat(e))))}),h.map(((n,e)=>(0,x.jsx)(o.List.Item,{className:a["columns-control-content-item"],children:(0,x.jsx)(o.Checkbox,{checked:!0,disabled:!0,children:n.titleText||n.title||"\u672a\u547d\u540d\u5217"})},n.name||"right-".concat(e))))]})},"active"),(0,x.jsx)(J,{header:(0,x.jsxs)(o.Row,{wrap:!1,justify:"space-between",children:[(0,x.jsx)(o.Col,{children:"\u9690\u85cf\u7684\u4fe1\u606f"}),(0,x.jsx)(o.Col,{onClick:n=>{n.stopPropagation(),n.preventDefault()},children:(0,x.jsx)(W.SearchInput,{prefix:(0,x.jsx)(f.default,{type:"icon-sousuo",size:12}),placeholder:"\u641c\u7d22",onSearch:n=>{u(n)},className:a["columns-control-content-input"],size:"small"})})]}),children:(0,x.jsx)(o.List,{dataSource:b.filter((n=>"string"===typeof(n.titleText||n.title)&&(n.titleText||n.title).indexOf(m)>-1)),renderItem:n=>(0,x.jsx)(o.List.Item,{className:a["columns-control-content-item"],children:(0,x.jsx)(o.Checkbox,{checked:!1,onChange:e=>{e.stopPropagation(),e.preventDefault();const t=Object.assign({},d);t[n.name]=Object.assign({},t[n.name],{visible:!0}),c(t)},children:n.titleText||n.title||"\u672a\u547d\u540d\u5217"})},n.key)})},"un-active")]})}),(0,x.jsxs)(o.Row,{className:a["columns-control-content-footer"],justify:"end",gutter:10,children:[(0,x.jsx)(o.Col,{children:(0,x.jsx)(o.Button,{size:"small",onClick:()=>{c(i||{}),e()},children:"\u53d6\u6d88"})}),(0,x.jsx)(o.Col,{children:(0,x.jsx)(Q.default,{type:"primary",size:"small",onClick:async()=>{t&&await t(d),e()},children:"\u786e\u5b9a"})})]})]})};var nn=t(51941),en=t(19853),tn=t.n(en),an=t(21844),on=t.n(an);const ln=n=>{let{title:e,columns:t,config:r,setConfig:s}=n;const[i,d]=(0,l.useState)(!1);return(0,x.jsxs)(o.Row,{wrap:!1,children:[(0,x.jsx)(o.Col,{flex:1,children:e}),(0,x.jsx)(o.Col,{children:(0,x.jsx)(o.Popover,{open:i,onOpenChange:d,trigger:"click",placement:"bottomLeft",overlayClassName:a["columns-control-overlay"],content:(0,x.jsx)(Z,{columns:t,config:r,close:()=>{d(!1)},onConfirm:n=>{s((e=>O()(n,((n,t,a)=>{n[a]=Object.assign({},e[a],z()(t,["visible","rank"]))}),{})))}}),children:(0,x.jsx)("span",{className:a["table-changer-setting"],children:(0,x.jsx)(f.default,{type:"icon-shezhi"})})})})]})},rn=n=>{let{columns:e,name:t,controllerOpen:o,tableWidth:r}=n;const[i,d]=(0,l.useState)(null),c=(0,l.useRef)(i);c.current=i;const m=(0,l.useRef)(null),p=(0,l.useRef)(null),[h,g]=(0,l.useState)({}),{tableServerApis:b}=(0,U.usePreset)(),y=null===b||void 0===b?void 0:b.getDataApi(t),v=(0,nn.useDebouncedCallback)(((n,e)=>{null===b||void 0===b||b.setDataFunc(n,e)}),500),_=u()((n=>{(0,l.startTransition)((()=>{g((e=>{const a="function"===typeof n?n(e):n;return t&&o&&v(t,a),a}))}))})),{send:j}=(0,N.useFetch)(Object.assign({...Object.assign({},y),auto:!1,cache:"TABLE_CONFIG_".concat(t),isLocal:!0,onRequestSuccess:n=>{g(Object.assign({},n))}})),k=u()((()=>{t&&o&&y&&j({force:!1})}));(0,l.useEffect)((()=>{k()}),[k]);const I=(0,l.useMemo)((()=>e.filter((n=>!(!1===L()(h,"".concat(n.name,".visible"))||!0!==L()(h,"".concat(n.name,".visible"))&&!0===n.hidden))).sort(((n,e)=>{const t=n=>L()(h,"".concat(n.name,".rank"),0)+("left"===n.fixed?-1e4:0)+("right"===n.fixed?1e4:0);return t(n)-t(e)}))),[e,h]),S=(0,l.useMemo)((()=>on()(I,(n=>{let{type:e}=n;return"options"!==e}))),[I]),F=(0,l.useMemo)((()=>R()(I,(n=>{let{type:e,name:t}=n;return L()(h,"".concat(t,".width"))||A[e].width}))),[I,h]),C=n=>{let{width:e,index:t}=n;return S===t?e+Math.max(r-F-2,0):e},P=u()(((n,e)=>(0,x.jsx)("span",{className:s()(a["cell-resize-bar"]),onMouseDown:t=>{m.current=Object.assign({},n,{index:e}),p.current=t.clientX,d(e)},children:(0,x.jsx)(f.default,{type:"icon-paixu"})}))),w=u()((n=>{if(null===i)return;if(!m.current)return;const{name:e,width:t,min:a,max:o,index:l}=m.current,r=Math.min(Math.max(t+n,a),o);r<C({width:a,index:l})||_((n=>Object.assign({},n,{[e]:Object.assign({},n[e],{width:r})})))})),B=u()(((n,t)=>{const{name:o,width:l,min:r,max:i}=n;let d=n;t===I.length-1&&(d=Object.assign({},n,{className:"has-config-btn",title:(0,x.jsx)(ln,{title:null===n||void 0===n?void 0:n.title,columns:e,config:h,setConfig:_})}));const m=()=>({className:s()({[a["is-moving"]]:c.current===t})}),u=Math.min(Math.max(L()(h,"".concat(o,".width"))||l,r),i),p=C({width:u,index:t});return Object.assign({},d,{onHeaderCell:m,onCell:m,width:p,shouldCellUpdate:(e,a)=>null===c.current||c.current===t||"hideInfo"===n.type||!tn()(e[n.name],a[n.name]),title:(0,x.jsxs)(x.Fragment,{children:[d.title,!(p>u&&p>i)&&P(Object.assign({},d,{width:p}),t)]})})}));return(0,l.useEffect)((()=>{const n=()=>{d(null),p.current=null,m.current=null},e=n=>{null!==c.current&&null!==m.current&&(null!==p.current?w(n.clientX-p.current):p.current=n.clientX)};return document.documentElement.addEventListener("mouseup",n,!0),document.documentElement.addEventListener("mousemove",e,!0),()=>{document.documentElement.removeEventListener("mouseup",n,!0),document.documentElement.removeEventListener("mousemove",e,!0)}}),[w]),{visibleColumns:I,currentMoveColumnIndex:i,resizeBarRender:P,columnsConfig:h,totalWidth:F,computedColumnProps:B}};var sn=t(79686),dn=t.n(sn),cn=t(15797),mn=t.n(cn);const un=n=>{let{rowKey:e,renderProps:t}=n;const[a,o]=(0,l.useState)(null),r=(0,l.useRef)(t);r.current=t;const s=u()(((n,t,l)=>{let{columnsConfig:s}=l;const{name:i,type:d,expandType:c,title:m,titleRender:u,fixed:p,emptyOf:h,emptyRender:g,groupHeader:f,sort:b,disableColItem:x,...y}=n,{render:v,width:_,min:j,max:N}=Object.assign({},A[d],"hideInfo"===d&&!dn()(a)&&z()(A[c||"other"],["width","min","max"])),k=mn()(v);return{name:i,title:"function"===typeof u?u(m):m,min:j,max:N,width:_,fixed:p,groupHeader:f,sort:b,type:d,render:t=>{const l="function"===typeof e?e(t):t[e],d=Object.assign({},n,"function"===typeof n.render?n.render({...r.current,name:i,target:t}):{}),c=n=>{const e=(h||(n=>""===n||void 0===n||null===n))(n);return k(n,{...y,name:i,width:L()(s,"".concat(i,".width"))||_,min:j,max:N,isEmpty:e,emptyRender:g,hover:d.hover,colValue:t,renderProps:r.current,primary:d.primary,ellipsis:d.ellipsis,expand:a===l,onExpand:()=>o(l)})},m=d.hasOwnProperty("valueOf")&&"function"===typeof d.valueOf?d.valueOf(t,Object.assign({},r.current,{name:i},x?{targetRender:c}:{})):L()(t,i);return x?m:c(m)}}}));return{expandInfo:a,computedColumnProps:s}},pn=n=>(0,l.useMemo)((()=>{const e=n.filter((n=>n.groupHeader&&n.groupHeader.length>0));if(e.length>0){const t=n.slice(0),a=[],o=n=>{const{groupHeader:e}=n;if(!(e&&e.length>0))return;const o=t.indexOf(n),l=(e,t)=>{const[a,...r]=e;let s=t.find((n=>n.name===a.name));s||(s=Object.assign({startIndex:o},a,{children:[]}),t.push(s)),r.length>0?l(r,s.children):s.children.push(n)};l(e,a),t.splice(o,1)};return e.forEach(o),a.forEach(((n,e)=>{t.splice(n.startIndex+e,0,n)})),{columns:t,hasGroupHeader:!0}}return{columns:n,hasGroupHeader:!1}}),[n]);var hn=t(10986),gn=t.n(hn),fn=t(41740),bn=t.n(fn);const xn=n=>new Map((n||[]).map((n=>{let{name:e,sort:t}=n;return[e,t]}))),yn=n=>{const[e,t]=gn()(n,{value:"sort",defaultValue:"defaultSort",onChange:"onSortChange"}),o=(0,l.useMemo)((()=>xn(e)),[e]),r=(0,l.useCallback)((n=>t((e=>{const t=n(xn(e));return Array.from(t).map((n=>{let[e,t]=n;return{name:e,sort:t}}))}))),[t]);return(0,l.useCallback)((n=>{let{single:e,name:t}=n;return(0,x.jsxs)("div",{className:s()(a["sort-btn"],{[a["sort-active-desc"]]:"DESC"===o.get(t),[a["sort-active-asc"]]:"ASC"===o.get(t)}),onClick:()=>{r((n=>{const a=n.get(t),o="DESC"===a?"ASC":"ASC"===a?null:"DESC";if(e)return new Map(o?[[t,o]]:[]);const l=bn()(n);return o?l.set(t,o):l.delete(t),l}))},children:[(0,x.jsx)(f.default,{type:"icon-triangle-up",className:a["sort-icon"]}),(0,x.jsx)(f.default,{type:"icon-triangle-down",className:a["sort-icon"]})]})}),[o,r])},vn=n=>{let{columns:e,className:t,getScrollEl:r,sticky:d,stickyOffset:m,pagination:p,columnRenderProps:h,rowKey:g,dataSource:f,controllerOpen:b,name:y,summary:v,scroll:_,onTablePropsReady:j,...N}=n;const[k,I]=(0,l.useState)(0),[S,F]=(0,l.useState)(!0);(0,l.useEffect)((()=>{k&&setTimeout((()=>{F(!1)}),0)}),[k]);(0,l.useRef)(h).current=h;const C=(0,c.A)((n=>{I(n.clientWidth)}),{isDebounce:!0}),{expandInfo:P,computedColumnProps:w}=un({rowKey:g,renderProps:h}),{columnsConfig:B,visibleColumns:E,computedColumnProps:A,currentMoveColumnIndex:T,totalWidth:L}=rn({columns:e,controllerOpen:b,name:y,computedColumnProps:w,tableWidth:k}),M=yn(N),R=(0,l.useMemo)((()=>E.map(((n,e)=>{let t=w(n,e,{rowKey:g,expandInfo:P,columnsConfig:B});return t.sort&&"options"!==n.type&&(t=Object.assign({},t,{title:(0,x.jsxs)(x.Fragment,{children:[t.title,M({name:n.name,single:"object"!==typeof t.sort||t.sort.single})]})})),b&&(t=A(t,e,{tableWidth:k,columnsConfig:B})),t}))),[E,k,B,P,g,b,w,A,M]),{columns:D,hasGroupHeader:O}=pn(R),G=u()(j);return(0,l.useEffect)((()=>{G&&G({columns:e,groupColumns:D,dataSource:f,visibleColumns:E})}),[G,D,f,e,E]),(0,x.jsx)("div",{className:s()(t,a.table,{[a["is-resize"]]:null!==T,[a["is-computed"]]:S,[a["has-group-header"]]:O}),ref:C,style:{"--sticky-offset":m},children:!S&&(0,x.jsx)(i.A,{className:"table-page-scroller",scroller:{getContainer:r},getScrollTarget:n=>n.querySelector(".ant-table-body")||n.querySelector(".ant-table-content"),children:(0,x.jsx)(o.Table,{...N,sticky:!!d&&{getContainer:r},dataSource:f,rowKey:g,columns:D,scroll:Object.assign({},{x:Math.max(k,L)},_),pagination:p,summary:"function"===typeof v?function(n){for(var e=arguments.length,t=new Array(e>1?e-1:0),a=1;a<e;a++)t[a-1]=arguments[a];return v(Object.assign({},{pageData:n},{columns:D}),...t)}:null})})})};vn.defaultProps={controllerOpen:!0,rowKey:"id",getScrollEl:d.h,columnRenderProps:{},sticky:!1,stickyOffset:"var(--nav-height)",pagination:!1};const _n=vn;var jn=t(63361);const Nn=n=>({"en-US":()=>t.e(399).then(t.bind(t,80399)),"zh-CN":()=>t.e(9809).then(t.bind(t,59809))}[n]());var kn=t(58609),In=t(25644);const Sn=n=>{let{id:e,columns:t,children:a}=n;return e?(0,x.jsx)(jn.default,{id:e,children:n=>{let{options:e}=n;return a({columns:t.filter((n=>!n.name||(!Array.isArray(L()(e,"hiddenColumns"))||-1===e.hiddenColumns.indexOf(n.name))))})}}):a({columns:t})},Fn=(0,N.withFetch)((n=>{let{data:e,refresh:t,reload:o,requestParams:r,fetchProps:i,isComplete:c,setData:m,loadMore:p,send:h,dataFormat:g,className:f,featureId:b,columns:y,getColumns:v,pagination:_,columnRenderProps:j,summary:N,...k}=n;const I=u()(g),S=(0,l.useMemo)((()=>I(e)),[e,I]),F={dataSource:S.list,pagination:!!_.open&&{total:S.total,showTotal:n=>(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(kn.FormattedMessage,{id:"Page_Total",moduleName:"Table",defaultMessage:"\u5171"}),(0,x.jsx)("span",{className:a.total_text,children:n}),(0,x.jsx)(kn.FormattedMessage,{id:"Page_TotalCount",moduleName:"Table",defaultMessage:"\u6761"})]}),current:L()(r,[_.paramsType,_.currentName],1),pageSize:_.pageSize,onChange:_.onChange?_.onChange:(n,e)=>{n!==L()(r,[_.paramsType,_.currentName],1)?("refresh"===_.requestType?t:o)({[_.paramsType]:{[_.currentName]:n,[_.pageSizeName]:e}}):_.onShowSizeChange&&_.onShowSizeChange(n,e),(0,d.h)().scrollTop=0},size:_.size,showSizeChanger:_.showSizeChanger,showQuickJumper:_.showQuickJumper}};return(0,x.jsx)(kn.IntlProvider,{importMessages:Nn,moduleName:"Table",children:(0,x.jsx)(Sn,{id:b,columns:y,children:n=>{let{columns:a}=n;return(0,x.jsx)(_n,{...Object.assign({},k,F),className:s()(f,"loading-container",{"is-loading":!c}),columns:a,columnRenderProps:{...j,requestParams:r,fetchProps:i,data:e},summary:"function"===typeof N?function(){for(var n=arguments.length,a=new Array(n),l=0;l<n;l++)a[l]=arguments[l];return N(Object.assign({},{data:e,fetchProps:i,requestParams:r,refresh:t,reload:o,loadMore:p,send:h,dataFormat:g,pagination:_},...a))}:null})}})})}));Fn.defaultProps={pagination:{},columnRenderProps:{},sticky:!0,dataFormat:n=>({list:n.pageData,total:n.totalCount})};const Cn=(0,l.forwardRef)(((n,e)=>{let{pagination:t,...a}=n;t=Object.assign({},{showSizeChanger:!0,showQuickJumper:!0,open:!0,paramsType:"data",requestType:"reload",currentName:"currentPage",pageSizeName:"perPage",pageSize:20},t);const o="".concat((a.name||"common").toUpperCase(),"_TABLE_PAGE_SIZE"),[r,s]=(0,l.useState)(In.A.getItem(o)||t.pageSize),i=a[t.paramsType],d=(0,l.useMemo)((()=>({[t.paramsType]:Object.assign({},i,{[t.pageSizeName]:r})})),[i,t.pageSizeName,t.paramsType,r]);return(0,x.jsx)(Fn,{...a,...d,pagination:Object.assign({},t,{pageSize:r,onShowSizeChange:(n,e)=>{In.A.setItem(o,e),s(e)}}),ref:e})}))},21554:(n,e,t)=>{"use strict";t.r(e),t.d(e,{TooltipFetch:()=>P,TooltipInfoLabel:()=>I,default:()=>N});var a=t(55199),o=t(83136),l=t.n(o);const r="style_tooltip__zHGMI__oxjro",s="style_large__lvmsm__oxjro",i="style_small__nUt0r__oxjro",d="style_popup-content__-rKQN__oxjro",c="style_title__1EQPq__oxjro",m="style_important-info__qTSZY__oxjro",u="style_error__yTTq3__oxjro",p="style_warning__CMJxz__oxjro",h="style_success__AvJVx__oxjro",g="style_sub-title__uD8CH__oxjro",f="style_content__lzgUz__oxjro",b="style_alone__q6q82__oxjro",x="style_fetch-content__tEOEV__oxjro",y="style_fetch-loading__tN-WB__oxjro",v="style_title-info-icon__iY8Q+__oxjro";var _=t(70579);const j=n=>{let{overlayClassName:e,title:t,size:o,subtitle:x,content:y,importantInfo:v,importantInfoType:j,moreInfo:N,...k}=n;return(0,_.jsx)(a.Tooltip,{...k,overlayClassName:l()(e,r,{[i]:"small"===o,[s]:"large"===o}),title:(0,_.jsxs)(a.Space,{direction:"vertical",className:d,children:[t&&(0,_.jsx)("div",{className:c,children:t}),v&&(0,_.jsx)("div",{className:l()(m,{[h]:"success"===j,[p]:"warning"===j,[u]:"error"===j}),children:v}),x&&(0,_.jsx)("div",{className:g,children:x}),y&&(0,_.jsx)("div",{className:l()(f,{[b]:[t,x,v,N].every((n=>!n))}),children:y}),N&&(0,_.jsx)("div",{children:N})]})})};j.defaultProps={};const N=j;var k=t(64671);const I=n=>{let{title:e,tooltipTitle:t}=n;return(0,_.jsxs)("div",{children:[e,t?(0,_.jsx)(N,{...t,children:(0,_.jsx)("span",{children:(0,_.jsx)(k.default,{type:"icon-xinxi-miaobian",className:v,size:14})})}):null]})};var S=t(73884),F=t(87558);const C=n=>{let{api:e,children:t,fetchContent:o,showLoading:r,loadingClassName:s,force:i,...d}=n;const[c,m]=(0,S.useState)(!1),u=(0,F.useFetch)(Object.assign({},e,{auto:!1})),{isComplete:p,isLoading:h,data:g,send:f}=u;return(0,_.jsx)(N,{...Object.assign({},d,p?o(g,u):{}),open:c,onOpenChange:async n=>{!n||p&&!i||await f({type:"refresh"}),m(n)},children:(0,_.jsxs)("span",{className:x,children:[t,r&&h?(0,_.jsx)(a.Spin,{size:"small",className:l()(s,y)}):null]})})};C.defaultProps={showLoading:!0};const P=C},47094:(n,e,t)=>{"use strict";t.d(e,{A:()=>a});const a={"form-outer":"style_form-outer__IWUs0__oxjro","form-drawer":"style_form-drawer__uYDXS__oxjro","table-list":"style_table-list__6lp-A__oxjro","list-item":"style_list-item__hVzQa__oxjro","table-list-inner":"style_table-list-inner__uc8DK__oxjro","table-list-field":"style_table-list-field__JSJfB__oxjro","table-list-header":"style_table-list-header__KXvKa__oxjro","is-req":"style_is-req__LfXQf__oxjro","table-list-extra":"style_table-list-extra__faYTK__oxjro","list-btn":"style_list-btn__WKYkm__oxjro","form-info":"style_form-info__B8bAP__oxjro","list-part":"style_list-part__Ld0GA__oxjro","is-important":"style_is-important__vaBk1__oxjro","list-item-part":"style_list-item-part__MzKP7__oxjro","money-input":"style_money-input__J86Pb__oxjro","money-description":"style_money-description__Gz3p7__oxjro","components-upload-wrapper":"style_components-upload-wrapper__Ir0gz__oxjro","textarea-wrapped-component":"style_textarea-wrapped-component__r1oKc__oxjro","helper-guide-field":"style_helper-guide-field__Wke3w__oxjro","error-tip-overlay":"style_error-tip-overlay__aNCGc__oxjro","error-tip-overlay-content":"style_error-tip-overlay-content__kDOoQ__oxjro","column-not-layout":"style_column-not-layout__+SXC+__oxjro","mult-field-item":"style_mult-field-item__eS0nJ__oxjro","first-item":"style_first-item__fLirI__oxjro","mult-field-add-btn":"style_mult-field-add-btn__5Baxz__oxjro"}},70704:n=>{"use strict";n.exports=JSON.parse('{"id":1,"coId":1,"name":"\u6d88\u606f\u7b80\u4f53","parentId":0,"enName":"xiaoxijianti","leaf":false,"children":[{"id":428,"coId":1,"name":"a\u6d4b\u8bd5\u90e8\u95e801","parentId":1,"enName":"Test BU1","leaf":false,"children":[{"id":430,"coId":1,"name":"01\u5f00\u53d1\u90e8","parentId":428,"enName":null,"leaf":true,"children":[]},{"id":431,"coId":1,"name":"01\u6d4b\u8bd5\u90e8","parentId":428,"enName":"Test bu-01","leaf":false,"children":[{"id":432,"coId":1,"name":"01\u81ea\u52a8\u5316\u90e8","parentId":431,"enName":null,"leaf":false,"children":[{"id":434,"coId":1,"name":"02UI\u81ea\u52a8\u5316","parentId":432,"enName":null,"leaf":false,"children":[{"id":485,"coId":1,"name":"\u4ee3\u7801\u7f16\u5199\u5458","parentId":434,"enName":null,"leaf":true,"children":[]},{"id":484,"coId":1,"name":"\u81ea\u52a8\u5316\u6846\u67b6\u642d\u5efa\u5458","parentId":434,"enName":null,"leaf":true,"children":[]}]}]}]}]},{"id":429,"coId":1,"name":"a\u6d4b\u8bd5\u90e8\u95e802","parentId":1,"enName":"YYY","leaf":false,"children":[{"id":483,"coId":1,"name":"\u5f00\u53d1\u7ec4","parentId":429,"enName":null,"leaf":true,"children":[]},{"id":482,"coId":1,"name":"\u6d4b\u8bd5\u90e8","parentId":429,"enName":null,"leaf":true,"children":[]}]},{"id":184,"coId":1,"name":"\u4e0a\u6d77a","parentId":1,"enName":"shanghai","leaf":true,"children":[]},{"id":78,"coId":1,"name":"\u4e8b\u4e1a\u4e00\u90e8","parentId":1,"enName":"shiyeyibu","leaf":false,"children":[{"id":89,"coId":1,"name":"RPO-\u5e7f\u5dde","parentId":78,"enName":null,"leaf":true,"children":[]},{"id":90,"coId":1,"name":"RPO-\u82cf\u5dde","parentId":78,"enName":null,"leaf":true,"children":[]},{"id":83,"coId":1,"name":"\u4e0a\u6d77-\u5de5\u4e1a\u5236\u9020","parentId":78,"enName":null,"leaf":true,"children":[]},{"id":82,"coId":1,"name":"\u4e0a\u6d77-\u6570\u5b57\u79d1\u6280","parentId":78,"enName":null,"leaf":true,"children":[]}]},{"id":80,"coId":1,"name":"\u4e8b\u4e1a\u4e09\u90e8","parentId":1,"enName":null,"leaf":false,"children":[{"id":93,"coId":1,"name":"RPO-\u5317\u4eac-\u56e2\u961f2","parentId":80,"enName":null,"leaf":true,"children":[]},{"id":92,"coId":1,"name":"\u5317\u4eac-\u9ad8\u79d1\u6280\u53ca\u4e92\u8054\u7f51","parentId":80,"enName":null,"leaf":true,"children":[]}]},{"id":79,"coId":1,"name":"\u4e8b\u4e1a\u4e8c\u90e8","parentId":1,"enName":null,"leaf":false,"children":[{"id":88,"coId":1,"name":"PRO-\u5de5\u4e1a\u5236\u9020","parentId":79,"enName":null,"leaf":true,"children":[]},{"id":87,"coId":1,"name":"PRO-\u751f\u547d\u79d1\u5b66-\u56e2\u961f2","parentId":79,"enName":null,"leaf":true,"children":[]},{"id":91,"coId":1,"name":"RPO-\u5feb\u6d88\u96f6\u552e","parentId":79,"enName":null,"leaf":true,"children":[]},{"id":86,"coId":1,"name":"RPO-\u751f\u547d\u79d1\u5b66","parentId":79,"enName":null,"leaf":true,"children":[]},{"id":85,"coId":1,"name":"\u4e0a\u6d77-\u91d1\u878d","parentId":79,"enName":null,"leaf":true,"children":[]},{"id":84,"coId":1,"name":"\u4e0a\u6d77-\u96f6\u552e","parentId":79,"enName":null,"leaf":true,"children":[]}]},{"id":173,"coId":1,"name":"\u5ba1\u6279\u6d41\u90e8\u95e8","parentId":1,"enName":null,"leaf":false,"children":[{"id":176,"coId":1,"name":"GM","parentId":173,"enName":null,"leaf":true,"children":[]},{"id":175,"coId":1,"name":"VP","parentId":173,"enName":null,"leaf":true,"children":[]},{"id":174,"coId":1,"name":"\u51fa\u7eb3","parentId":173,"enName":null,"leaf":true,"children":[]},{"id":180,"coId":1,"name":"\u6284\u9001\u4eba","parentId":173,"enName":null,"leaf":true,"children":[]},{"id":178,"coId":1,"name":"\u6cd5\u52a1","parentId":173,"enName":null,"leaf":true,"children":[]},{"id":177,"coId":1,"name":"\u8d22\u52a1\u5206\u6790","parentId":173,"enName":null,"leaf":true,"children":[]},{"id":179,"coId":1,"name":"\u9ed8\u8ba4\u5ba1\u6279\u4eba","parentId":173,"enName":null,"leaf":true,"children":[]}]},{"id":81,"coId":1,"name":"\u6570\u5b57\u5316\u56e2\u961f","parentId":1,"enName":"Shu Zi-Hua","leaf":false,"children":[{"id":201,"coId":1,"name":"\u6d4b\u8bd5\u56e2\u961f","parentId":81,"enName":"ceshi---","leaf":true,"children":[]}]},{"id":103,"coId":1,"name":"\u661f\u8fb0\u6c34","parentId":1,"enName":null,"leaf":false,"children":[{"id":106,"coId":1,"name":"\u661f\u8fb0\u4e00\u90e8","parentId":103,"enName":null,"leaf":true,"children":[]},{"id":111,"coId":1,"name":"\u661f\u8fb0\u4e09\u90e8","parentId":103,"enName":null,"leaf":true,"children":[]},{"id":107,"coId":1,"name":"\u661f\u8fb0\u4e8c\u90e8","parentId":103,"enName":null,"leaf":true,"children":[]},{"id":151,"coId":1,"name":"\u661f\u8fb0\u56db\u90e8","parentId":103,"enName":null,"leaf":true,"children":[]}]},{"id":101,"coId":1,"name":"\u667a\u6167\u661f","parentId":1,"enName":null,"leaf":false,"children":[{"id":104,"coId":1,"name":"\u667a\u6167\u4e00\u90e8","parentId":101,"enName":null,"leaf":false,"children":[{"id":150,"coId":1,"name":"\u667a\u6167\u4e00\u90e8-\u6708\u4eae\u661f","parentId":104,"enName":null,"leaf":true,"children":[]}]},{"id":109,"coId":1,"name":"\u667a\u6167\u4e09\u90e8","parentId":101,"enName":null,"leaf":true,"children":[]},{"id":105,"coId":1,"name":"\u667a\u6167\u4e8c\u90e8","parentId":101,"enName":null,"leaf":true,"children":[]}]},{"id":182,"coId":1,"name":"\u667a\u80fd\u540e\u53f0\uff08\u4e0a\u6d77\uff09","parentId":1,"enName":null,"leaf":true,"children":[]},{"id":181,"coId":1,"name":"\u7ba1\u7406\u4e2d\u5fc3","parentId":1,"enName":null,"leaf":true,"children":[]},{"id":194,"coId":1,"name":"\u81ea\u52a8\u5316\u90e8\u95e8","parentId":1,"enName":null,"leaf":true,"children":[]}]}')}}]);
+//# sourceMappingURL=3174.9ed3d7f2.chunk.js.map