npm - @uiw/doc - Versions diffs - 5.0.0-bate-0 → 5.0.0-bate-3 - Mend

@uiw/doc 5.0.0-bate-0 → 5.0.0-bate-3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (328) hide show

package/web/static/js/498.536d1042.chunk.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[498],{498:function(e,n,l){l.r(n),n.default={components:{18:function(){var e,n=(e=l(8133))&&e.__esModule?e:{default:e},a=l(968);return function(){var e=[{label:"\u4e0a\u6d77\u5e02",value:1,children:[{label:"\u5f90\u6c47\u533a",value:4,children:[{label:"\u534a\u6dde\u56ed\u8def\u8857\u9053",value:6},{label:"\u5357\u4eac\u4e1c\u8def\u8857\u9053",value:7},{label:"\u5916\u6ee9\u8857\u9053",value:8}]}]},{label:"\u5317\u4eac\u5e02",value:9,children:[{label:"\u5d07\u6587\u533a",value:12,children:[{label:"\u4e1c\u82b1\u5e02\u8857\u9053",value:13},{label:"\u4f53\u80b2\u9986\u8def\u8857\u9053",value:14},{label:"\u524d\u95e8\u8857\u9053",value:15}]}]}];return n.default.createElement(a.Row,null,n.default.createElement(a.Row,null,n.default.createElement(a.Cascader,{style:{width:200},allowClear:!0,placeholder:"\u8bf7\u9009\u62e9",value:[1,4,7],option:e,onChange:function(e,n){return console.log(e,n)}})),n.default.createElement(a.Row,{style:{marginLeft:20}},n.default.createElement(a.Cascader,{style:{width:200},allowClear:!0,placeholder:"\u8bf7\u9009\u62e9",value:[1,4,7],disabled:!0,option:e,onChange:function(e,n){return console.log(e,n)}})))}}(),88:function(){var e,n=(e=l(8133))&&e.__esModule?e:{default:e},a=l(968);return function(){var e=[{label:"\u5c3a\u5bf8",value:1,children:[{label:"size",value:2,children:[{label:"\u5c0f\u5c3a\u5bf8",value:3},{label:"\u9ed8\u8ba4\u5c3a\u5bf8",value:4},{label:"\u5927\u5c3a\u5bf8",value:5}]}]}];return n.default.createElement(a.Row,{style:{flexDirection:"column"}},n.default.createElement(a.Cascader,{style:{width:150},value:[1,2,3],option:e,size:"small"}),n.default.createElement(a.Cascader,{style:{width:175,marginTop:10},value:[1,2,4],option:e}),n.default.createElement(a.Cascader,{style:{width:200,marginTop:10},value:[1,2,5],option:e,size:"large"}))}}(),138:function(){var e,n=(e=l(8133))&&e.__esModule?e:{default:e},a=l(968);return function(){return n.default.createElement(a.Cascader,{style:{width:200},allowClear:!0,placeholder:"\u8bf7\u9009\u62e9",value:[1,4,7],option:[{label:"\u4e0a\u6d77\u5e02",value:1,children:[{label:"\u5f90\u6c47\u533a",value:4,children:[{label:"\u534a\u6dde\u56ed\u8def\u8857\u9053",value:6},{label:"\u5357\u4eac\u4e1c\u8def\u8857\u9053",value:7},{label:"\u5916\u6ee9\u8857\u9053",value:8}]}]},{label:"\u5317\u4eac\u5e02",value:9,children:[{label:"\u5d07\u6587\u533a",value:12,children:[{label:"\u4e1c\u82b1\u5e02\u8857\u9053",value:13},{label:"\u4f53\u80b2\u9986\u8def\u8857\u9053",value:14},{label:"\u524d\u95e8\u8857\u9053",value:15}]}]}],onChange:function(e,n){return console.log(e,n)},onSearch:function(e){return console.log("text",e)}})}}(),194:function(){var e,n=(e=l(8133))&&e.__esModule?e:{default:e},a=l(968);return function(){return n.default.createElement(a.Row,{style:{flexDirection:"column"}},n.default.createElement(a.Cascader,{style:{width:200},expandTrigger:"hover",allowClear:!0,placeholder:"\u8bf7\u9009\u62e9",value:[1,4,7],option:[{label:"\u4e0a\u6d77\u5e02",value:1,children:[{label:"\u5f90\u6c47\u533a",value:4,children:[{label:"\u534a\u6dde\u56ed\u8def\u8857\u9053",value:6},{label:"\u5357\u4eac\u4e1c\u8def\u8857\u9053",value:7},{label:"\u5916\u6ee9\u8857\u9053",value:8}]}]},{label:"\u5317\u4eac\u5e02",value:9,children:[{label:"\u5d07\u6587\u533a",value:12,children:[{label:"\u4e1c\u82b1\u5e02\u8857\u9053",value:13},{label:"\u4f53\u80b2\u9986\u8def\u8857\u9053",value:14},{label:"\u524d\u95e8\u8857\u9053",value:15}]}]}],onChange:function(e,n){return console.log(e,n)},onSearch:!0}))}}(),255:function(){var e,n=(e=l(8133))&&e.__esModule?e:{default:e},a=l(968);function r(e,n){var l=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);n&&(a=a.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),l.push.apply(l,a)}return l}function t(e,n,l){return n in e?Object.defineProperty(e,n,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[n]=l,e}return function(){return n.default.createElement("div",null,n.default.createElement(a.Form,{onSubmitError:function(e){return e.filed?function(e){for(var n=1;n<arguments.length;n++){var l=null!=arguments[n]?arguments[n]:{};n%2?r(Object(l),!0).forEach((function(n){t(e,n,l[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(l)):r(Object(l)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(l,n))}))}return e}({},e.filed):null},onSubmit:function(e){e.initial;var n=e.current,l={};if(n.selectField\|\|(l.selectField="\u9ed8\u8ba4\u9700\u8981\u9009\u62e9\u5185\u5bb9\uff0c\u9009\u62e9\u5165\u5185\u5bb9"),Object.keys(l).length>0){var a=new Error;throw a.filed=l,Notify.error({title:"\u63d0\u4ea4\u5931\u8d25\uff01",description:"\u8bf7\u786e\u8ba4\u63d0\u4ea4\u8868\u5355\u662f\u5426\u6b63\u786e\uff01"}),a}Notify.success({title:"\u63d0\u4ea4\u6210\u529f\uff01",description:"\u8868\u5355\u63d0\u4ea4\u6210\u529f\uff0c\u9009\u62e9\u503c\u4e3a\uff1a".concat(n.selectField,"\uff0c\u5c06\u81ea\u52a8\u586b\u5145\u521d\u59cb\u5316\u503c\uff01")})},fields:{cascader:{initialValue:[1,4,7],children:n.default.createElement(a.Cascader,{allowClear:!0,onSearch:!0,placeholder:"\u8bf7\u9009\u62e9",option:[{label:"\u4e0a\u6d77\u5e02",value:1,children:[{label:"\u5f90\u6c47\u533a",value:4,children:[{label:"\u534a\u6dde\u56ed\u8def\u8857\u9053",value:6},{label:"\u5357\u4eac\u4e1c\u8def\u8857\u9053",value:7},{label:"\u5916\u6ee9\u8857\u9053",value:8}]}]},{label:"\u5317\u4eac\u5e02",value:9,children:[{label:"\u5d07\u6587\u533a",value:12,children:[{label:"\u4e1c\u82b1\u5e02\u8857\u9053",value:13},{label:"\u4f53\u80b2\u9986\u8def\u8857\u9053",value:14},{label:"\u524d\u95e8\u8857\u9053",value:15}]}]}],onChange:function(e,n){return console.log(e,n)}})}}},(function(e){var l=e.fields,r=e.state,t=e.canSubmit;return n.default.createElement("div",null,n.default.createElement(a.Row,null,n.default.createElement(a.Col,{fixed:!0,style:{width:200}},l.cascader)),n.default.createElement(a.Row,null,n.default.createElement(a.Col,{fixed:!0},n.default.createElement(a.Button,{disabled:!t(),type:"primary",htmlType:"submit"},"\u63d0\u4ea4"))),n.default.createElement(a.Row,null,n.default.createElement(a.Col,null,n.default.createElement("pre",{style:{padding:10,marginTop:10}},JSON.stringify(r.current,null,2)))))})))}}()},data:{18:{name:18,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar Demo = function Demo() {\n var options = [{\n label: \'\u4e0a\u6d77\u5e02\',\n value: 1,\n children: [{\n label: \'\u5f90\u6c47\u533a\',\n value: 4,\n children: [{\n label: \'\u534a\u6dde\u56ed\u8def\u8857\u9053\',\n value: 6\n }, {\n label: \'\u5357\u4eac\u4e1c\u8def\u8857\u9053\',\n value: 7\n }, {\n label: \'\u5916\u6ee9\u8857\u9053\',\n value: 8\n }]\n }]\n }, {\n label: \'\u5317\u4eac\u5e02\',\n value: 9,\n children: [{\n label: \'\u5d07\u6587\u533a\',\n value: 12,\n children: [{\n label: \'\u4e1c\u82b1\u5e02\u8857\u9053\',\n value: 13\n }, {\n label: \'\u4f53\u80b2\u9986\u8def\u8857\u9053\',\n value: 14\n }, {\n label: \'\u524d\u95e8\u8857\u9053\',\n value: 15\n }]\n }]\n }];\n return /#__PURE__/_react["default"].createElement(_uiw.Row, null, /#__PURE__/_react["default"].createElement(_uiw.Row, null, /#__PURE__/_react["default"].createElement(_uiw.Cascader, {\n style: {\n width: 200\n },\n allowClear: true,\n placeholder: "\\u8BF7\\u9009\\u62E9",\n value: [1, 4, 7],\n option: options,\n onChange: function onChange(value, seleteds) {\n return console.log(value, seleteds);\n }\n })), /#__PURE__/_react["default"].createElement(_uiw.Row, {\n style: {\n marginLeft: 20\n }\n }, /#__PURE__/_react["default"].createElement(_uiw.Cascader, {\n style: {\n width: 200\n },\n allowClear: true,\n placeholder: "\\u8BF7\\u9009\\u62E9",\n value: [1, 4, 7],\n disabled: true,\n option: options,\n onChange: function onChange(value, seleteds) {\n return console.log(value, seleteds);\n }\n })));\n};\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Cascader,Row } from 'uiw';\n\nconst Demo = () => {\n\n const options = [\n {\n label: '\u4e0a\u6d77\u5e02',\n value: 1,\n children: [\n {\n label: '\u5f90\u6c47\u533a',\n value: 4,\n children: [\n { label: '\u534a\u6dde\u56ed\u8def\u8857\u9053', value: 6 },\n { label: '\u5357\u4eac\u4e1c\u8def\u8857\u9053', value: 7 },\n { label: '\u5916\u6ee9\u8857\u9053', value: 8 },\n ]\n },\n ]\n },\n {\n label: '\u5317\u4eac\u5e02',\n value: 9,\n children: [\n {\n label: '\u5d07\u6587\u533a',\n value: 12,\n children: [\n { label: '\u4e1c\u82b1\u5e02\u8857\u9053', value: 13 },\n { label: '\u4f53\u80b2\u9986\u8def\u8857\u9053', value: 14 },\n { label: '\u524d\u95e8\u8857\u9053', value: 15 },\n ]\n },\n ]\n },\n ];\n\n return (\n <Row>\n <Row>\n <Cascader\n style={{ width:200 }}\n allowClear={true}\n placeholder=\"\u8bf7\u9009\u62e9\"\n value={[1, 4, 7]}\n option={options}\n onChange={(value, seleteds) => console.log(value, seleteds)}\n />\n </Row>\n <Row style={{ marginLeft: 20 }}>\n <Cascader\n style={{ width:200 }}\n allowClear={true}\n placeholder=\"\u8bf7\u9009\u62e9\"\n value={[1, 4, 7]}\n disabled={true}\n option={options}\n onChange={(value, seleteds) => console.log(value, seleteds)}\n />\n </Row>\n </Row>\n )\n};\nexport default Demo"},88:{name:88,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar Demo = function Demo() {\n var options = [{\n label: \'\u5c3a\u5bf8\',\n value: 1,\n children: [{\n label: \'size\',\n value: 2,\n children: [{\n label: \'\u5c0f\u5c3a\u5bf8\',\n value: 3\n }, {\n label: \'\u9ed8\u8ba4\u5c3a\u5bf8\',\n value: 4\n }, {\n label: \'\u5927\u5c3a\u5bf8\',\n value: 5\n }]\n }]\n }];\n return /#__PURE__/_react["default"].createElement(_uiw.Row, {\n style: {\n flexDirection: \'column\'\n }\n }, /#__PURE__/_react["default"].createElement(_uiw.Cascader, {\n style: {\n width: 150\n },\n value: [1, 2, 3],\n option: options,\n size: "small"\n }), /#__PURE__/_react["default"].createElement(_uiw.Cascader, {\n style: {\n width: 175,\n marginTop: 10\n },\n value: [1, 2, 4],\n option: options\n }), /#__PURE__/_react["default"].createElement(_uiw.Cascader, {\n style: {\n width: 200,\n marginTop: 10\n },\n value: [1, 2, 5],\n option: options,\n size: "large"\n }));\n};\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Cascader,Row } from 'uiw';\n\nconst Demo = () => {\n\n const options = [\n {\n label: '\u5c3a\u5bf8', value: 1,\n children: [\n {\n label: 'size',\n value: 2,\n children: [\n { label: '\u5c0f\u5c3a\u5bf8', value: 3 },\n { label: '\u9ed8\u8ba4\u5c3a\u5bf8', value: 4 },\n { label: '\u5927\u5c3a\u5bf8', value: 5 },\n ]\n },\n ]\n }\n ];\n\n return (\n <Row style={{ flexDirection: 'column' }}>\n <Cascader\n style={{ width: 150 }}\n value={[1, 2, 3]}\n option={options}\n size=\"small\"\n />\n <Cascader\n style={{ width: 175, marginTop: 10 }}\n value={[1, 2, 4]}\n option={options}\n />\n <Cascader\n style={{ width: 200, marginTop: 10 }}\n value={[1, 2, 5]}\n option={options}\n size=\"large\"\n />\n </Row>\n )\n};\nexport default Demo"},138:{name:138,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:"\"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _uiw = require(\"uiw\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nvar Demo = function Demo() {\n var options = [{\n label: '\u4e0a\u6d77\u5e02',\n value: 1,\n children: [{\n label: '\u5f90\u6c47\u533a',\n value: 4,\n children: [{\n label: '\u534a\u6dde\u56ed\u8def\u8857\u9053',\n value: 6\n }, {\n label: '\u5357\u4eac\u4e1c\u8def\u8857\u9053',\n value: 7\n }, {\n label: '\u5916\u6ee9\u8857\u9053',\n value: 8\n }]\n }]\n }, {\n label: '\u5317\u4eac\u5e02',\n value: 9,\n children: [{\n label: '\u5d07\u6587\u533a',\n value: 12,\n children: [{\n label: '\u4e1c\u82b1\u5e02\u8857\u9053',\n value: 13\n }, {\n label: '\u4f53\u80b2\u9986\u8def\u8857\u9053',\n value: 14\n }, {\n label: '\u524d\u95e8\u8857\u9053',\n value: 15\n }]\n }]\n }];\n return /#__PURE__/_react[\"default\"].createElement(_uiw.Cascader, {\n style: {\n width: 200\n },\n allowClear: true,\n placeholder: \"\\u8BF7\\u9009\\u62E9\",\n value: [1, 4, 7],\n option: options,\n onChange: function onChange(value, seleteds) {\n return console.log(value, seleteds);\n },\n onSearch: function onSearch(text) {\n return console.log('text', text);\n }\n });\n};\n\nreturn Demo;",language:"jsx",value:"import React from 'react';\nimport { Cascader, } from 'uiw';\n\nconst Demo = () => {\n\n const options = [\n {\n label: '\u4e0a\u6d77\u5e02',\n value: 1,\n children: [\n {\n label: '\u5f90\u6c47\u533a',\n value: 4,\n children: [\n { label: '\u534a\u6dde\u56ed\u8def\u8857\u9053', value: 6 },\n { label: '\u5357\u4eac\u4e1c\u8def\u8857\u9053', value: 7 },\n { label: '\u5916\u6ee9\u8857\u9053', value: 8 },\n ]\n },\n ]\n },\n {\n label: '\u5317\u4eac\u5e02',\n value: 9,\n children: [\n {\n label: '\u5d07\u6587\u533a',\n value: 12,\n children: [\n { label: '\u4e1c\u82b1\u5e02\u8857\u9053', value: 13 },\n { label: '\u4f53\u80b2\u9986\u8def\u8857\u9053', value: 14 },\n { label: '\u524d\u95e8\u8857\u9053', value: 15 },\n ]\n },\n ]\n },\n ];\n\n return (\n <Cascader\n style={{ width: 200 }}\n allowClear={true}\n placeholder=\"\u8bf7\u9009\u62e9\"\n value={[1, 4, 7]}\n option={options}\n onChange={(value, seleteds) => console.log(value, seleteds)}\n onSearch={(text)=> console.log('text', text)}\n />\n )\n};\nexport default Demo"},194:{name:194,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:"\"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _uiw = require(\"uiw\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nvar Demo = function Demo() {\n var options = [{\n label: '\u4e0a\u6d77\u5e02',\n value: 1,\n children: [{\n label: '\u5f90\u6c47\u533a',\n value: 4,\n children: [{\n label: '\u534a\u6dde\u56ed\u8def\u8857\u9053',\n value: 6\n }, {\n label: '\u5357\u4eac\u4e1c\u8def\u8857\u9053',\n value: 7\n }, {\n label: '\u5916\u6ee9\u8857\u9053',\n value: 8\n }]\n }]\n }, {\n label: '\u5317\u4eac\u5e02',\n value: 9,\n children: [{\n label: '\u5d07\u6587\u533a',\n value: 12,\n children: [{\n label: '\u4e1c\u82b1\u5e02\u8857\u9053',\n value: 13\n }, {\n label: '\u4f53\u80b2\u9986\u8def\u8857\u9053',\n value: 14\n }, {\n label: '\u524d\u95e8\u8857\u9053',\n value: 15\n }]\n }]\n }];\n return /#__PURE__/_react[\"default\"].createElement(_uiw.Row, {\n style: {\n flexDirection: 'column'\n }\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.Cascader, {\n style: {\n width: 200\n },\n expandTrigger: \"hover\",\n allowClear: true,\n placeholder: \"\\u8BF7\\u9009\\u62E9\",\n value: [1, 4, 7],\n option: options,\n onChange: function onChange(value, seleteds) {\n return console.log(value, seleteds);\n },\n onSearch: true\n }));\n};\n\nreturn Demo;",language:"jsx",value:"import React from 'react';\nimport { Cascader,Row } from 'uiw';\n\nconst Demo = () => {\n\n const options = [\n {\n label: '\u4e0a\u6d77\u5e02',\n value: 1,\n children: [\n {\n label: '\u5f90\u6c47\u533a',\n value: 4,\n children: [\n { label: '\u534a\u6dde\u56ed\u8def\u8857\u9053', value: 6 },\n { label: '\u5357\u4eac\u4e1c\u8def\u8857\u9053', value: 7 },\n { label: '\u5916\u6ee9\u8857\u9053', value: 8 },\n ]\n },\n ]\n },\n {\n label: '\u5317\u4eac\u5e02',\n value: 9,\n children: [\n {\n label: '\u5d07\u6587\u533a',\n value: 12,\n children: [\n { label: '\u4e1c\u82b1\u5e02\u8857\u9053', value: 13 },\n { label: '\u4f53\u80b2\u9986\u8def\u8857\u9053', value: 14 },\n { label: '\u524d\u95e8\u8857\u9053', value: 15 },\n ]\n },\n ]\n },\n ];\n\n return (\n <Row style={{ flexDirection: 'column' }}>\n <Cascader\n style={{ width:200 }}\n expandTrigger=\"hover\"\n allowClear={true}\n placeholder=\"\u8bf7\u9009\u62e9\"\n value={[1, 4, 7]}\n option={options}\n onChange={(value, seleteds) => console.log(value, seleteds)}\n onSearch={true}\n />\n </Row>\n )\n};\nexport default Demo"},255:{name:255,meta:{background:"#fff",codeSandbox:"true",codePen:"true",noScroll:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nvar Demo = function Demo() {\n var options = [{\n label: \'\u4e0a\u6d77\u5e02\',\n value: 1,\n children: [{\n label: \'\u5f90\u6c47\u533a\',\n value: 4,\n children: [{\n label: \'\u534a\u6dde\u56ed\u8def\u8857\u9053\',\n value: 6\n }, {\n label: \'\u5357\u4eac\u4e1c\u8def\u8857\u9053\',\n value: 7\n }, {\n label: \'\u5916\u6ee9\u8857\u9053\',\n value: 8\n }]\n }]\n }, {\n label: \'\u5317\u4eac\u5e02\',\n value: 9,\n children: [{\n label: \'\u5d07\u6587\u533a\',\n value: 12,\n children: [{\n label: \'\u4e1c\u82b1\u5e02\u8857\u9053\',\n value: 13\n }, {\n label: \'\u4f53\u80b2\u9986\u8def\u8857\u9053\',\n value: 14\n }, {\n label: \'\u524d\u95e8\u8857\u9053\',\n value: 15\n }]\n }]\n }];\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Form, {\n onSubmitError: function onSubmitError(error) {\n if (error.filed) {\n return _objectSpread({}, error.filed);\n }\n\n return null;\n },\n onSubmit: function onSubmit(_ref) {\n var initial = _ref.initial,\n current = _ref.current;\n var errorObj = {};\n\n if (!current.selectField) {\n errorObj.selectField = \'\u9ed8\u8ba4\u9700\u8981\u9009\u62e9\u5185\u5bb9\uff0c\u9009\u62e9\u5165\u5185\u5bb9\';\n }\n\n if (Object.keys(errorObj).length > 0) {\n var err = new Error();\n err.filed = errorObj;\n Notify.error({\n title: \'\u63d0\u4ea4\u5931\u8d25\uff01\',\n description: \'\u8bf7\u786e\u8ba4\u63d0\u4ea4\u8868\u5355\u662f\u5426\u6b63\u786e\uff01\'\n });\n throw err;\n }\n\n Notify.success({\n title: \'\u63d0\u4ea4\u6210\u529f\uff01\',\n description: "\\u8868\\u5355\\u63D0\\u4EA4\\u6210\\u529F\\uFF0C\\u9009\\u62E9\\u503C\\u4E3A\\uFF1A".concat(current.selectField, "\\uFF0C\\u5C06\\u81EA\\u52A8\\u586B\\u5145\\u521D\\u59CB\\u5316\\u503C\\uFF01")\n });\n },\n fields: {\n cascader: {\n initialValue: [1, 4, 7],\n children: /#__PURE__/_react["default"].createElement(_uiw.Cascader, {\n allowClear: true,\n onSearch: true,\n placeholder: "\\u8BF7\\u9009\\u62E9",\n option: options,\n onChange: function onChange(value, seleteds) {\n return console.log(value, seleteds);\n }\n })\n }\n }\n }, function (_ref2) {\n var fields = _ref2.fields,\n state = _ref2.state,\n canSubmit = _ref2.canSubmit;\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Row, null, /#__PURE__/_react["default"].createElement(_uiw.Col, {\n fixed: true,\n style: {\n width: 200\n }\n }, fields.cascader)), /#__PURE__/_react["default"].createElement(_uiw.Row, null, /#__PURE__/_react["default"].createElement(_uiw.Col, {\n fixed: true\n }, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: !canSubmit(),\n type: "primary",\n htmlType: "submit"\n }, "\\u63D0\\u4EA4"))), /#__PURE__/_react["default"].createElement(_uiw.Row, null, /#__PURE__/_react["default"].createElement(_uiw.Col, null, /#__PURE__/_react["default"].createElement("pre", {\n style: {\n padding: 10,\n marginTop: 10\n }\n }, JSON.stringify(state.current, null, 2)))));\n }));\n};\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Form, Row, Col, Cascader, Button } from 'uiw';\n\nconst Demo = () => {\nconst options = [\n {\n label: '\u4e0a\u6d77\u5e02',\n value: 1,\n children: [\n {\n label: '\u5f90\u6c47\u533a',\n value: 4,\n children: [\n { label: '\u534a\u6dde\u56ed\u8def\u8857\u9053', value: 6 },\n { label: '\u5357\u4eac\u4e1c\u8def\u8857\u9053', value: 7 },\n { label: '\u5916\u6ee9\u8857\u9053', value: 8 },\n ]\n },\n ]\n },\n {\n label: '\u5317\u4eac\u5e02',\n value: 9,\n children: [\n {\n label: '\u5d07\u6587\u533a',\n value: 12,\n children: [\n { label: '\u4e1c\u82b1\u5e02\u8857\u9053', value: 13 },\n { label: '\u4f53\u80b2\u9986\u8def\u8857\u9053', value: 14 },\n { label: '\u524d\u95e8\u8857\u9053', value: 15 },\n ]\n },\n ]\n },\n ];\n\n return (\n <div>\n <Form\n onSubmitError={(error) => {\n if (error.filed) {\n return { ...error.filed };\n }\n return null;\n }}\n onSubmit={({initial, current}) => {\n const errorObj = {};\n if (!current.selectField) {\n errorObj.selectField = '\u9ed8\u8ba4\u9700\u8981\u9009\u62e9\u5185\u5bb9\uff0c\u9009\u62e9\u5165\u5185\u5bb9';\n }\n if(Object.keys(errorObj).length > 0) {\n const err = new Error();\n err.filed = errorObj;\n Notify.error({ title: '\u63d0\u4ea4\u5931\u8d25\uff01', description: '\u8bf7\u786e\u8ba4\u63d0\u4ea4\u8868\u5355\u662f\u5426\u6b63\u786e\uff01' });\n throw err;\n }\n Notify.success({\n title: '\u63d0\u4ea4\u6210\u529f\uff01',\n description: `\u8868\u5355\u63d0\u4ea4\u6210\u529f\uff0c\u9009\u62e9\u503c\u4e3a\uff1a${current.selectField}\uff0c\u5c06\u81ea\u52a8\u586b\u5145\u521d\u59cb\u5316\u503c\uff01`,\n });\n }}\n fields={{\n cascader: {\n initialValue:[1, 4, 7],\n children: (\n <Cascader\n allowClear={true}\n onSearch={true}\n placeholder=\"\u8bf7\u9009\u62e9\"\n option={options}\n onChange={(value, seleteds) => console.log(value, seleteds)}\n />\n )\n },\n }}\n >\n {({ fields, state, canSubmit }) => {\n return (\n <div>\n <Row >\n <Col fixed style={{width:200}}>{fields.cascader}</Col>\n </Row>\n <Row>\n <Col fixed>\n <Button disabled={!canSubmit()} type=\"primary\" htmlType=\"submit\">\u63d0\u4ea4</Button>\n </Col>\n </Row>\n <Row>\n <Col>\n <pre style={{ padding: 10, marginTop: 10 }}>\n {JSON.stringify(state.current, null, 2)}\n </pre>\n </Col>\n </Row>\n </div>\n )\n }}\n </Form>\n </div>\n );\n}\nexport default Demo"}},source:"Cascader \u7ea7\u8054\u9009\u62e9\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-cascader/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-cascader.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-cascader)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-cascader.svg?label=@uiw/react-cascader)](https://npmjs.com/@uiw/react-cascader)\n\n\u7ea7\u8054\u9009\u62e9\u6846\u3002v4.16.0\u4e2d\u6dfb\u52a0\n\n```jsx\nimport { Cascader, Row, Col } from 'uiw';\n// or\nimport Cascader from '@uiw/react-cascader';\n```\n\n## \u57fa\u7840\u793a\u4f8b\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Cascader,Row } from 'uiw';\n\nconst Demo = () => {\n\n const options = [\n {\n label: '\u4e0a\u6d77\u5e02',\n value: 1,\n children: [\n {\n label: '\u5f90\u6c47\u533a',\n value: 4,\n children: [\n { label: '\u534a\u6dde\u56ed\u8def\u8857\u9053', value: 6 },\n { label: '\u5357\u4eac\u4e1c\u8def\u8857\u9053', value: 7 },\n { label: '\u5916\u6ee9\u8857\u9053', value: 8 },\n ]\n },\n ]\n },\n {\n label: '\u5317\u4eac\u5e02',\n value: 9,\n children: [\n {\n label: '\u5d07\u6587\u533a',\n value: 12,\n children: [\n { label: '\u4e1c\u82b1\u5e02\u8857\u9053', value: 13 },\n { label: '\u4f53\u80b2\u9986\u8def\u8857\u9053', value: 14 },\n { label: '\u524d\u95e8\u8857\u9053', value: 15 },\n ]\n },\n ]\n },\n ];\n\n return (\n <Row>\n <Row>\n <Cascader\n style={{ width:200 }}\n allowClear={true}\n placeholder=\"\u8bf7\u9009\u62e9\"\n value={[1, 4, 7]}\n option={options}\n onChange={(value, seleteds) => console.log(value, seleteds)}\n />\n </Row>\n <Row style={{ marginLeft: 20 }}>\n <Cascader\n style={{ width:200 }}\n allowClear={true}\n placeholder=\"\u8bf7\u9009\u62e9\"\n value={[1, 4, 7]}\n disabled={true}\n option={options}\n onChange={(value, seleteds) => console.log(value, seleteds)}\n />\n </Row>\n </Row>\n )\n};\nexport default Demo\n```\n\n## \u5c3a\u5bf8\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Cascader,Row } from 'uiw';\n\nconst Demo = () => {\n\n const options = [\n {\n label: '\u5c3a\u5bf8', value: 1,\n children: [\n {\n label: 'size',\n value: 2,\n children: [\n { label: '\u5c0f\u5c3a\u5bf8', value: 3 },\n { label: '\u9ed8\u8ba4\u5c3a\u5bf8', value: 4 },\n { label: '\u5927\u5c3a\u5bf8', value: 5 },\n ]\n },\n ]\n }\n ];\n\n return (\n <Row style={{ flexDirection: 'column' }}>\n <Cascader\n style={{ width: 150 }}\n value={[1, 2, 3]}\n option={options}\n size=\"small\"\n />\n <Cascader\n style={{ width: 175, marginTop: 10 }}\n value={[1, 2, 4]}\n option={options}\n />\n <Cascader\n style={{ width: 200, marginTop: 10 }}\n value={[1, 2, 5]}\n option={options}\n size=\"large\"\n />\n </Row>\n )\n};\nexport default Demo\n```\n\n## \u641c\u7d22\u9009\u9879\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Cascader, } from 'uiw';\n\nconst Demo = () => {\n\n const options = [\n {\n label: '\u4e0a\u6d77\u5e02',\n value: 1,\n children: [\n {\n label: '\u5f90\u6c47\u533a',\n value: 4,\n children: [\n { label: '\u534a\u6dde\u56ed\u8def\u8857\u9053', value: 6 },\n { label: '\u5357\u4eac\u4e1c\u8def\u8857\u9053', value: 7 },\n { label: '\u5916\u6ee9\u8857\u9053', value: 8 },\n ]\n },\n ]\n },\n {\n label: '\u5317\u4eac\u5e02',\n value: 9,\n children: [\n {\n label: '\u5d07\u6587\u533a',\n value: 12,\n children: [\n { label: '\u4e1c\u82b1\u5e02\u8857\u9053', value: 13 },\n { label: '\u4f53\u80b2\u9986\u8def\u8857\u9053', value: 14 },\n { label: '\u524d\u95e8\u8857\u9053', value: 15 },\n ]\n },\n ]\n },\n ];\n\n return (\n <Cascader\n style={{ width: 200 }}\n allowClear={true}\n placeholder=\"\u8bf7\u9009\u62e9\"\n value={[1, 4, 7]}\n option={options}\n onChange={(value, seleteds) => console.log(value, seleteds)}\n onSearch={(text)=> console.log('text', text)}\n />\n )\n};\nexport default Demo\n```\n\n## \u79fb\u5165\u5c55\u5f00\u83dc\u5355\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Cascader,Row } from 'uiw';\n\nconst Demo = () => {\n\n const options = [\n {\n label: '\u4e0a\u6d77\u5e02',\n value: 1,\n children: [\n {\n label: '\u5f90\u6c47\u533a',\n value: 4,\n children: [\n { label: '\u534a\u6dde\u56ed\u8def\u8857\u9053', value: 6 },\n { label: '\u5357\u4eac\u4e1c\u8def\u8857\u9053', value: 7 },\n { label: '\u5916\u6ee9\u8857\u9053', value: 8 },\n ]\n },\n ]\n },\n {\n label: '\u5317\u4eac\u5e02',\n value: 9,\n children: [\n {\n label: '\u5d07\u6587\u533a',\n value: 12,\n children: [\n { label: '\u4e1c\u82b1\u5e02\u8857\u9053', value: 13 },\n { label: '\u4f53\u80b2\u9986\u8def\u8857\u9053', value: 14 },\n { label: '\u524d\u95e8\u8857\u9053', value: 15 },\n ]\n },\n ]\n },\n ];\n\n return (\n <Row style={{ flexDirection: 'column' }}>\n <Cascader\n style={{ width:200 }}\n expandTrigger=\"hover\"\n allowClear={true}\n placeholder=\"\u8bf7\u9009\u62e9\"\n value={[1, 4, 7]}\n option={options}\n onChange={(value, seleteds) => console.log(value, seleteds)}\n onSearch={true}\n />\n </Row>\n )\n};\nexport default Demo\n```\n\n### \u5728\u8868\u5355\u4e2d\u4f7f\u7528\n\n\u5728 [`<Form />`](#/components/form) \u8868\u5355\u4e2d\u5e94\u7528 `<Cascader />` \u7ec4\u4ef6\u3002\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true&noScroll=true\nimport React from 'react';\nimport { Form, Row, Col, Cascader, Button } from 'uiw';\n\nconst Demo = () => {\nconst options = [\n {\n label: '\u4e0a\u6d77\u5e02',\n value: 1,\n children: [\n {\n label: '\u5f90\u6c47\u533a',\n value: 4,\n children: [\n { label: '\u534a\u6dde\u56ed\u8def\u8857\u9053', value: 6 },\n { label: '\u5357\u4eac\u4e1c\u8def\u8857\u9053', value: 7 },\n { label: '\u5916\u6ee9\u8857\u9053', value: 8 },\n ]\n },\n ]\n },\n {\n label: '\u5317\u4eac\u5e02',\n value: 9,\n children: [\n {\n label: '\u5d07\u6587\u533a',\n value: 12,\n children: [\n { label: '\u4e1c\u82b1\u5e02\u8857\u9053', value: 13 },\n { label: '\u4f53\u80b2\u9986\u8def\u8857\u9053', value: 14 },\n { label: '\u524d\u95e8\u8857\u9053', value: 15 },\n ]\n },\n ]\n },\n ];\n\n return (\n <div>\n <Form\n onSubmitError={(error) => {\n if (error.filed) {\n return { ...error.filed };\n }\n return null;\n }}\n onSubmit={({initial, current}) => {\n const errorObj = {};\n if (!current.selectField) {\n errorObj.selectField = '\u9ed8\u8ba4\u9700\u8981\u9009\u62e9\u5185\u5bb9\uff0c\u9009\u62e9\u5165\u5185\u5bb9';\n }\n if(Object.keys(errorObj).length > 0) {\n const err = new Error();\n err.filed = errorObj;\n Notify.error({ title: '\u63d0\u4ea4\u5931\u8d25\uff01', description: '\u8bf7\u786e\u8ba4\u63d0\u4ea4\u8868\u5355\u662f\u5426\u6b63\u786e\uff01' });\n throw err;\n }\n Notify.success({\n title: '\u63d0\u4ea4\u6210\u529f\uff01',\n description: `\u8868\u5355\u63d0\u4ea4\u6210\u529f\uff0c\u9009\u62e9\u503c\u4e3a\uff1a${current.selectField}\uff0c\u5c06\u81ea\u52a8\u586b\u5145\u521d\u59cb\u5316\u503c\uff01`,\n });\n }}\n fields={{\n cascader: {\n initialValue:[1, 4, 7],\n children: (\n <Cascader\n allowClear={true}\n onSearch={true}\n placeholder=\"\u8bf7\u9009\u62e9\"\n option={options}\n onChange={(value, seleteds) => console.log(value, seleteds)}\n />\n )\n },\n }}\n >\n {({ fields, state, canSubmit }) => {\n return (\n <div>\n <Row >\n <Col fixed style={{width:200}}>{fields.cascader}</Col>\n </Row>\n <Row>\n <Col fixed>\n <Button disabled={!canSubmit()} type=\"primary\" htmlType=\"submit\">\u63d0\u4ea4</Button>\n </Col>\n </Row>\n <Row>\n <Col>\n <pre style={{ padding: 10, marginTop: 10 }}>\n {JSON.stringify(state.current, null, 2)}\n </pre>\n </Col>\n </Row>\n </div>\n )\n }}\n </Form>\n </div>\n );\n}\nexport default Demo\n```\n\n## Props\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \| \u7248\u672c \|\n\| ---- \| ---- \| ---- \| ---- \| ---- \|\n\| allowClear \| \u652f\u6301\u6e05\u9664 \| Boolean \| `false` \| - \|\n\| disabled \| \u7981\u7528\u9009\u62e9\u5668 \| Boolean \| `false` \| - \|\n\| placeholder \| \u9009\u62e9\u6846\u9ed8\u8ba4\u6587\u5b57 \| String \| - \| - \|\n\| option \| \u9009\u9879\u83dc\u5355 \| { value: String \\\| Number, label: React.ReactNode, children: Array<String \\\| Number>} \| - \| - \|\n\| value \| \u6307\u5b9a\u5f53\u524d\u9009\u4e2d\u7684\u6761\u76ee\uff0c\u591a\u9009\u65f6\u4e3a\u4e00\u4e2a\u6570\u7ec4 \| String[] \\\| Number[] \| - \| - \|\n\| onChange \| \u9009\u4e2d\u9009\u9879\u8c03\u7528\u6b64\u51fd\u6570 \| function( isSeleted, value, selectedOptions) \| - \| - \|\n\| onSearch \| \u5f00\u542f\u641c\u7d22\u9009\u9879 \| functionon(searchText) \\\| Boolean \| - \| v4.16.1 \|\n\| size \| \u9009\u62e9\u6846\u5c3a\u5bf8 \| Enum{large, default, small } \| `default` \| v17.0.1 \|\n\| inputProps \| \u4f20\u7ed9[Input](http://localhost:3000/#/components/input)\u7ec4\u4ef6\u7684\u53c2\u6570 \| Object \| - \| v17.0.1 \|\n\| expandTrigger \|\t\u5b50\u96c6\u83dc\u5355\u7684\u5c55\u5f00\u65b9\u5f0f\uff0c'click' \u548c 'hover' \|\tString \| `click` \| v4.18.2 \|\n"}}}]);
2	+ //# sourceMappingURL=498.536d1042.chunk.js.map

package/web/static/js/498.536d1042.chunk.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"static/js/498.536d1042.chunk.js","mappings":"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","sources":["../../packages/react-cascader/README.md"],"sourcesContent":["\nexport default {\n components: { 18: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _uiw = require(\"uiw\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nvar Demo = function Demo() {\n var options = [{\n label: '上海市',\n value: 1,\n children: [{\n label: '徐汇区',\n value: 4,\n children: [{\n label: '半淞园路街道',\n value: 6\n }, {\n label: '南京东路街道',\n value: 7\n }, {\n label: '外滩街道',\n value: 8\n }]\n }]\n }, {\n label: '北京市',\n value: 9,\n children: [{\n label: '崇文区',\n value: 12,\n children: [{\n label: '东花市街道',\n value: 13\n }, {\n label: '体育馆路街道',\n value: 14\n }, {\n label: '前门街道',\n value: 15\n }]\n }]\n }];\n return /*#__PURE__*/_react[\"default\"].createElement(_uiw.Row, null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Row, null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Cascader, {\n style: {\n width: 200\n },\n allowClear: true,\n placeholder: \"\\u8BF7\\u9009\\u62E9\",\n value: [1, 4, 7],\n option: options,\n onChange: function onChange(value, seleteds) {\n return console.log(value, seleteds);\n }\n })), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Row, {\n style: {\n marginLeft: 20\n }\n }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Cascader, {\n style: {\n width: 200\n },\n allowClear: true,\n placeholder: \"\\u8BF7\\u9009\\u62E9\",\n value: [1, 4, 7],\n disabled: true,\n option: options,\n onChange: function onChange(value, seleteds) {\n return console.log(value, seleteds);\n }\n })));\n};\n\nreturn Demo; })(),88: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _uiw = require(\"uiw\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nvar Demo = function Demo() {\n var options = [{\n label: '尺寸',\n value: 1,\n children: [{\n label: 'size',\n value: 2,\n children: [{\n label: '小尺寸',\n value: 3\n }, {\n label: '默认尺寸',\n value: 4\n }, {\n label: '大尺寸',\n value: 5\n }]\n }]\n }];\n return /*#__PURE__*/_react[\"default\"].createElement(_uiw.Row, {\n style: {\n flexDirection: 'column'\n }\n }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Cascader, {\n style: {\n width: 150\n },\n value: [1, 2, 3],\n option: options,\n size: \"small\"\n }), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Cascader, {\n style: {\n width: 175,\n marginTop: 10\n },\n value: [1, 2, 4],\n option: options\n }), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Cascader, {\n style: {\n width: 200,\n marginTop: 10\n },\n value: [1, 2, 5],\n option: options,\n size: \"large\"\n }));\n};\n\nreturn Demo; })(),138: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _uiw = require(\"uiw\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nvar Demo = function Demo() {\n var options = [{\n label: '上海市',\n value: 1,\n children: [{\n label: '徐汇区',\n value: 4,\n children: [{\n label: '半淞园路街道',\n value: 6\n }, {\n label: '南京东路街道',\n value: 7\n }, {\n label: '外滩街道',\n value: 8\n }]\n }]\n }, {\n label: '北京市',\n value: 9,\n children: [{\n label: '崇文区',\n value: 12,\n children: [{\n label: '东花市街道',\n value: 13\n }, {\n label: '体育馆路街道',\n value: 14\n }, {\n label: '前门街道',\n value: 15\n }]\n }]\n }];\n return /*#__PURE__*/_react[\"default\"].createElement(_uiw.Cascader, {\n style: {\n width: 200\n },\n allowClear: true,\n placeholder: \"\\u8BF7\\u9009\\u62E9\",\n value: [1, 4, 7],\n option: options,\n onChange: function onChange(value, seleteds) {\n return console.log(value, seleteds);\n },\n onSearch: function onSearch(text) {\n return console.log('text', text);\n }\n });\n};\n\nreturn Demo; })(),194: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _uiw = require(\"uiw\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nvar Demo = function Demo() {\n var options = [{\n label: '上海市',\n value: 1,\n children: [{\n label: '徐汇区',\n value: 4,\n children: [{\n label: '半淞园路街道',\n value: 6\n }, {\n label: '南京东路街道',\n value: 7\n }, {\n label: '外滩街道',\n value: 8\n }]\n }]\n }, {\n label: '北京市',\n value: 9,\n children: [{\n label: '崇文区',\n value: 12,\n children: [{\n label: '东花市街道',\n value: 13\n }, {\n label: '体育馆路街道',\n value: 14\n }, {\n label: '前门街道',\n value: 15\n }]\n }]\n }];\n return /*#__PURE__*/_react[\"default\"].createElement(_uiw.Row, {\n style: {\n flexDirection: 'column'\n }\n }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Cascader, {\n style: {\n width: 200\n },\n expandTrigger: \"hover\",\n allowClear: true,\n placeholder: \"\\u8BF7\\u9009\\u62E9\",\n value: [1, 4, 7],\n option: options,\n onChange: function onChange(value, seleteds) {\n return console.log(value, seleteds);\n },\n onSearch: true\n }));\n};\n\nreturn Demo; })(),255: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _uiw = require(\"uiw\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nvar Demo = function Demo() {\n var options = [{\n label: '上海市',\n value: 1,\n children: [{\n label: '徐汇区',\n value: 4,\n children: [{\n label: '半淞园路街道',\n value: 6\n }, {\n label: '南京东路街道',\n value: 7\n }, {\n label: '外滩街道',\n value: 8\n }]\n }]\n }, {\n label: '北京市',\n value: 9,\n children: [{\n label: '崇文区',\n value: 12,\n children: [{\n label: '东花市街道',\n value: 13\n }, {\n label: '体育馆路街道',\n value: 14\n }, {\n label: '前门街道',\n value: 15\n }]\n }]\n }];\n return /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Form, {\n onSubmitError: function onSubmitError(error) {\n if (error.filed) {\n return _objectSpread({}, error.filed);\n }\n\n return null;\n },\n onSubmit: function onSubmit(_ref) {\n var initial = _ref.initial,\n current = _ref.current;\n var errorObj = {};\n\n if (!current.selectField) {\n errorObj.selectField = '默认需要选择内容，选择入内容';\n }\n\n if (Object.keys(errorObj).length > 0) {\n var err = new Error();\n err.filed = errorObj;\n Notify.error({\n title: '提交失败！',\n description: '请确认提交表单是否正确！'\n });\n throw err;\n }\n\n Notify.success({\n title: '提交成功！',\n description: \"\\u8868\\u5355\\u63D0\\u4EA4\\u6210\\u529F\\uFF0C\\u9009\\u62E9\\u503C\\u4E3A\\uFF1A\".concat(current.selectField, \"\\uFF0C\\u5C06\\u81EA\\u52A8\\u586B\\u5145\\u521D\\u59CB\\u5316\\u503C\\uFF01\")\n });\n },\n fields: {\n cascader: {\n initialValue: [1, 4, 7],\n children: /*#__PURE__*/_react[\"default\"].createElement(_uiw.Cascader, {\n allowClear: true,\n onSearch: true,\n placeholder: \"\\u8BF7\\u9009\\u62E9\",\n option: options,\n onChange: function onChange(value, seleteds) {\n return console.log(value, seleteds);\n }\n })\n }\n }\n }, function (_ref2) {\n var fields = _ref2.fields,\n state = _ref2.state,\n canSubmit = _ref2.canSubmit;\n return /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Row, null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, {\n fixed: true,\n style: {\n width: 200\n }\n }, fields.cascader)), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Row, null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, {\n fixed: true\n }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Button, {\n disabled: !canSubmit(),\n type: \"primary\",\n htmlType: \"submit\"\n }, \"\\u63D0\\u4EA4\"))), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Row, null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, null, /*#__PURE__*/_react[\"default\"].createElement(\"pre\", {\n style: {\n padding: 10,\n marginTop: 10\n }\n }, JSON.stringify(state.current, null, 2)))));\n }));\n};\n\nreturn Demo; })(), },\n data: {\n \"18\": {\n \"name\": 18,\n \"meta\": {\n \"background\": \"#fff\",\n \"codeSandbox\": \"true\",\n \"codePen\": \"true\"\n },\n \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\n\\nvar _uiw = require(\\\"uiw\\\");\\n\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\n\\nvar Demo = function Demo() {\\n var options = [{\\n label: '上海市',\\n value: 1,\\n children: [{\\n label: '徐汇区',\\n value: 4,\\n children: [{\\n label: '半淞园路街道',\\n value: 6\\n }, {\\n label: '南京东路街道',\\n value: 7\\n }, {\\n label: '外滩街道',\\n value: 8\\n }]\\n }]\\n }, {\\n label: '北京市',\\n value: 9,\\n children: [{\\n label: '崇文区',\\n value: 12,\\n children: [{\\n label: '东花市街道',\\n value: 13\\n }, {\\n label: '体育馆路街道',\\n value: 14\\n }, {\\n label: '前门街道',\\n value: 15\\n }]\\n }]\\n }];\\n return /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Row, null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Row, null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Cascader, {\\n style: {\\n width: 200\\n },\\n allowClear: true,\\n placeholder: \\\"\\\\u8BF7\\\\u9009\\\\u62E9\\\",\\n value: [1, 4, 7],\\n option: options,\\n onChange: function onChange(value, seleteds) {\\n return console.log(value, seleteds);\\n }\\n })), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Row, {\\n style: {\\n marginLeft: 20\\n }\\n }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Cascader, {\\n style: {\\n width: 200\\n },\\n allowClear: true,\\n placeholder: \\\"\\\\u8BF7\\\\u9009\\\\u62E9\\\",\\n value: [1, 4, 7],\\n disabled: true,\\n option: options,\\n onChange: function onChange(value, seleteds) {\\n return console.log(value, seleteds);\\n }\\n })));\\n};\\n\\nreturn Demo;\",\n \"language\": \"jsx\",\n \"value\": \"import React from 'react';\\nimport { Cascader,Row } from 'uiw';\\n\\nconst Demo = () => {\\n\\n const options = [\\n {\\n label: '上海市',\\n value: 1,\\n children: [\\n {\\n label: '徐汇区',\\n value: 4,\\n children: [\\n { label: '半淞园路街道', value: 6 },\\n { label: '南京东路街道', value: 7 },\\n { label: '外滩街道', value: 8 },\\n ]\\n },\\n ]\\n },\\n {\\n label: '北京市',\\n value: 9,\\n children: [\\n {\\n label: '崇文区',\\n value: 12,\\n children: [\\n { label: '东花市街道', value: 13 },\\n { label: '体育馆路街道', value: 14 },\\n { label: '前门街道', value: 15 },\\n ]\\n },\\n ]\\n },\\n ];\\n\\n return (\\n <Row>\\n <Row>\\n <Cascader\\n style={{ width:200 }}\\n allowClear={true}\\n placeholder=\\\"请选择\\\"\\n value={[1, 4, 7]}\\n option={options}\\n onChange={(value, seleteds) => console.log(value, seleteds)}\\n />\\n </Row>\\n <Row style={{ marginLeft: 20 }}>\\n <Cascader\\n style={{ width:200 }}\\n allowClear={true}\\n placeholder=\\\"请选择\\\"\\n value={[1, 4, 7]}\\n disabled={true}\\n option={options}\\n onChange={(value, seleteds) => console.log(value, seleteds)}\\n />\\n </Row>\\n </Row>\\n )\\n};\\nexport default Demo\"\n },\n \"88\": {\n \"name\": 88,\n \"meta\": {\n \"background\": \"#fff\",\n \"codeSandbox\": \"true\",\n \"codePen\": \"true\"\n },\n \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\n\\nvar _uiw = require(\\\"uiw\\\");\\n\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\n\\nvar Demo = function Demo() {\\n var options = [{\\n label: '尺寸',\\n value: 1,\\n children: [{\\n label: 'size',\\n value: 2,\\n children: [{\\n label: '小尺寸',\\n value: 3\\n }, {\\n label: '默认尺寸',\\n value: 4\\n }, {\\n label: '大尺寸',\\n value: 5\\n }]\\n }]\\n }];\\n return /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Row, {\\n style: {\\n flexDirection: 'column'\\n }\\n }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Cascader, {\\n style: {\\n width: 150\\n },\\n value: [1, 2, 3],\\n option: options,\\n size: \\\"small\\\"\\n }), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Cascader, {\\n style: {\\n width: 175,\\n marginTop: 10\\n },\\n value: [1, 2, 4],\\n option: options\\n }), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Cascader, {\\n style: {\\n width: 200,\\n marginTop: 10\\n },\\n value: [1, 2, 5],\\n option: options,\\n size: \\\"large\\\"\\n }));\\n};\\n\\nreturn Demo;\",\n \"language\": \"jsx\",\n \"value\": \"import React from 'react';\\nimport { Cascader,Row } from 'uiw';\\n\\nconst Demo = () => {\\n\\n const options = [\\n {\\n label: '尺寸', value: 1,\\n children: [\\n {\\n label: 'size',\\n value: 2,\\n children: [\\n { label: '小尺寸', value: 3 },\\n { label: '默认尺寸', value: 4 },\\n { label: '大尺寸', value: 5 },\\n ]\\n },\\n ]\\n }\\n ];\\n\\n return (\\n <Row style={{ flexDirection: 'column' }}>\\n <Cascader\\n style={{ width: 150 }}\\n value={[1, 2, 3]}\\n option={options}\\n size=\\\"small\\\"\\n />\\n <Cascader\\n style={{ width: 175, marginTop: 10 }}\\n value={[1, 2, 4]}\\n option={options}\\n />\\n <Cascader\\n style={{ width: 200, marginTop: 10 }}\\n value={[1, 2, 5]}\\n option={options}\\n size=\\\"large\\\"\\n />\\n </Row>\\n )\\n};\\nexport default Demo\"\n },\n \"138\": {\n \"name\": 138,\n \"meta\": {\n \"background\": \"#fff\",\n \"codeSandbox\": \"true\",\n \"codePen\": \"true\"\n },\n \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\n\\nvar _uiw = require(\\\"uiw\\\");\\n\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\n\\nvar Demo = function Demo() {\\n var options = [{\\n label: '上海市',\\n value: 1,\\n children: [{\\n label: '徐汇区',\\n value: 4,\\n children: [{\\n label: '半淞园路街道',\\n value: 6\\n }, {\\n label: '南京东路街道',\\n value: 7\\n }, {\\n label: '外滩街道',\\n value: 8\\n }]\\n }]\\n }, {\\n label: '北京市',\\n value: 9,\\n children: [{\\n label: '崇文区',\\n value: 12,\\n children: [{\\n label: '东花市街道',\\n value: 13\\n }, {\\n label: '体育馆路街道',\\n value: 14\\n }, {\\n label: '前门街道',\\n value: 15\\n }]\\n }]\\n }];\\n return /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Cascader, {\\n style: {\\n width: 200\\n },\\n allowClear: true,\\n placeholder: \\\"\\\\u8BF7\\\\u9009\\\\u62E9\\\",\\n value: [1, 4, 7],\\n option: options,\\n onChange: function onChange(value, seleteds) {\\n return console.log(value, seleteds);\\n },\\n onSearch: function onSearch(text) {\\n return console.log('text', text);\\n }\\n });\\n};\\n\\nreturn Demo;\",\n \"language\": \"jsx\",\n \"value\": \"import React from 'react';\\nimport { Cascader, } from 'uiw';\\n\\nconst Demo = () => {\\n\\n const options = [\\n {\\n label: '上海市',\\n value: 1,\\n children: [\\n {\\n label: '徐汇区',\\n value: 4,\\n children: [\\n { label: '半淞园路街道', value: 6 },\\n { label: '南京东路街道', value: 7 },\\n { label: '外滩街道', value: 8 },\\n ]\\n },\\n ]\\n },\\n {\\n label: '北京市',\\n value: 9,\\n children: [\\n {\\n label: '崇文区',\\n value: 12,\\n children: [\\n { label: '东花市街道', value: 13 },\\n { label: '体育馆路街道', value: 14 },\\n { label: '前门街道', value: 15 },\\n ]\\n },\\n ]\\n },\\n ];\\n\\n return (\\n <Cascader\\n style={{ width: 200 }}\\n allowClear={true}\\n placeholder=\\\"请选择\\\"\\n value={[1, 4, 7]}\\n option={options}\\n onChange={(value, seleteds) => console.log(value, seleteds)}\\n onSearch={(text)=> console.log('text', text)}\\n />\\n )\\n};\\nexport default Demo\"\n },\n \"194\": {\n \"name\": 194,\n \"meta\": {\n \"background\": \"#fff\",\n \"codeSandbox\": \"true\",\n \"codePen\": \"true\"\n },\n \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\n\\nvar _uiw = require(\\\"uiw\\\");\\n\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\n\\nvar Demo = function Demo() {\\n var options = [{\\n label: '上海市',\\n value: 1,\\n children: [{\\n label: '徐汇区',\\n value: 4,\\n children: [{\\n label: '半淞园路街道',\\n value: 6\\n }, {\\n label: '南京东路街道',\\n value: 7\\n }, {\\n label: '外滩街道',\\n value: 8\\n }]\\n }]\\n }, {\\n label: '北京市',\\n value: 9,\\n children: [{\\n label: '崇文区',\\n value: 12,\\n children: [{\\n label: '东花市街道',\\n value: 13\\n }, {\\n label: '体育馆路街道',\\n value: 14\\n }, {\\n label: '前门街道',\\n value: 15\\n }]\\n }]\\n }];\\n return /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Row, {\\n style: {\\n flexDirection: 'column'\\n }\\n }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Cascader, {\\n style: {\\n width: 200\\n },\\n expandTrigger: \\\"hover\\\",\\n allowClear: true,\\n placeholder: \\\"\\\\u8BF7\\\\u9009\\\\u62E9\\\",\\n value: [1, 4, 7],\\n option: options,\\n onChange: function onChange(value, seleteds) {\\n return console.log(value, seleteds);\\n },\\n onSearch: true\\n }));\\n};\\n\\nreturn Demo;\",\n \"language\": \"jsx\",\n \"value\": \"import React from 'react';\\nimport { Cascader,Row } from 'uiw';\\n\\nconst Demo = () => {\\n\\n const options = [\\n {\\n label: '上海市',\\n value: 1,\\n children: [\\n {\\n label: '徐汇区',\\n value: 4,\\n children: [\\n { label: '半淞园路街道', value: 6 },\\n { label: '南京东路街道', value: 7 },\\n { label: '外滩街道', value: 8 },\\n ]\\n },\\n ]\\n },\\n {\\n label: '北京市',\\n value: 9,\\n children: [\\n {\\n label: '崇文区',\\n value: 12,\\n children: [\\n { label: '东花市街道', value: 13 },\\n { label: '体育馆路街道', value: 14 },\\n { label: '前门街道', value: 15 },\\n ]\\n },\\n ]\\n },\\n ];\\n\\n return (\\n <Row style={{ flexDirection: 'column' }}>\\n <Cascader\\n style={{ width:200 }}\\n expandTrigger=\\\"hover\\\"\\n allowClear={true}\\n placeholder=\\\"请选择\\\"\\n value={[1, 4, 7]}\\n option={options}\\n onChange={(value, seleteds) => console.log(value, seleteds)}\\n onSearch={true}\\n />\\n </Row>\\n )\\n};\\nexport default Demo\"\n },\n \"255\": {\n \"name\": 255,\n \"meta\": {\n \"background\": \"#fff\",\n \"codeSandbox\": \"true\",\n \"codePen\": \"true\",\n \"noScroll\": \"true\"\n },\n \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\n\\nvar _uiw = require(\\\"uiw\\\");\\n\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\n\\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\\n\\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\\n\\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\\n\\nvar Demo = function Demo() {\\n var options = [{\\n label: '上海市',\\n value: 1,\\n children: [{\\n label: '徐汇区',\\n value: 4,\\n children: [{\\n label: '半淞园路街道',\\n value: 6\\n }, {\\n label: '南京东路街道',\\n value: 7\\n }, {\\n label: '外滩街道',\\n value: 8\\n }]\\n }]\\n }, {\\n label: '北京市',\\n value: 9,\\n children: [{\\n label: '崇文区',\\n value: 12,\\n children: [{\\n label: '东花市街道',\\n value: 13\\n }, {\\n label: '体育馆路街道',\\n value: 14\\n }, {\\n label: '前门街道',\\n value: 15\\n }]\\n }]\\n }];\\n return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Form, {\\n onSubmitError: function onSubmitError(error) {\\n if (error.filed) {\\n return _objectSpread({}, error.filed);\\n }\\n\\n return null;\\n },\\n onSubmit: function onSubmit(_ref) {\\n var initial = _ref.initial,\\n current = _ref.current;\\n var errorObj = {};\\n\\n if (!current.selectField) {\\n errorObj.selectField = '默认需要选择内容，选择入内容';\\n }\\n\\n if (Object.keys(errorObj).length > 0) {\\n var err = new Error();\\n err.filed = errorObj;\\n Notify.error({\\n title: '提交失败！',\\n description: '请确认提交表单是否正确！'\\n });\\n throw err;\\n }\\n\\n Notify.success({\\n title: '提交成功！',\\n description: \\\"\\\\u8868\\\\u5355\\\\u63D0\\\\u4EA4\\\\u6210\\\\u529F\\\\uFF0C\\\\u9009\\\\u62E9\\\\u503C\\\\u4E3A\\\\uFF1A\\\".concat(current.selectField, \\\"\\\\uFF0C\\\\u5C06\\\\u81EA\\\\u52A8\\\\u586B\\\\u5145\\\\u521D\\\\u59CB\\\\u5316\\\\u503C\\\\uFF01\\\")\\n });\\n },\\n fields: {\\n cascader: {\\n initialValue: [1, 4, 7],\\n children: /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Cascader, {\\n allowClear: true,\\n onSearch: true,\\n placeholder: \\\"\\\\u8BF7\\\\u9009\\\\u62E9\\\",\\n option: options,\\n onChange: function onChange(value, seleteds) {\\n return console.log(value, seleteds);\\n }\\n })\\n }\\n }\\n }, function (_ref2) {\\n var fields = _ref2.fields,\\n state = _ref2.state,\\n canSubmit = _ref2.canSubmit;\\n return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Row, null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n fixed: true,\\n style: {\\n width: 200\\n }\\n }, fields.cascader)), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Row, null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n fixed: true\\n }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n disabled: !canSubmit(),\\n type: \\\"primary\\\",\\n htmlType: \\\"submit\\\"\\n }, \\\"\\\\u63D0\\\\u4EA4\\\"))), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Row, null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, null, /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"pre\\\", {\\n style: {\\n padding: 10,\\n marginTop: 10\\n }\\n }, JSON.stringify(state.current, null, 2)))));\\n }));\\n};\\n\\nreturn Demo;\",\n \"language\": \"jsx\",\n \"value\": \"import React from 'react';\\nimport { Form, Row, Col, Cascader, Button } from 'uiw';\\n\\nconst Demo = () => {\\nconst options = [\\n {\\n label: '上海市',\\n value: 1,\\n children: [\\n {\\n label: '徐汇区',\\n value: 4,\\n children: [\\n { label: '半淞园路街道', value: 6 },\\n { label: '南京东路街道', value: 7 },\\n { label: '外滩街道', value: 8 },\\n ]\\n },\\n ]\\n },\\n {\\n label: '北京市',\\n value: 9,\\n children: [\\n {\\n label: '崇文区',\\n value: 12,\\n children: [\\n { label: '东花市街道', value: 13 },\\n { label: '体育馆路街道', value: 14 },\\n { label: '前门街道', value: 15 },\\n ]\\n },\\n ]\\n },\\n ];\\n\\n return (\\n <div>\\n <Form\\n onSubmitError={(error) => {\\n if (error.filed) {\\n return { ...error.filed };\\n }\\n return null;\\n }}\\n onSubmit={({initial, current}) => {\\n const errorObj = {};\\n if (!current.selectField) {\\n errorObj.selectField = '默认需要选择内容，选择入内容';\\n }\\n if(Object.keys(errorObj).length > 0) {\\n const err = new Error();\\n err.filed = errorObj;\\n Notify.error({ title: '提交失败！', description: '请确认提交表单是否正确！' });\\n throw err;\\n }\\n Notify.success({\\n title: '提交成功！',\\n description: `表单提交成功，选择值为：${current.selectField}，将自动填充初始化值！`,\\n });\\n }}\\n fields={{\\n cascader: {\\n initialValue:[1, 4, 7],\\n children: (\\n <Cascader\\n allowClear={true}\\n onSearch={true}\\n placeholder=\\\"请选择\\\"\\n option={options}\\n onChange={(value, seleteds) => console.log(value, seleteds)}\\n />\\n )\\n },\\n }}\\n >\\n {({ fields, state, canSubmit }) => {\\n return (\\n <div>\\n <Row >\\n <Col fixed style={{width:200}}>{fields.cascader}</Col>\\n </Row>\\n <Row>\\n <Col fixed>\\n <Button disabled={!canSubmit()} type=\\\"primary\\\" htmlType=\\\"submit\\\">提交</Button>\\n </Col>\\n </Row>\\n <Row>\\n <Col>\\n <pre style={{ padding: 10, marginTop: 10 }}>\\n {JSON.stringify(state.current, null, 2)}\\n </pre>\\n </Col>\\n </Row>\\n </div>\\n )\\n }}\\n </Form>\\n </div>\\n );\\n}\\nexport default Demo\"\n }\n},\n source: \"Cascader 级联选择\\n===\\n\\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-cascader/file/README.md)\\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-cascader.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-cascader)\\n[![npm version](https://img.shields.io/npm/v/@uiw/react-cascader.svg?label=@uiw/react-cascader)](https://npmjs.com/@uiw/react-cascader)\\n\\n级联选择框。v4.16.0中添加\\n\\n```jsx\\nimport { Cascader, Row, Col } from 'uiw';\\n// or\\nimport Cascader from '@uiw/react-cascader';\\n```\\n\\n## 基础示例\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { Cascader,Row } from 'uiw';\\n\\nconst Demo = () => {\\n\\n const options = [\\n {\\n label: '上海市',\\n value: 1,\\n children: [\\n {\\n label: '徐汇区',\\n value: 4,\\n children: [\\n { label: '半淞园路街道', value: 6 },\\n { label: '南京东路街道', value: 7 },\\n { label: '外滩街道', value: 8 },\\n ]\\n },\\n ]\\n },\\n {\\n label: '北京市',\\n value: 9,\\n children: [\\n {\\n label: '崇文区',\\n value: 12,\\n children: [\\n { label: '东花市街道', value: 13 },\\n { label: '体育馆路街道', value: 14 },\\n { label: '前门街道', value: 15 },\\n ]\\n },\\n ]\\n },\\n ];\\n\\n return (\\n <Row>\\n <Row>\\n <Cascader\\n style={{ width:200 }}\\n allowClear={true}\\n placeholder=\\\"请选择\\\"\\n value={[1, 4, 7]}\\n option={options}\\n onChange={(value, seleteds) => console.log(value, seleteds)}\\n />\\n </Row>\\n <Row style={{ marginLeft: 20 }}>\\n <Cascader\\n style={{ width:200 }}\\n allowClear={true}\\n placeholder=\\\"请选择\\\"\\n value={[1, 4, 7]}\\n disabled={true}\\n option={options}\\n onChange={(value, seleteds) => console.log(value, seleteds)}\\n />\\n </Row>\\n </Row>\\n )\\n};\\nexport default Demo\\n```\\n\\n## 尺寸\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { Cascader,Row } from 'uiw';\\n\\nconst Demo = () => {\\n\\n const options = [\\n {\\n label: '尺寸', value: 1,\\n children: [\\n {\\n label: 'size',\\n value: 2,\\n children: [\\n { label: '小尺寸', value: 3 },\\n { label: '默认尺寸', value: 4 },\\n { label: '大尺寸', value: 5 },\\n ]\\n },\\n ]\\n }\\n ];\\n\\n return (\\n <Row style={{ flexDirection: 'column' }}>\\n <Cascader\\n style={{ width: 150 }}\\n value={[1, 2, 3]}\\n option={options}\\n size=\\\"small\\\"\\n />\\n <Cascader\\n style={{ width: 175, marginTop: 10 }}\\n value={[1, 2, 4]}\\n option={options}\\n />\\n <Cascader\\n style={{ width: 200, marginTop: 10 }}\\n value={[1, 2, 5]}\\n option={options}\\n size=\\\"large\\\"\\n />\\n </Row>\\n )\\n};\\nexport default Demo\\n```\\n\\n## 搜索选项\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { Cascader, } from 'uiw';\\n\\nconst Demo = () => {\\n\\n const options = [\\n {\\n label: '上海市',\\n value: 1,\\n children: [\\n {\\n label: '徐汇区',\\n value: 4,\\n children: [\\n { label: '半淞园路街道', value: 6 },\\n { label: '南京东路街道', value: 7 },\\n { label: '外滩街道', value: 8 },\\n ]\\n },\\n ]\\n },\\n {\\n label: '北京市',\\n value: 9,\\n children: [\\n {\\n label: '崇文区',\\n value: 12,\\n children: [\\n { label: '东花市街道', value: 13 },\\n { label: '体育馆路街道', value: 14 },\\n { label: '前门街道', value: 15 },\\n ]\\n },\\n ]\\n },\\n ];\\n\\n return (\\n <Cascader\\n style={{ width: 200 }}\\n allowClear={true}\\n placeholder=\\\"请选择\\\"\\n value={[1, 4, 7]}\\n option={options}\\n onChange={(value, seleteds) => console.log(value, seleteds)}\\n onSearch={(text)=> console.log('text', text)}\\n />\\n )\\n};\\nexport default Demo\\n```\\n\\n## 移入展开菜单\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { Cascader,Row } from 'uiw';\\n\\nconst Demo = () => {\\n\\n const options = [\\n {\\n label: '上海市',\\n value: 1,\\n children: [\\n {\\n label: '徐汇区',\\n value: 4,\\n children: [\\n { label: '半淞园路街道', value: 6 },\\n { label: '南京东路街道', value: 7 },\\n { label: '外滩街道', value: 8 },\\n ]\\n },\\n ]\\n },\\n {\\n label: '北京市',\\n value: 9,\\n children: [\\n {\\n label: '崇文区',\\n value: 12,\\n children: [\\n { label: '东花市街道', value: 13 },\\n { label: '体育馆路街道', value: 14 },\\n { label: '前门街道', value: 15 },\\n ]\\n },\\n ]\\n },\\n ];\\n\\n return (\\n <Row style={{ flexDirection: 'column' }}>\\n <Cascader\\n style={{ width:200 }}\\n expandTrigger=\\\"hover\\\"\\n allowClear={true}\\n placeholder=\\\"请选择\\\"\\n value={[1, 4, 7]}\\n option={options}\\n onChange={(value, seleteds) => console.log(value, seleteds)}\\n onSearch={true}\\n />\\n </Row>\\n )\\n};\\nexport default Demo\\n```\\n\\n### 在表单中使用\\n\\n在 [`<Form />`](#/components/form) 表单中应用 `<Cascader />` 组件。\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true&noScroll=true\\nimport React from 'react';\\nimport { Form, Row, Col, Cascader, Button } from 'uiw';\\n\\nconst Demo = () => {\\nconst options = [\\n {\\n label: '上海市',\\n value: 1,\\n children: [\\n {\\n label: '徐汇区',\\n value: 4,\\n children: [\\n { label: '半淞园路街道', value: 6 },\\n { label: '南京东路街道', value: 7 },\\n { label: '外滩街道', value: 8 },\\n ]\\n },\\n ]\\n },\\n {\\n label: '北京市',\\n value: 9,\\n children: [\\n {\\n label: '崇文区',\\n value: 12,\\n children: [\\n { label: '东花市街道', value: 13 },\\n { label: '体育馆路街道', value: 14 },\\n { label: '前门街道', value: 15 },\\n ]\\n },\\n ]\\n },\\n ];\\n\\n return (\\n <div>\\n <Form\\n onSubmitError={(error) => {\\n if (error.filed) {\\n return { ...error.filed };\\n }\\n return null;\\n }}\\n onSubmit={({initial, current}) => {\\n const errorObj = {};\\n if (!current.selectField) {\\n errorObj.selectField = '默认需要选择内容，选择入内容';\\n }\\n if(Object.keys(errorObj).length > 0) {\\n const err = new Error();\\n err.filed = errorObj;\\n Notify.error({ title: '提交失败！', description: '请确认提交表单是否正确！' });\\n throw err;\\n }\\n Notify.success({\\n title: '提交成功！',\\n description: `表单提交成功，选择值为：${current.selectField}，将自动填充初始化值！`,\\n });\\n }}\\n fields={{\\n cascader: {\\n initialValue:[1, 4, 7],\\n children: (\\n <Cascader\\n allowClear={true}\\n onSearch={true}\\n placeholder=\\\"请选择\\\"\\n option={options}\\n onChange={(value, seleteds) => console.log(value, seleteds)}\\n />\\n )\\n },\\n }}\\n >\\n {({ fields, state, canSubmit }) => {\\n return (\\n <div>\\n <Row >\\n <Col fixed style={{width:200}}>{fields.cascader}</Col>\\n </Row>\\n <Row>\\n <Col fixed>\\n <Button disabled={!canSubmit()} type=\\\"primary\\\" htmlType=\\\"submit\\\">提交</Button>\\n </Col>\\n </Row>\\n <Row>\\n <Col>\\n <pre style={{ padding: 10, marginTop: 10 }}>\\n {JSON.stringify(state.current, null, 2)}\\n </pre>\\n </Col>\\n </Row>\\n </div>\\n )\\n }}\\n </Form>\\n </div>\\n );\\n}\\nexport default Demo\\n```\\n\\n## Props\\n\\n| 参数 | 说明 | 类型 | 默认值 | 版本 |\\n| ---- | ---- | ---- | ---- | ---- |\\n| allowClear | 支持清除 | Boolean | `false` | - |\\n| disabled | 禁用选择器 | Boolean | `false` | - |\\n| placeholder | 选择框默认文字 | String | - | - |\\n| option | 选项菜单 | { value: String \\\\| Number, label: React.ReactNode, children: Array<String \\\\| Number>} | - | - |\\n| value | 指定当前选中的条目，多选时为一个数组 | String[] \\\\| Number[] | - | - |\\n| onChange | 选中选项调用此函数 | function( isSeleted, value, selectedOptions) | - | - |\\n| onSearch | 开启搜索选项 | functionon(searchText) \\\\| Boolean | - | v4.16.1 |\\n| size | 选择框尺寸 | Enum{large, default, small } | `default` | v17.0.1 |\\n| inputProps | 传给[Input](http://localhost:3000/#/components/input)组件的参数 | Object | - | v17.0.1 |\\n| expandTrigger |\\t子集菜单的展开方式，'click' 和 'hover' |\\tString | `click` | v4.18.2 |\\n\"\n }"],"names":["components","obj","_react","__esModule","_uiw","options","label","value","children","createElement","Row","Cascader","style","width","allowClear","placeholder","option","onChange","seleteds","console","log","marginLeft","disabled","flexDirection","size","marginTop","onSearch","text","expandTrigger","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_defineProperty","key","defineProperty","configurable","writable","Form","onSubmitError","error","filed","target","i","arguments","length","source","forEach","getOwnPropertyDescriptors","defineProperties","_objectSpread","onSubmit","_ref","initial","current","errorObj","selectField","err","Error","Notify","title","description","success","concat","fields","cascader","initialValue","_ref2","state","canSubmit","Col","fixed","Button","type","htmlType","padding","JSON","stringify","data"],"sourceRoot":""}

package/web/static/js/530.ad2f61a1.chunk.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ (self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[530],{4934:function(e){function t(e){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}t.keys=function(){return[]},t.resolve=t,t.id=4934,e.exports=t},270:function(e,t,n){"use strict";n.d(t,{Z:function(){return D}});var r=n(189),o=n(3782),i=n(5726),c=n(5752),s=n(6796),a=n(6135),d=n.n(a),u=n(2029),l=n(8133),p=n(9265),f=["version","codePen","codeSandbox"],h=function(e,t){var n=(t\|\|[]).join("\|");return e.replace(/import([\s\S]?)(?=['"])['"].['"]( ;\|;)?/gm,(function(e){return n&&new RegExp("from\\s+['\"](".concat(n,")['\"](s.+)?;?")).test(e)?e:"/* ".concat(e," **/")}))};function m(e){var t=e.version,n=e.codePen,i=e.codeSandbox,c=(0,o.Z)(e,f),a=(0,r.Z)({},c),m=(0,l.useRef)(null),v=[];if(n){var x={title:"uiw".concat(t," - demo"),js:"".concat(h(a.text\|\|"",["uiw"]).replace("export default","const APP_Default = "),'\nReactDOM.createRoot(document.getElementById("container")).render(<APP_Default />)'),html:'<div id="container" style="padding: 24px"></div>',css_external:"https://unpkg.com/uiw@".concat(t,"/dist/uiw.min.css"),js_external:"https://unpkg.com/react@18.x/umd/react.development.js;https://unpkg.com/react-dom@18.x/umd/react-dom.development.js;https://unpkg.com/classnames@2.2.6/index.js;https://unpkg.com/uiw@".concat(t,"/dist/uiw.min.js;https://unpkg.com/@uiw/codepen-require-polyfill@1.1.3/index.js")};v.push((0,p.jsx)(d(),(0,r.Z)((0,r.Z)({},x),{},{children:(0,p.jsx)("svg",{style:{fill:"currentcolor"},viewBox:"0 0 1024 1024",width:"18",height:"18",children:(0,p.jsx)("path",{d:"M123.428571 668l344.571429 229.714286v-205.142857L277.142857 565.142857z m-35.428571-82.285714l110.285714-73.714286-110.285714-73.714286v147.428572z m468 312l344.571429-229.714286-153.714286-102.857143-190.857143 127.428572v205.142857z m-44-281.714286l155.428571-104-155.428571-104-155.428571 104zM277.142857 458.857143l190.857143-127.428572V126.285714L123.428571 356z m548.571429 53.142857l110.285714 73.714286V438.285714z m-78.857143-53.142857l153.714286-102.857143-344.571429-229.714286v205.142857z m277.142857-102.857143v312q0 23.428571-19.428571 36.571429l-468 312q-12 7.428571-24.571429 7.428571t-24.571429-7.428571L19.428571 704.571429q-19.428571-13.142857-19.428571-36.571429V356q0-23.428571 19.428571-36.571429L487.428571 7.428571q12-7.428571 24.571429-7.428571t24.571429 7.428571l468 312q19.428571 13.142857 19.428571 36.571429z","p-id":"2071"})})}),"Codepen"))}if(i){var k={files:{"sandbox.config.json":{content:'{\n "template": "node",\n "container": {\n "startScript": "start",\n "node": "14"\n }\n }'},"public/index.html":{content:'<div id="container"></div>'},"src/app.js":{content:a.text},"src/index.js":{content:'import React from "react";\nimport ReactClient from "react-dom/client";\nimport App from "./app";\nReactClient.createRoot(document.getElementById("container")).render(<App />);'},".kktrc.js":{content:'import lessModules from "@kkt/less-modules";\nexport default (conf, env, options) => {\nconf = lessModules(conf, env, options);\nreturn conf;\n};'},"package.json":{content:{name:"uiw-demo",description:"uiw v".concat(t," - demo"),dependencies:{react:"18.1.0","react-dom":"18.1.0",uiw:"latest"},devDependencies:{"@kkt/less-modules":"~7.1.1",kkt:"~7.1.5"},license:"MIT",scripts:{start:"kkt start",build:"kkt build",test:"kkt test --env=jsdom"},browserslist:[">0.2%","not dead","not ie <= 11","not op_mini all"]}}}};v.push((0,p.jsx)(u.Z,(0,r.Z)((0,r.Z)({},k),{},{children:(0,p.jsx)("svg",{style:{fill:"currentcolor"},viewBox:"0 0 1024 1024",width:"18",height:"18",children:(0,p.jsx)("path",{d:"M85.333333 256l446.08-256L977.493333 256 981.333333 765.866667 531.413333 1024 85.333333 768V256z m89.088 105.856v202.965333l142.72 79.36v150.016l169.472 97.962667v-352.938667L174.421333 361.856z m714.197334 0l-312.192 177.365333v352.938667l169.472-97.962667V644.266667l142.72-79.402667V361.813333zM219.050667 281.642667l311.594666 176.810666 312.32-178.346666-165.162666-93.738667-145.493334 82.986667-146.346666-83.968L219.008 281.6z","p-id":"4089"})})}),"Codesandbox"))}return(0,p.jsx)(s.Z,(0,r.Z)((0,r.Z)({},a),{},{ref:m,toolbarExtra:(0,p.jsx)(l.Fragment,{children:v})}))}var v=n(968),x=n(2251);function k(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.path,n=(0,x.$)(),r=n.t,o=/^http/.test(t\|\|"")?t:"https://github.com/uiwjs/uiw/blob/master/".concat(t);return(0,p.jsxs)(l.Fragment,{children:[r("footer.greeting"),o&&(0,p.jsx)("a",{href:o,target:"_blank",rel:"noopener noreferrer",children:r("footer.greetLinkText")}),(0,p.jsx)("br",{}),(0,p.jsx)("a",{href:"https://github.com/uiwjs/uiw/issues",target:"_blank",rel:"noopener noreferrer",children:r("footer.issues")}),(0,p.jsx)(v.Divider,{type:"vertical"}),(0,p.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw/issues/new",children:r("footer.bug")}),(0,p.jsx)(v.Divider,{type:"vertical"}),(0,p.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw",children:r("footer.github")}),(0,p.jsx)(v.Divider,{type:"vertical"}),(0,p.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt",children:r("footer.kkt")}),(0,p.jsx)(v.Divider,{type:"vertical"}),(0,p.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt-ssr",children:r("footer.kkt_ssr")}),(0,p.jsx)(v.Divider,{type:"vertical"}),(0,p.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"http://uiw.gitee.io",children:r("footer.io")})]})}var j="index_docinfo__3Vx8S",g="index_markdown__hcQCp",b=n(7946),w=n(3369),Z=["inline","node"],_=["data-meta","noPreview","noScroll","bgWhite","noCode","codePen","codeSandboxOption","codeSandbox","bordered"];function D(e){var t=e.renderPage,n=e.path,s=(0,b.Z)(t),a=s.mdData,d=s.loading,u=c.i8\|\|"2.0.0";return a.source?(0,p.jsxs)("div",{children:[(0,p.jsx)(v.Loader,{style:{width:"100%"},loading:d,tip:"loading...",children:(0,p.jsx)("div",{children:(0,p.jsx)(i.Z,{source:a.source,className:g,components:{code:function(e){var t,n=e.inline,i=e.node,c=(0,o.Z)(e,Z),s=c["data-meta"],d=(c.noPreview,c.noScroll,c.bgWhite,c.noCode),l=(c.codePen,c.codeSandboxOption,c.codeSandbox,c.bordered,(0,o.Z)(c,_));if(n\|\|!(0,w.pN)(s))return(0,p.jsx)("code",(0,r.Z)({},l));var f=null===(t=i.position)\|\|void 0===t?void 0:t.start.line,h=(0,w.Mx)(s)\|\|String(f),v=a.components["".concat(h)],x=(0,w.aE)(s);if(h&&"function"===typeof v){var k=a.data[h].value\|\|"";return(0,p.jsx)(m,{toolbar:x.title\|\|"\u793a\u4f8b\u5c55\u793a",disableToolbar:d,codePen:x.codePen,codeSandbox:x.codeSandbox,disableCheckered:!!x.disableCheckered,background:x.background,version:u,code:(0,p.jsx)("pre",{children:(0,p.jsx)("code",(0,r.Z)({},l))}),text:k,children:(0,p.jsx)(v,{})})}return(0,p.jsx)("code",(0,r.Z)({},l))}}})})}),(0,p.jsx)("div",{className:j,children:(0,p.jsx)(k,{path:n})})]}):null}},7946:function(e,t,n){"use strict";n.d(t,{A:function(){return d}});var r=n(1092),o=n(7791),i=n(1026),c=n(8133),s=n(2251),a=n(3208),d=function(){var e=(0,s.$)().i18n;return e.language===a.X?"":"."+e.language};t.Z=function(e){var t=(0,c.useState)({source:"",components:{},data:{}}),n=(0,i.Z)(t,2),s=n[0],a=n[1],u=d(),l=(0,c.useState)(!1),p=(0,i.Z)(l,2),f=p[0],h=p[1];return(0,c.useEffect)((function(){var t=function(){var t=(0,o.Z)((0,r.Z)().mark((function t(){var n;return(0,r.Z)().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(!e){t.next=13;break}return h((function(){return!0})),t.prev=2,t.next=5,e(u);case 5:(n=t.sent)&&a(n),t.next=12;break;case 9:t.prev=9,t.t0=t.catch(2),console.warn(t.t0);case 12:h((function(){return!1}));case 13:case"end":return t.stop()}}),t,null,[[2,9]])})));return function(){return t.apply(this,arguments)}}();t()}),[u]),{mdData:s,loading:f}}},8294:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return d}});var r=n(1092),o=n(7791),i=n(968),c=n(270),s=n(7946),a=n(9265);function d(){var e=(0,s.A)();return(0,a.jsx)(c.Z,{path:"https://github.com/uiwjs/uiw/tree/master/packages/react-button/README".concat(e,".md"),dependencies:{Icon:i.Icon,Divider:i.Divider,Button:i.Button,ButtonGroup:i.ButtonGroup,Row:i.Row,Col:i.Col},renderPage:(0,o.Z)((0,r.Z)().mark((function t(){var o;return(0,r.Z)().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,n(7441)("./README".concat(e,".md"));case 2:return o=t.sent,t.abrupt("return",o.default\|\|o);case 4:case"end":return t.stop()}}),t)})))})}},7441:function(e,t,n){var r={"./README.en-US.md":[250,250],"./README.md":[1949,1949]};function o(e){if(!n.o(r,e))return Promise.resolve().then((function(){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}));var t=r[e],o=t[0];return n.e(t[1]).then((function(){return n(o)}))}o.keys=function(){return Object.keys(r)},o.id=7441,e.exports=o}}]);
2	+ //# sourceMappingURL=530.ad2f61a1.chunk.js.map

