@uiw/doc/web/static/js/6819.22fbb039.chunk.js

UIW documentation website.

(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[6819],{4934:e=>{function n(e){var n=new Error("Cannot find module '"+e+"'");throw n.code="MODULE_NOT_FOUND",n}n.keys=()=>[],n.resolve=n,n.id=4934,e.exports=n},5301:(e,n,r)=>{"use strict";r.d(n,{Z:()=>m});var t=r(8573),a=r(6320),l=r(8563),o=r(7622),i=r(7937);const u={docinfo:"index_docinfo__3Vx8S",markdown:"index_markdown__hcQCp",markdownWrap:"index_markdownWrap__t60jR"};var c=r(4760);function f(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const{path:n}=e,r=/^http/.test(n||"")?n:"https://github.com/uiwjs/uiw/blob/master/".concat(n);return(0,c.jsxs)("div",{className:u.docinfo,children:["\u72af\u4e86\u9519\u8bef\u8fd8\u662f\u60f3\u5bf9\u6587\u4ef6\u505a\u51fa\u8d21\u732e\uff1f",r&&(0,c.jsx)("a",{href:r,target:"_blank",rel:"noopener noreferrer",children:"\u5728Github\u4e0a\u7f16\u8f91\u672c\u9875\uff01"}),(0,c.jsx)("br",{}),(0,c.jsx)("a",{href:"https://github.com/uiwjs/uiw/issues",target:"_blank",rel:"noopener noreferrer",children:"\u53cd\u9988\u5efa\u8bae"}),(0,c.jsx)(i.Divider,{type:"vertical"}),(0,c.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw/issues/new",children:"\u63d0\u4ea4bug"}),(0,c.jsx)(i.Divider,{type:"vertical"}),(0,c.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw",children:"Github"}),(0,c.jsx)(i.Divider,{type:"vertical"}),(0,c.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt",children:"kkt"}),(0,c.jsx)(i.Divider,{type:"vertical"}),(0,c.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt-ssr",children:"@kkt/ssr"}),(0,c.jsx)(i.Divider,{type:"vertical"}),(0,c.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"http://uiw.gitee.io",children:"\u56fd\u5185\u955c\u50cf"})]})}const s=a.ZP.Preview,y=a.ZP.Code,b=a.ZP.Toolbar,p=e=>{var n,r;let{node:o,components:i,data:u,...f}=e;const p=(0,t.useRef)(null),{headings:m,headingsList:d,..._}=f;(0,t.useEffect)((()=>{if(p.current){const e=p.current.parentElement;e&&e.parentElement&&e.parentElement.replaceChild(p.current,e)}}),[p]);const h=null===o||void 0===o||null===(n=o.position)||void 0===n?void 0:n.start.line,v=null===o||void 0===o||null===(r=o.data)||void 0===r?void 0:r.meta,k=(0,l.Mx)(v)||String(h),w=i["".concat(k)];if(k&&"function"===typeof w){const e=u[k].value||"",n=(0,l.aE)(v||"");return(0,c.jsxs)(a.ZP,{ref:p,children:[(0,c.jsx)(s,{style:{background:n.bg||"transparent"},children:(0,c.jsx)(w,{})}),(0,c.jsx)(b,{text:e,children:n.title||"Example"}),(0,c.jsx)(y,{children:(0,c.jsx)("pre",{..._})})]})}return(0,c.jsx)("code",{..._})};function m(e){return(0,c.jsxs)(t.Fragment,{children:[(0,c.jsx)(o.Z,{className:u.markdownWrap,source:e.source||"",disableCopy:!0,wrapperElement:{"data-color-mode":"light"},components:{code:n=>(0,c.jsx)(p,{...e,...n})}}),(0,c.jsx)(f,{path:e.path})]})}},3798:(e,n,r)=>{"use strict";r.r(n),r.d(n,{default:()=>o});const t={components:{15:function(){var e,n=(e=r(8573))&&e.__esModule?e:{default:e},t=r(7937);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){var t,a,l,o,i=[],u=!0,c=!1;try{if(l=(r=r.call(e)).next,0===n){if(Object(r)!==r)return;u=!1}else for(;!(u=(t=l.call(r)).done)&&(i.push(t.value),i.length!==n);u=!0);}catch(e){c=!0,a=e}finally{try{if(!u&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(c)throw a}}return i}}(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)}}))}}(),48:function(){var e,n=(e=r(8573))&&e.__esModule?e:{default:e},t=r(7937);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){var t,a,l,o,i=[],u=!0,c=!1;try{if(l=(r=r.call(e)).next,0===n){if(Object(r)!==r)return;u=!1}else for(;!(u=(t=l.call(r)).done)&&(i.push(t.value),i.length!==n);u=!0);}catch(e){c=!0,a=e}finally{try{if(!u&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(c)throw a}}return i}}(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)}}))}}(),95:function(){var e,n=(e=r(8573))&&e.__esModule?e:{default:e},t=r(7937);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){var t,a,l,o,i=[],u=!0,c=!1;try{if(l=(r=r.call(e)).next,0===n){if(Object(r)!==r)return;u=!1}else for(;!(u=(t=l.call(r)).done)&&(i.push(t.value),i.length!==n);u=!0);}catch(e){c=!0,a=e}finally{try{if(!u&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(c)throw a}}return i}}(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)}}))}}(),144:function(){var e,n=(e=r(8573))&&e.__esModule?e:{default:e},t=r(7937);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){var t,a,l,o,i=[],u=!0,c=!1;try{if(l=(r=r.call(e)).next,0===n){if(Object(r)!==r)return;u=!1}else for(;!(u=(t=l.call(r)).done)&&(i.push(t.value),i.length!==n);u=!0);}catch(e){c=!0,a=e}finally{try{if(!u&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(c)throw a}}return i}}(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)}}))}}(),195:function(){function e(n){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e(n)}var n,t=(n=r(8573))&&n.__esModule?n:{default:n},a=r(7937);function l(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 o(n,r,t){return(r=function(n){var r=function(n,r){if("object"!==e(n)||null===n)return n;var t=n[Symbol.toPrimitive];if(void 0!==t){var a=t.call(n,r||"default");if("object"!==e(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(n)}(n,"string");return"symbol"===e(r)?r:String(r)}(r))in n?Object.defineProperty(n,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[r]=t,n}function i(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){var t,a,l,o,i=[],u=!0,c=!1;try{if(l=(r=r.call(e)).next,0===n){if(Object(r)!==r)return;u=!1}else for(;!(u=(t=l.call(r)).done)&&(i.push(t.value),i.length!==n);u=!0);}catch(e){c=!0,a=e}finally{try{if(!u&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(c)throw a}}return i}}(e,n)||function(e,n){if(!e)return;if("string"===typeof e)return u(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 u(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 u(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=i(t.default.useState([{label:"\u6b66\u6c49\u5e02",key:1}]),2),n=(e[0],e[1],t.default.useRef()),r=function(){n.current.setFields({transfer:[{label:"\u6c49\u5357\u533a1",key:5},{label:"\u6c49\u5357\u533a3",key:7}]})},u=function(){n.current.resetForm()};return t.default.createElement(a.Form,{ref:n,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?l(Object(r),!0).forEach((function(n){o(e,n,r[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):l(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:t.default.createElement(a.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 n=e.fields,l=e.state,o=e.canSubmit;return t.default.createElement("div",null,t.default.createElement(a.Row,{style:{display:"flex",flexDirection:"column"}},t.default.createElement(a.Col,null,n.transfer)),t.default.createElement(a.Row,null,t.default.createElement(a.Col,{fixed:!0},t.default.createElement(a.Button,{disabled:!o(),type:"primary",htmlType:"submit"},"\u63d0\u4ea4"),t.default.createElement(a.Button,{onClick:r,type:"primary"},"setValue"),t.default.createElement(a.Button,{onClick:u,type:"primary"},"\u91cd\u7f6e"))),t.default.createElement(a.Row,null,t.default.createElement(a.Col,null,t.default.createElement("pre",{style:{padding:10,marginTop:10}},JSON.stringify(l.current,null,2)))))}))}}()},data:{15:{name:15,meta:{bg:"#fff"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\nvar _uiw = require("uiw");\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\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."); }\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); }\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; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\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  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  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}\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Transfer, Row } from 'uiw';\n\nfunction Demo() {\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  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;"},48:{name:48,meta:{bg:"#fff"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\nvar _uiw = require("uiw");\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\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."); }\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); }\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; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\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  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  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}\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;"},95:{name:95,meta:{bg:"#fff"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\nvar _uiw = require("uiw");\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\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."); }\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); }\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; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\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  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  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}\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;"},144:{name:144,meta:{bg:"#fff"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\nvar _uiw = require("uiw");\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\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."); }\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); }\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; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\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  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  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}\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;"},195:{name:195,meta:{bg:"#fff"},code:'"use strict";\n\nfunction _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }\nvar _react = _interopRequireDefault(require("react"));\nvar _uiw = require("uiw");\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\nfunction ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }\nfunction _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\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."); }\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); }\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; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\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  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  var form = _react["default"].useRef();\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  var resetValue = function resetValue() {\n    form.current.resetForm();\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      return null;\n    },\n    onSubmit: function onSubmit(_ref) {\n      var initial = _ref.initial,\n        current = _ref.current;\n      var 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        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      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}\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[![Buy me a coffee](https://img.shields.io/badge/Buy%20me%20a%20coffee-048754?logo=buymeacoffee)](https://jaywcjlove.github.io/#/sponsor)\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&bg=#fff\nimport React from 'react';\nimport { Transfer, Row } from 'uiw';\n\nfunction Demo() {\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  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&bg=#fff\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&bg=#fff\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&bg=#fff\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&bg=#fff\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",headings:[],headingsList:[]};var a=r(5301),l=r(4760);function o(){return(0,l.jsx)(a.Z,{...t,path:"https://github.com/uiwjs/uiw/tree/master/packages/react-transfer/README.md"})}}}]);
//# sourceMappingURL=6819.22fbb039.chunk.js.map