package/web/static/js/530.ad2f61a1.chunk.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"static/js/530.ad2f61a1.chunk.js","mappings":"sFAAA,SAASA,EAAoBC,GAC5B,IAAIC,EAAI,IAAIC,MAAM,uBAAyBF,EAAM,KAEjD,MADAC,EAAEE,KAAO,mBACHF,CACP,CACAF,EAAoBK,KAAO,WAAa,MAAO,EAAI,EACnDL,EAAoBM,QAAUN,EAC9BA,EAAoBO,GAAK,KACzBC,EAAOC,QAAUT,C,+MCIXU,EAAe,SAACC,EAAYC,GAChC,IAAIC,GAAWD,GAAiB,IAAIE,KAAK,KAQzC,OAPeH,EAAGI,QAAQ,gDAAgD,SAACC,GAEzE,OAAIH,GAAW,IAAII,OAAJ,wBAA2BJ,EAA3B,mBAAoDK,KAAKF,GAC/DA,EAEH,OAAN,OAAcA,EAAd,OACD,GAEF,EAEc,SAASG,EAAT,GAAwE,IAAxDC,EAAuD,EAAvDA,QAASC,EAA8C,EAA9CA,QAASC,EAAqC,EAArCA,YAAgBC,GAAqB,YAC9EC,GAAmC,UAAQD,GAC3CE,GAAOC,EAAAA,EAAAA,QAAuB,MAUhCC,EAAkC,GACtC,GAAIN,EAAS,CACX,IAAMO,EAAiB,CACrBC,MAAM,MAAD,OAAQT,EAAR,WACLT,GAAG,GAAD,OAAKD,EAAac,EAAMM,MAAQ,GAAI,CAAC,QAAQf,QAC7C,iBACA,wBAFA,uFAIFgB,KAAM,mDACNC,aAAa,yBAAD,OAA2BZ,EAA3B,qBACZa,YAAY,yLAAD,OAA2Lb,EAA3L,oFAEbO,EAAaO,MACX,SAAC,KAAD,kBAA2BN,GAA3B,cACE,gBAAKO,MAAO,CAAEC,KAAM,gBAAkBC,QAAQ,gBAAgBC,MAAM,KAAKC,OAAO,KAAhF,UACE,iBACEC,EAAE,y0BACF,OAAK,aAJE,WAShB,CACD,GAAIlB,EAAa,CACf,IAAMmB,EAAqB,CACzBC,MAAO,CACL,sBAAuB,CACrBC,QAAQ,iKAQV,oBAAqB,CACnBA,QAAQ,8BAEV,aAAc,CACZA,QAASnB,EAAMM,MAEjB,eAAgB,CACda,QAAQ,oLAKV,YAAa,CACXA,QAAQ,qJAEV,eAAgB,CACdA,QAAS,CACPC,KAAM,WACNC,YAAY,QAAD,OAAUzB,EAAV,WACX0B,aAAc,CACZC,MAAO,SACP,YAAa,SACbC,IAAK,UAEPC,gBAAiB,CACf,oBAAqB,SACrBC,IAAK,UAEPC,QAAS,MACTC,QAAS,CACPC,MAAO,YACPC,MAAO,YACPpC,KAAM,wBAERqC,aAAc,CAAC,QAAS,WAAY,eAAgB,uBAK5D5B,EAAaO,MACX,SAAC,KAAD,kBAAmCO,GAAnC,cACE,gBAAKN,MAAO,CAAEC,KAAM,gBAAkBC,QAAQ,gBAAgBC,MAAM,KAAKC,OAAO,KAAhF,UACE,iBACEC,EAAE,sbACF,OAAK,aAJM,eASpB,CACD,OAAO,SAAC,KAAD,kBAAuBhB,GAAvB,IAA8BgC,IAAK/B,EAAME,cAAc,SAAC,EAAA8B,SAAD,UAAW9B,MAC1E,C,uBClHc,SAAS,IAA2B,IAA1BH,EAAyB,uDAAJ,CAAC,EACrCkC,EAASlC,EAATkC,KACR,GAAqBC,EAAAA,EAAAA,KAAVC,EAAX,EAAQC,EACFC,EAAM,QAAQ5C,KAAKwC,GAAQ,IAAMA,EAA3B,mDAA8EA,GAE1F,OACE,UAAC,EAAAD,SAAD,WACGG,EAAM,mBACNE,IACC,cAAGC,KAAMD,EAAKE,OAAO,SAASC,IAAI,sBAAlC,SACGL,EAAM,2BAGX,mBACA,cAAGG,KAAK,sCAAsCC,OAAO,SAASC,IAAI,sBAAlE,SACGL,EAAM,oBAET,SAAC,EAAAM,QAAD,CAASC,KAAK,cACd,cAAGH,OAAO,SAASC,IAAI,sBAAsBF,KAAK,0CAAlD,SACGH,EAAM,iBAET,SAAC,EAAAM,QAAD,CAASC,KAAK,cACd,cAAGH,OAAO,SAASC,IAAI,sBAAsBF,KAAK,+BAAlD,SACGH,EAAM,oBAET,SAAC,EAAAM,QAAD,CAASC,KAAK,cACd,cAAGH,OAAO,SAASC,IAAI,sBAAsBF,KAAK,+BAAlD,SACGH,EAAM,iBAET,SAAC,EAAAM,QAAD,CAASC,KAAK,cACd,cAAGH,OAAO,SAASC,IAAI,sBAAsBF,KAAK,mCAAlD,SACGH,EAAM,qBAET,SAAC,EAAAM,QAAD,CAASC,KAAK,cACd,cAAGH,OAAO,SAASC,IAAI,sBAAsBF,KAAK,sBAAlD,SACGH,EAAM,iBAId,CC9CD,MAA0B,uBAA1B,EAA4D,wB,yJCe7C,SAASQ,EAAc5C,GACpC,IAAQ6C,EAAqB7C,EAArB6C,WAAYX,EAASlC,EAATkC,KACpB,GAA4BY,EAAAA,EAAAA,GAAUD,GAA9BE,EAAR,EAAQA,OAAQC,EAAhB,EAAgBA,QACVpD,EAAUqD,EAAAA,IAAe,QAC/B,OAAKF,EAAOG,QAKV,4BACE,SAAC,EAAAC,OAAD,CAAQxC,MAAO,CAAEG,MAAO,QAAUkC,QAASA,EAASI,IAAI,aAAxD,UACE,0BACE,SAAC,IAAD,CACEF,OAAQH,EAAOG,OACfG,UAAWC,EACXC,WAAY,CASV3E,KAAM,YAAiC,IAAD,EAA7B4E,EAA6B,EAA7BA,OAAQC,EAAqB,EAArBA,KACf,GADoC,YAErBC,EADf,EACE,aAIAC,GALF,EAEEC,UAFF,EAGEC,SAHF,EAIEC,QAJF,EAKEH,QAKGI,GAVL,EAMElE,QANF,EAOEmE,kBAPF,EAQElE,YARF,EASEmE,UATF,aAYA,GAAIT,KAAWU,EAAAA,EAAAA,IAAOR,GACpB,OAAO,2BAAUK,IAEnB,IAAMI,EAAI,UAAGV,EAAKW,gBAAR,aAAG,EAAevC,MAAMsC,KAC5BE,GAASC,EAAAA,EAAAA,IAAUZ,IAASa,OAAOJ,GACnCK,EAAQzB,EAAOQ,WAAP,UAAqBc,IAC7BI,GAAaC,EAAAA,EAAAA,IAAiBhB,GACpC,GAAIW,GAA2B,oBAAVG,EAAsB,CACzC,IAAMG,EAAY5B,EAAO6B,KAAKP,GAAQQ,OAAS,GAC/C,OACE,SAAClF,EAAD,CACEmF,QAASL,EAAWpE,OAAS,2BAC7B0E,eAAgBpB,EAChB9D,QAAS4E,EAAW5E,QACpBC,YAAa2E,EAAW3E,YACxBkF,mBAAoBP,EAAWO,iBAC/BC,WAAYR,EAAWQ,WACvBrF,QAASA,EACThB,MACE,0BACE,2BAAUmF,MAGdzD,KAAMqE,EAbR,UAeE,SAACH,EAAD,KAGL,CACD,OAAO,2BAAUT,GAClB,UAKT,gBAAKV,UAAWC,EAAhB,UACE,SAAC4B,EAAD,CAAQhD,KAAMA,SApEX,IAwEV,C,oICxFYiD,EAAgB,WAC3B,IAAQC,GAASjD,EAAAA,EAAAA,KAATiD,KAER,OADmBA,EAAKC,WAAaC,EAAAA,EAAS,GAAK,IAAMF,EAAKC,QAE/D,EA+BD,IA7BkB,SAACxC,GACjB,OAA4B0C,EAAAA,EAAAA,UAAwB,CAClDrC,OAAQ,GACRK,WAAY,CAAC,EACbqB,KAAM,CAAC,IAHT,eAAO7B,EAAP,KAAeyC,EAAf,KAKMC,EAAaN,IACnB,GAA8BI,EAAAA,EAAAA,WAAS,GAAvC,eAAOvC,EAAP,KAAgB0C,EAAhB,KAmBA,OAlBAC,EAAAA,EAAAA,YAAU,WACR,IAAMC,EAAK,yCAAG,6FACR/C,EADQ,wBAEV6C,GAAW,kBAAM,CAAN,IAFD,kBAIa7C,EAAW4C,GAJxB,QAIFI,EAJE,SAMNL,EAAUK,GANJ,gDASRC,QAAQC,KAAR,MATQ,QAWVL,GAAW,kBAAM,CAAN,IAXD,yDAAH,qDAcXE,GAED,GAAE,CAACH,IACG,CAAE1C,OAAAA,EAAQC,QAAAA,EAClB,C,+ICnCc,SAASgD,IACtB,IAAMP,GAAaN,EAAAA,EAAAA,KAEnB,OACE,SAAC,IAAD,CACEjD,KAAI,+EAA0EuD,EAA1E,OACJnE,aAAc,CAAE2E,KAAAA,EAAAA,KAAMvD,QAAAA,EAAAA,QAASwD,OAAAA,EAAAA,OAAQC,YAAAA,EAAAA,YAAaC,IAAAA,EAAAA,IAAKC,IAAAA,EAAAA,KACzDxD,YAAU,uBAAE,yGACO,QAAO,kBAA4C4C,EAAnD,QADP,cACJa,EADI,yBAEHA,EAAGC,SAAWD,GAFX,4CAMjB,C,uBChBD,IAAIE,EAAM,CACT,oBAAqB,CACpB,IACA,KAED,cAAe,CACd,KACA,OAGF,SAASC,EAAoBhI,GAC5B,IAAIiI,EAAoBC,EAAEH,EAAK/H,GAC9B,OAAOmI,QAAQ9H,UAAU+H,MAAK,WAC7B,IAAInI,EAAI,IAAIC,MAAM,uBAAyBF,EAAM,KAEjD,MADAC,EAAEE,KAAO,mBACHF,CACP,IAGD,IAAIoI,EAAMN,EAAI/H,GAAMM,EAAK+H,EAAI,GAC7B,OAAOJ,EAAoBhI,EAAEoI,EAAI,IAAID,MAAK,WACzC,OAAOH,EAAoB3H,EAC5B,GACD,CACA0H,EAAoB5H,KAAO,WAAa,OAAOkI,OAAOlI,KAAK2H,EAAM,EACjEC,EAAoB1H,GAAK,KACzBC,EAAOC,QAAUwH,C","sources":["../../node_modules/@babel/standalone|sync|nonrecursive","components/Markdown/Code.tsx","components/Markdown/Footer.tsx","webpack://website/./src/components/Markdown/index.module.less?afd9","components/Markdown/index.tsx","components/useMdData/index.ts","routes/components/button/index.tsx","../node_modules/uiw/node_modules/@uiw/react-button|/home/runner/work/uiw/uiw/website/node_modules/uiw/node_modules/@uiw/react-button|lazy|/^/.//README.*/.md$/|groupOptions: {}|namespace object"],"sourcesContent":["function webpackEmptyContext(req) {\n\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\te.code = 'MODULE_NOT_FOUND';\n\tthrow e;\n}\nwebpackEmptyContext.keys = function() { return []; };\nwebpackEmptyContext.resolve = webpackEmptyContext;\nwebpackEmptyContext.id = 4934;\nmodule.exports = webpackEmptyContext;","import CodePreviewLayout, { CodeLayoutProps } from 'react-code-preview-layout';\nimport Codepen from '@uiw/react-codepen';\nimport Codesandbox from '@uiw/react-codesandbox';\nimport React, { Fragment, useRef } from 'react';\n\nexport interface CodesProps extends CodeLayoutProps {\n version: string;\n codePen?: boolean | string;\n codeSandbox?: boolean | string;\n noCode?: boolean;\n}\n\nconst getCodePenJs = (js: string, includeModule: string[]) => {\n let include = (includeModule || []).join('|');\n let resultJs = js.replace(/import([\\s\\S]*?)(?=['\"])['\"].*['\"]( *;|;)?/gm, (str) => {\n // eslint-disable-next-line no-useless-escape\n if (include && new RegExp(`from\\\\s+['\"](${include})['\"](\\s.+)?;?`).test(str)) {\n return str;\n }\n return `/** ${str} **/`;\n });\n return resultJs;\n};\n\nexport default function Code({ version, codePen, codeSandbox, ...other }: CodesProps) {\n const props: Omit<CodeLayoutProps, 'ref'> = { ...other };\n const $dom = useRef<HTMLDivElement>(null);\n\n // useLayoutEffect(() => {\n // if ($dom.current) {\n // const parentElement = $dom.current.parentElement;\n // if (parentElement && parentElement.parentElement) {\n // parentElement.parentElement.replaceChild($dom.current, parentElement);\n // }\n // }\n // }, [$dom]);\n let toolbarExtra: React.ReactNode[] = [];\n if (codePen) {\n const codePenOptions = {\n title: `uiw${version} - demo`,\n js: `${getCodePenJs(props.text || '', ['uiw']).replace(\n 'export default',\n 'const APP_Default = ',\n )}\\nReactDOM.createRoot(document.getElementById(\"container\")).render(<APP_Default />)`,\n html: '<div id=\"container\" style=\"padding: 24px\"></div>',\n css_external: `https://unpkg.com/uiw@${version}/dist/uiw.min.css`,\n js_external: `https://unpkg.com/react@18.x/umd/react.development.js;https://unpkg.com/react-dom@18.x/umd/react-dom.development.js;https://unpkg.com/classnames@2.2.6/index.js;https://unpkg.com/uiw@${version}/dist/uiw.min.js;https://unpkg.com/@uiw/codepen-require-polyfill@1.1.3/index.js`,\n };\n toolbarExtra.push(\n <Codepen key=\"Codepen\" {...codePenOptions}>\n <svg style={{ fill: 'currentcolor' }} viewBox=\"0 0 1024 1024\" width=\"18\" height=\"18\">\n <path\n d=\"M123.428571 668l344.571429 229.714286v-205.142857L277.142857 565.142857z m-35.428571-82.285714l110.285714-73.714286-110.285714-73.714286v147.428572z m468 312l344.571429-229.714286-153.714286-102.857143-190.857143 127.428572v205.142857z m-44-281.714286l155.428571-104-155.428571-104-155.428571 104zM277.142857 458.857143l190.857143-127.428572V126.285714L123.428571 356z m548.571429 53.142857l110.285714 73.714286V438.285714z m-78.857143-53.142857l153.714286-102.857143-344.571429-229.714286v205.142857z m277.142857-102.857143v312q0 23.428571-19.428571 36.571429l-468 312q-12 7.428571-24.571429 7.428571t-24.571429-7.428571L19.428571 704.571429q-19.428571-13.142857-19.428571-36.571429V356q0-23.428571 19.428571-36.571429L487.428571 7.428571q12-7.428571 24.571429-7.428571t24.571429 7.428571l468 312q19.428571 13.142857 19.428571 36.571429z\"\n p-id=\"2071\"\n ></path>\n </svg>\n </Codepen>,\n );\n }\n if (codeSandbox) {\n const codeSandboxOptions = {\n files: {\n 'sandbox.config.json': {\n content: `{\n \"template\": \"node\",\n \"container\": {\n \"startScript\": \"start\",\n \"node\": \"14\"\n }\n }`,\n },\n 'public/index.html': {\n content: `<div id=\"container\"></div>`,\n },\n 'src/app.js': {\n content: props.text,\n },\n 'src/index.js': {\n content: `import React from \"react\";\\nimport ReactClient from \"react-dom/client\";\\nimport App from \"./app\";\\nReactClient.createRoot(document.getElementById(\"container\")).render(<App />);`,\n },\n // 'src/index.js': {\n // content: (props.copyNodes || '').replace('_mount_', 'document.getElementById(\"container\")'),\n // },\n '.kktrc.js': {\n content: `import lessModules from \"@kkt/less-modules\";\\nexport default (conf, env, options) => {\\nconf = lessModules(conf, env, options);\\nreturn conf;\\n};`,\n },\n 'package.json': {\n content: {\n name: 'uiw-demo',\n description: `uiw v${version} - demo`,\n dependencies: {\n react: '18.1.0',\n 'react-dom': '18.1.0',\n uiw: 'latest',\n },\n devDependencies: {\n '@kkt/less-modules': '~7.1.1',\n kkt: '~7.1.5',\n },\n license: 'MIT',\n scripts: {\n start: 'kkt start',\n build: 'kkt build',\n test: 'kkt test --env=jsdom',\n },\n browserslist: ['>0.2%', 'not dead', 'not ie <= 11', 'not op_mini all'],\n },\n },\n },\n };\n toolbarExtra.push(\n <Codesandbox key=\"Codesandbox\" {...codeSandboxOptions}>\n <svg style={{ fill: 'currentcolor' }} viewBox=\"0 0 1024 1024\" width=\"18\" height=\"18\">\n <path\n d=\"M85.333333 256l446.08-256L977.493333 256 981.333333 765.866667 531.413333 1024 85.333333 768V256z m89.088 105.856v202.965333l142.72 79.36v150.016l169.472 97.962667v-352.938667L174.421333 361.856z m714.197334 0l-312.192 177.365333v352.938667l169.472-97.962667V644.266667l142.72-79.402667V361.813333zM219.050667 281.642667l311.594666 176.810666 312.32-178.346666-165.162666-93.738667-145.493334 82.986667-146.346666-83.968L219.008 281.6z\"\n p-id=\"4089\"\n ></path>\n </svg>\n </Codesandbox>,\n );\n }\n return <CodePreviewLayout {...props} ref={$dom} toolbarExtra={<Fragment>{toolbarExtra}</Fragment>} />;\n}\n","import React, { Fragment } from 'react';\nimport { Divider } from 'uiw';\nimport { useTranslation } from 'react-i18next';\n\nexport type FooterProps = {\n path?: string;\n};\n\nexport default function (props: FooterProps = {}) {\n const { path } = props;\n const { t: trans } = useTranslation();\n const url = /^http/.test(path || '') ? path : `https://github.com/uiwjs/uiw/blob/master/${path}`;\n\n return (\n <Fragment>\n {trans('footer.greeting')}\n {url && (\n <a href={url} target=\"_blank\" rel=\"noopener noreferrer\">\n {trans('footer.greetLinkText')}\n </a>\n )}\n <br />\n <a href=\"https://github.com/uiwjs/uiw/issues\" target=\"_blank\" rel=\"noopener noreferrer\">\n {trans('footer.issues')}\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/uiwjs/uiw/issues/new\">\n {trans('footer.bug')}\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/uiwjs/uiw\">\n {trans('footer.github')}\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/kktjs/kkt\">\n {trans('footer.kkt')}\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/kktjs/kkt-ssr\">\n {trans('footer.kkt_ssr')}\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"http://uiw.gitee.io\">\n {trans('footer.io')}\n </a>\n </Fragment>\n );\n}\n","// extracted by mini-css-extract-plugin\nexport default {\"docinfo\":\"index_docinfo__3Vx8S\",\"markdown\":\"index_markdown__hcQCp\"};","import MarkdownPreview from '@uiw/react-markdown-preview';\nimport pkg from 'uiw/package.json';\nimport Code from './Code';\nimport Footer from './Footer';\nimport styles from './index.module.less';\nimport useMdData from './../useMdData';\nimport { CodeBlockData } from 'markdown-react-code-preview-loader';\nimport { Loader } from 'uiw';\nimport { getMetaId, isMeta, getURLParameters } from 'markdown-react-code-preview-loader';\nimport './index.css';\nexport type CreatePageProps<T> = {\n dependencies?: T;\n path: string;\n renderPage?: (lang?: string) => Promise<CodeBlockData>;\n};\n\nexport default function CreatePage<T>(props: CreatePageProps<T>) {\n const { renderPage, path } = props;\n const { mdData, loading } = useMdData(renderPage);\n const version = pkg.version || '2.0.0';\n if (!mdData.source) {\n return null;\n }\n\n return (\n <div>\n <Loader style={{ width: '100%' }} loading={loading} tip=\"loading...\">\n <div>\n <MarkdownPreview\n source={mdData.source}\n className={styles.markdown}\n components={{\n /**\n * bordered 边框\n * bgWhite 设置代码预览背景白色，否则为格子背景。\n * noCode 不显示代码编辑器。\n * noPreview 不显示代码预览效果。\n * noScroll 预览区域不显示滚动条。\n * codePen 显示 Codepen 按钮，要特别注意包导入的问题，实例中的 import 主要用于 Codepen 使用。\n */\n code: ({ inline, node, ...props }) => {\n const {\n 'data-meta': meta,\n noPreview,\n noScroll,\n bgWhite,\n noCode,\n codePen,\n codeSandboxOption,\n codeSandbox,\n bordered,\n ...rest\n } = props as any;\n if (inline || !isMeta(meta)) {\n return <code {...rest} />;\n }\n const line = node.position?.start.line;\n const metaId = getMetaId(meta) || String(line);\n const Child = mdData.components[`${metaId}`];\n const parameters = getURLParameters(meta);\n if (metaId && typeof Child === 'function') {\n const copyNodes = mdData.data[metaId].value || '';\n return (\n <Code\n toolbar={parameters.title || '示例展示'}\n disableToolbar={noCode}\n codePen={parameters.codePen}\n codeSandbox={parameters.codeSandbox}\n disableCheckered={!!parameters.disableCheckered}\n background={parameters.background}\n version={version}\n code={\n <pre>\n <code {...rest} />\n </pre>\n }\n text={copyNodes}\n >\n <Child />\n </Code>\n );\n }\n return <code {...rest} />;\n },\n }}\n />\n </div>\n </Loader>\n <div className={styles.docinfo}>\n <Footer path={path} />\n </div>\n </div>\n );\n}\n","import { useEffect, useState } from 'react';\nimport { CodeBlockData } from 'markdown-react-code-preview-loader';\nimport { useTranslation } from 'react-i18next';\nimport { DefLan } from 'react-i18next-config';\n\nexport const useFileSuffix = () => {\n const { i18n } = useTranslation();\n const fileSuffix = i18n.language === DefLan ? '' : '.' + i18n.language;\n return fileSuffix;\n};\n\nconst useMdData = (renderPage?: (lang?: string) => Promise<CodeBlockData>) => {\n const [mdData, setMdData] = useState<CodeBlockData>({\n source: '',\n components: {},\n data: {},\n });\n const fileSuffix = useFileSuffix();\n const [loading, setLoading] = useState(false);\n useEffect(() => {\n const getMd = async () => {\n if (renderPage) {\n setLoading(() => true);\n try {\n const result = await renderPage(fileSuffix);\n if (result) {\n setMdData(result);\n }\n } catch (err) {\n console.warn(err);\n }\n setLoading(() => false);\n }\n };\n getMd();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [fileSuffix]);\n return { mdData, loading };\n};\n\nexport default useMdData;\n","import { Icon, Divider, Button, ButtonGroup, Row, Col } from 'uiw';\nimport Markdown from '../../../components/Markdown';\nimport { useFileSuffix } from 'components/useMdData';\nexport default function Page() {\n const fileSuffix = useFileSuffix();\n\n return (\n <Markdown\n path={`https://github.com/uiwjs/uiw/tree/master/packages/react-button/README${fileSuffix}.md`}\n dependencies={{ Icon, Divider, Button, ButtonGroup, Row, Col }}\n renderPage={async () => {\n const md = await import(`uiw/node_modules/@uiw/react-button/README${fileSuffix}.md`);\n return md.default || md;\n }}\n />\n );\n}\n","var map = {\n\t\"./README.en-US.md\": [\n\t\t250,\n\t\t250\n\t],\n\t\"./README.md\": [\n\t\t1949,\n\t\t1949\n\t]\n};\nfunction webpackAsyncContext(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\treturn Promise.resolve().then(function() {\n\t\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\t\te.code = 'MODULE_NOT_FOUND';\n\t\t\tthrow e;\n\t\t});\n\t}\n\n\tvar ids = map[req], id = ids[0];\n\treturn __webpack_require__.e(ids[1]).then(function() {\n\t\treturn __webpack_require__(id);\n\t});\n}\nwebpackAsyncContext.keys = function() { return Object.keys(map); };\nwebpackAsyncContext.id = 7441;\nmodule.exports = webpackAsyncContext;"],"names":["webpackEmptyContext","req","e","Error","code","keys","resolve","id","module","exports","getCodePenJs","js","includeModule","include","join","replace","str","RegExp","test","Code","version","codePen","codeSandbox","other","props","$dom","useRef","toolbarExtra","codePenOptions","title","text","html","css_external","js_external","push","style","fill","viewBox","width","height","d","codeSandboxOptions","files","content","name","description","dependencies","react","uiw","devDependencies","kkt","license","scripts","start","build","browserslist","ref","Fragment","path","useTranslation","trans","t","url","href","target","rel","Divider","type","CreatePage","renderPage","useMdData","mdData","loading","pkg","source","Loader","tip","className","styles","components","inline","node","meta","noCode","noPreview","noScroll","bgWhite","rest","codeSandboxOption","bordered","isMeta","line","position","metaId","getMetaId","String","Child","parameters","getURLParameters","copyNodes","data","value","toolbar","disableToolbar","disableCheckered","background","Footer","useFileSuffix","i18n","language","DefLan","useState","setMdData","fileSuffix","setLoading","useEffect","getMd","result","console","warn","Page","Icon","Button","ButtonGroup","Row","Col","md","default","map","webpackAsyncContext","__webpack_require__","o","Promise","then","ids","Object"],"sourceRoot":""}

package/web/static/js/5388.f38bef53.chunk.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ (self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[5388],{4934:function(e){function t(e){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}t.keys=function(){return[]},t.resolve=t,t.id=4934,e.exports=t},270:function(e,t,n){"use strict";n.d(t,{Z:function(){return y}});var r=n(189),o=n(3782),i=n(5726),c=n(5752),s=n(6796),a=n(6135),d=n.n(a),l=n(2029),u=n(8133),p=n(9265),f=["version","codePen","codeSandbox"],h=function(e,t){var n=(t\|\|[]).join("\|");return e.replace(/import([\s\S]?)(?=['"])['"].['"]( ;\|;)?/gm,(function(e){return n&&new RegExp("from\\s+['\"](".concat(n,")['\"](s.+)?;?")).test(e)?e:"/* ".concat(e," **/")}))};function v(e){var t=e.version,n=e.codePen,i=e.codeSandbox,c=(0,o.Z)(e,f),a=(0,r.Z)({},c),v=(0,u.useRef)(null),m=[];if(n){var x={title:"uiw".concat(t," - demo"),js:"".concat(h(a.text\|\|"",["uiw"]).replace("export default","const APP_Default = "),'\nReactDOM.createRoot(document.getElementById("container")).render(<APP_Default />)'),html:'<div id="container" style="padding: 24px"></div>',css_external:"https://unpkg.com/uiw@".concat(t,"/dist/uiw.min.css"),js_external:"https://unpkg.com/react@18.x/umd/react.development.js;https://unpkg.com/react-dom@18.x/umd/react-dom.development.js;https://unpkg.com/classnames@2.2.6/index.js;https://unpkg.com/uiw@".concat(t,"/dist/uiw.min.js;https://unpkg.com/@uiw/codepen-require-polyfill@1.1.3/index.js")};m.push((0,p.jsx)(d(),(0,r.Z)((0,r.Z)({},x),{},{children:(0,p.jsx)("svg",{style:{fill:"currentcolor"},viewBox:"0 0 1024 1024",width:"18",height:"18",children:(0,p.jsx)("path",{d:"M123.428571 668l344.571429 229.714286v-205.142857L277.142857 565.142857z m-35.428571-82.285714l110.285714-73.714286-110.285714-73.714286v147.428572z m468 312l344.571429-229.714286-153.714286-102.857143-190.857143 127.428572v205.142857z m-44-281.714286l155.428571-104-155.428571-104-155.428571 104zM277.142857 458.857143l190.857143-127.428572V126.285714L123.428571 356z m548.571429 53.142857l110.285714 73.714286V438.285714z m-78.857143-53.142857l153.714286-102.857143-344.571429-229.714286v205.142857z m277.142857-102.857143v312q0 23.428571-19.428571 36.571429l-468 312q-12 7.428571-24.571429 7.428571t-24.571429-7.428571L19.428571 704.571429q-19.428571-13.142857-19.428571-36.571429V356q0-23.428571 19.428571-36.571429L487.428571 7.428571q12-7.428571 24.571429-7.428571t24.571429 7.428571l468 312q19.428571 13.142857 19.428571 36.571429z","p-id":"2071"})})}),"Codepen"))}if(i){var g={files:{"sandbox.config.json":{content:'{\n "template": "node",\n "container": {\n "startScript": "start",\n "node": "14"\n }\n }'},"public/index.html":{content:'<div id="container"></div>'},"src/app.js":{content:a.text},"src/index.js":{content:'import React from "react";\nimport ReactClient from "react-dom/client";\nimport App from "./app";\nReactClient.createRoot(document.getElementById("container")).render(<App />);'},".kktrc.js":{content:'import lessModules from "@kkt/less-modules";\nexport default (conf, env, options) => {\nconf = lessModules(conf, env, options);\nreturn conf;\n};'},"package.json":{content:{name:"uiw-demo",description:"uiw v".concat(t," - demo"),dependencies:{react:"18.1.0","react-dom":"18.1.0",uiw:"latest"},devDependencies:{"@kkt/less-modules":"~7.1.1",kkt:"~7.1.5"},license:"MIT",scripts:{start:"kkt start",build:"kkt build",test:"kkt test --env=jsdom"},browserslist:[">0.2%","not dead","not ie <= 11","not op_mini all"]}}}};m.push((0,p.jsx)(l.Z,(0,r.Z)((0,r.Z)({},g),{},{children:(0,p.jsx)("svg",{style:{fill:"currentcolor"},viewBox:"0 0 1024 1024",width:"18",height:"18",children:(0,p.jsx)("path",{d:"M85.333333 256l446.08-256L977.493333 256 981.333333 765.866667 531.413333 1024 85.333333 768V256z m89.088 105.856v202.965333l142.72 79.36v150.016l169.472 97.962667v-352.938667L174.421333 361.856z m714.197334 0l-312.192 177.365333v352.938667l169.472-97.962667V644.266667l142.72-79.402667V361.813333zM219.050667 281.642667l311.594666 176.810666 312.32-178.346666-165.162666-93.738667-145.493334 82.986667-146.346666-83.968L219.008 281.6z","p-id":"4089"})})}),"Codesandbox"))}return(0,p.jsx)(s.Z,(0,r.Z)((0,r.Z)({},a),{},{ref:v,toolbarExtra:(0,p.jsx)(u.Fragment,{children:m})}))}var m=n(968),x=n(2251);function g(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.path,n=(0,x.$)(),r=n.t,o=/^http/.test(t\|\|"")?t:"https://github.com/uiwjs/uiw/blob/master/".concat(t);return(0,p.jsxs)(u.Fragment,{children:[r("footer.greeting"),o&&(0,p.jsx)("a",{href:o,target:"_blank",rel:"noopener noreferrer",children:r("footer.greetLinkText")}),(0,p.jsx)("br",{}),(0,p.jsx)("a",{href:"https://github.com/uiwjs/uiw/issues",target:"_blank",rel:"noopener noreferrer",children:r("footer.issues")}),(0,p.jsx)(m.Divider,{type:"vertical"}),(0,p.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw/issues/new",children:r("footer.bug")}),(0,p.jsx)(m.Divider,{type:"vertical"}),(0,p.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw",children:r("footer.github")}),(0,p.jsx)(m.Divider,{type:"vertical"}),(0,p.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt",children:r("footer.kkt")}),(0,p.jsx)(m.Divider,{type:"vertical"}),(0,p.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt-ssr",children:r("footer.kkt_ssr")}),(0,p.jsx)(m.Divider,{type:"vertical"}),(0,p.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"http://uiw.gitee.io",children:r("footer.io")})]})}var j="index_docinfo__3Vx8S",k="index_markdown__hcQCp",b=n(7946),w=n(3369),Z=["inline","node"],_=["data-meta","noPreview","noScroll","bgWhite","noCode","codePen","codeSandboxOption","codeSandbox","bordered"];function y(e){var t=e.renderPage,n=e.path,s=(0,b.Z)(t),a=s.mdData,d=s.loading,l=c.i8\|\|"2.0.0";return a.source?(0,p.jsxs)("div",{children:[(0,p.jsx)(m.Loader,{style:{width:"100%"},loading:d,tip:"loading...",children:(0,p.jsx)("div",{children:(0,p.jsx)(i.Z,{source:a.source,className:k,components:{code:function(e){var t,n=e.inline,i=e.node,c=(0,o.Z)(e,Z),s=c["data-meta"],d=(c.noPreview,c.noScroll,c.bgWhite,c.noCode),u=(c.codePen,c.codeSandboxOption,c.codeSandbox,c.bordered,(0,o.Z)(c,_));if(n\|\|!(0,w.pN)(s))return(0,p.jsx)("code",(0,r.Z)({},u));var f=null===(t=i.position)\|\|void 0===t?void 0:t.start.line,h=(0,w.Mx)(s)\|\|String(f),m=a.components["".concat(h)],x=(0,w.aE)(s);if(h&&"function"===typeof m){var g=a.data[h].value\|\|"";return(0,p.jsx)(v,{toolbar:x.title\|\|"\u793a\u4f8b\u5c55\u793a",disableToolbar:d,codePen:x.codePen,codeSandbox:x.codeSandbox,disableCheckered:!!x.disableCheckered,background:x.background,version:l,code:(0,p.jsx)("pre",{children:(0,p.jsx)("code",(0,r.Z)({},u))}),text:g,children:(0,p.jsx)(m,{})})}return(0,p.jsx)("code",(0,r.Z)({},u))}}})})}),(0,p.jsx)("div",{className:j,children:(0,p.jsx)(g,{path:n})})]}):null}},7946:function(e,t,n){"use strict";n.d(t,{A:function(){return d}});var r=n(1092),o=n(7791),i=n(1026),c=n(8133),s=n(2251),a=n(3208),d=function(){var e=(0,s.$)().i18n;return e.language===a.X?"":"."+e.language};t.Z=function(e){var t=(0,c.useState)({source:"",components:{},data:{}}),n=(0,i.Z)(t,2),s=n[0],a=n[1],l=d(),u=(0,c.useState)(!1),p=(0,i.Z)(u,2),f=p[0],h=p[1];return(0,c.useEffect)((function(){var t=function(){var t=(0,o.Z)((0,r.Z)().mark((function t(){var n;return(0,r.Z)().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(!e){t.next=13;break}return h((function(){return!0})),t.prev=2,t.next=5,e(l);case 5:(n=t.sent)&&a(n),t.next=12;break;case 9:t.prev=9,t.t0=t.catch(2),console.warn(t.t0);case 12:h((function(){return!1}));case 13:case"end":return t.stop()}}),t,null,[[2,9]])})));return function(){return t.apply(this,arguments)}}();t()}),[l]),{mdData:s,loading:f}}},6956:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return a}});var r=n(1092),o=n(7791),i=(n(8133),n(968)),c=n(270),s=n(9265);function a(){return(0,s.jsx)(c.Z,{path:"https://github.com/uiwjs/uiw/tree/master/packages/react-overlay/README.md",dependencies:{Overlay:i.Overlay,Button:i.Button,Icon:i.Icon,Card:i.Card,Divider:i.Divider},renderPage:(0,o.Z)((0,r.Z)().mark((function e(){var t;return(0,r.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,n.e(9947).then(n.bind(n,9947));case 2:return t=e.sent,e.abrupt("return",t.default\|\|t);case 4:case"end":return e.stop()}}),e)})))})}}}]);
2	+ //# sourceMappingURL=5388.f38bef53.chunk.js.map

package/web/static/js/5388.f38bef53.chunk.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"static/js/5388.f38bef53.chunk.js","mappings":"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","sources":["../../node_modules/@babel/standalone|sync|nonrecursive","components/Markdown/Code.tsx","components/Markdown/Footer.tsx","webpack://website/./src/components/Markdown/index.module.less?afd9","components/Markdown/index.tsx","components/useMdData/index.ts","routes/components/overlay/index.tsx"],"sourcesContent":["function webpackEmptyContext(req) {\n\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\te.code = 'MODULE_NOT_FOUND';\n\tthrow e;\n}\nwebpackEmptyContext.keys = function() { return []; };\nwebpackEmptyContext.resolve = webpackEmptyContext;\nwebpackEmptyContext.id = 4934;\nmodule.exports = webpackEmptyContext;","import CodePreviewLayout, { CodeLayoutProps } from 'react-code-preview-layout';\nimport Codepen from '@uiw/react-codepen';\nimport Codesandbox from '@uiw/react-codesandbox';\nimport React, { Fragment, useRef } from 'react';\n\nexport interface CodesProps extends CodeLayoutProps {\n version: string;\n codePen?: boolean | string;\n codeSandbox?: boolean | string;\n noCode?: boolean;\n}\n\nconst getCodePenJs = (js: string, includeModule: string[]) => {\n let include = (includeModule || []).join('|');\n let resultJs = js.replace(/import([\\s\\S]*?)(?=['\"])['\"].*['\"]( *;|;)?/gm, (str) => {\n // eslint-disable-next-line no-useless-escape\n if (include && new RegExp(`from\\\\s+['\"](${include})['\"](\\s.+)?;?`).test(str)) {\n return str;\n }\n return `/** ${str} **/`;\n });\n return resultJs;\n};\n\nexport default function Code({ version, codePen, codeSandbox, ...other }: CodesProps) {\n const props: Omit<CodeLayoutProps, 'ref'> = { ...other };\n const $dom = useRef<HTMLDivElement>(null);\n\n // useLayoutEffect(() => {\n // if ($dom.current) {\n // const parentElement = $dom.current.parentElement;\n // if (parentElement && parentElement.parentElement) {\n // parentElement.parentElement.replaceChild($dom.current, parentElement);\n // }\n // }\n // }, [$dom]);\n let toolbarExtra: React.ReactNode[] = [];\n if (codePen) {\n const codePenOptions = {\n title: `uiw${version} - demo`,\n js: `${getCodePenJs(props.text || '', ['uiw']).replace(\n 'export default',\n 'const APP_Default = ',\n )}\\nReactDOM.createRoot(document.getElementById(\"container\")).render(<APP_Default />)`,\n html: '<div id=\"container\" style=\"padding: 24px\"></div>',\n css_external: `https://unpkg.com/uiw@${version}/dist/uiw.min.css`,\n js_external: `https://unpkg.com/react@18.x/umd/react.development.js;https://unpkg.com/react-dom@18.x/umd/react-dom.development.js;https://unpkg.com/classnames@2.2.6/index.js;https://unpkg.com/uiw@${version}/dist/uiw.min.js;https://unpkg.com/@uiw/codepen-require-polyfill@1.1.3/index.js`,\n };\n toolbarExtra.push(\n <Codepen key=\"Codepen\" {...codePenOptions}>\n <svg style={{ fill: 'currentcolor' }} viewBox=\"0 0 1024 1024\" width=\"18\" height=\"18\">\n <path\n d=\"M123.428571 668l344.571429 229.714286v-205.142857L277.142857 565.142857z m-35.428571-82.285714l110.285714-73.714286-110.285714-73.714286v147.428572z m468 312l344.571429-229.714286-153.714286-102.857143-190.857143 127.428572v205.142857z m-44-281.714286l155.428571-104-155.428571-104-155.428571 104zM277.142857 458.857143l190.857143-127.428572V126.285714L123.428571 356z m548.571429 53.142857l110.285714 73.714286V438.285714z m-78.857143-53.142857l153.714286-102.857143-344.571429-229.714286v205.142857z m277.142857-102.857143v312q0 23.428571-19.428571 36.571429l-468 312q-12 7.428571-24.571429 7.428571t-24.571429-7.428571L19.428571 704.571429q-19.428571-13.142857-19.428571-36.571429V356q0-23.428571 19.428571-36.571429L487.428571 7.428571q12-7.428571 24.571429-7.428571t24.571429 7.428571l468 312q19.428571 13.142857 19.428571 36.571429z\"\n p-id=\"2071\"\n ></path>\n </svg>\n </Codepen>,\n );\n }\n if (codeSandbox) {\n const codeSandboxOptions = {\n files: {\n 'sandbox.config.json': {\n content: `{\n \"template\": \"node\",\n \"container\": {\n \"startScript\": \"start\",\n \"node\": \"14\"\n }\n }`,\n },\n 'public/index.html': {\n content: `<div id=\"container\"></div>`,\n },\n 'src/app.js': {\n content: props.text,\n },\n 'src/index.js': {\n content: `import React from \"react\";\\nimport ReactClient from \"react-dom/client\";\\nimport App from \"./app\";\\nReactClient.createRoot(document.getElementById(\"container\")).render(<App />);`,\n },\n // 'src/index.js': {\n // content: (props.copyNodes || '').replace('_mount_', 'document.getElementById(\"container\")'),\n // },\n '.kktrc.js': {\n content: `import lessModules from \"@kkt/less-modules\";\\nexport default (conf, env, options) => {\\nconf = lessModules(conf, env, options);\\nreturn conf;\\n};`,\n },\n 'package.json': {\n content: {\n name: 'uiw-demo',\n description: `uiw v${version} - demo`,\n dependencies: {\n react: '18.1.0',\n 'react-dom': '18.1.0',\n uiw: 'latest',\n },\n devDependencies: {\n '@kkt/less-modules': '~7.1.1',\n kkt: '~7.1.5',\n },\n license: 'MIT',\n scripts: {\n start: 'kkt start',\n build: 'kkt build',\n test: 'kkt test --env=jsdom',\n },\n browserslist: ['>0.2%', 'not dead', 'not ie <= 11', 'not op_mini all'],\n },\n },\n },\n };\n toolbarExtra.push(\n <Codesandbox key=\"Codesandbox\" {...codeSandboxOptions}>\n <svg style={{ fill: 'currentcolor' }} viewBox=\"0 0 1024 1024\" width=\"18\" height=\"18\">\n <path\n d=\"M85.333333 256l446.08-256L977.493333 256 981.333333 765.866667 531.413333 1024 85.333333 768V256z m89.088 105.856v202.965333l142.72 79.36v150.016l169.472 97.962667v-352.938667L174.421333 361.856z m714.197334 0l-312.192 177.365333v352.938667l169.472-97.962667V644.266667l142.72-79.402667V361.813333zM219.050667 281.642667l311.594666 176.810666 312.32-178.346666-165.162666-93.738667-145.493334 82.986667-146.346666-83.968L219.008 281.6z\"\n p-id=\"4089\"\n ></path>\n </svg>\n </Codesandbox>,\n );\n }\n return <CodePreviewLayout {...props} ref={$dom} toolbarExtra={<Fragment>{toolbarExtra}</Fragment>} />;\n}\n","import React, { Fragment } from 'react';\nimport { Divider } from 'uiw';\nimport { useTranslation } from 'react-i18next';\n\nexport type FooterProps = {\n path?: string;\n};\n\nexport default function (props: FooterProps = {}) {\n const { path } = props;\n const { t: trans } = useTranslation();\n const url = /^http/.test(path || '') ? path : `https://github.com/uiwjs/uiw/blob/master/${path}`;\n\n return (\n <Fragment>\n {trans('footer.greeting')}\n {url && (\n <a href={url} target=\"_blank\" rel=\"noopener noreferrer\">\n {trans('footer.greetLinkText')}\n </a>\n )}\n <br />\n <a href=\"https://github.com/uiwjs/uiw/issues\" target=\"_blank\" rel=\"noopener noreferrer\">\n {trans('footer.issues')}\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/uiwjs/uiw/issues/new\">\n {trans('footer.bug')}\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/uiwjs/uiw\">\n {trans('footer.github')}\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/kktjs/kkt\">\n {trans('footer.kkt')}\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/kktjs/kkt-ssr\">\n {trans('footer.kkt_ssr')}\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"http://uiw.gitee.io\">\n {trans('footer.io')}\n </a>\n </Fragment>\n );\n}\n","// extracted by mini-css-extract-plugin\nexport default {\"docinfo\":\"index_docinfo__3Vx8S\",\"markdown\":\"index_markdown__hcQCp\"};","import MarkdownPreview from '@uiw/react-markdown-preview';\nimport pkg from 'uiw/package.json';\nimport Code from './Code';\nimport Footer from './Footer';\nimport styles from './index.module.less';\nimport useMdData from './../useMdData';\nimport { CodeBlockData } from 'markdown-react-code-preview-loader';\nimport { Loader } from 'uiw';\nimport { getMetaId, isMeta, getURLParameters } from 'markdown-react-code-preview-loader';\nimport './index.css';\nexport type CreatePageProps<T> = {\n dependencies?: T;\n path: string;\n renderPage?: (lang?: string) => Promise<CodeBlockData>;\n};\n\nexport default function CreatePage<T>(props: CreatePageProps<T>) {\n const { renderPage, path } = props;\n const { mdData, loading } = useMdData(renderPage);\n const version = pkg.version || '2.0.0';\n if (!mdData.source) {\n return null;\n }\n\n return (\n <div>\n <Loader style={{ width: '100%' }} loading={loading} tip=\"loading...\">\n <div>\n <MarkdownPreview\n source={mdData.source}\n className={styles.markdown}\n components={{\n /**\n * bordered 边框\n * bgWhite 设置代码预览背景白色，否则为格子背景。\n * noCode 不显示代码编辑器。\n * noPreview 不显示代码预览效果。\n * noScroll 预览区域不显示滚动条。\n * codePen 显示 Codepen 按钮，要特别注意包导入的问题，实例中的 import 主要用于 Codepen 使用。\n */\n code: ({ inline, node, ...props }) => {\n const {\n 'data-meta': meta,\n noPreview,\n noScroll,\n bgWhite,\n noCode,\n codePen,\n codeSandboxOption,\n codeSandbox,\n bordered,\n ...rest\n } = props as any;\n if (inline || !isMeta(meta)) {\n return <code {...rest} />;\n }\n const line = node.position?.start.line;\n const metaId = getMetaId(meta) || String(line);\n const Child = mdData.components[`${metaId}`];\n const parameters = getURLParameters(meta);\n if (metaId && typeof Child === 'function') {\n const copyNodes = mdData.data[metaId].value || '';\n return (\n <Code\n toolbar={parameters.title || '示例展示'}\n disableToolbar={noCode}\n codePen={parameters.codePen}\n codeSandbox={parameters.codeSandbox}\n disableCheckered={!!parameters.disableCheckered}\n background={parameters.background}\n version={version}\n code={\n <pre>\n <code {...rest} />\n </pre>\n }\n text={copyNodes}\n >\n <Child />\n </Code>\n );\n }\n return <code {...rest} />;\n },\n }}\n />\n </div>\n </Loader>\n <div className={styles.docinfo}>\n <Footer path={path} />\n </div>\n </div>\n );\n}\n","import { useEffect, useState } from 'react';\nimport { CodeBlockData } from 'markdown-react-code-preview-loader';\nimport { useTranslation } from 'react-i18next';\nimport { DefLan } from 'react-i18next-config';\n\nexport const useFileSuffix = () => {\n const { i18n } = useTranslation();\n const fileSuffix = i18n.language === DefLan ? '' : '.' + i18n.language;\n return fileSuffix;\n};\n\nconst useMdData = (renderPage?: (lang?: string) => Promise<CodeBlockData>) => {\n const [mdData, setMdData] = useState<CodeBlockData>({\n source: '',\n components: {},\n data: {},\n });\n const fileSuffix = useFileSuffix();\n const [loading, setLoading] = useState(false);\n useEffect(() => {\n const getMd = async () => {\n if (renderPage) {\n setLoading(() => true);\n try {\n const result = await renderPage(fileSuffix);\n if (result) {\n setMdData(result);\n }\n } catch (err) {\n console.warn(err);\n }\n setLoading(() => false);\n }\n };\n getMd();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [fileSuffix]);\n return { mdData, loading };\n};\n\nexport default useMdData;\n","import React from 'react';\nimport { Overlay, Button, Icon, Card, Divider } from 'uiw';\nimport Markdown from '../../../components/Markdown';\nimport './index.less';\n\nexport default function Page() {\n return (\n <Markdown\n path=\"https://github.com/uiwjs/uiw/tree/master/packages/react-overlay/README.md\"\n dependencies={{ Overlay, Button, Icon, Card, Divider }}\n renderPage={async () => {\n const md = await import('uiw/node_modules/@uiw/react-overlay/README.md');\n return md.default || md;\n }}\n />\n );\n}\n"],"names":["webpackEmptyContext","req","e","Error","code","keys","resolve","id","module","exports","getCodePenJs","js","includeModule","include","join","replace","str","RegExp","test","Code","version","codePen","codeSandbox","other","props","$dom","useRef","toolbarExtra","codePenOptions","title","text","html","css_external","js_external","push","style","fill","viewBox","width","height","d","codeSandboxOptions","files","content","name","description","dependencies","react","uiw","devDependencies","kkt","license","scripts","start","build","browserslist","ref","Fragment","path","useTranslation","trans","t","url","href","target","rel","Divider","type","CreatePage","renderPage","useMdData","mdData","loading","pkg","source","Loader","tip","className","styles","components","inline","node","meta","noCode","noPreview","noScroll","bgWhite","rest","codeSandboxOption","bordered","isMeta","line","position","metaId","getMetaId","String","Child","parameters","getURLParameters","copyNodes","data","value","toolbar","disableToolbar","disableCheckered","background","Footer","useFileSuffix","i18n","language","DefLan","useState","setMdData","fileSuffix","setLoading","useEffect","getMd","result","console","warn","Page","Markdown","Overlay","Button","Icon","Card","md","default"],"sourceRoot":""}

package/web/static/js/5746.b90a562e.chunk.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[5746],{5746:function(t,n,e){e.r(n),n.default={components:{},data:{},source:'\u5728 KKT \u4e2d\u4f7f\u7528\n===\n\n[`kkt@5x`](https://github.com/kktjs/kkt) \u65b0\u7684\u7248\u672c\uff0c\u662f\u57fa\u4e8e [create-react-app@3x](https://github.com/facebook/create-react-app) \u8f7b\u5ea6\u7ef4\u62a4\u57fa\u4e8e `TypeScript` \u91cd\u5199\u7684\u7248\u672c\uff0c\u6b64\u5de5\u5177\u53ef\u4ee5\u5728\u4e0d `eject` \u4e5f\u4e0d\u521b\u5efa\u989d\u5916 react-scripts \u7684\u60c5\u51b5\u4e0b\u4fee\u6539 [create-react-app@3x](https://github.com/facebook/create-react-app) \u5185\u7f6e\u7684 webpack \u914d\u7f6e\uff0c\u7136\u540e\u4f60\u5c06\u62e5\u6709 [create-react-app](https://github.com/facebook/create-react-app) \u7684\u4e00\u5207\u7279\u6027\uff0c\u4e14\u53ef\u4ee5\u6839\u636e\u4f60\u7684\u9700\u8981\u53bb\u914d\u7f6e `webpack` \u7684 `plugins`, `loaders` \u7b49\uff0c\u672a\u6765\u5c06\u5728 `kkt` \u4e2d\u96c6\u6210 [@kktjs/kkt-ssr](https://github.com/kktjs/kkt-ssr) \u670d\u52a1\u7aef\u6e32\u67d3\u3002\n\n\u8981\u5f00\u59cb\u4f7f\u7528 [uiw](https://github.com/uiwjs/uiw) \u548c [kkt](https://github.com/kktjs/kkt)\uff0c\u8bf7\u6309\u7167\u4e0b\u5217\u6b65\u9aa4\u64cd\u4f5c\uff1a\n\n1. \u5b89\u88c5\u6700\u65b0\u7248\u672c\u7684 Node LTS\u3002 [\u8bf7\u53c2\u9605\u6b64\u5904\u83b7\u53d6\u8bf4\u660e](https://docs.npmjs.com/getting-started/installing-node)\n2. \u4f7f\u7528\u4ee5\u4e0b\u547d\u4ee4\u521b\u5efa\u65b0\u7684 `kkt` \u9879\u76ee\uff1a\n\n\u4f60\u53ef\u4ee5\u76f4\u63a5\u901a\u8fc7\u4e0b\u9762\u547d\u4ee4\u521d\u59cb\u5316\u4e00\u4e2a\u5de5\u7a0b\uff0c\u76f4\u63a5\u5f00\u59cb\u5f00\u53d1\n\n```bash\nnpx create-kkt my-app -e uiw\n# or npm\nnpm create kkt my-app -e uiw\n# or yarn\nyarn create kkt my-app -e uiw\n```\n\n\u6ce8\u610f [npx](https://github.com/npm/npm/releases/tag/v5.2.0) \u547d\u4ee4\u53ea\u5728 npm 5.2+ \u6216\u66f4\u9ad8\u7248\u672c\u4e2d\u652f\u6301\u3002\n\n\u4f60\u4e5f\u53ef\u4ee5\u4f7f\u7528 [kkt](https://github.com/kktjs/kkt) \u5de5\u5177\u901a\u8fc7\u4e0b\u9762\u6b65\u9aa4\uff0c\u4e00\u6b65\u4e00\u6b65\u7684\u521b\u5efa\u4e00\u4e2a [kkt](https://github.com/kktjs/kkt) \u5de5\u7a0b\n\n```bash\nnpx create-kkt my-app\n```\n\n\u6b64\u65f6\uff0c\u60a8\u5c06\u80fd\u591f\u5728\u672c\u5730\u542f\u52a8\u9ed8\u8ba4 `kkt` \u5e94\u7528\u7a0b\u5e8f\uff1a\n\n```bash\ncd my-app\nnpm start\n```\n\n\u6709\u5173 `KKT` \u7684\u66f4\u591a\u4fe1\u606f\uff0c[\u8bf7\u53c2\u9605\u81ea\u8ff0\u6587\u4ef6](https://github.com/kktjs/kkt)\u3002\n\n1. \u5b89\u88c5 [uiw](https://github.com/uiwjs/uiw) \u5305\uff1a\n\n```bash\nnpm i uiw\n```\n\n4. \u6253\u5f00 `src/App.js` \u5e76\u5c06\u5185\u5bb9\u66ff\u6362\u4e3a\uff1a\n\n```jsx\nimport React, { Component } from \'react\';\nimport { Button } from \'uiw\';\n\nexport default class App extends Component {\n render() {\n return <Button size="small" type="primary">Click Me</Button>;\n }\n}\n```\n\n### \u4ece create-react-app \u8fc1\u79fb\u5230 kkt \u4e2d\n\n```diff\n{\n "name": "my-app",\n "version": "0.1.0",\n "private": true,\n+ "devDependencies": {\n+ "kkt": "~7.0.6"\n+ },\n "dependencies": {\n "@testing-library/jest-dom": "^5.11.4",\n "@testing-library/react": "^11.1.0",\n "@testing-library/user-event": "^12.1.10",\n "react": "^17.0.1",\n "react-dom": "^17.0.1",\n- "react-scripts": "4.0.1",\n "web-vitals": "^0.2.4",\n+ "uiw": "^4.7.12"\n },\n "scripts": {\n- "start": "react-scripts start",\n+ "start": "kkt start",\n- "build": "react-scripts build",\n+ "build": "kkt build",\n- "test": "react-scripts test",\n+ "test": "kkt test --env=jsdom",\n+ "test:coverage": "kkt test --env=jsdom --coverage"\n- "eject": "react-scripts eject"\n },\n "eslintConfig": {\n "extends": [\n "react-app",\n "react-app/jest"\n ]\n },\n "browserslist": {\n "production": [\n ">0.2%",\n "not dead",\n "not op_mini all"\n ],\n "development": [\n "last 1 chrome version",\n "last 1 firefox version",\n "last 1 safari version"\n ]\n }\n}\n```'}}}]);
2	+ //# sourceMappingURL=5746.b90a562e.chunk.js.map

package/web/static/js/5746.b90a562e.chunk.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"static/js/5746.b90a562e.chunk.js","mappings":"+GACA,WACIA,WAAY,CAAG,EACfC,KAAM,CAAC,EACPC,OAAQ,83H","sources":["routes/guide/kkt/README.md"],"sourcesContent":["\nexport default {\n components: { },\n data: {},\n source: \"在 KKT 中使用\\n===\\n\\n[`kkt@5x`](https://github.com/kktjs/kkt) 新的版本，是基于 [create-react-app@3x](https://github.com/facebook/create-react-app) 轻度维护基于 `TypeScript` 重写的版本，此工具可以在不 `eject` 也不创建额外 react-scripts 的情况下修改 [create-react-app@3x](https://github.com/facebook/create-react-app) 内置的 webpack 配置，然后你将拥有 [create-react-app](https://github.com/facebook/create-react-app) 的一切特性，且可以根据你的需要去配置 `webpack` 的 `plugins`, `loaders` 等，未来将在 `kkt` 中集成 [@kktjs/kkt-ssr](https://github.com/kktjs/kkt-ssr) 服务端渲染。\\n\\n要开始使用 [uiw](https://github.com/uiwjs/uiw) 和 [kkt](https://github.com/kktjs/kkt)，请按照下列步骤操作：\\n\\n1. 安装最新版本的 Node LTS。 [请参阅此处获取说明](https://docs.npmjs.com/getting-started/installing-node)\\n2. 使用以下命令创建新的 `kkt` 项目：\\n\\n你可以直接通过下面命令初始化一个工程，直接开始开发\\n\\n```bash\\nnpx create-kkt my-app -e uiw\\n# or npm\\nnpm create kkt my-app -e uiw\\n# or yarn\\nyarn create kkt my-app -e uiw\\n```\\n\\n注意 [**npx**](https://github.com/npm/npm/releases/tag/v5.2.0) 命令只在 npm 5.2+ 或更高版本中支持。\\n\\n你也可以使用 [kkt](https://github.com/kktjs/kkt) 工具通过下面步骤，一步一步的创建一个 [kkt](https://github.com/kktjs/kkt) 工程\\n\\n```bash\\nnpx create-kkt my-app\\n```\\n\\n此时，您将能够在本地启动默认 `kkt` 应用程序：\\n\\n```bash\\ncd my-app\\nnpm start\\n```\\n\\n有关 `KKT` 的更多信息，[请参阅自述文件](https://github.com/kktjs/kkt)。\\n\\n1. 安装 [uiw](https://github.com/uiwjs/uiw) 包：\\n\\n```bash\\nnpm i uiw\\n```\\n\\n4. 打开 `src/App.js` 并将内容替换为：\\n\\n```jsx\\nimport React, { Component } from 'react';\\nimport { Button } from 'uiw';\\n\\nexport default class App extends Component {\\n render() {\\n return <Button size=\\\"small\\\" type=\\\"primary\\\">Click Me</Button>;\\n }\\n}\\n```\\n\\n### 从 create-react-app 迁移到 kkt 中\\n\\n```diff\\n{\\n \\\"name\\\": \\\"my-app\\\",\\n \\\"version\\\": \\\"0.1.0\\\",\\n \\\"private\\\": true,\\n+ \\\"devDependencies\\\": {\\n+ \\\"kkt\\\": \\\"~7.0.6\\\"\\n+ },\\n \\\"dependencies\\\": {\\n \\\"@testing-library/jest-dom\\\": \\\"^5.11.4\\\",\\n \\\"@testing-library/react\\\": \\\"^11.1.0\\\",\\n \\\"@testing-library/user-event\\\": \\\"^12.1.10\\\",\\n \\\"react\\\": \\\"^17.0.1\\\",\\n \\\"react-dom\\\": \\\"^17.0.1\\\",\\n- \\\"react-scripts\\\": \\\"4.0.1\\\",\\n \\\"web-vitals\\\": \\\"^0.2.4\\\",\\n+ \\\"uiw\\\": \\\"^4.7.12\\\"\\n },\\n \\\"scripts\\\": {\\n- \\\"start\\\": \\\"react-scripts start\\\",\\n+ \\\"start\\\": \\\"kkt start\\\",\\n- \\\"build\\\": \\\"react-scripts build\\\",\\n+ \\\"build\\\": \\\"kkt build\\\",\\n- \\\"test\\\": \\\"react-scripts test\\\",\\n+ \\\"test\\\": \\\"kkt test --env=jsdom\\\",\\n+ \\\"test:coverage\\\": \\\"kkt test --env=jsdom --coverage\\\"\\n- \\\"eject\\\": \\\"react-scripts eject\\\"\\n },\\n \\\"eslintConfig\\\": {\\n \\\"extends\\\": [\\n \\\"react-app\\\",\\n \\\"react-app/jest\\\"\\n ]\\n },\\n \\\"browserslist\\\": {\\n \\\"production\\\": [\\n \\\">0.2%\\\",\\n \\\"not dead\\\",\\n \\\"not op_mini all\\\"\\n ],\\n \\\"development\\\": [\\n \\\"last 1 chrome version\\\",\\n \\\"last 1 firefox version\\\",\\n \\\"last 1 safari version\\\"\\n ]\\n }\\n}\\n```\"\n }"],"names":["components","data","source"],"sourceRoot":""}

package/web/static/js/5775.0c84a32f.chunk.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[5775],{5775:function(e,n,r){r.r(n),n.default={components:{14:function(){var e,n=(e=r(8133))&&e.__esModule?e:{default:e},t=r(968);function a(e,n){return function(e){if(Array.isArray(e))return e}(e)\|\|function(e,n){var r=null==e?null:"undefined"!==typeof Symbol&&e[Symbol.iterator]\|\|e["@@iterator"];if(null==r)return;var t,a,l=[],o=!0,i=!1;try{for(r=r.call(e);!(o=(t=r.next()).done)&&(l.push(t.value),!n\|\|l.length!==n);o=!0);}catch(u){i=!0,a=u}finally{try{o\|\|null==r.return\|\|r.return()}finally{if(i)throw a}}return l}(e,n)\|\|function(e,n){if(!e)return;if("string"===typeof e)return l(e,n);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r\|\|"Set"===r)return Array.from(e);if("Arguments"===r\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(r))return l(e,n)}(e,n)\|\|function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function l(e,n){(null==n\|\|n>e.length)&&(n=e.length);for(var r=0,t=new Array(n);r<n;r++)t[r]=e[r];return t}return function(){var e=a(n.default.useState([{label:"\u6b66\u6c49\u5e02",key:1}]),2),r=e[0],l=e[1];return n.default.createElement(t.Row,{style:{flexDirection:"column"}},n.default.createElement(t.Transfer,{options:[{label:"\u6b66\u6c49\u5e02",key:1},{label:"\u6c49\u5357\u533a1",key:5},{label:"\u6c49\u5357\u533a2",key:6},{label:"\u6c49\u5357\u533a3",key:7}],value:r,onChange:function(e,n){l(n)}}))}}(),49:function(){var e,n=(e=r(8133))&&e.__esModule?e:{default:e},t=r(968);function a(e,n){return function(e){if(Array.isArray(e))return e}(e)\|\|function(e,n){var r=null==e?null:"undefined"!==typeof Symbol&&e[Symbol.iterator]\|\|e["@@iterator"];if(null==r)return;var t,a,l=[],o=!0,i=!1;try{for(r=r.call(e);!(o=(t=r.next()).done)&&(l.push(t.value),!n\|\|l.length!==n);o=!0);}catch(u){i=!0,a=u}finally{try{o\|\|null==r.return\|\|r.return()}finally{if(i)throw a}}return l}(e,n)\|\|function(e,n){if(!e)return;if("string"===typeof e)return l(e,n);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r\|\|"Set"===r)return Array.from(e);if("Arguments"===r\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(r))return l(e,n)}(e,n)\|\|function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function l(e,n){(null==n\|\|n>e.length)&&(n=e.length);for(var r=0,t=new Array(n);r<n;r++)t[r]=e[r];return t}return function(){var e=a(n.default.useState([{label:"\u6c49\u5357\u533a1",key:5}]),2),r=e[0],l=e[1];return n.default.createElement(t.Row,{style:{flexDirection:"column"}},n.default.createElement(t.Transfer,{options:[{label:"\u6b66\u6c49\u5e02",key:1,children:[{label:"\u65b0\u6d32\u533a",key:2,disabled:!0},{label:"\u6b66\u660c\u533a",key:3},{label:"\u6c49\u5357\u533a",key:4,children:[{label:"\u6c49\u5357\u533a1",key:5},{label:"\u6c49\u5357\u533a2",key:6},{label:"\u6c49\u5357\u533a3",key:7}]}]}],value:r,onChange:function(e,n){l(n)}}))}}(),96:function(){var e,n=(e=r(8133))&&e.__esModule?e:{default:e},t=r(968);function a(e,n){return function(e){if(Array.isArray(e))return e}(e)\|\|function(e,n){var r=null==e?null:"undefined"!==typeof Symbol&&e[Symbol.iterator]\|\|e["@@iterator"];if(null==r)return;var t,a,l=[],o=!0,i=!1;try{for(r=r.call(e);!(o=(t=r.next()).done)&&(l.push(t.value),!n\|\|l.length!==n);o=!0);}catch(u){i=!0,a=u}finally{try{o\|\|null==r.return\|\|r.return()}finally{if(i)throw a}}return l}(e,n)\|\|function(e,n){if(!e)return;if("string"===typeof e)return l(e,n);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r\|\|"Set"===r)return Array.from(e);if("Arguments"===r\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(r))return l(e,n)}(e,n)\|\|function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function l(e,n){(null==n\|\|n>e.length)&&(n=e.length);for(var r=0,t=new Array(n);r<n;r++)t[r]=e[r];return t}return function(){var e=a(n.default.useState([{label:"\u6b66\u660c\u533a",key:3},{label:"\u6c49\u5357\u533a1",key:5}]),2),r=e[0],l=e[1];return n.default.createElement(t.Row,{style:{flexDirection:"column"}},n.default.createElement(t.Transfer,{options:[{label:"\u6b66\u6c49\u5e02",key:1,children:[{label:"\u65b0\u6d32\u533a",key:2},{label:"\u6b66\u660c\u533a",key:3},{label:"\u6c49\u5357\u533a",key:4,children:[{label:"\u6c49\u5357\u533a1",key:5},{label:"\u6c49\u5357\u533a2",key:6},{label:"\u6c49\u5357\u533a3",key:7}]}]}],selectedAll:!0,value:r,onChange:function(e,n){l(n)}}))}}(),145:function(){var e,n=(e=r(8133))&&e.__esModule?e:{default:e},t=r(968);function a(e,n){return function(e){if(Array.isArray(e))return e}(e)\|\|function(e,n){var r=null==e?null:"undefined"!==typeof Symbol&&e[Symbol.iterator]\|\|e["@@iterator"];if(null==r)return;var t,a,l=[],o=!0,i=!1;try{for(r=r.call(e);!(o=(t=r.next()).done)&&(l.push(t.value),!n\|\|l.length!==n);o=!0);}catch(u){i=!0,a=u}finally{try{o\|\|null==r.return\|\|r.return()}finally{if(i)throw a}}return l}(e,n)\|\|function(e,n){if(!e)return;if("string"===typeof e)return l(e,n);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r\|\|"Set"===r)return Array.from(e);if("Arguments"===r\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(r))return l(e,n)}(e,n)\|\|function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function l(e,n){(null==n\|\|n>e.length)&&(n=e.length);for(var r=0,t=new Array(n);r<n;r++)t[r]=e[r];return t}return function(){var e=a(n.default.useState([{label:"\u6b66\u660c\u533a",key:3},{label:"\u6c49\u5357\u533a1",key:5},{label:"\u6c49\u5357\u533a2",key:6}]),2),r=e[0],l=e[1];return n.default.createElement(t.Row,{style:{flexDirection:"column"}},n.default.createElement(t.Transfer,{options:[{label:"\u6b66\u6c49\u5e02",key:1,children:[{label:"\u65b0\u6d32\u533a",key:2,disabled:!0},{label:"\u6b66\u660c\u533a",key:3},{label:"\u6c49\u5357\u533a",key:4,children:[{label:"\u6c49\u5357\u533a1",key:5},{label:"\u6c49\u5357\u533a2",key:6},{label:"\u6c49\u5357\u533a3",key:7}]}]}],showSearch:!0,placeholder:"\u641c\u7d22\u5185\u5bb9",value:r,onChange:function(e,n){l(n)}}))}}(),196:function(){var e,n=(e=r(8133))&&e.__esModule?e:{default:e},t=r(968);function a(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),r.push.apply(r,t)}return r}function l(e,n,r){return n in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function o(e,n){return function(e){if(Array.isArray(e))return e}(e)\|\|function(e,n){var r=null==e?null:"undefined"!==typeof Symbol&&e[Symbol.iterator]\|\|e["@@iterator"];if(null==r)return;var t,a,l=[],o=!0,i=!1;try{for(r=r.call(e);!(o=(t=r.next()).done)&&(l.push(t.value),!n\|\|l.length!==n);o=!0);}catch(u){i=!0,a=u}finally{try{o\|\|null==r.return\|\|r.return()}finally{if(i)throw a}}return l}(e,n)\|\|function(e,n){if(!e)return;if("string"===typeof e)return i(e,n);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r\|\|"Set"===r)return Array.from(e);if("Arguments"===r\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(r))return i(e,n)}(e,n)\|\|function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function i(e,n){(null==n\|\|n>e.length)&&(n=e.length);for(var r=0,t=new Array(n);r<n;r++)t[r]=e[r];return t}return function(){var e=o(n.default.useState([{label:"\u6b66\u6c49\u5e02",key:1}]),2),r=(e[0],e[1],n.default.useRef()),i=function(){r.current.setFields({transfer:[{label:"\u6c49\u5357\u533a1",key:5},{label:"\u6c49\u5357\u533a3",key:7}]})},u=function(){r.current.resetForm()};return n.default.createElement(t.Form,{ref:r,onSubmitError:function(e){return e.filed?function(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?a(Object(r),!0).forEach((function(n){l(e,n,r[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):a(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))}))}return e}({},e.filed):null},onSubmit:function(e){e.initial;var n=e.current,r={};if(n.searchTree\|\|(r.searchTree="\u9ed8\u8ba4\u9700\u8981\u9009\u62e9\u5185\u5bb9\uff0c\u9009\u62e9\u5165\u5185\u5bb9"),Object.keys(r).length>0){var t=new Error;throw t.filed=r,Notify.error({title:"\u63d0\u4ea4\u5931\u8d25\uff01",description:"\u8bf7\u786e\u8ba4\u63d0\u4ea4\u8868\u5355\u662f\u5426\u6b63\u786e\uff01"}),t}Notify.success({title:"\u63d0\u4ea4\u6210\u529f\uff01",description:"\u8868\u5355\u63d0\u4ea4\u6210\u529f\uff0c\u9009\u62e9\u503c\u4e3a\uff1a".concat(n.selectField,"\uff0c\u5c06\u81ea\u52a8\u586b\u5145\u521d\u59cb\u5316\u503c\uff01")})},fields:{transfer:{initialValue:[{label:"\u6c49\u5357\u533a2",key:6},{label:"\u6c49\u5357\u533a3",key:7}],children:n.default.createElement(t.Transfer,{options:[{label:"\u6b66\u6c49\u5e02",key:1},{label:"\u6c49\u5357\u533a1",key:5},{label:"\u6c49\u5357\u533a2",key:6},{label:"\u6c49\u5357\u533a3",key:7}]})}}},(function(e){var r=e.fields,a=e.state,l=e.canSubmit;return n.default.createElement("div",null,n.default.createElement(t.Row,{style:{display:"flex",flexDirection:"column"}},n.default.createElement(t.Col,null,r.transfer)),n.default.createElement(t.Row,null,n.default.createElement(t.Col,{fixed:!0},n.default.createElement(t.Button,{disabled:!l(),type:"primary",htmlType:"submit"},"\u63d0\u4ea4"),n.default.createElement(t.Button,{onClick:i,type:"primary"},"setValue"),n.default.createElement(t.Button,{onClick:u,type:"primary"},"\u91cd\u7f6e"))),n.default.createElement(t.Row,null,n.default.createElement(t.Col,null,n.default.createElement("pre",{style:{padding:10,marginTop:10}},JSON.stringify(a.current,null,2)))))}))}}()},data:{14:{name:14,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) \|\| _iterableToArrayLimit(arr, i) \|\| _unsupportedIterableToArray(arr, i) \|\| _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" \|\| n === "Set") return Array.from(o); if (n === "Arguments" \|\| /^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null \|\| len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] \|\| arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\nfunction Demo() {\n var options = [{\n label: \'\u6b66\u6c49\u5e02\',\n key: 1\n }, {\n label: \'\u6c49\u5357\u533a1\',\n key: 5\n }, {\n label: \'\u6c49\u5357\u533a2\',\n key: 6\n }, {\n label: \'\u6c49\u5357\u533a3\',\n key: 7\n }];\n\n var _React$useState = _react["default"].useState([{\n label: \'\u6b66\u6c49\u5e02\',\n key: 1\n }]),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n value = _React$useState2[0],\n valueSet = _React$useState2[1];\n\n return /#__PURE__/_react["default"].createElement(_uiw.Row, {\n style: {\n flexDirection: \'column\'\n }\n }, /#__PURE__/_react["default"].createElement(_uiw.Transfer, {\n options: options,\n value: value,\n onChange: function onChange(transfer, option) {\n valueSet(option);\n }\n }));\n}\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Transfer, Row } from 'uiw';\n\nfunction Demo() {\n\n const options = [\n { label: '\u6b66\u6c49\u5e02', key: 1 },\n { label: '\u6c49\u5357\u533a1', key: 5 },\n { label: '\u6c49\u5357\u533a2', key: 6 },\n { label: '\u6c49\u5357\u533a3', key: 7 },\n ]\n\n const [value,valueSet] = React.useState([{ label: '\u6b66\u6c49\u5e02', key: 1 }])\n\n return (\n <Row style={{ flexDirection:'column' }} >\n <Transfer\n options={options}\n value={value}\n onChange={(transfer,option)=>{\n valueSet(option)\n }}\n />\n </Row>\n );\n}\n\nexport default Demo"},49:{name:49,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) \|\| _iterableToArrayLimit(arr, i) \|\| _unsupportedIterableToArray(arr, i) \|\| _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" \|\| n === "Set") return Array.from(o); if (n === "Arguments" \|\| /^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null \|\| len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] \|\| arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\nfunction Demo() {\n var options = [{\n label: \'\u6b66\u6c49\u5e02\',\n key: 1,\n children: [{\n label: \'\u65b0\u6d32\u533a\',\n key: 2,\n disabled: true\n }, {\n label: \'\u6b66\u660c\u533a\',\n key: 3\n }, {\n label: \'\u6c49\u5357\u533a\',\n key: 4,\n children: [{\n label: \'\u6c49\u5357\u533a1\',\n key: 5\n }, {\n label: \'\u6c49\u5357\u533a2\',\n key: 6\n }, {\n label: \'\u6c49\u5357\u533a3\',\n key: 7\n }]\n }]\n }];\n\n var _React$useState = _react["default"].useState([{\n label: \'\u6c49\u5357\u533a1\',\n key: 5\n }]),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n value = _React$useState2[0],\n valueSet = _React$useState2[1];\n\n return /#__PURE__/_react["default"].createElement(_uiw.Row, {\n style: {\n flexDirection: \'column\'\n }\n }, /#__PURE__/_react["default"].createElement(_uiw.Transfer, {\n options: options,\n value: value,\n onChange: function onChange(transfer, option) {\n valueSet(option);\n }\n }));\n}\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Transfer, Row } from 'uiw';\n\nfunction Demo() {\nconst options = [\n {\n label: '\u6b66\u6c49\u5e02',\n key: 1,\n children: [\n { label: '\u65b0\u6d32\u533a', key: 2, disabled: true },\n { label: '\u6b66\u660c\u533a', key: 3 },\n {\n label: '\u6c49\u5357\u533a',\n key: 4,\n children: [\n { label: '\u6c49\u5357\u533a1', key: 5 },\n { label: '\u6c49\u5357\u533a2', key: 6 },\n { label: '\u6c49\u5357\u533a3', key: 7 },\n ]\n },\n ]\n }\n ];\n\n const [value,valueSet] = React.useState([{ label: '\u6c49\u5357\u533a1', key: 5 }])\n\n return (\n <Row style={{ flexDirection:'column' }} >\n <Transfer\n options={options}\n value={value}\n onChange={(transfer,option)=>{\n valueSet(option)\n }}\n />\n </Row>\n );\n}\n\nexport default Demo"},96:{name:96,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) \|\| _iterableToArrayLimit(arr, i) \|\| _unsupportedIterableToArray(arr, i) \|\| _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" \|\| n === "Set") return Array.from(o); if (n === "Arguments" \|\| /^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null \|\| len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] \|\| arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\nfunction Demo() {\n var options = [{\n label: \'\u6b66\u6c49\u5e02\',\n key: 1,\n children: [{\n label: \'\u65b0\u6d32\u533a\',\n key: 2\n }, {\n label: \'\u6b66\u660c\u533a\',\n key: 3\n }, {\n label: \'\u6c49\u5357\u533a\',\n key: 4,\n children: [{\n label: \'\u6c49\u5357\u533a1\',\n key: 5\n }, {\n label: \'\u6c49\u5357\u533a2\',\n key: 6\n }, {\n label: \'\u6c49\u5357\u533a3\',\n key: 7\n }]\n }]\n }];\n\n var _React$useState = _react["default"].useState([{\n label: \'\u6b66\u660c\u533a\',\n key: 3\n }, {\n label: \'\u6c49\u5357\u533a1\',\n key: 5\n }]),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n value = _React$useState2[0],\n valueSet = _React$useState2[1];\n\n return /#__PURE__/_react["default"].createElement(_uiw.Row, {\n style: {\n flexDirection: \'column\'\n }\n }, /#__PURE__/_react["default"].createElement(_uiw.Transfer, {\n options: options,\n selectedAll: true,\n value: value,\n onChange: function onChange(transfer, option) {\n valueSet(option);\n }\n }));\n}\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Transfer, Row } from 'uiw';\n\nfunction Demo() {\n\n const options = [\n {\n label: '\u6b66\u6c49\u5e02',\n key: 1,\n children: [\n { label: '\u65b0\u6d32\u533a', key: 2 },\n { label: '\u6b66\u660c\u533a', key: 3 },\n {\n label: '\u6c49\u5357\u533a',\n key: 4,\n children: [\n { label: '\u6c49\u5357\u533a1', key: 5 },\n { label: '\u6c49\u5357\u533a2', key: 6 },\n { label: '\u6c49\u5357\u533a3', key: 7 },\n ]\n },\n ]\n }\n ];\n\n const [value,valueSet] = React.useState([{ label: '\u6b66\u660c\u533a', key: 3 }, { label: '\u6c49\u5357\u533a1', key: 5 }])\n\n return (\n <Row style={{ flexDirection:'column' }} >\n <Transfer\n options={options}\n selectedAll={true}\n value={value}\n onChange={(transfer,option)=>{\n valueSet(option)\n }}\n />\n </Row>\n );\n}\n\nexport default Demo"},145:{name:145,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) \|\| _iterableToArrayLimit(arr, i) \|\| _unsupportedIterableToArray(arr, i) \|\| _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" \|\| n === "Set") return Array.from(o); if (n === "Arguments" \|\| /^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null \|\| len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] \|\| arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\nfunction Demo() {\n var options = [{\n label: \'\u6b66\u6c49\u5e02\',\n key: 1,\n children: [{\n label: \'\u65b0\u6d32\u533a\',\n key: 2,\n disabled: true\n }, {\n label: \'\u6b66\u660c\u533a\',\n key: 3\n }, {\n label: \'\u6c49\u5357\u533a\',\n key: 4,\n children: [{\n label: \'\u6c49\u5357\u533a1\',\n key: 5\n }, {\n label: \'\u6c49\u5357\u533a2\',\n key: 6\n }, {\n label: \'\u6c49\u5357\u533a3\',\n key: 7\n }]\n }]\n }];\n\n var _React$useState = _react["default"].useState([{\n label: \'\u6b66\u660c\u533a\',\n key: 3\n }, {\n label: \'\u6c49\u5357\u533a1\',\n key: 5\n }, {\n label: \'\u6c49\u5357\u533a2\',\n key: 6\n }]),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n value = _React$useState2[0],\n valueSet = _React$useState2[1];\n\n return /#__PURE__/_react["default"].createElement(_uiw.Row, {\n style: {\n flexDirection: \'column\'\n }\n }, /#__PURE__/_react["default"].createElement(_uiw.Transfer, {\n options: options,\n showSearch: true,\n placeholder: "\\u641C\\u7D22\\u5185\\u5BB9",\n value: value,\n onChange: function onChange(transfer, option) {\n valueSet(option);\n }\n }));\n}\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Transfer, Row } from 'uiw';\n\nfunction Demo() {\nconst options = [\n {\n label: '\u6b66\u6c49\u5e02',\n key: 1,\n children: [\n { label: '\u65b0\u6d32\u533a', key: 2, disabled: true },\n { label: '\u6b66\u660c\u533a', key: 3 },\n {\n label: '\u6c49\u5357\u533a',\n key: 4,\n children: [\n { label: '\u6c49\u5357\u533a1', key: 5 },\n { label: '\u6c49\u5357\u533a2', key: 6 },\n { label: '\u6c49\u5357\u533a3', key: 7 },\n ]\n },\n ]\n }\n ];\n\n const [value,valueSet] = React.useState([\n { label: '\u6b66\u660c\u533a', key: 3 },\n { label: '\u6c49\u5357\u533a1', key: 5 },\n { label: '\u6c49\u5357\u533a2', key: 6 },\n ])\n\n return (\n <Row style={{ flexDirection:'column' }} >\n <Transfer\n options={options}\n showSearch={true}\n placeholder=\"\u641c\u7d22\u5185\u5bb9\"\n value={value}\n onChange={(transfer,option)=>{\n valueSet(option)\n }}\n />\n </Row>\n );\n}\n\nexport default Demo"},196:{name:196,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) \|\| _iterableToArrayLimit(arr, i) \|\| _unsupportedIterableToArray(arr, i) \|\| _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" \|\| n === "Set") return Array.from(o); if (n === "Arguments" \|\| /^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null \|\| len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] \|\| arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\nfunction Demo() {\n var options = [{\n label: \'\u6b66\u6c49\u5e02\',\n key: 1\n }, {\n label: \'\u6c49\u5357\u533a1\',\n key: 5\n }, {\n label: \'\u6c49\u5357\u533a2\',\n key: 6\n }, {\n label: \'\u6c49\u5357\u533a3\',\n key: 7\n }];\n\n var _React$useState = _react["default"].useState([{\n label: \'\u6b66\u6c49\u5e02\',\n key: 1\n }]),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n value = _React$useState2[0],\n valueSet = _React$useState2[1];\n\n var form = _react["default"].useRef();\n\n var setValue = function setValue() {\n form.current.setFields({\n transfer: [{\n label: \'\u6c49\u5357\u533a1\',\n key: 5\n }, {\n label: \'\u6c49\u5357\u533a3\',\n key: 7\n }]\n });\n };\n\n var resetValue = function resetValue() {\n form.current.resetForm();\n };\n\n return /#__PURE__/_react["default"].createElement(_uiw.Form, {\n ref: form,\n onSubmitError: function onSubmitError(error) {\n if (error.filed) {\n return _objectSpread({}, error.filed);\n }\n\n return null;\n },\n onSubmit: function onSubmit(_ref) {\n var initial = _ref.initial,\n current = _ref.current;\n var errorObj = {};\n\n if (!current.searchTree) {\n errorObj.searchTree = \'\u9ed8\u8ba4\u9700\u8981\u9009\u62e9\u5185\u5bb9\uff0c\u9009\u62e9\u5165\u5185\u5bb9\';\n }\n\n if (Object.keys(errorObj).length > 0) {\n var err = new Error();\n err.filed = errorObj;\n Notify.error({\n title: \'\u63d0\u4ea4\u5931\u8d25\uff01\',\n description: \'\u8bf7\u786e\u8ba4\u63d0\u4ea4\u8868\u5355\u662f\u5426\u6b63\u786e\uff01\'\n });\n throw err;\n }\n\n Notify.success({\n title: \'\u63d0\u4ea4\u6210\u529f\uff01\',\n description: "\\u8868\\u5355\\u63D0\\u4EA4\\u6210\\u529F\\uFF0C\\u9009\\u62E9\\u503C\\u4E3A\\uFF1A".concat(current.selectField, "\\uFF0C\\u5C06\\u81EA\\u52A8\\u586B\\u5145\\u521D\\u59CB\\u5316\\u503C\\uFF01")\n });\n },\n fields: {\n transfer: {\n initialValue: [{\n label: \'\u6c49\u5357\u533a2\',\n key: 6\n }, {\n label: \'\u6c49\u5357\u533a3\',\n key: 7\n }],\n children: /#__PURE__/_react["default"].createElement(_uiw.Transfer, {\n options: options\n })\n }\n }\n }, function (_ref2) {\n var fields = _ref2.fields,\n state = _ref2.state,\n canSubmit = _ref2.canSubmit;\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Row, {\n style: {\n display: \'flex\',\n flexDirection: \'column\'\n }\n }, /#__PURE__/_react["default"].createElement(_uiw.Col, null, fields.transfer)), /#__PURE__/_react["default"].createElement(_uiw.Row, null, /#__PURE__/_react["default"].createElement(_uiw.Col, {\n fixed: true\n }, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: !canSubmit(),\n type: "primary",\n htmlType: "submit"\n }, "\\u63D0\\u4EA4"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n onClick: setValue,\n type: "primary"\n }, "setValue"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n onClick: resetValue,\n type: "primary"\n }, "\\u91CD\\u7F6E"))), /#__PURE__/_react["default"].createElement(_uiw.Row, null, /#__PURE__/_react["default"].createElement(_uiw.Col, null, /#__PURE__/_react["default"].createElement("pre", {\n style: {\n padding: 10,\n marginTop: 10\n }\n }, JSON.stringify(state.current, null, 2)))));\n });\n}\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Transfer, Form, Row, Col, Button } from 'uiw';\n\nfunction Demo() {\n\n const options = [\n { label: '\u6b66\u6c49\u5e02', key: 1 },\n { label: '\u6c49\u5357\u533a1', key: 5 },\n { label: '\u6c49\u5357\u533a2', key: 6 },\n { label: '\u6c49\u5357\u533a3', key: 7 },\n ]\n\n const [value,valueSet] = React.useState([{ label: '\u6b66\u6c49\u5e02', key: 1 }])\n const form=React.useRef()\n\n const setValue=()=>{\n form.current.setFields({\n transfer: [\n { label: '\u6c49\u5357\u533a1', key: 5 },\n { label: '\u6c49\u5357\u533a3', key: 7 },\n ]\n })\n }\n\n const resetValue=()=>{\n form.current.resetForm()\n }\n\n return (\n <Form\n ref={form}\n onSubmitError={(error) => {\n if (error.filed) {\n return { ...error.filed };\n }\n return null;\n }}\n onSubmit={({initial, current}) => {\n const errorObj = {};\n if (!current.searchTree) {\n errorObj.searchTree = '\u9ed8\u8ba4\u9700\u8981\u9009\u62e9\u5185\u5bb9\uff0c\u9009\u62e9\u5165\u5185\u5bb9';\n }\n if(Object.keys(errorObj).length > 0) {\n const err = new Error();\n err.filed = errorObj;\n Notify.error({ title: '\u63d0\u4ea4\u5931\u8d25\uff01', description: '\u8bf7\u786e\u8ba4\u63d0\u4ea4\u8868\u5355\u662f\u5426\u6b63\u786e\uff01' });\n throw err;\n }\n Notify.success({\n title: '\u63d0\u4ea4\u6210\u529f\uff01',\n description: `\u8868\u5355\u63d0\u4ea4\u6210\u529f\uff0c\u9009\u62e9\u503c\u4e3a\uff1a${current.selectField}\uff0c\u5c06\u81ea\u52a8\u586b\u5145\u521d\u59cb\u5316\u503c\uff01`,\n });\n }}\n fields={{\n transfer: {\n initialValue:[{ label: '\u6c49\u5357\u533a2', key: 6 },{ label: '\u6c49\u5357\u533a3', key: 7 },],\n children: (\n <Transfer options={options}/>\n )\n }\n }}\n >\n {({ fields, state, canSubmit }) => {\n return (\n <div>\n <Row style={{display:'flex',flexDirection:'column'}}>\n <Col >{fields.transfer}</Col>\n </Row>\n <Row>\n <Col fixed>\n <Button disabled={!canSubmit()} type=\"primary\" htmlType=\"submit\">\u63d0\u4ea4</Button>\n <Button onClick={setValue} type=\"primary\" >setValue</Button>\n <Button onClick={resetValue} type=\"primary\" >\u91cd\u7f6e</Button>\n </Col>\n </Row>\n <Row>\n <Col>\n <pre style={{ padding: 10, marginTop: 10 }}>\n {JSON.stringify(state.current, null, 2)}\n </pre>\n </Col>\n </Row>\n </div>\n )\n }}\n </Form>\n );\n}\n\nexport default Demo"}},source:"Transfer \u7a7f\u68ad\u6846\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-transfer/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-transfer.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-transfer)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-transfer.svg?label=@uiw/react-transfer)](https://npmjs.com/@uiw/react-transfer)\n\n\u9009\u62e9\u4e00\u4e2a\u6216\u4ee5\u4e0a\u7684\u9009\u9879\u540e\uff0c\u70b9\u51fb\u5de6\u53f3\u7684\u65b9\u5411\u6309\u94ae\uff0c\u53ef\u4ee5\u628a\u9009\u4e2d\u7684\u9009\u9879\u79fb\u52a8\u5230\u53e6\u4e00\u680f\u4e3a\u9009\u4e2d\u3002\u5728 v4.14.0+ \u6dfb\u52a0\u3002\n\n## \u57fa\u7840\u7528\u6cd5\n\n\u6700\u7b80\u5355\u7684\u7528\u6cd5\u3002\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Transfer, Row } from 'uiw';\n\nfunction Demo() {\n\n const options = [\n { label: '\u6b66\u6c49\u5e02', key: 1 },\n { label: '\u6c49\u5357\u533a1', key: 5 },\n { label: '\u6c49\u5357\u533a2', key: 6 },\n { label: '\u6c49\u5357\u533a3', key: 7 },\n ]\n\n const [value,valueSet] = React.useState([{ label: '\u6b66\u6c49\u5e02', key: 1 }])\n\n return (\n <Row style={{ flexDirection:'column' }} >\n <Transfer\n options={options}\n value={value}\n onChange={(transfer,option)=>{\n valueSet(option)\n }}\n />\n </Row>\n );\n}\n\nexport default Demo\n```\n\n## \u6811\u5f62\u8282\u70b9\n\n\u4f7f\u7528 [`Tree`](#/components/tree) \u7ed3\u6784\u4f5c\u4e3a\u9009\u9879\u8282\u70b9\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Transfer, Row } from 'uiw';\n\nfunction Demo() {\nconst options = [\n {\n label: '\u6b66\u6c49\u5e02',\n key: 1,\n children: [\n { label: '\u65b0\u6d32\u533a', key: 2, disabled: true },\n { label: '\u6b66\u660c\u533a', key: 3 },\n {\n label: '\u6c49\u5357\u533a',\n key: 4,\n children: [\n { label: '\u6c49\u5357\u533a1', key: 5 },\n { label: '\u6c49\u5357\u533a2', key: 6 },\n { label: '\u6c49\u5357\u533a3', key: 7 },\n ]\n },\n ]\n }\n ];\n\n const [value,valueSet] = React.useState([{ label: '\u6c49\u5357\u533a1', key: 5 }])\n\n return (\n <Row style={{ flexDirection:'column' }} >\n <Transfer\n options={options}\n value={value}\n onChange={(transfer,option)=>{\n valueSet(option)\n }}\n />\n </Row>\n );\n}\n\nexport default Demo\n```\n\n## \u5168\u90e8\u9009\u62e9\n\n\u5c06`selectedAll`\u8bbe\u7f6e\u4e3a`true`,\u542f\u7528\u5168\u90e8\u52fe\u9009\u529f\u80fd\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Transfer, Row } from 'uiw';\n\nfunction Demo() {\n\n const options = [\n {\n label: '\u6b66\u6c49\u5e02',\n key: 1,\n children: [\n { label: '\u65b0\u6d32\u533a', key: 2 },\n { label: '\u6b66\u660c\u533a', key: 3 },\n {\n label: '\u6c49\u5357\u533a',\n key: 4,\n children: [\n { label: '\u6c49\u5357\u533a1', key: 5 },\n { label: '\u6c49\u5357\u533a2', key: 6 },\n { label: '\u6c49\u5357\u533a3', key: 7 },\n ]\n },\n ]\n }\n ];\n\n const [value,valueSet] = React.useState([{ label: '\u6b66\u660c\u533a', key: 3 }, { label: '\u6c49\u5357\u533a1', key: 5 }])\n\n return (\n <Row style={{ flexDirection:'column' }} >\n <Transfer\n options={options}\n selectedAll={true}\n value={value}\n onChange={(transfer,option)=>{\n valueSet(option)\n }}\n />\n </Row>\n );\n}\n\nexport default Demo\n```\n\n## \u641c\u7d22\u9009\u9879\n\n\u5c06`showSearch`\u8bbe\u7f6e\u4e3a`true`\uff0c\u542f\u7528\u9009\u9879\u641c\u7d22\u6846\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Transfer, Row } from 'uiw';\n\nfunction Demo() {\nconst options = [\n {\n label: '\u6b66\u6c49\u5e02',\n key: 1,\n children: [\n { label: '\u65b0\u6d32\u533a', key: 2, disabled: true },\n { label: '\u6b66\u660c\u533a', key: 3 },\n {\n label: '\u6c49\u5357\u533a',\n key: 4,\n children: [\n { label: '\u6c49\u5357\u533a1', key: 5 },\n { label: '\u6c49\u5357\u533a2', key: 6 },\n { label: '\u6c49\u5357\u533a3', key: 7 },\n ]\n },\n ]\n }\n ];\n\n const [value,valueSet] = React.useState([\n { label: '\u6b66\u660c\u533a', key: 3 },\n { label: '\u6c49\u5357\u533a1', key: 5 },\n { label: '\u6c49\u5357\u533a2', key: 6 },\n ])\n\n return (\n <Row style={{ flexDirection:'column' }} >\n <Transfer\n options={options}\n showSearch={true}\n placeholder=\"\u641c\u7d22\u5185\u5bb9\"\n value={value}\n onChange={(transfer,option)=>{\n valueSet(option)\n }}\n />\n </Row>\n );\n}\n\nexport default Demo\n```\n\n## Form\u4e2d\u4f7f\u7528\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Transfer, Form, Row, Col, Button } from 'uiw';\n\nfunction Demo() {\n\n const options = [\n { label: '\u6b66\u6c49\u5e02', key: 1 },\n { label: '\u6c49\u5357\u533a1', key: 5 },\n { label: '\u6c49\u5357\u533a2', key: 6 },\n { label: '\u6c49\u5357\u533a3', key: 7 },\n ]\n\n const [value,valueSet] = React.useState([{ label: '\u6b66\u6c49\u5e02', key: 1 }])\n const form=React.useRef()\n\n const setValue=()=>{\n form.current.setFields({\n transfer: [\n { label: '\u6c49\u5357\u533a1', key: 5 },\n { label: '\u6c49\u5357\u533a3', key: 7 },\n ]\n })\n }\n\n const resetValue=()=>{\n form.current.resetForm()\n }\n\n return (\n <Form\n ref={form}\n onSubmitError={(error) => {\n if (error.filed) {\n return { ...error.filed };\n }\n return null;\n }}\n onSubmit={({initial, current}) => {\n const errorObj = {};\n if (!current.searchTree) {\n errorObj.searchTree = '\u9ed8\u8ba4\u9700\u8981\u9009\u62e9\u5185\u5bb9\uff0c\u9009\u62e9\u5165\u5185\u5bb9';\n }\n if(Object.keys(errorObj).length > 0) {\n const err = new Error();\n err.filed = errorObj;\n Notify.error({ title: '\u63d0\u4ea4\u5931\u8d25\uff01', description: '\u8bf7\u786e\u8ba4\u63d0\u4ea4\u8868\u5355\u662f\u5426\u6b63\u786e\uff01' });\n throw err;\n }\n Notify.success({\n title: '\u63d0\u4ea4\u6210\u529f\uff01',\n description: `\u8868\u5355\u63d0\u4ea4\u6210\u529f\uff0c\u9009\u62e9\u503c\u4e3a\uff1a${current.selectField}\uff0c\u5c06\u81ea\u52a8\u586b\u5145\u521d\u59cb\u5316\u503c\uff01`,\n });\n }}\n fields={{\n transfer: {\n initialValue:[{ label: '\u6c49\u5357\u533a2', key: 6 },{ label: '\u6c49\u5357\u533a3', key: 7 },],\n children: (\n <Transfer options={options}/>\n )\n }\n }}\n >\n {({ fields, state, canSubmit }) => {\n return (\n <div>\n <Row style={{display:'flex',flexDirection:'column'}}>\n <Col >{fields.transfer}</Col>\n </Row>\n <Row>\n <Col fixed>\n <Button disabled={!canSubmit()} type=\"primary\" htmlType=\"submit\">\u63d0\u4ea4</Button>\n <Button onClick={setValue} type=\"primary\" >setValue</Button>\n <Button onClick={resetValue} type=\"primary\" >\u91cd\u7f6e</Button>\n </Col>\n </Row>\n <Row>\n <Col>\n <pre style={{ padding: 10, marginTop: 10 }}>\n {JSON.stringify(state.current, null, 2)}\n </pre>\n </Col>\n </Row>\n </div>\n )\n }}\n </Form>\n );\n}\n\nexport default Demo\n```\n\n## Props\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\|--------- \|-------- \|--------- \|-------- \|\n\| bodyStyle \| \u9009\u9879\u533a\u57df\u6837\u5f0f \| Object \| { height: 200px, overflow-y: auto } \|\n\| onChange \| \u70b9\u51fb\u7a7f\u68ad\u65f6\u56de\u8c03 \| (arrow, selectkeys) => void \| - \|\n\| value \| \u6307\u5b9a\u5f53\u524d\u9009\u4e2d\u7684\u6761\u76ee \| [{label, key }] \| - \|\n\| options \| \u4e0b\u62c9\u6570\u636e\u6e90,\u53ef\u53c2\u8003Tree\u4e0b\u62c9\u6570\u636e\u6e90 \| [{ label, key, children: [{label, key}] }] \| - \|\n\| showSearch \| \u542f\u7528\u641c\u7d22 \| boolean \| false \|\n\| placeholder \| \u641c\u7d22\u8f93\u5165\u6846\u6587\u5b57 \| string \| - \|\n\| onSearch \| \u641c\u7d22\u65f6\u56de\u8c03\u51fd\u6570 \| (arrow, searchValue) => void \| - \|\n\| selectedAll \| \u542f\u7528\u5168\u90e8\u52fe\u9009 \| boolean \| false \|\n"}}}]);
2	+ //# sourceMappingURL=5775.0c84a32f.chunk.js.map