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

package/web/static/js/1876.6cad539d.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"static/js/1876.6cad539d.chunk.js","mappings":"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","sources":["../../packages/react-search-select/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 option = [{\n    label: 'a1',\n    value: 1\n  }, {\n    label: 'a2',\n    value: 2\n  }, {\n    label: 'a3',\n    value: 3\n  }, {\n    label: 'a4',\n    value: 4\n  }, {\n    label: 'a5',\n    value: 5\n  }, {\n    label: 'a6',\n    value: 6\n  }, {\n    label: 'a7',\n    value: 7\n  }, {\n    label: 'a8',\n    value: 8\n  }];\n  return /*#__PURE__*/_react[\"default\"].createElement(_uiw.Row, {\n    gutter: 20\n  }, /*#__PURE__*/_react[\"default\"].createElement(\"label\", null, \"\\u5355\\u9009\"), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Row, null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.SearchSelect, {\n    mode: \"single\",\n    style: {\n      width: 200\n    },\n    placeholder: \"\\u8BF7\\u9009\\u62E9\\u9009\\u9879\",\n    option: option\n  })), /*#__PURE__*/_react[\"default\"].createElement(\"label\", null, \"\\u591A\\u9009\"), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Row, null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.SearchSelect, {\n    mode: \"multiple\",\n    style: {\n      width: 200\n    },\n    allowClear: true,\n    placeholder: \"\\u8BF7\\u9009\\u62E9\\u9009\\u9879\",\n    option: option\n  })), /*#__PURE__*/_react[\"default\"].createElement(\"label\", null, \"\\u7981\\u7528\"), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Row, null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.SearchSelect, {\n    mode: \"single\",\n    style: {\n      width: 200\n    },\n    allowClear: true,\n    placeholder: \"\\u8BF7\\u9009\\u62E9\\u9009\\u9879\",\n    option: option,\n    disabled: true\n  })));\n};\n\nreturn Demo; })(),76: (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 option = [{\n    label: '小尺寸',\n    value: 1\n  }, {\n    label: '默认尺寸',\n    value: 2\n  }, {\n    label: '大尺寸',\n    value: 3\n  }];\n  return /*#__PURE__*/_react[\"default\"].createElement(_uiw.Row, {\n    style: {\n      flexDirection: 'column'\n    }\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Row, null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.SearchSelect, {\n    mode: \"multiple\",\n    style: {\n      width: 150\n    },\n    option: option,\n    value: [1],\n    allowClear: true,\n    placeholder: \"\\u8BF7\\u9009\\u62E9\\u9009\\u9879\",\n    size: 'small'\n  }))), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, {\n    style: {\n      margin: '10px 0px'\n    }\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Row, null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.SearchSelect, {\n    mode: \"multiple\",\n    style: {\n      width: 175\n    },\n    option: option,\n    value: [2],\n    allowClear: true,\n    placeholder: \"\\u8BF7\\u9009\\u62E9\\u9009\\u9879\"\n  }))), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Row, null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.SearchSelect, {\n    mode: \"multiple\",\n    style: {\n      width: 200\n    },\n    option: option,\n    value: [3],\n    allowClear: true,\n    placeholder: \"\\u8BF7\\u9009\\u62E9\\u9009\\u9879\",\n    size: 'large'\n  }))));\n};\n\nreturn Demo; })(),137: (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 _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\nvar Demo = function Demo() {\n  var option = [{\n    label: 'a1',\n    value: 1\n  }, {\n    label: 'a2',\n    value: 2\n  }, {\n    label: 'a3',\n    value: 3\n  }, {\n    label: 'a4',\n    value: 4\n  }, {\n    label: 'a5',\n    value: 5\n  }, {\n    label: 'a6',\n    value: 6\n  }, {\n    label: 'a7',\n    value: 7\n  }, {\n    label: 'a8',\n    value: 8\n  }];\n\n  var _React$useState = _react[\"default\"].useState(false),\n      _React$useState2 = _slicedToArray(_React$useState, 2),\n      loading = _React$useState2[0],\n      setLoading = _React$useState2[1];\n\n  var _React$useState3 = _react[\"default\"].useState([1, 7]),\n      _React$useState4 = _slicedToArray(_React$useState3, 2),\n      value = _React$useState4[0],\n      setValue = _React$useState4[1];\n\n  var _React$useState5 = _react[\"default\"].useState([{\n    label: 'a1',\n    value: 1\n  }, {\n    label: 'a7',\n    value: 7\n  }]),\n      _React$useState6 = _slicedToArray(_React$useState5, 2),\n      labelValue = _React$useState6[0],\n      setLabelValue = _React$useState6[1];\n\n  return /*#__PURE__*/_react[\"default\"].createElement(_uiw.Row, {\n    gutter: 20\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Row, null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.SearchSelect, {\n    mode: \"multiple\",\n    style: {\n      width: 200\n    },\n    value: value,\n    option: option,\n    onChange: function onChange(value) {\n      console.log('value', value);\n      setValue(value);\n    },\n    placeholder: \"\\u8BF7\\u9009\\u62E9\\u9009\\u9879\"\n  })), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Row, null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.SearchSelect, {\n    mode: \"multiple\",\n    labelInValue: true,\n    style: {\n      width: 200\n    },\n    option: option,\n    value: labelValue,\n    onChange: function onChange(value) {\n      console.log('value', value);\n      setLabelValue(value);\n    },\n    plac: true,\n    placeholder: \"\\u8BF7\\u9009\\u62E9\\u9009\\u9879\"\n  })));\n};\n\nreturn Demo; })(),198: (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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }\n\nfunction _nonIterableSpread() { throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _iterableToArray(iter) { if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter); }\n\nfunction _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }\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\nvar Demo = function Demo() {\n  var selectOption = [{\n    label: 'a1',\n    value: 1\n  }, {\n    label: 'a2',\n    value: 2\n  }, {\n    label: 'a3',\n    value: 3\n  }, {\n    label: 'a4',\n    value: 4\n  }, {\n    label: 'a5',\n    value: 5\n  }, {\n    label: 'a6',\n    value: 6\n  }, {\n    label: 'a7',\n    value: 7\n  }, {\n    label: 'a8',\n    value: 8\n  }];\n  var valueAmount = 2;\n\n  var _React$useState = _react[\"default\"].useState(selectOption),\n      _React$useState2 = _slicedToArray(_React$useState, 2),\n      option = _React$useState2[0],\n      setOption = _React$useState2[1];\n\n  var _React$useState3 = _react[\"default\"].useState(false),\n      _React$useState4 = _slicedToArray(_React$useState3, 2),\n      loading = _React$useState4[0],\n      setLoading = _React$useState4[1];\n\n  var _React$useState5 = _react[\"default\"].useState([1, 2, 7]),\n      _React$useState6 = _slicedToArray(_React$useState5, 2),\n      values = _React$useState6[0],\n      setValues = _React$useState6[1];\n\n  function handleSearch(e) {\n    setLoading(true);\n    setTimeout(function () {\n      var filterOpion = selectOption.filter(function (item) {\n        return !!item.label.includes(e.trim());\n      });\n      setOption(_toConsumableArray(filterOpion));\n      setLoading(false);\n    }, 500);\n  }\n\n  return /*#__PURE__*/_react[\"default\"].createElement(_uiw.Row, {\n    style: {\n      marginLeft: 10\n    }\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.SearchSelect, {\n    mode: \"multiple\",\n    style: {\n      width: 200\n    },\n    valueAmount: valueAmount,\n    allowClear: true,\n    value: values,\n    placeholder: \"\\u8BF7\\u9009\\u62E9\\u9009\\u9879\",\n    onSearch: handleSearch // onSelect={(value)=>console.log('onSelect',value)}\n    ,\n    loading: loading,\n    option: option,\n    onChange: function onChange(value) {\n      setValues(value);\n    }\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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }\n\nfunction _nonIterableSpread() { throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _iterableToArray(iter) { if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter); }\n\nfunction _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }\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\nvar Demo = function Demo() {\n  var selectOption = [{\n    label: 'a1',\n    value: 1\n  }, {\n    label: 'a2',\n    value: 2\n  }, {\n    label: 'a3',\n    value: 3\n  }, {\n    label: 'a4',\n    value: 4\n  }, {\n    label: 'a5',\n    value: 5\n  }, {\n    label: 'a6',\n    value: 6\n  }, {\n    label: 'a7',\n    value: 7\n  }, {\n    label: 'a8',\n    value: 8\n  }];\n  var maxTagCount = 4;\n\n  var _React$useState = _react[\"default\"].useState(selectOption),\n      _React$useState2 = _slicedToArray(_React$useState, 2),\n      option = _React$useState2[0],\n      setOption = _React$useState2[1];\n\n  var _React$useState3 = _react[\"default\"].useState(false),\n      _React$useState4 = _slicedToArray(_React$useState3, 2),\n      loading = _React$useState4[0],\n      setLoading = _React$useState4[1];\n\n  var _React$useState5 = _react[\"default\"].useState([{\n    label: 'a1',\n    value: 1\n  }, {\n    label: 'a2',\n    value: 2\n  }, {\n    label: 'a5',\n    value: 5\n  }, {\n    label: 'a7',\n    value: 7\n  }, {\n    label: 'a8',\n    value: 8\n  }]),\n      _React$useState6 = _slicedToArray(_React$useState5, 2),\n      values = _React$useState6[0],\n      setValues = _React$useState6[1];\n\n  function handleSearch(e) {\n    setLoading(true);\n    setTimeout(function () {\n      var filterOpion = selectOption.filter(function (item) {\n        return !!item.label.includes(e.trim());\n      });\n      setOption(_toConsumableArray(filterOpion));\n      setLoading(false);\n    }, 500);\n  }\n\n  return /*#__PURE__*/_react[\"default\"].createElement(_uiw.Row, {\n    style: {\n      marginLeft: 10\n    }\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.SearchSelect, {\n    mode: \"multiple\",\n    style: {\n      width: 200\n    },\n    labelInValue: true,\n    maxTagCount: maxTagCount,\n    allowClear: true,\n    value: values,\n    placeholder: \"\\u8BF7\\u9009\\u62E9\\u9009\\u9879\",\n    onSearch: handleSearch,\n    loading: loading,\n    option: option,\n    onChange: function onChange(value) {\n      setValues(value);\n    }\n  }));\n};\n\nreturn Demo; })(),318: (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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }\n\nfunction _nonIterableSpread() { throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _iterableToArray(iter) { if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter); }\n\nfunction _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }\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\nvar Demo = function Demo() {\n  var selectOption = [{\n    label: 'a1',\n    value: 1\n  }, {\n    label: 'a2',\n    value: 2\n  }, {\n    label: 'a3',\n    value: 3\n  }, {\n    label: 'a4',\n    value: 4\n  }, {\n    label: 'a5',\n    value: 5\n  }, {\n    label: 'a6',\n    value: 6\n  }, {\n    label: 'a7',\n    value: 7\n  }, {\n    label: 'a8',\n    value: 8\n  }];\n\n  var _React$useState = _react[\"default\"].useState([1, 7]),\n      _React$useState2 = _slicedToArray(_React$useState, 2),\n      value = _React$useState2[0],\n      setValue = _React$useState2[1];\n\n  var _React$useState3 = _react[\"default\"].useState([1, 7]),\n      _React$useState4 = _slicedToArray(_React$useState3, 2),\n      values = _React$useState4[0],\n      setValues = _React$useState4[1];\n\n  var _React$useState5 = _react[\"default\"].useState(selectOption),\n      _React$useState6 = _slicedToArray(_React$useState5, 2),\n      option = _React$useState6[0],\n      setOption = _React$useState6[1];\n\n  var _React$useState7 = _react[\"default\"].useState(false),\n      _React$useState8 = _slicedToArray(_React$useState7, 2),\n      loading = _React$useState8[0],\n      setLoading = _React$useState8[1];\n\n  function handleSearch(e) {\n    setLoading(true);\n    setTimeout(function () {\n      var filterOpion = selectOption.filter(function (item) {\n        return !!item.label.includes(e.trim());\n      });\n      setOption(_toConsumableArray(filterOpion));\n      setLoading(false);\n    }, 500);\n  }\n\n  return /*#__PURE__*/_react[\"default\"].createElement(_uiw.Row, {\n    style: {\n      marginLeft: 10\n    }\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, {\n    fixed: true,\n    style: {\n      width: 200\n    }\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.SearchSelect, {\n    mode: \"singe\",\n    showSearch: true,\n    value: value,\n    option: option,\n    loading: loading,\n    onSearch: handleSearch,\n    placeholder: \"\\u8BF7\\u9009\\u62E9\\u9009\\u9879\",\n    style: {\n      width: 200\n    },\n    onChange: function onChange(value) {\n      setValue(value);\n    }\n  })), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, {\n    fixed: true,\n    style: {\n      width: 200,\n      marginLeft: 20\n    }\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.SearchSelect, {\n    mode: \"multiple\",\n    showSearch: true,\n    value: values,\n    option: option,\n    loading: loading,\n    onSearch: handleSearch,\n    placeholder: \"\\u8BF7\\u9009\\u62E9\\u9009\\u9879\",\n    style: {\n      width: 200\n    },\n    onChange: function onChange(value) {\n      setValues(value);\n    }\n  })));\n};\n\nreturn Demo; })(),390: (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\nfunction _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }\n\nfunction _nonIterableSpread() { throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _iterableToArray(iter) { if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter); }\n\nfunction _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }\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\nvar Demo = function Demo() {\n  var selectOption = [{\n    label: 'a1',\n    value: 1\n  }, {\n    label: 'a2',\n    value: 2\n  }, {\n    label: 'a3',\n    value: 3\n  }, {\n    label: 'a4',\n    value: 4\n  }, {\n    label: 'a5',\n    value: 5\n  }, {\n    label: 'a6',\n    value: 6\n  }, {\n    label: 'a7',\n    value: 7\n  }, {\n    label: 'a8',\n    value: 8\n  }];\n\n  var _React$useState = _react[\"default\"].useState(selectOption),\n      _React$useState2 = _slicedToArray(_React$useState, 2),\n      option = _React$useState2[0],\n      setOption = _React$useState2[1];\n\n  var _React$useState3 = _react[\"default\"].useState(false),\n      _React$useState4 = _slicedToArray(_React$useState3, 2),\n      loading = _React$useState4[0],\n      setLoading = _React$useState4[1];\n\n  var refForm = _react[\"default\"].useRef();\n\n  function handleSearch(e) {\n    setLoading(true);\n    setTimeout(function () {\n      var filterOpion = selectOption.filter(function (item) {\n        return !!item.label.includes(e.trim());\n      });\n      setOption(_toConsumableArray(filterOpion));\n      setLoading(false);\n    }, 500);\n  }\n\n  var reSetForm = function reSetForm() {\n    console.log('form', refForm.current.resetForm());\n  };\n\n  return /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Form, {\n    ref: refForm,\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\n        _uiw.Notify.error({\n          title: '提交失败！',\n          description: '请确认提交表单是否正确！'\n        });\n\n        throw err;\n      }\n\n      _uiw.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      selectField: {\n        initialValue: [{\n          label: 'a7',\n          value: 7\n        }, {\n          label: 'a8',\n          value: 8\n        }],\n        children: /*#__PURE__*/_react[\"default\"].createElement(_uiw.SearchSelect, {\n          allowClear: true,\n          labelInValue: true,\n          showSearch: true,\n          mode: \"multiple\",\n          disabled: false,\n          placeholder: \"\\u8BF7\\u9009\\u62E9\\u9009\\u9879\",\n          onSearch: handleSearch,\n          onChange: function onChange(v) {\n            console.log('onChange', v);\n          },\n          option: option,\n          loading: loading\n        })\n      },\n      selectSingle: {\n        initialValue: [{\n          label: 'a7',\n          value: 7\n        }],\n        children: /*#__PURE__*/_react[\"default\"].createElement(_uiw.SearchSelect, {\n          mode: \"single\",\n          labelInValue: true,\n          showSearch: true,\n          allowClear: true,\n          disabled: false,\n          placeholder: \"\\u8BF7\\u9009\\u62E9\\u9009\\u9879\",\n          onSearch: handleSearch,\n          onChange: function onChange(v) {\n            console.log('onChange', v);\n          },\n          option: option,\n          loading: loading\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\", {\n      style: {\n        marginLeft: 10\n      }\n    }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Row, null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, {\n      fixed: true,\n      style: {\n        width: 200\n      }\n    }, fields.selectField)), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Row, null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, {\n      fixed: true,\n      style: {\n        width: 200\n      }\n    }, fields.selectSingle)), /*#__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.Col, {\n      fixed: true\n    }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Button, {\n      onClick: reSetForm\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; })(), },\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 option = [{\\n    label: 'a1',\\n    value: 1\\n  }, {\\n    label: 'a2',\\n    value: 2\\n  }, {\\n    label: 'a3',\\n    value: 3\\n  }, {\\n    label: 'a4',\\n    value: 4\\n  }, {\\n    label: 'a5',\\n    value: 5\\n  }, {\\n    label: 'a6',\\n    value: 6\\n  }, {\\n    label: 'a7',\\n    value: 7\\n  }, {\\n    label: 'a8',\\n    value: 8\\n  }];\\n  return /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Row, {\\n    gutter: 20\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"label\\\", null, \\\"\\\\u5355\\\\u9009\\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Row, null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.SearchSelect, {\\n    mode: \\\"single\\\",\\n    style: {\\n      width: 200\\n    },\\n    placeholder: \\\"\\\\u8BF7\\\\u9009\\\\u62E9\\\\u9009\\\\u9879\\\",\\n    option: option\\n  })), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"label\\\", null, \\\"\\\\u591A\\\\u9009\\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Row, null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.SearchSelect, {\\n    mode: \\\"multiple\\\",\\n    style: {\\n      width: 200\\n    },\\n    allowClear: true,\\n    placeholder: \\\"\\\\u8BF7\\\\u9009\\\\u62E9\\\\u9009\\\\u9879\\\",\\n    option: option\\n  })), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"label\\\", null, \\\"\\\\u7981\\\\u7528\\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Row, null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.SearchSelect, {\\n    mode: \\\"single\\\",\\n    style: {\\n      width: 200\\n    },\\n    allowClear: true,\\n    placeholder: \\\"\\\\u8BF7\\\\u9009\\\\u62E9\\\\u9009\\\\u9879\\\",\\n    option: option,\\n    disabled: true\\n  })));\\n};\\n\\nreturn Demo;\",\n    \"language\": \"jsx\",\n    \"value\": \"import React from 'react';\\nimport { SearchSelect,Row,Col } from 'uiw';\\n\\nconst Demo = () => {\\n  const option=[\\n    { label: 'a1', value: 1 },\\n    { label: 'a2', value: 2 },\\n    { label: 'a3', value: 3 },\\n    { label: 'a4', value: 4 },\\n    { label: 'a5', value: 5 },\\n    { label: 'a6', value: 6 },\\n    { label: 'a7', value: 7 },\\n    { label: 'a8', value: 8 },\\n  ]\\n\\n  return(\\n    <Row gutter={20}>\\n     <label>单选</label>\\n     <Row>\\n       <SearchSelect\\n         mode=\\\"single\\\"\\n         style={{ width: 200 }}\\n         placeholder=\\\"请选择选项\\\"\\n         option={option}\\n       />\\n     </Row>\\n     <label>多选</label>\\n     <Row>\\n       <SearchSelect\\n         mode=\\\"multiple\\\"\\n         style={{ width: 200 }}\\n         allowClear={true}\\n         placeholder=\\\"请选择选项\\\"\\n         option={option}\\n       />\\n     </Row>\\n     <label>禁用</label>\\n     <Row>\\n       <SearchSelect\\n         mode=\\\"single\\\"\\n         style={{ width: 200 }}\\n         allowClear={true}\\n         placeholder=\\\"请选择选项\\\"\\n         option={option}\\n         disabled={true}\\n       />\\n     </Row>\\n    </Row>\\n  );\\n};\\nexport default Demo\"\n  },\n  \"76\": {\n    \"name\": 76,\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 option = [{\\n    label: '小尺寸',\\n    value: 1\\n  }, {\\n    label: '默认尺寸',\\n    value: 2\\n  }, {\\n    label: '大尺寸',\\n    value: 3\\n  }];\\n  return /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Row, {\\n    style: {\\n      flexDirection: 'column'\\n    }\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Row, null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.SearchSelect, {\\n    mode: \\\"multiple\\\",\\n    style: {\\n      width: 150\\n    },\\n    option: option,\\n    value: [1],\\n    allowClear: true,\\n    placeholder: \\\"\\\\u8BF7\\\\u9009\\\\u62E9\\\\u9009\\\\u9879\\\",\\n    size: 'small'\\n  }))), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n    style: {\\n      margin: '10px 0px'\\n    }\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Row, null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.SearchSelect, {\\n    mode: \\\"multiple\\\",\\n    style: {\\n      width: 175\\n    },\\n    option: option,\\n    value: [2],\\n    allowClear: true,\\n    placeholder: \\\"\\\\u8BF7\\\\u9009\\\\u62E9\\\\u9009\\\\u9879\\\"\\n  }))), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Row, null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.SearchSelect, {\\n    mode: \\\"multiple\\\",\\n    style: {\\n      width: 200\\n    },\\n    option: option,\\n    value: [3],\\n    allowClear: true,\\n    placeholder: \\\"\\\\u8BF7\\\\u9009\\\\u62E9\\\\u9009\\\\u9879\\\",\\n    size: 'large'\\n  }))));\\n};\\n\\nreturn Demo;\",\n    \"language\": \"jsx\",\n    \"value\": \"import React from 'react';\\nimport { SearchSelect,Row,Col } from 'uiw';\\n\\nconst Demo = () => {\\n  const option=[\\n    { label: '小尺寸', value: 1 },\\n    { label: '默认尺寸', value: 2 },\\n    { label: '大尺寸', value: 3 },\\n  ]\\n\\n  return(\\n    <Row style={{ flexDirection: 'column' }}>\\n      <Col>\\n        <Row>\\n          <SearchSelect\\n            mode=\\\"multiple\\\"\\n            style={{ width: 150 }}\\n            option={option}\\n            value={[1]}\\n            allowClear={true}\\n            placeholder=\\\"请选择选项\\\"\\n            size={'small'}\\n          />\\n        </Row>\\n      </Col>\\n      <Col style={{ margin:'10px 0px' }}>\\n        <Row>\\n          <SearchSelect\\n            mode=\\\"multiple\\\"\\n            style={{ width: 175 }}\\n            option={option}\\n            value={[2]}\\n            allowClear={true}\\n            placeholder=\\\"请选择选项\\\"\\n          />\\n        </Row>\\n      </Col>\\n      <Col  >\\n        <Row>\\n          <SearchSelect\\n            mode=\\\"multiple\\\"\\n            style={{ width: 200 }}\\n            option={option}\\n            value={[3]}\\n            allowClear={true}\\n            placeholder=\\\"请选择选项\\\"\\n            size={'large'}\\n          />\\n        </Row>\\n      </Col>\\n    </Row>\\n  );\\n};\\nexport default Demo\"\n  },\n  \"137\": {\n    \"name\": 137,\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\\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\\nvar Demo = function Demo() {\\n  var option = [{\\n    label: 'a1',\\n    value: 1\\n  }, {\\n    label: 'a2',\\n    value: 2\\n  }, {\\n    label: 'a3',\\n    value: 3\\n  }, {\\n    label: 'a4',\\n    value: 4\\n  }, {\\n    label: 'a5',\\n    value: 5\\n  }, {\\n    label: 'a6',\\n    value: 6\\n  }, {\\n    label: 'a7',\\n    value: 7\\n  }, {\\n    label: 'a8',\\n    value: 8\\n  }];\\n\\n  var _React$useState = _react[\\\"default\\\"].useState(false),\\n      _React$useState2 = _slicedToArray(_React$useState, 2),\\n      loading = _React$useState2[0],\\n      setLoading = _React$useState2[1];\\n\\n  var _React$useState3 = _react[\\\"default\\\"].useState([1, 7]),\\n      _React$useState4 = _slicedToArray(_React$useState3, 2),\\n      value = _React$useState4[0],\\n      setValue = _React$useState4[1];\\n\\n  var _React$useState5 = _react[\\\"default\\\"].useState([{\\n    label: 'a1',\\n    value: 1\\n  }, {\\n    label: 'a7',\\n    value: 7\\n  }]),\\n      _React$useState6 = _slicedToArray(_React$useState5, 2),\\n      labelValue = _React$useState6[0],\\n      setLabelValue = _React$useState6[1];\\n\\n  return /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Row, {\\n    gutter: 20\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Row, null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.SearchSelect, {\\n    mode: \\\"multiple\\\",\\n    style: {\\n      width: 200\\n    },\\n    value: value,\\n    option: option,\\n    onChange: function onChange(value) {\\n      console.log('value', value);\\n      setValue(value);\\n    },\\n    placeholder: \\\"\\\\u8BF7\\\\u9009\\\\u62E9\\\\u9009\\\\u9879\\\"\\n  })), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Row, null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.SearchSelect, {\\n    mode: \\\"multiple\\\",\\n    labelInValue: true,\\n    style: {\\n      width: 200\\n    },\\n    option: option,\\n    value: labelValue,\\n    onChange: function onChange(value) {\\n      console.log('value', value);\\n      setLabelValue(value);\\n    },\\n    plac: true,\\n    placeholder: \\\"\\\\u8BF7\\\\u9009\\\\u62E9\\\\u9009\\\\u9879\\\"\\n  })));\\n};\\n\\nreturn Demo;\",\n    \"language\": \"jsx\",\n    \"value\": \"import React from 'react';\\nimport { SearchSelect,Row,Col } from 'uiw';\\n\\nconst Demo = () => {\\n  const option=[\\n    { label: 'a1', value: 1 },\\n    { label: 'a2', value: 2 },\\n    { label: 'a3', value: 3 },\\n    { label: 'a4', value: 4 },\\n    { label: 'a5', value: 5 },\\n    { label: 'a6', value: 6 },\\n    { label: 'a7', value: 7 },\\n    { label: 'a8', value: 8 },\\n  ]\\n\\n\\n  const [loading, setLoading] = React.useState(false);\\n  const [value, setValue] = React.useState([1 ,7]);\\n  const [labelValue, setLabelValue] = React.useState([{ label: 'a1', value: 1 }, { label: 'a7', value: 7 }]);\\n\\n  return(\\n    <Row gutter={20}>\\n     <Row>\\n       <SearchSelect\\n         mode=\\\"multiple\\\"\\n         style={{ width: 200 }}\\n         value={value}\\n         option={option}\\n         onChange={(value)=> {\\n           console.log('value', value)\\n           setValue(value)\\n         }}\\n         placeholder=\\\"请选择选项\\\"\\n       />\\n     </Row>\\n     <Row>\\n       <SearchSelect\\n         mode=\\\"multiple\\\"\\n         labelInValue={true}\\n         style={{ width: 200 }}\\n         option={option}\\n         value={labelValue}\\n         onChange={(value)=> {\\n           console.log('value', value)\\n           setLabelValue(value)\\n         }}\\n         plac\\n         placeholder=\\\"请选择选项\\\"\\n       />\\n     </Row>\\n    </Row>\\n  );\\n};\\nexport default Demo\"\n  },\n  \"198\": {\n    \"name\": 198,\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\\nfunction _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }\\n\\nfunction _nonIterableSpread() { throw new TypeError(\\\"Invalid attempt to spread non-iterable instance.\\\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\\\"); }\\n\\nfunction _iterableToArray(iter) { if (typeof Symbol !== \\\"undefined\\\" && iter[Symbol.iterator] != null || iter[\\\"@@iterator\\\"] != null) return Array.from(iter); }\\n\\nfunction _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }\\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\\nvar Demo = function Demo() {\\n  var selectOption = [{\\n    label: 'a1',\\n    value: 1\\n  }, {\\n    label: 'a2',\\n    value: 2\\n  }, {\\n    label: 'a3',\\n    value: 3\\n  }, {\\n    label: 'a4',\\n    value: 4\\n  }, {\\n    label: 'a5',\\n    value: 5\\n  }, {\\n    label: 'a6',\\n    value: 6\\n  }, {\\n    label: 'a7',\\n    value: 7\\n  }, {\\n    label: 'a8',\\n    value: 8\\n  }];\\n  var valueAmount = 2;\\n\\n  var _React$useState = _react[\\\"default\\\"].useState(selectOption),\\n      _React$useState2 = _slicedToArray(_React$useState, 2),\\n      option = _React$useState2[0],\\n      setOption = _React$useState2[1];\\n\\n  var _React$useState3 = _react[\\\"default\\\"].useState(false),\\n      _React$useState4 = _slicedToArray(_React$useState3, 2),\\n      loading = _React$useState4[0],\\n      setLoading = _React$useState4[1];\\n\\n  var _React$useState5 = _react[\\\"default\\\"].useState([1, 2, 7]),\\n      _React$useState6 = _slicedToArray(_React$useState5, 2),\\n      values = _React$useState6[0],\\n      setValues = _React$useState6[1];\\n\\n  function handleSearch(e) {\\n    setLoading(true);\\n    setTimeout(function () {\\n      var filterOpion = selectOption.filter(function (item) {\\n        return !!item.label.includes(e.trim());\\n      });\\n      setOption(_toConsumableArray(filterOpion));\\n      setLoading(false);\\n    }, 500);\\n  }\\n\\n  return /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Row, {\\n    style: {\\n      marginLeft: 10\\n    }\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.SearchSelect, {\\n    mode: \\\"multiple\\\",\\n    style: {\\n      width: 200\\n    },\\n    valueAmount: valueAmount,\\n    allowClear: true,\\n    value: values,\\n    placeholder: \\\"\\\\u8BF7\\\\u9009\\\\u62E9\\\\u9009\\\\u9879\\\",\\n    onSearch: handleSearch // onSelect={(value)=>console.log('onSelect',value)}\\n    ,\\n    loading: loading,\\n    option: option,\\n    onChange: function onChange(value) {\\n      setValues(value);\\n    }\\n  }));\\n};\\n\\nreturn Demo;\",\n    \"language\": \"jsx\",\n    \"value\": \"import React from 'react';\\nimport { SearchSelect,Row,Col } from 'uiw';\\n\\nconst Demo = () => {\\n  const selectOption=[\\n    { label: 'a1', value: 1 },\\n    { label: 'a2', value: 2 },\\n    { label: 'a3', value: 3 },\\n    { label: 'a4', value: 4 },\\n    { label: 'a5', value: 5 },\\n    { label: 'a6', value: 6 },\\n    { label: 'a7', value: 7 },\\n    { label: 'a8', value: 8 },\\n  ]\\n\\n  const valueAmount = 2\\n  const [option, setOption] = React.useState(selectOption);\\n  const [loading, setLoading] = React.useState(false);\\n  const [values, setValues] = React.useState([ 1, 2, 7]);\\n\\n  function handleSearch(e) {\\n    setLoading(true)\\n    setTimeout(() =>  {\\n     const filterOpion= selectOption.filter(item=>!!item.label.includes(e.trim()))\\n      setOption([...filterOpion]);\\n      setLoading(false);\\n    }, 500);\\n  }\\n\\n  return(\\n    <Row style={{ marginLeft: 10 }}>\\n        <SearchSelect\\n          mode=\\\"multiple\\\"\\n          style={{ width: 200 }}\\n          valueAmount={valueAmount}\\n          allowClear\\n          value={values}\\n          placeholder=\\\"请选择选项\\\"\\n          onSearch={handleSearch}\\n          // onSelect={(value)=>console.log('onSelect',value)}\\n          loading={loading}\\n          option={option}\\n          onChange={(value) => {\\n            setValues(value)\\n          }}\\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    },\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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }\\n\\nfunction _nonIterableSpread() { throw new TypeError(\\\"Invalid attempt to spread non-iterable instance.\\\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\\\"); }\\n\\nfunction _iterableToArray(iter) { if (typeof Symbol !== \\\"undefined\\\" && iter[Symbol.iterator] != null || iter[\\\"@@iterator\\\"] != null) return Array.from(iter); }\\n\\nfunction _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }\\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\\nvar Demo = function Demo() {\\n  var selectOption = [{\\n    label: 'a1',\\n    value: 1\\n  }, {\\n    label: 'a2',\\n    value: 2\\n  }, {\\n    label: 'a3',\\n    value: 3\\n  }, {\\n    label: 'a4',\\n    value: 4\\n  }, {\\n    label: 'a5',\\n    value: 5\\n  }, {\\n    label: 'a6',\\n    value: 6\\n  }, {\\n    label: 'a7',\\n    value: 7\\n  }, {\\n    label: 'a8',\\n    value: 8\\n  }];\\n  var maxTagCount = 4;\\n\\n  var _React$useState = _react[\\\"default\\\"].useState(selectOption),\\n      _React$useState2 = _slicedToArray(_React$useState, 2),\\n      option = _React$useState2[0],\\n      setOption = _React$useState2[1];\\n\\n  var _React$useState3 = _react[\\\"default\\\"].useState(false),\\n      _React$useState4 = _slicedToArray(_React$useState3, 2),\\n      loading = _React$useState4[0],\\n      setLoading = _React$useState4[1];\\n\\n  var _React$useState5 = _react[\\\"default\\\"].useState([{\\n    label: 'a1',\\n    value: 1\\n  }, {\\n    label: 'a2',\\n    value: 2\\n  }, {\\n    label: 'a5',\\n    value: 5\\n  }, {\\n    label: 'a7',\\n    value: 7\\n  }, {\\n    label: 'a8',\\n    value: 8\\n  }]),\\n      _React$useState6 = _slicedToArray(_React$useState5, 2),\\n      values = _React$useState6[0],\\n      setValues = _React$useState6[1];\\n\\n  function handleSearch(e) {\\n    setLoading(true);\\n    setTimeout(function () {\\n      var filterOpion = selectOption.filter(function (item) {\\n        return !!item.label.includes(e.trim());\\n      });\\n      setOption(_toConsumableArray(filterOpion));\\n      setLoading(false);\\n    }, 500);\\n  }\\n\\n  return /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Row, {\\n    style: {\\n      marginLeft: 10\\n    }\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.SearchSelect, {\\n    mode: \\\"multiple\\\",\\n    style: {\\n      width: 200\\n    },\\n    labelInValue: true,\\n    maxTagCount: maxTagCount,\\n    allowClear: true,\\n    value: values,\\n    placeholder: \\\"\\\\u8BF7\\\\u9009\\\\u62E9\\\\u9009\\\\u9879\\\",\\n    onSearch: handleSearch,\\n    loading: loading,\\n    option: option,\\n    onChange: function onChange(value) {\\n      setValues(value);\\n    }\\n  }));\\n};\\n\\nreturn Demo;\",\n    \"language\": \"jsx\",\n    \"value\": \"import React from 'react';\\nimport { SearchSelect,Row,Col } from 'uiw';\\n\\nconst Demo = () => {\\n  const selectOption=[\\n    { label: 'a1', value: 1 },\\n    { label: 'a2', value: 2 },\\n    { label: 'a3', value: 3 },\\n    { label: 'a4', value: 4 },\\n    { label: 'a5', value: 5 },\\n    { label: 'a6', value: 6 },\\n    { label: 'a7', value: 7 },\\n    { label: 'a8', value: 8 },\\n  ]\\n\\n  const maxTagCount = 4\\n  const [option, setOption] = React.useState(selectOption);\\n  const [loading, setLoading] = React.useState(false);\\n  const [values, setValues] = React.useState([\\n      { label: 'a1', value: 1 },\\n      { label: 'a2', value: 2 },\\n      { label: 'a5', value: 5 },\\n      { label: 'a7', value: 7 },\\n      { label: 'a8', value: 8 },\\n    ]);\\n\\n  function handleSearch(e) {\\n    setLoading(true)\\n    setTimeout(() =>  {\\n     const filterOpion= selectOption.filter(item=>!!item.label.includes(e.trim()))\\n      setOption([...filterOpion]);\\n      setLoading(false);\\n    }, 500);\\n  }\\n\\n  return(\\n    <Row style={{ marginLeft: 10 }}>\\n        <SearchSelect\\n          mode=\\\"multiple\\\"\\n          style={{ width: 200 }}\\n          labelInValue={true}\\n          maxTagCount={maxTagCount}\\n          allowClear\\n          value={values}\\n          placeholder=\\\"请选择选项\\\"\\n          onSearch={handleSearch}\\n          loading={loading}\\n          option={option}\\n          onChange={(value) => {\\n            setValues(value)\\n          }}\\n        />\\n    </Row>\\n  );\\n};\\nexport default Demo\"\n  },\n  \"318\": {\n    \"name\": 318,\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\\nfunction _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }\\n\\nfunction _nonIterableSpread() { throw new TypeError(\\\"Invalid attempt to spread non-iterable instance.\\\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\\\"); }\\n\\nfunction _iterableToArray(iter) { if (typeof Symbol !== \\\"undefined\\\" && iter[Symbol.iterator] != null || iter[\\\"@@iterator\\\"] != null) return Array.from(iter); }\\n\\nfunction _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }\\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\\nvar Demo = function Demo() {\\n  var selectOption = [{\\n    label: 'a1',\\n    value: 1\\n  }, {\\n    label: 'a2',\\n    value: 2\\n  }, {\\n    label: 'a3',\\n    value: 3\\n  }, {\\n    label: 'a4',\\n    value: 4\\n  }, {\\n    label: 'a5',\\n    value: 5\\n  }, {\\n    label: 'a6',\\n    value: 6\\n  }, {\\n    label: 'a7',\\n    value: 7\\n  }, {\\n    label: 'a8',\\n    value: 8\\n  }];\\n\\n  var _React$useState = _react[\\\"default\\\"].useState([1, 7]),\\n      _React$useState2 = _slicedToArray(_React$useState, 2),\\n      value = _React$useState2[0],\\n      setValue = _React$useState2[1];\\n\\n  var _React$useState3 = _react[\\\"default\\\"].useState([1, 7]),\\n      _React$useState4 = _slicedToArray(_React$useState3, 2),\\n      values = _React$useState4[0],\\n      setValues = _React$useState4[1];\\n\\n  var _React$useState5 = _react[\\\"default\\\"].useState(selectOption),\\n      _React$useState6 = _slicedToArray(_React$useState5, 2),\\n      option = _React$useState6[0],\\n      setOption = _React$useState6[1];\\n\\n  var _React$useState7 = _react[\\\"default\\\"].useState(false),\\n      _React$useState8 = _slicedToArray(_React$useState7, 2),\\n      loading = _React$useState8[0],\\n      setLoading = _React$useState8[1];\\n\\n  function handleSearch(e) {\\n    setLoading(true);\\n    setTimeout(function () {\\n      var filterOpion = selectOption.filter(function (item) {\\n        return !!item.label.includes(e.trim());\\n      });\\n      setOption(_toConsumableArray(filterOpion));\\n      setLoading(false);\\n    }, 500);\\n  }\\n\\n  return /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Row, {\\n    style: {\\n      marginLeft: 10\\n    }\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n    fixed: true,\\n    style: {\\n      width: 200\\n    }\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.SearchSelect, {\\n    mode: \\\"singe\\\",\\n    showSearch: true,\\n    value: value,\\n    option: option,\\n    loading: loading,\\n    onSearch: handleSearch,\\n    placeholder: \\\"\\\\u8BF7\\\\u9009\\\\u62E9\\\\u9009\\\\u9879\\\",\\n    style: {\\n      width: 200\\n    },\\n    onChange: function onChange(value) {\\n      setValue(value);\\n    }\\n  })), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n    fixed: true,\\n    style: {\\n      width: 200,\\n      marginLeft: 20\\n    }\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.SearchSelect, {\\n    mode: \\\"multiple\\\",\\n    showSearch: true,\\n    value: values,\\n    option: option,\\n    loading: loading,\\n    onSearch: handleSearch,\\n    placeholder: \\\"\\\\u8BF7\\\\u9009\\\\u62E9\\\\u9009\\\\u9879\\\",\\n    style: {\\n      width: 200\\n    },\\n    onChange: function onChange(value) {\\n      setValues(value);\\n    }\\n  })));\\n};\\n\\nreturn Demo;\",\n    \"language\": \"jsx\",\n    \"value\": \"import React from 'react';\\nimport { SearchSelect,Row,Col } from 'uiw';\\n\\nconst Demo = () => {\\n  const selectOption=[\\n    { label: 'a1', value: 1 },\\n    { label: 'a2', value: 2 },\\n    { label: 'a3', value: 3 },\\n    { label: 'a4', value: 4 },\\n    { label: 'a5', value: 5 },\\n    { label: 'a6', value: 6 },\\n    { label: 'a7', value: 7 },\\n    { label: 'a8', value: 8 },\\n  ]\\n\\n  const [value, setValue] = React.useState([1,7]);\\n  const [values, setValues] = React.useState([1,7]);\\n  const [option, setOption] = React.useState(selectOption);\\n  const [loading, setLoading] = React.useState(false);\\n\\n  function handleSearch(e) {\\n    setLoading(true)\\n    setTimeout(() =>  {\\n     const filterOpion= selectOption.filter(item=>!!item.label.includes(e.trim()))\\n      setOption([...filterOpion]);\\n      setLoading(false);\\n    }, 500);\\n  }\\n\\n  return(\\n    <Row style={{ marginLeft: 10 }}>\\n      <Col fixed style={{width:200}}>\\n        <SearchSelect\\n          mode=\\\"singe\\\"\\n          showSearch={true}\\n          value={value}\\n          option={option}\\n          loading={loading}\\n          onSearch={handleSearch}\\n          placeholder=\\\"请选择选项\\\"\\n          style={{ width: 200 }}\\n          onChange={(value) => {\\n            setValue(value)\\n          }}\\n        />\\n      </Col>\\n      <Col fixed style={{width:200, marginLeft: 20}}>\\n        <SearchSelect\\n          mode=\\\"multiple\\\"\\n          showSearch={true}\\n          value={values}\\n          option={option}\\n          loading={loading}\\n          onSearch={handleSearch}\\n          placeholder=\\\"请选择选项\\\"\\n          style={{ width: 200 }}\\n          onChange={(value) => {\\n            setValues(value)\\n          }}\\n        />\\n      </Col>\\n    </Row>\\n  );\\n};\\nexport default Demo\"\n  },\n  \"390\": {\n    \"name\": 390,\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\\nfunction _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }\\n\\nfunction _nonIterableSpread() { throw new TypeError(\\\"Invalid attempt to spread non-iterable instance.\\\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\\\"); }\\n\\nfunction _iterableToArray(iter) { if (typeof Symbol !== \\\"undefined\\\" && iter[Symbol.iterator] != null || iter[\\\"@@iterator\\\"] != null) return Array.from(iter); }\\n\\nfunction _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }\\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\\nvar Demo = function Demo() {\\n  var selectOption = [{\\n    label: 'a1',\\n    value: 1\\n  }, {\\n    label: 'a2',\\n    value: 2\\n  }, {\\n    label: 'a3',\\n    value: 3\\n  }, {\\n    label: 'a4',\\n    value: 4\\n  }, {\\n    label: 'a5',\\n    value: 5\\n  }, {\\n    label: 'a6',\\n    value: 6\\n  }, {\\n    label: 'a7',\\n    value: 7\\n  }, {\\n    label: 'a8',\\n    value: 8\\n  }];\\n\\n  var _React$useState = _react[\\\"default\\\"].useState(selectOption),\\n      _React$useState2 = _slicedToArray(_React$useState, 2),\\n      option = _React$useState2[0],\\n      setOption = _React$useState2[1];\\n\\n  var _React$useState3 = _react[\\\"default\\\"].useState(false),\\n      _React$useState4 = _slicedToArray(_React$useState3, 2),\\n      loading = _React$useState4[0],\\n      setLoading = _React$useState4[1];\\n\\n  var refForm = _react[\\\"default\\\"].useRef();\\n\\n  function handleSearch(e) {\\n    setLoading(true);\\n    setTimeout(function () {\\n      var filterOpion = selectOption.filter(function (item) {\\n        return !!item.label.includes(e.trim());\\n      });\\n      setOption(_toConsumableArray(filterOpion));\\n      setLoading(false);\\n    }, 500);\\n  }\\n\\n  var reSetForm = function reSetForm() {\\n    console.log('form', refForm.current.resetForm());\\n  };\\n\\n  return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Form, {\\n    ref: refForm,\\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\\n        _uiw.Notify.error({\\n          title: '提交失败！',\\n          description: '请确认提交表单是否正确！'\\n        });\\n\\n        throw err;\\n      }\\n\\n      _uiw.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      selectField: {\\n        initialValue: [{\\n          label: 'a7',\\n          value: 7\\n        }, {\\n          label: 'a8',\\n          value: 8\\n        }],\\n        children: /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.SearchSelect, {\\n          allowClear: true,\\n          labelInValue: true,\\n          showSearch: true,\\n          mode: \\\"multiple\\\",\\n          disabled: false,\\n          placeholder: \\\"\\\\u8BF7\\\\u9009\\\\u62E9\\\\u9009\\\\u9879\\\",\\n          onSearch: handleSearch,\\n          onChange: function onChange(v) {\\n            console.log('onChange', v);\\n          },\\n          option: option,\\n          loading: loading\\n        })\\n      },\\n      selectSingle: {\\n        initialValue: [{\\n          label: 'a7',\\n          value: 7\\n        }],\\n        children: /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.SearchSelect, {\\n          mode: \\\"single\\\",\\n          labelInValue: true,\\n          showSearch: true,\\n          allowClear: true,\\n          disabled: false,\\n          placeholder: \\\"\\\\u8BF7\\\\u9009\\\\u62E9\\\\u9009\\\\u9879\\\",\\n          onSearch: handleSearch,\\n          onChange: function onChange(v) {\\n            console.log('onChange', v);\\n          },\\n          option: option,\\n          loading: loading\\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\\\", {\\n      style: {\\n        marginLeft: 10\\n      }\\n    }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Row, null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n      fixed: true,\\n      style: {\\n        width: 200\\n      }\\n    }, fields.selectField)), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Row, null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n      fixed: true,\\n      style: {\\n        width: 200\\n      }\\n    }, fields.selectSingle)), /*#__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.Col, {\\n      fixed: true\\n    }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n      onClick: reSetForm\\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;\",\n    \"language\": \"jsx\",\n    \"value\": \"import React from 'react';\\nimport { Form, Row, Col, SearchSelect, Button, Notify } from 'uiw';\\n\\nconst Demo = () => {\\n  const selectOption =[\\n        { label: 'a1', value: 1 },\\n        { label: 'a2', value: 2 },\\n        { label: 'a3', value: 3 },\\n        { label: 'a4', value: 4 },\\n        { label: 'a5', value: 5 },\\n        { label: 'a6', value: 6 },\\n        { label: 'a7', value: 7 },\\n        { label: 'a8', value: 8 },\\n      ];\\n  const [option, setOption] = React.useState(selectOption);\\n  const [loading, setLoading] = React.useState(false);\\n  const refForm = React.useRef()\\n\\n  function handleSearch(e) {\\n    setLoading(true)\\n    setTimeout(() =>  {\\n     const filterOpion= selectOption.filter(item=>!!item.label.includes(e.trim()))\\n      setOption([...filterOpion]);\\n      setLoading(false);\\n    }, 500);\\n  }\\n\\n  const reSetForm = () => {\\n    console.log('form', refForm.current.resetForm())\\n  }\\n\\n  return (\\n    <div>\\n      <Form\\n        ref={refForm}\\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          selectField: {\\n            initialValue:[{label: 'a7', value: 7},{label: 'a8', value: 8}],\\n            children: (\\n              <SearchSelect\\n                allowClear\\n                labelInValue={true}\\n                showSearch={true}\\n                mode=\\\"multiple\\\"\\n                disabled={false}\\n                placeholder=\\\"请选择选项\\\"\\n                onSearch={handleSearch}\\n                onChange={(v)=>{\\n                  console.log('onChange',v)\\n                }}\\n                option={option}\\n                loading={loading}\\n              />\\n            )\\n          },\\n          selectSingle: {\\n            initialValue:[{label: 'a7', value: 7}],\\n            children: (\\n              <SearchSelect\\n                mode=\\\"single\\\"\\n                labelInValue={true}\\n                showSearch={true}\\n                allowClear\\n                disabled={false}\\n                placeholder=\\\"请选择选项\\\"\\n                onSearch={handleSearch}\\n                onChange={(v)=>{\\n                  console.log('onChange',v)\\n                }}\\n                option={option}\\n                loading={loading}\\n              />\\n            )\\n          },\\n        }}\\n      >\\n        {({ fields, state, canSubmit }) => {\\n          return (\\n            <div style={{ marginLeft:10}}>\\n              <Row >\\n                <Col fixed style={{width:200}}>{fields.selectField}</Col>\\n              </Row>\\n              <Row>\\n                <Col fixed style={{width:200}}>{fields.selectSingle}</Col>\\n              </Row>\\n              <Row>\\n                <Col fixed>\\n                  <Button disabled={!canSubmit()} type=\\\"primary\\\" htmlType=\\\"submit\\\">提交</Button>\\n                </Col>\\n                <Col fixed>\\n                  <Button onClick={reSetForm}>重置</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: \"SearchSelect 搜索选择器\\n===\\n\\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-search-select/file/README.md)\\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-search-select.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-search-select)\\n[![npm version](https://img.shields.io/npm/v/@uiw/react-search-select.svg?label=@uiw/react-search-select)](https://npmjs.com/@uiw/react-search-select)\\n\\n搜索选择器\\n\\n```jsx\\nimport { SearchSelect, Row ,Col } from 'uiw';\\n// or\\nimport SearchSelect from '@uiw/react-search-select';\\n```\\n\\n## 基础示例\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { SearchSelect,Row,Col } from 'uiw';\\n\\nconst Demo = () => {\\n  const option=[\\n    { label: 'a1', value: 1 },\\n    { label: 'a2', value: 2 },\\n    { label: 'a3', value: 3 },\\n    { label: 'a4', value: 4 },\\n    { label: 'a5', value: 5 },\\n    { label: 'a6', value: 6 },\\n    { label: 'a7', value: 7 },\\n    { label: 'a8', value: 8 },\\n  ]\\n\\n  return(\\n    <Row gutter={20}>\\n     <label>单选</label>\\n     <Row>\\n       <SearchSelect\\n         mode=\\\"single\\\"\\n         style={{ width: 200 }}\\n         placeholder=\\\"请选择选项\\\"\\n         option={option}\\n       />\\n     </Row>\\n     <label>多选</label>\\n     <Row>\\n       <SearchSelect\\n         mode=\\\"multiple\\\"\\n         style={{ width: 200 }}\\n         allowClear={true}\\n         placeholder=\\\"请选择选项\\\"\\n         option={option}\\n       />\\n     </Row>\\n     <label>禁用</label>\\n     <Row>\\n       <SearchSelect\\n         mode=\\\"single\\\"\\n         style={{ width: 200 }}\\n         allowClear={true}\\n         placeholder=\\\"请选择选项\\\"\\n         option={option}\\n         disabled={true}\\n       />\\n     </Row>\\n    </Row>\\n  );\\n};\\nexport default Demo\\n```\\n\\n## 尺寸\\n\\n通过 size 属性设置选择器的尺寸，提供三个尺寸参数设置。\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { SearchSelect,Row,Col } from 'uiw';\\n\\nconst Demo = () => {\\n  const option=[\\n    { label: '小尺寸', value: 1 },\\n    { label: '默认尺寸', value: 2 },\\n    { label: '大尺寸', value: 3 },\\n  ]\\n\\n  return(\\n    <Row style={{ flexDirection: 'column' }}>\\n      <Col>\\n        <Row>\\n          <SearchSelect\\n            mode=\\\"multiple\\\"\\n            style={{ width: 150 }}\\n            option={option}\\n            value={[1]}\\n            allowClear={true}\\n            placeholder=\\\"请选择选项\\\"\\n            size={'small'}\\n          />\\n        </Row>\\n      </Col>\\n      <Col style={{ margin:'10px 0px' }}>\\n        <Row>\\n          <SearchSelect\\n            mode=\\\"multiple\\\"\\n            style={{ width: 175 }}\\n            option={option}\\n            value={[2]}\\n            allowClear={true}\\n            placeholder=\\\"请选择选项\\\"\\n          />\\n        </Row>\\n      </Col>\\n      <Col  >\\n        <Row>\\n          <SearchSelect\\n            mode=\\\"multiple\\\"\\n            style={{ width: 200 }}\\n            option={option}\\n            value={[3]}\\n            allowClear={true}\\n            placeholder=\\\"请选择选项\\\"\\n            size={'large'}\\n          />\\n        </Row>\\n      </Col>\\n    </Row>\\n  );\\n};\\nexport default Demo\\n```\\n\\n## 不同的value类型\\n\\n通`labelInValue`参数控制value类型和onChange时间返回参数的类型，设置为`true`时，`value`和`onChange`回调返回的值类型从[..., value]变成[..., { label, value}]\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { SearchSelect,Row,Col } from 'uiw';\\n\\nconst Demo = () => {\\n  const option=[\\n    { label: 'a1', value: 1 },\\n    { label: 'a2', value: 2 },\\n    { label: 'a3', value: 3 },\\n    { label: 'a4', value: 4 },\\n    { label: 'a5', value: 5 },\\n    { label: 'a6', value: 6 },\\n    { label: 'a7', value: 7 },\\n    { label: 'a8', value: 8 },\\n  ]\\n\\n\\n  const [loading, setLoading] = React.useState(false);\\n  const [value, setValue] = React.useState([1 ,7]);\\n  const [labelValue, setLabelValue] = React.useState([{ label: 'a1', value: 1 }, { label: 'a7', value: 7 }]);\\n\\n  return(\\n    <Row gutter={20}>\\n     <Row>\\n       <SearchSelect\\n         mode=\\\"multiple\\\"\\n         style={{ width: 200 }}\\n         value={value}\\n         option={option}\\n         onChange={(value)=> {\\n           console.log('value', value)\\n           setValue(value)\\n         }}\\n         placeholder=\\\"请选择选项\\\"\\n       />\\n     </Row>\\n     <Row>\\n       <SearchSelect\\n         mode=\\\"multiple\\\"\\n         labelInValue={true}\\n         style={{ width: 200 }}\\n         option={option}\\n         value={labelValue}\\n         onChange={(value)=> {\\n           console.log('value', value)\\n           setLabelValue(value)\\n         }}\\n         plac\\n         placeholder=\\\"请选择选项\\\"\\n       />\\n     </Row>\\n    </Row>\\n  );\\n};\\nexport default Demo\\n```\\n\\n## 限制选项个数\\n\\n限制最多只能选择两个选项，达到最大后如果继续选择，会替换最后一个\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { SearchSelect,Row,Col } from 'uiw';\\n\\nconst Demo = () => {\\n  const selectOption=[\\n    { label: 'a1', value: 1 },\\n    { label: 'a2', value: 2 },\\n    { label: 'a3', value: 3 },\\n    { label: 'a4', value: 4 },\\n    { label: 'a5', value: 5 },\\n    { label: 'a6', value: 6 },\\n    { label: 'a7', value: 7 },\\n    { label: 'a8', value: 8 },\\n  ]\\n\\n  const valueAmount = 2\\n  const [option, setOption] = React.useState(selectOption);\\n  const [loading, setLoading] = React.useState(false);\\n  const [values, setValues] = React.useState([ 1, 2, 7]);\\n\\n  function handleSearch(e) {\\n    setLoading(true)\\n    setTimeout(() =>  {\\n     const filterOpion= selectOption.filter(item=>!!item.label.includes(e.trim()))\\n      setOption([...filterOpion]);\\n      setLoading(false);\\n    }, 500);\\n  }\\n\\n  return(\\n    <Row style={{ marginLeft: 10 }}>\\n        <SearchSelect\\n          mode=\\\"multiple\\\"\\n          style={{ width: 200 }}\\n          valueAmount={valueAmount}\\n          allowClear\\n          value={values}\\n          placeholder=\\\"请选择选项\\\"\\n          onSearch={handleSearch}\\n          // onSelect={(value)=>console.log('onSelect',value)}\\n          loading={loading}\\n          option={option}\\n          onChange={(value) => {\\n            setValues(value)\\n          }}\\n        />\\n    </Row>\\n  );\\n};\\nexport default Demo\\n```\\n\\n## 显示最大数量\\n\\n使用`maxTagCount`限制显示tag的数量，超过后使用省略tag显示\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { SearchSelect,Row,Col } from 'uiw';\\n\\nconst Demo = () => {\\n  const selectOption=[\\n    { label: 'a1', value: 1 },\\n    { label: 'a2', value: 2 },\\n    { label: 'a3', value: 3 },\\n    { label: 'a4', value: 4 },\\n    { label: 'a5', value: 5 },\\n    { label: 'a6', value: 6 },\\n    { label: 'a7', value: 7 },\\n    { label: 'a8', value: 8 },\\n  ]\\n\\n  const maxTagCount = 4\\n  const [option, setOption] = React.useState(selectOption);\\n  const [loading, setLoading] = React.useState(false);\\n  const [values, setValues] = React.useState([\\n      { label: 'a1', value: 1 },\\n      { label: 'a2', value: 2 },\\n      { label: 'a5', value: 5 },\\n      { label: 'a7', value: 7 },\\n      { label: 'a8', value: 8 },\\n    ]);\\n\\n  function handleSearch(e) {\\n    setLoading(true)\\n    setTimeout(() =>  {\\n     const filterOpion= selectOption.filter(item=>!!item.label.includes(e.trim()))\\n      setOption([...filterOpion]);\\n      setLoading(false);\\n    }, 500);\\n  }\\n\\n  return(\\n    <Row style={{ marginLeft: 10 }}>\\n        <SearchSelect\\n          mode=\\\"multiple\\\"\\n          style={{ width: 200 }}\\n          labelInValue={true}\\n          maxTagCount={maxTagCount}\\n          allowClear\\n          value={values}\\n          placeholder=\\\"请选择选项\\\"\\n          onSearch={handleSearch}\\n          loading={loading}\\n          option={option}\\n          onChange={(value) => {\\n            setValues(value)\\n          }}\\n        />\\n    </Row>\\n  );\\n};\\nexport default Demo\\n```\\n\\n## 启用搜索\\n\\n将`showSearch`设置为`true`启用搜索功能，组件没有内置搜索功能，但`option`是监听变化的，可以通过配合`onSearch`实现\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { SearchSelect,Row,Col } from 'uiw';\\n\\nconst Demo = () => {\\n  const selectOption=[\\n    { label: 'a1', value: 1 },\\n    { label: 'a2', value: 2 },\\n    { label: 'a3', value: 3 },\\n    { label: 'a4', value: 4 },\\n    { label: 'a5', value: 5 },\\n    { label: 'a6', value: 6 },\\n    { label: 'a7', value: 7 },\\n    { label: 'a8', value: 8 },\\n  ]\\n\\n  const [value, setValue] = React.useState([1,7]);\\n  const [values, setValues] = React.useState([1,7]);\\n  const [option, setOption] = React.useState(selectOption);\\n  const [loading, setLoading] = React.useState(false);\\n\\n  function handleSearch(e) {\\n    setLoading(true)\\n    setTimeout(() =>  {\\n     const filterOpion= selectOption.filter(item=>!!item.label.includes(e.trim()))\\n      setOption([...filterOpion]);\\n      setLoading(false);\\n    }, 500);\\n  }\\n\\n  return(\\n    <Row style={{ marginLeft: 10 }}>\\n      <Col fixed style={{width:200}}>\\n        <SearchSelect\\n          mode=\\\"singe\\\"\\n          showSearch={true}\\n          value={value}\\n          option={option}\\n          loading={loading}\\n          onSearch={handleSearch}\\n          placeholder=\\\"请选择选项\\\"\\n          style={{ width: 200 }}\\n          onChange={(value) => {\\n            setValue(value)\\n          }}\\n        />\\n      </Col>\\n      <Col fixed style={{width:200, marginLeft: 20}}>\\n        <SearchSelect\\n          mode=\\\"multiple\\\"\\n          showSearch={true}\\n          value={values}\\n          option={option}\\n          loading={loading}\\n          onSearch={handleSearch}\\n          placeholder=\\\"请选择选项\\\"\\n          style={{ width: 200 }}\\n          onChange={(value) => {\\n            setValues(value)\\n          }}\\n        />\\n      </Col>\\n    </Row>\\n  );\\n};\\nexport default Demo\\n```\\n\\n### 在表单中使用\\n\\n在 [`<Form />`](#/components/form) 表单中应用 `<SearchSelect />` 组件。\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true&noScroll=true\\nimport React from 'react';\\nimport { Form, Row, Col, SearchSelect, Button, Notify } from 'uiw';\\n\\nconst Demo = () => {\\n  const selectOption =[\\n        { label: 'a1', value: 1 },\\n        { label: 'a2', value: 2 },\\n        { label: 'a3', value: 3 },\\n        { label: 'a4', value: 4 },\\n        { label: 'a5', value: 5 },\\n        { label: 'a6', value: 6 },\\n        { label: 'a7', value: 7 },\\n        { label: 'a8', value: 8 },\\n      ];\\n  const [option, setOption] = React.useState(selectOption);\\n  const [loading, setLoading] = React.useState(false);\\n  const refForm = React.useRef()\\n\\n  function handleSearch(e) {\\n    setLoading(true)\\n    setTimeout(() =>  {\\n     const filterOpion= selectOption.filter(item=>!!item.label.includes(e.trim()))\\n      setOption([...filterOpion]);\\n      setLoading(false);\\n    }, 500);\\n  }\\n\\n  const reSetForm = () => {\\n    console.log('form', refForm.current.resetForm())\\n  }\\n\\n  return (\\n    <div>\\n      <Form\\n        ref={refForm}\\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          selectField: {\\n            initialValue:[{label: 'a7', value: 7},{label: 'a8', value: 8}],\\n            children: (\\n              <SearchSelect\\n                allowClear\\n                labelInValue={true}\\n                showSearch={true}\\n                mode=\\\"multiple\\\"\\n                disabled={false}\\n                placeholder=\\\"请选择选项\\\"\\n                onSearch={handleSearch}\\n                onChange={(v)=>{\\n                  console.log('onChange',v)\\n                }}\\n                option={option}\\n                loading={loading}\\n              />\\n            )\\n          },\\n          selectSingle: {\\n            initialValue:[{label: 'a7', value: 7}],\\n            children: (\\n              <SearchSelect\\n                mode=\\\"single\\\"\\n                labelInValue={true}\\n                showSearch={true}\\n                allowClear\\n                disabled={false}\\n                placeholder=\\\"请选择选项\\\"\\n                onSearch={handleSearch}\\n                onChange={(v)=>{\\n                  console.log('onChange',v)\\n                }}\\n                option={option}\\n                loading={loading}\\n              />\\n            )\\n          },\\n        }}\\n      >\\n        {({ fields, state, canSubmit }) => {\\n          return (\\n            <div style={{ marginLeft:10}}>\\n              <Row >\\n                <Col fixed style={{width:200}}>{fields.selectField}</Col>\\n              </Row>\\n              <Row>\\n                <Col fixed style={{width:200}}>{fields.selectSingle}</Col>\\n              </Row>\\n              <Row>\\n                <Col fixed>\\n                  <Button disabled={!canSubmit()} type=\\\"primary\\\" htmlType=\\\"submit\\\">提交</Button>\\n                </Col>\\n                <Col fixed>\\n                  <Button onClick={reSetForm}>重置</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| mode | 选择模式: `multiple`  `single` | String | `single` | - |\\n| defaultValue | 指定默认选中的条目 | String/Number | - | - |\\n| value | 指定当前选中的条目，多选时为一个数组 | String \\\\| Number \\\\| String[] \\\\| Number[] \\\\| LabeledValue \\\\| LabeledValue[] | - | - |\\n| placeholder | 选择框默认文字 | String | - | - |\\n| maxTagCount | 多选模式下展示tag的个数,默认所有 | number | - | - |\\n| labelInValue | 开启会把 Select 的 value 类型从 `string/number` 变为 `{ value: string/number, label: string }` | Boolean | `false` | - |\\n| showSearch | 是否可搜索 | Boolean | - | - |\\n| size | 选择框尺寸 | Enum{large, default, small } | `default` | - |\\n| tagProps | 将参数传递给 [`<Tag>`](#/components/tag) 组件 | `TagProps` | `{}` | `4.13.0` |\\n| onChange | 选中 option，或 input 的 value，调用此函数 | function(value:String \\\\| Number \\\\| String[] \\\\| Number[] \\\\| LabeledValue \\\\| LabeledValue[]) | - | - |\\n| onSearch | 文本框值变化时回调 | function(value: String) | - | - |\\n| onSelect | 被选中时调用，参数为选中项的 value | function(value: String/Number ) | - | - |\\n| loading | 加载中状态 | Boolean | `false` | - |\\n| valueAmount | 多选模式下,限制最多选择多少个(value的长度) | number | - | - |\\n\"\n  }"],"names":["components","obj","_react","__esModule","_uiw","option","label","value","createElement","Row","gutter","SearchSelect","mode","style","width","placeholder","allowClear","disabled","flexDirection","Col","size","margin","_slicedToArray","arr","i","Array","isArray","_arrayWithHoles","_i","Symbol","iterator","_s","_e","_arr","_n","_d","call","next","done","push","length","err","_iterableToArrayLimit","o","minLen","_arrayLikeToArray","n","Object","prototype","toString","slice","constructor","name","from","test","_unsupportedIterableToArray","TypeError","_nonIterableRest","len","arr2","_React$useState2","useState","_React$useState4","setValue","_React$useState6","labelValue","setLabelValue","onChange","console","log","labelInValue","plac","_toConsumableArray","_arrayWithoutHoles","iter","_iterableToArray","_nonIterableSpread","selectOption","setOption","loading","setLoading","values","setValues","marginLeft","valueAmount","onSearch","e","setTimeout","filterOpion","filter","item","includes","trim","maxTagCount","_React$useState8","handleSearch","fixed","showSearch","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","sym","getOwnPropertyDescriptor","enumerable","apply","_defineProperty","key","defineProperty","configurable","writable","refForm","useRef","reSetForm","current","resetForm","Form","ref","onSubmitError","error","filed","target","arguments","source","forEach","getOwnPropertyDescriptors","defineProperties","_objectSpread","onSubmit","_ref","initial","errorObj","selectField","Error","Notify","title","description","success","concat","fields","initialValue","children","v","selectSingle","_ref2","state","canSubmit","Button","type","htmlType","onClick","padding","marginTop","JSON","stringify","data"],"sourceRoot":""}

package/web/static/js/1892.dce494f3.chunk.js

@@ -0,0 +1,2 @@
+"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[1892],{1892:function(e,n,t){t.r(n),n.default={components:{18: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,r=(n=t(8133))&&n.__esModule?n:{default:n},o=t(2814);function u(e,n){if(t=e,!(null!=(r=n)&&"undefined"!==typeof Symbol&&r[Symbol.hasInstance]?r[Symbol.hasInstance](t):t instanceof r))throw new TypeError("Cannot call a class as a function");var t,r}function a(e,n){for(var t=0;t<n.length;t++){var r=n[t];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function l(e,n){return l=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,n){return e.__proto__=n,e},l(e,n)}function i(e){var n=function(){if("undefined"===typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var t,r=d(e);if(n){var o=d(this).constructor;t=Reflect.construct(r,arguments,o)}else t=r.apply(this,arguments);return c(this,t)}}function c(n,t){if(t&&("object"===e(t)||"function"===typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(n)}function d(e){return d=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},d(e)}var p=r.default.createElement("div",null,r.default.createElement(o.Menu,{bordered:!0,style:{minWidth:120}},r.default.createElement(o.Menu.Item,{icon:"reload",text:"\u91cd\u65b0\u52a0\u8f7d"}),r.default.createElement(o.Menu.Item,{icon:"heart-on",text:"\u53e6\u5b58\u4e3a",active:!0}),r.default.createElement(o.Menu.Item,{icon:"appstore",text:"\u5e94\u7528\u5546\u57ce"}),r.default.createElement(o.Menu.Item,{icon:"bar-chart",text:"\u6708\u7edf\u8ba1\u62a5\u8868"}),r.default.createElement(o.Menu.Item,{icon:"setting",text:"\u504f\u597d\u8bbe\u7f6e"}))),m=function(e){!function(e,n){if("function"!==typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(n&&n.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),n&&l(e,n)}(m,e);var n,t,c,d=i(m);function m(){return u(this,m),d.apply(this,arguments)}return n=m,(t=[{key:"render",value:function(){return r.default.createElement("div",null,r.default.createElement(o.Dropdown,{menu:p},r.default.createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},"\u9f20\u6807\u7ecf\u8fc7\u51fa\u73b0\u83dc\u5355 ",r.default.createElement(o.Icon,{type:"down"}))),r.default.createElement(o.Dropdown,{trigger:"click",menu:p},r.default.createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},"\u70b9\u51fb\u6211\u51fa\u73b0\u4e0b\u62c9\u83dc\u5355 ",r.default.createElement(o.Icon,{type:"down"}))))}}])&&a(n.prototype,t),c&&a(n,c),Object.defineProperty(n,"prototype",{writable:!1}),m}(r.default.Component);return m}(),57:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},r=t(2814);var o=n.default.createElement("div",null,n.default.createElement(r.Menu,{bordered:!0,style:{maxWidth:200}},n.default.createElement(r.Menu.Item,{icon:"reload",text:"\u91cd\u65b0\u52a0\u8f7d"}),n.default.createElement(r.Menu.Divider,null),n.default.createElement(r.Menu.Item,{icon:"heart-on",text:"\u53e6\u5b58\u4e3a",active:!0}),n.default.createElement(r.Menu.Item,{icon:"appstore",text:"\u5e94\u7528\u5546\u57ce"}),n.default.createElement(r.Menu.Item,{icon:"bar-chart",text:"\u6708\u7edf\u8ba1\u62a5\u8868\u5bfc\u51fa"}),n.default.createElement(r.Menu.Item,{icon:"setting",text:"\u504f\u597d\u8bbe\u7f6e"})));return function(){return n.default.createElement("div",null,n.default.createElement(r.ButtonGroup,{style:{marginRight:5,display:"inline-block"}},n.default.createElement(r.Button,{disabled:!0,icon:"copy"},"\u70b9\u51fb\u53f3\u8fb9"),n.default.createElement(r.Dropdown,{disabled:!0,trigger:"click",placement:"bottomRight",menu:o},n.default.createElement(r.Button,{icon:"more"}))),n.default.createElement(r.Dropdown,{disabled:!0,menu:o},n.default.createElement(r.Button,{basic:!0,type:"link"}," (\u8d85\u8fde\u63a5\u6837\u5f0f)link ")),n.default.createElement(r.Dropdown,{disabled:!0,menu:o},n.default.createElement(r.Button,{type:"primary"},"\u4e3b\u8981\u6309\u94ae")),n.default.createElement(r.Dropdown,{disabled:!0,menu:o},n.default.createElement(r.Button,{type:"success"},"\u6210\u529f\u6309\u94ae")),n.default.createElement(r.Dropdown,{disabled:!0,menu:o},n.default.createElement(r.Button,{type:"warning"},"\u8b66\u544a\u6309\u94ae")),n.default.createElement(r.Dropdown,{disabled:!0,menu:o},n.default.createElement(r.Button,{type:"danger"},"\u9519\u8bef\u6309\u94ae")),n.default.createElement(r.Dropdown,{disabled:!0,menu:o},n.default.createElement(r.Button,{type:"light"},"\u4eae\u6309\u94ae")),n.default.createElement(r.Dropdown,{disabled:!0,menu:o},n.default.createElement(r.Button,{type:"dark"},"\u6697\u6309\u94ae")))}}(),110:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},r=t(2814);var o=n.default.createElement("div",null,n.default.createElement(r.Menu,{bordered:!0,style:{maxWidth:200}},n.default.createElement(r.Menu.Item,{icon:"reload",text:"\u91cd\u65b0\u52a0\u8f7d"}),n.default.createElement(r.Menu.Divider,null),n.default.createElement(r.Menu.Item,{icon:"heart-on",text:"\u53e6\u5b58\u4e3a",active:!0}),n.default.createElement(r.Menu.Item,{icon:"appstore",text:"\u5e94\u7528\u5546\u57ce"}),n.default.createElement(r.Menu.Item,{icon:"bar-chart",text:"\u6708\u7edf\u8ba1\u62a5\u8868\u5bfc\u51fa"}),n.default.createElement(r.Menu.Item,{icon:"setting",text:"\u504f\u597d\u8bbe\u7f6e"})));return function(){return n.default.createElement("div",null,n.default.createElement(r.ButtonGroup,{style:{marginRight:5,display:"inline-block"}},n.default.createElement(r.Button,{icon:"copy"},"top"),n.default.createElement(r.Dropdown,{trigger:"click",placement:"top",menu:o},n.default.createElement(r.Button,{icon:"more"}))),n.default.createElement(r.Dropdown,{menu:o,trigger:"click",placement:"topLeft"},n.default.createElement(r.Button,{type:"primary"},"topLeft")),n.default.createElement(r.Dropdown,{menu:o,trigger:"click",placement:"topRight"},n.default.createElement(r.Button,{type:"success"},"topRight")),n.default.createElement(r.Divider,null),n.default.createElement(r.Dropdown,{menu:o,trigger:"click",placement:"bottomRight"},n.default.createElement(r.Button,{type:"light"},"bottomRight")),n.default.createElement(r.Dropdown,{menu:o,trigger:"click",placement:"bottom"},n.default.createElement(r.Button,{type:"warning"},"bottom")),n.default.createElement(r.Dropdown,{menu:o,trigger:"click",placement:"bottomLeft"},n.default.createElement(r.Button,{type:"danger"},"bottomLeft")),n.default.createElement(r.Dropdown,{menu:o,trigger:"click",placement:"right"},n.default.createElement(r.Button,{type:"dark"},"right")))}}(),160:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},r=t(2814);function o(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!==typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==t)return;var r,o,u=[],a=!0,l=!1;try{for(t=t.call(e);!(a=(r=t.next()).done)&&(u.push(r.value),!n||u.length!==n);a=!0);}catch(i){l=!0,o=i}finally{try{a||null==t.return||t.return()}finally{if(l)throw o}}return u}(e,n)||function(e,n){if(!e)return;if("string"===typeof e)return u(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);"Object"===t&&e.constructor&&(t=e.constructor.name);if("Map"===t||"Set"===t)return Array.from(e);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))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 t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function a(e){var t=e.option,u=e.onChange,a=o(n.default.useState(!1),2),l=a[0],i=a[1],c=o(n.default.useState(e.value),2),d=c[0],p=c[1],m=t.find((function(e){return d===e.value}));return n.default.useEffect((function(){e.value!==d&&p(e.value)}),[e.value]),n.default.createElement(r.Dropdown,{trigger:"click",onVisibleChange:function(e){return i(e)},isOpen:l,menu:n.default.createElement("div",null,n.default.createElement(r.Menu,{bordered:!0,style:{minWidth:120}},t.map((function(e,t){var o=d===e.value;return n.default.createElement(r.Menu.Item,{key:t,active:o,text:e.label,onClick:function(n){p(e.value),i(!1),u&&u(e.value,n)}})}))))},n.default.createElement(r.Button,{type:"link"},m.label,n.default.createElement(r.Icon,{type:l?"up":"down"})))}var l=[{label:"\u5f80\u8fd4",value:1},{label:"\u5355\u7a0b",value:2},{label:"\u8054\u7a0b",value:3},{label:"Nomad",value:4}],i=[{label:"\u7ecf\u6d4e\u8231",value:1},{label:"\u8c6a\u534e\u7ecf\u6d4e\u8231",value:2},{label:"\u5546\u52a1\u8231",value:3},{label:"\u5934\u7b49\u8231",value:4}];return function(){return n.default.createElement("div",null,n.default.createElement(a,{option:l,value:1,onChange:function(e){console.log("item",e)}}),n.default.createElement(a,{option:i,value:2,onChange:function(e){console.log("item",e)}}))}}()},data:{18:{name:18,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nfunction _instanceof(left, right) { if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) { return !!right[Symbol.hasInstance](left); } else { return left instanceof right; } }\n\nfunction _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!_instanceof(instance, Constructor)) { throw new TypeError("Cannot call a class as a function"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn\'t been initialised - super() hasn\'t been called"); } return self; }\n\nfunction _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nvar menu = /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Menu, {\n  bordered: true,\n  style: {\n    minWidth: 120\n  }\n}, /*#__PURE__*/_react["default"].createElement(_uiw.Menu.Item, {\n  icon: "reload",\n  text: "\\u91CD\\u65B0\\u52A0\\u8F7D"\n}), /*#__PURE__*/_react["default"].createElement(_uiw.Menu.Item, {\n  icon: "heart-on",\n  text: "\\u53E6\\u5B58\\u4E3A",\n  active: true\n}), /*#__PURE__*/_react["default"].createElement(_uiw.Menu.Item, {\n  icon: "appstore",\n  text: "\\u5E94\\u7528\\u5546\\u57CE"\n}), /*#__PURE__*/_react["default"].createElement(_uiw.Menu.Item, {\n  icon: "bar-chart",\n  text: "\\u6708\\u7EDF\\u8BA1\\u62A5\\u8868"\n}), /*#__PURE__*/_react["default"].createElement(_uiw.Menu.Item, {\n  icon: "setting",\n  text: "\\u504F\\u597D\\u8BBE\\u7F6E"\n})));\n\nvar Demo = /*#__PURE__*/function (_React$Component) {\n  _inherits(Demo, _React$Component);\n\n  var _super = _createSuper(Demo);\n\n  function Demo() {\n    _classCallCheck(this, Demo);\n\n    return _super.apply(this, arguments);\n  }\n\n  _createClass(Demo, [{\n    key: "render",\n    value: function render() {\n      return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Dropdown, {\n        menu: menu\n      }, /*#__PURE__*/_react["default"].createElement("a", {\n        href: "#",\n        onClick: function onClick(e) {\n          return e.preventDefault();\n        }\n      }, "\\u9F20\\u6807\\u7ECF\\u8FC7\\u51FA\\u73B0\\u83DC\\u5355 ", /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n        type: "down"\n      }))), /*#__PURE__*/_react["default"].createElement(_uiw.Dropdown, {\n        trigger: "click",\n        menu: menu\n      }, /*#__PURE__*/_react["default"].createElement("a", {\n        href: "#",\n        onClick: function onClick(e) {\n          return e.preventDefault();\n        }\n      }, "\\u70B9\\u51FB\\u6211\\u51FA\\u73B0\\u4E0B\\u62C9\\u83DC\\u5355 ", /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n        type: "down"\n      }))));\n    }\n  }]);\n\n  return Demo;\n}(_react["default"].Component);\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Dropdown, Menu, ButtonGroup, Button, Divider, Icon } from \'uiw\';\n\nconst menu = (\n  <div>\n    <Menu bordered style={{ minWidth: 120 }}>\n      <Menu.Item icon="reload" text="\u91cd\u65b0\u52a0\u8f7d" />\n      <Menu.Item icon="heart-on" text="\u53e6\u5b58\u4e3a" active />\n      <Menu.Item icon="appstore" text="\u5e94\u7528\u5546\u57ce" />\n      <Menu.Item icon="bar-chart" text="\u6708\u7edf\u8ba1\u62a5\u8868" />\n      <Menu.Item icon="setting" text="\u504f\u597d\u8bbe\u7f6e" />\n    </Menu>\n  </div>\n);\n\nclass Demo extends React.Component {\n  render() {\n    return (\n      <div>\n        <Dropdown menu={menu}>\n          <a href=\'#\' onClick={e => e.preventDefault()}>\n            \u9f20\u6807\u7ecf\u8fc7\u51fa\u73b0\u83dc\u5355 <Icon type="down" />\n          </a>\n        </Dropdown>\n        <Dropdown trigger="click" menu={menu}>\n          <a href=\'#\' onClick={e => e.preventDefault()}>\n            \u70b9\u51fb\u6211\u51fa\u73b0\u4e0b\u62c9\u83dc\u5355 <Icon type="down" />\n          </a>\n        </Dropdown>\n      </div>\n    )\n  }\n}\nexport default Demo'},57:{name:57,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 menu = /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Menu, {\n  bordered: true,\n  style: {\n    maxWidth: 200\n  }\n}, /*#__PURE__*/_react["default"].createElement(_uiw.Menu.Item, {\n  icon: "reload",\n  text: "\\u91CD\\u65B0\\u52A0\\u8F7D"\n}), /*#__PURE__*/_react["default"].createElement(_uiw.Menu.Divider, null), /*#__PURE__*/_react["default"].createElement(_uiw.Menu.Item, {\n  icon: "heart-on",\n  text: "\\u53E6\\u5B58\\u4E3A",\n  active: true\n}), /*#__PURE__*/_react["default"].createElement(_uiw.Menu.Item, {\n  icon: "appstore",\n  text: "\\u5E94\\u7528\\u5546\\u57CE"\n}), /*#__PURE__*/_react["default"].createElement(_uiw.Menu.Item, {\n  icon: "bar-chart",\n  text: "\\u6708\\u7EDF\\u8BA1\\u62A5\\u8868\\u5BFC\\u51FA"\n}), /*#__PURE__*/_react["default"].createElement(_uiw.Menu.Item, {\n  icon: "setting",\n  text: "\\u504F\\u597D\\u8BBE\\u7F6E"\n})));\n\nfunction Demo() {\n  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.ButtonGroup, {\n    style: {\n      marginRight: 5,\n      display: \'inline-block\'\n    }\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n    disabled: true,\n    icon: "copy"\n  }, "\\u70B9\\u51FB\\u53F3\\u8FB9"), /*#__PURE__*/_react["default"].createElement(_uiw.Dropdown, {\n    disabled: true,\n    trigger: "click",\n    placement: "bottomRight",\n    menu: menu\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n    icon: "more"\n  }))), /*#__PURE__*/_react["default"].createElement(_uiw.Dropdown, {\n    disabled: true,\n    menu: menu\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n    basic: true,\n    type: "link"\n  }, " (\\u8D85\\u8FDE\\u63A5\\u6837\\u5F0F)link ")), /*#__PURE__*/_react["default"].createElement(_uiw.Dropdown, {\n    disabled: true,\n    menu: menu\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n    type: "primary"\n  }, "\\u4E3B\\u8981\\u6309\\u94AE")), /*#__PURE__*/_react["default"].createElement(_uiw.Dropdown, {\n    disabled: true,\n    menu: menu\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n    type: "success"\n  }, "\\u6210\\u529F\\u6309\\u94AE")), /*#__PURE__*/_react["default"].createElement(_uiw.Dropdown, {\n    disabled: true,\n    menu: menu\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n    type: "warning"\n  }, "\\u8B66\\u544A\\u6309\\u94AE")), /*#__PURE__*/_react["default"].createElement(_uiw.Dropdown, {\n    disabled: true,\n    menu: menu\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n    type: "danger"\n  }, "\\u9519\\u8BEF\\u6309\\u94AE")), /*#__PURE__*/_react["default"].createElement(_uiw.Dropdown, {\n    disabled: true,\n    menu: menu\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n    type: "light"\n  }, "\\u4EAE\\u6309\\u94AE")), /*#__PURE__*/_react["default"].createElement(_uiw.Dropdown, {\n    disabled: true,\n    menu: menu\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n    type: "dark"\n  }, "\\u6697\\u6309\\u94AE")));\n}\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Dropdown, Menu, ButtonGroup, Button } from \'uiw\';\n\nconst menu = (\n  <div>\n    <Menu bordered style={{ maxWidth: 200 }}>\n      <Menu.Item icon="reload" text="\u91cd\u65b0\u52a0\u8f7d" />\n      <Menu.Divider />\n      <Menu.Item icon="heart-on" text="\u53e6\u5b58\u4e3a" active />\n      <Menu.Item icon="appstore" text="\u5e94\u7528\u5546\u57ce" />\n      <Menu.Item icon="bar-chart" text="\u6708\u7edf\u8ba1\u62a5\u8868\u5bfc\u51fa" />\n      <Menu.Item icon="setting" text="\u504f\u597d\u8bbe\u7f6e" />\n    </Menu>\n  </div>\n);\n\nfunction Demo() {\n  return <div>\n    <ButtonGroup style={{ marginRight: 5, display: \'inline-block\' }}>\n      <Button disabled icon="copy">\u70b9\u51fb\u53f3\u8fb9</Button>\n      <Dropdown disabled trigger="click" placement="bottomRight" menu={menu}>\n        <Button icon="more" />\n      </Dropdown>\n    </ButtonGroup>\n    <Dropdown disabled menu={menu}>\n      <Button basic type="link"> (\u8d85\u8fde\u63a5\u6837\u5f0f)link </Button>\n    </Dropdown>\n    <Dropdown disabled menu={menu}>\n      <Button type="primary">\u4e3b\u8981\u6309\u94ae</Button>\n    </Dropdown>\n    <Dropdown disabled menu={menu}>\n      <Button type="success">\u6210\u529f\u6309\u94ae</Button>\n    </Dropdown>\n    <Dropdown disabled menu={menu}>\n      <Button type="warning">\u8b66\u544a\u6309\u94ae</Button>\n    </Dropdown>\n    <Dropdown disabled menu={menu}>\n      <Button type="danger">\u9519\u8bef\u6309\u94ae</Button>\n    </Dropdown>\n    <Dropdown disabled menu={menu}>\n      <Button type="light">\u4eae\u6309\u94ae</Button>\n    </Dropdown>\n    <Dropdown disabled menu={menu}>\n      <Button type="dark">\u6697\u6309\u94ae</Button>\n    </Dropdown>\n  </div>\n}\nexport default Demo'},110:{name:110,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 menu = /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Menu, {\n  bordered: true,\n  style: {\n    maxWidth: 200\n  }\n}, /*#__PURE__*/_react["default"].createElement(_uiw.Menu.Item, {\n  icon: "reload",\n  text: "\\u91CD\\u65B0\\u52A0\\u8F7D"\n}), /*#__PURE__*/_react["default"].createElement(_uiw.Menu.Divider, null), /*#__PURE__*/_react["default"].createElement(_uiw.Menu.Item, {\n  icon: "heart-on",\n  text: "\\u53E6\\u5B58\\u4E3A",\n  active: true\n}), /*#__PURE__*/_react["default"].createElement(_uiw.Menu.Item, {\n  icon: "appstore",\n  text: "\\u5E94\\u7528\\u5546\\u57CE"\n}), /*#__PURE__*/_react["default"].createElement(_uiw.Menu.Item, {\n  icon: "bar-chart",\n  text: "\\u6708\\u7EDF\\u8BA1\\u62A5\\u8868\\u5BFC\\u51FA"\n}), /*#__PURE__*/_react["default"].createElement(_uiw.Menu.Item, {\n  icon: "setting",\n  text: "\\u504F\\u597D\\u8BBE\\u7F6E"\n})));\n\nfunction Demo() {\n  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.ButtonGroup, {\n    style: {\n      marginRight: 5,\n      display: \'inline-block\'\n    }\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n    icon: "copy"\n  }, "top"), /*#__PURE__*/_react["default"].createElement(_uiw.Dropdown, {\n    trigger: "click",\n    placement: "top",\n    menu: menu\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n    icon: "more"\n  }))), /*#__PURE__*/_react["default"].createElement(_uiw.Dropdown, {\n    menu: menu,\n    trigger: "click",\n    placement: "topLeft"\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n    type: "primary"\n  }, "topLeft")), /*#__PURE__*/_react["default"].createElement(_uiw.Dropdown, {\n    menu: menu,\n    trigger: "click",\n    placement: "topRight"\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n    type: "success"\n  }, "topRight")), /*#__PURE__*/_react["default"].createElement(_uiw.Divider, null), /*#__PURE__*/_react["default"].createElement(_uiw.Dropdown, {\n    menu: menu,\n    trigger: "click",\n    placement: "bottomRight"\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n    type: "light"\n  }, "bottomRight")), /*#__PURE__*/_react["default"].createElement(_uiw.Dropdown, {\n    menu: menu,\n    trigger: "click",\n    placement: "bottom"\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n    type: "warning"\n  }, "bottom")), /*#__PURE__*/_react["default"].createElement(_uiw.Dropdown, {\n    menu: menu,\n    trigger: "click",\n    placement: "bottomLeft"\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n    type: "danger"\n  }, "bottomLeft")), /*#__PURE__*/_react["default"].createElement(_uiw.Dropdown, {\n    menu: menu,\n    trigger: "click",\n    placement: "right"\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n    type: "dark"\n  }, "right")));\n}\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Dropdown, Menu, ButtonGroup, Button, Divider } from \'uiw\';\n\nconst menu = (\n  <div>\n    <Menu bordered style={{ maxWidth: 200 }}>\n      <Menu.Item icon="reload" text="\u91cd\u65b0\u52a0\u8f7d" />\n      <Menu.Divider />\n      <Menu.Item icon="heart-on" text="\u53e6\u5b58\u4e3a" active />\n      <Menu.Item icon="appstore" text="\u5e94\u7528\u5546\u57ce" />\n      <Menu.Item icon="bar-chart" text="\u6708\u7edf\u8ba1\u62a5\u8868\u5bfc\u51fa" />\n      <Menu.Item icon="setting" text="\u504f\u597d\u8bbe\u7f6e" />\n    </Menu>\n  </div>\n);\nfunction Demo() {\n  return <div>\n    <ButtonGroup style={{ marginRight: 5, display: \'inline-block\' }}>\n      <Button icon="copy">top</Button>\n      <Dropdown trigger="click" placement="top" menu={menu}>\n        <Button icon="more" />\n      </Dropdown>\n    </ButtonGroup>\n    <Dropdown menu={menu} trigger="click" placement="topLeft">\n      <Button type="primary">topLeft</Button>\n    </Dropdown>\n    <Dropdown menu={menu} trigger="click" placement="topRight">\n      <Button type="success">topRight</Button>\n    </Dropdown>\n    <Divider />\n    <Dropdown menu={menu} trigger="click" placement="bottomRight">\n      <Button type="light">bottomRight</Button>\n    </Dropdown>\n    <Dropdown menu={menu} trigger="click" placement="bottom">\n      <Button type="warning">bottom</Button>\n    </Dropdown>\n    <Dropdown menu={menu} trigger="click" placement="bottomLeft">\n      <Button type="danger">bottomLeft</Button>\n    </Dropdown>\n    <Dropdown menu={menu} trigger="click" placement="right">\n      <Button type="dark">right</Button>\n    </Dropdown>\n  </div>\n}\nexport default Demo'},160:{name:160,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 Select(props) {\n  var option = props.option,\n      onChange = props.onChange;\n\n  var _React$useState = _react["default"].useState(false),\n      _React$useState2 = _slicedToArray(_React$useState, 2),\n      open = _React$useState2[0],\n      setOpen = _React$useState2[1];\n\n  var _React$useState3 = _react["default"].useState(props.value),\n      _React$useState4 = _slicedToArray(_React$useState3, 2),\n      value = _React$useState4[0],\n      setValue = _React$useState4[1];\n\n  var label = option.find(function (item) {\n    return value === item.value;\n  });\n\n  _react["default"].useEffect(function () {\n    if (props.value !== value) {\n      setValue(props.value);\n    }\n  }, [props.value]);\n\n  return /*#__PURE__*/_react["default"].createElement(_uiw.Dropdown, {\n    trigger: "click",\n    onVisibleChange: function onVisibleChange(isOpen) {\n      return setOpen(isOpen);\n    },\n    isOpen: open,\n    menu: /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Menu, {\n      bordered: true,\n      style: {\n        minWidth: 120\n      }\n    }, option.map(function (item, idx) {\n      var active = value === item.value;\n      return /*#__PURE__*/_react["default"].createElement(_uiw.Menu.Item, {\n        key: idx,\n        active: active,\n        text: item.label,\n        onClick: function onClick(e) {\n          setValue(item.value);\n          setOpen(false);\n          onChange && onChange(item.value, e);\n        }\n      });\n    })))\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n    type: "link"\n  }, label.label, /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n    type: open ? \'up\' : \'down\'\n  })));\n}\n\nvar option = [{\n  label: \'\u5f80\u8fd4\',\n  value: 1\n}, {\n  label: \'\u5355\u7a0b\',\n  value: 2\n}, {\n  label: \'\u8054\u7a0b\',\n  value: 3\n}, {\n  label: \'Nomad\',\n  value: 4\n}];\nvar option2 = [{\n  label: \'\u7ecf\u6d4e\u8231\',\n  value: 1\n}, {\n  label: \'\u8c6a\u534e\u7ecf\u6d4e\u8231\',\n  value: 2\n}, {\n  label: \'\u5546\u52a1\u8231\',\n  value: 3\n}, {\n  label: \'\u5934\u7b49\u8231\',\n  value: 4\n}];\n\nfunction Demo() {\n  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(Select, {\n    option: option,\n    value: 1,\n    onChange: function onChange(item) {\n      console.log(\'item\', item);\n    }\n  }), /*#__PURE__*/_react["default"].createElement(Select, {\n    option: option2,\n    value: 2,\n    onChange: function onChange(item) {\n      console.log(\'item\', item);\n    }\n  }));\n}\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Dropdown, Menu, Button, Icon } from 'uiw';\n\nfunction Select(props) {\n  const { option, onChange } = props;\n  const [open, setOpen] = React.useState(false);\n  const [value, setValue] = React.useState(props.value);\n  const label = option.find(item => value === item.value);\n\n  React.useEffect(() => {\n    if (props.value !== value) {\n      setValue(props.value);\n    }\n  }, [props.value]);\n\n  return (\n    <Dropdown\n      trigger=\"click\"\n      onVisibleChange={(isOpen) => setOpen(isOpen)}\n      isOpen={open}\n      menu={\n        <div>\n          <Menu bordered style={{ minWidth: 120 }}>\n            {option.map((item, idx) => {\n              const active = value === item.value;\n              return (\n                <Menu.Item\n                  key={idx}\n                  active={active}\n                  text={item.label}\n                  onClick={(e) => {\n                    setValue(item.value)\n                    setOpen(false)\n                    onChange && onChange(item.value, e)\n                  }}\n                />\n              );\n            })}\n          </Menu>\n        </div>\n      }\n    >\n      <Button type=\"link\">{label.label}<Icon type={open ? 'up' : 'down'} /></Button>\n    </Dropdown>\n  )\n}\n\nconst option = [\n  { label: '\u5f80\u8fd4', value: 1 },\n  { label: '\u5355\u7a0b', value: 2 },\n  { label: '\u8054\u7a0b', value: 3 },\n  { label: 'Nomad', value: 4 },\n];\n\nconst option2 = [\n  { label: '\u7ecf\u6d4e\u8231', value: 1 },\n  { label: '\u8c6a\u534e\u7ecf\u6d4e\u8231', value: 2 },\n  { label: '\u5546\u52a1\u8231', value: 3 },\n  { label: '\u5934\u7b49\u8231', value: 4 },\n];\n\nfunction Demo() {\n  return <div>\n    <Select option={option} value={1} onChange={(item) => { console.log('item', item); }} />\n    <Select option={option2} value={2} onChange={(item) => { console.log('item', item); }} />\n  </div>\n}\nexport default Demo"}},source:'Dropdown \u4e0b\u62c9\u83dc\u5355\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-dropdown/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-dropdown.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-dropdown)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-dropdown.svg?label=@uiw/react-dropdown)](https://npmjs.com/@uiw/react-dropdown)\n\n\u5411\u4e0b\u5f39\u51fa\u7684\u5217\u8868\u3002\n\n```jsx\nimport { Dropdown } from \'uiw\';\n// or\nimport Dropdown from \'@uiw/react-dropdown\';\n```\n\n### \u57fa\u672c\u7528\u6cd5\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Dropdown, Menu, ButtonGroup, Button, Divider, Icon } from \'uiw\';\n\nconst menu = (\n  <div>\n    <Menu bordered style={{ minWidth: 120 }}>\n      <Menu.Item icon="reload" text="\u91cd\u65b0\u52a0\u8f7d" />\n      <Menu.Item icon="heart-on" text="\u53e6\u5b58\u4e3a" active />\n      <Menu.Item icon="appstore" text="\u5e94\u7528\u5546\u57ce" />\n      <Menu.Item icon="bar-chart" text="\u6708\u7edf\u8ba1\u62a5\u8868" />\n      <Menu.Item icon="setting" text="\u504f\u597d\u8bbe\u7f6e" />\n    </Menu>\n  </div>\n);\n\nclass Demo extends React.Component {\n  render() {\n    return (\n      <div>\n        <Dropdown menu={menu}>\n          <a href=\'#\' onClick={e => e.preventDefault()}>\n            \u9f20\u6807\u7ecf\u8fc7\u51fa\u73b0\u83dc\u5355 <Icon type="down" />\n          </a>\n        </Dropdown>\n        <Dropdown trigger="click" menu={menu}>\n          <a href=\'#\' onClick={e => e.preventDefault()}>\n            \u70b9\u51fb\u6211\u51fa\u73b0\u4e0b\u62c9\u83dc\u5355 <Icon type="down" />\n          </a>\n        </Dropdown>\n      </div>\n    )\n  }\n}\nexport default Demo\n```\n\n### \u88ab\u7981\u7528\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Dropdown, Menu, ButtonGroup, Button } from \'uiw\';\n\nconst menu = (\n  <div>\n    <Menu bordered style={{ maxWidth: 200 }}>\n      <Menu.Item icon="reload" text="\u91cd\u65b0\u52a0\u8f7d" />\n      <Menu.Divider />\n      <Menu.Item icon="heart-on" text="\u53e6\u5b58\u4e3a" active />\n      <Menu.Item icon="appstore" text="\u5e94\u7528\u5546\u57ce" />\n      <Menu.Item icon="bar-chart" text="\u6708\u7edf\u8ba1\u62a5\u8868\u5bfc\u51fa" />\n      <Menu.Item icon="setting" text="\u504f\u597d\u8bbe\u7f6e" />\n    </Menu>\n  </div>\n);\n\nfunction Demo() {\n  return <div>\n    <ButtonGroup style={{ marginRight: 5, display: \'inline-block\' }}>\n      <Button disabled icon="copy">\u70b9\u51fb\u53f3\u8fb9</Button>\n      <Dropdown disabled trigger="click" placement="bottomRight" menu={menu}>\n        <Button icon="more" />\n      </Dropdown>\n    </ButtonGroup>\n    <Dropdown disabled menu={menu}>\n      <Button basic type="link"> (\u8d85\u8fde\u63a5\u6837\u5f0f)link </Button>\n    </Dropdown>\n    <Dropdown disabled menu={menu}>\n      <Button type="primary">\u4e3b\u8981\u6309\u94ae</Button>\n    </Dropdown>\n    <Dropdown disabled menu={menu}>\n      <Button type="success">\u6210\u529f\u6309\u94ae</Button>\n    </Dropdown>\n    <Dropdown disabled menu={menu}>\n      <Button type="warning">\u8b66\u544a\u6309\u94ae</Button>\n    </Dropdown>\n    <Dropdown disabled menu={menu}>\n      <Button type="danger">\u9519\u8bef\u6309\u94ae</Button>\n    </Dropdown>\n    <Dropdown disabled menu={menu}>\n      <Button type="light">\u4eae\u6309\u94ae</Button>\n    </Dropdown>\n    <Dropdown disabled menu={menu}>\n      <Button type="dark">\u6697\u6309\u94ae</Button>\n    </Dropdown>\n  </div>\n}\nexport default Demo\n```\n\n### \u5f39\u51fa\u4f4d\u7f6e\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Dropdown, Menu, ButtonGroup, Button, Divider } from \'uiw\';\n\nconst menu = (\n  <div>\n    <Menu bordered style={{ maxWidth: 200 }}>\n      <Menu.Item icon="reload" text="\u91cd\u65b0\u52a0\u8f7d" />\n      <Menu.Divider />\n      <Menu.Item icon="heart-on" text="\u53e6\u5b58\u4e3a" active />\n      <Menu.Item icon="appstore" text="\u5e94\u7528\u5546\u57ce" />\n      <Menu.Item icon="bar-chart" text="\u6708\u7edf\u8ba1\u62a5\u8868\u5bfc\u51fa" />\n      <Menu.Item icon="setting" text="\u504f\u597d\u8bbe\u7f6e" />\n    </Menu>\n  </div>\n);\nfunction Demo() {\n  return <div>\n    <ButtonGroup style={{ marginRight: 5, display: \'inline-block\' }}>\n      <Button icon="copy">top</Button>\n      <Dropdown trigger="click" placement="top" menu={menu}>\n        <Button icon="more" />\n      </Dropdown>\n    </ButtonGroup>\n    <Dropdown menu={menu} trigger="click" placement="topLeft">\n      <Button type="primary">topLeft</Button>\n    </Dropdown>\n    <Dropdown menu={menu} trigger="click" placement="topRight">\n      <Button type="success">topRight</Button>\n    </Dropdown>\n    <Divider />\n    <Dropdown menu={menu} trigger="click" placement="bottomRight">\n      <Button type="light">bottomRight</Button>\n    </Dropdown>\n    <Dropdown menu={menu} trigger="click" placement="bottom">\n      <Button type="warning">bottom</Button>\n    </Dropdown>\n    <Dropdown menu={menu} trigger="click" placement="bottomLeft">\n      <Button type="danger">bottomLeft</Button>\n    </Dropdown>\n    <Dropdown menu={menu} trigger="click" placement="right">\n      <Button type="dark">right</Button>\n    </Dropdown>\n  </div>\n}\nexport default Demo\n```\n\n### \u9009\u62e9\u5668\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Dropdown, Menu, Button, Icon } from \'uiw\';\n\nfunction Select(props) {\n  const { option, onChange } = props;\n  const [open, setOpen] = React.useState(false);\n  const [value, setValue] = React.useState(props.value);\n  const label = option.find(item => value === item.value);\n\n  React.useEffect(() => {\n    if (props.value !== value) {\n      setValue(props.value);\n    }\n  }, [props.value]);\n\n  return (\n    <Dropdown\n      trigger="click"\n      onVisibleChange={(isOpen) => setOpen(isOpen)}\n      isOpen={open}\n      menu={\n        <div>\n          <Menu bordered style={{ minWidth: 120 }}>\n            {option.map((item, idx) => {\n              const active = value === item.value;\n              return (\n                <Menu.Item\n                  key={idx}\n                  active={active}\n                  text={item.label}\n                  onClick={(e) => {\n                    setValue(item.value)\n                    setOpen(false)\n                    onChange && onChange(item.value, e)\n                  }}\n                />\n              );\n            })}\n          </Menu>\n        </div>\n      }\n    >\n      <Button type="link">{label.label}<Icon type={open ? \'up\' : \'down\'} /></Button>\n    </Dropdown>\n  )\n}\n\nconst option = [\n  { label: \'\u5f80\u8fd4\', value: 1 },\n  { label: \'\u5355\u7a0b\', value: 2 },\n  { label: \'\u8054\u7a0b\', value: 3 },\n  { label: \'Nomad\', value: 4 },\n];\n\nconst option2 = [\n  { label: \'\u7ecf\u6d4e\u8231\', value: 1 },\n  { label: \'\u8c6a\u534e\u7ecf\u6d4e\u8231\', value: 2 },\n  { label: \'\u5546\u52a1\u8231\', value: 3 },\n  { label: \'\u5934\u7b49\u8231\', value: 4 },\n];\n\nfunction Demo() {\n  return <div>\n    <Select option={option} value={1} onChange={(item) => { console.log(\'item\', item); }} />\n    <Select option={option2} value={2} onChange={(item) => { console.log(\'item\', item); }} />\n  </div>\n}\nexport default Demo\n```\n\n## Props\n\n| \u53c2\u6570 | \u8bf4\u660e | \u7c7b\u578b | \u9ed8\u8ba4\u503c |\n| -------- | -------- | -------- | -------- |\n| menu | \u83dc\u5355 | [`<Menu>`](#/components/menu) | - |\n| disabled | \u83dc\u5355\u662f\u5426\u7981\u7528 | Boolean | - |\n| trigger[`<OverlayTrigger>`](#/components/overlay-trigger) | \u60ac\u505c/\u70b9\u51fb\u5f39\u51fa\u7a97\u53e3 | Enum{`hover`, `click`, `focus`} | `hover` |\n| placement[`<OverlayTrigger>`](#/components/overlay-trigger) | \u6307\u5b9a\u5f39\u51fa\u6846\u4f4d\u7f6e\uff0c\u652f\u6301 12 \u4e2a\u8bbf\u95ee\u5c55\u793a\u83dc\u5355\u3002 | Enum{} | `bottomLeft` |\n\n\u66f4\u591a\u5c5e\u6027\u6587\u6863\u8bf7\u53c2\u8003 [OverlayTrigger](#/components/overlay-trigger)\u3002'}}}]);
+//# sourceMappingURL=1892.dce494f3.chunk.js.map

package/web/static/js/1892.dce494f3.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"static/js/1892.dce494f3.chunk.js","mappings":"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","sources":["../../packages/react-dropdown/README.md"],"sourcesContent":["\nexport default {\n    components: { 18: (function() { \"use strict\";\n\nfunction _instanceof(left, right) { if (right != null && typeof Symbol !== \"undefined\" && right[Symbol.hasInstance]) { return !!right[Symbol.hasInstance](left); } else { return left instanceof right; } }\n\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }, _typeof(obj); }\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _uiw = require(\"uiw\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!_instanceof(instance, Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, \"prototype\", { writable: false }); return Constructor; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, \"prototype\", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } else if (call !== void 0) { throw new TypeError(\"Derived constructors may only return object or undefined\"); } return _assertThisInitialized(self); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _isNativeReflectConstruct() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nvar menu = /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Menu, {\n  bordered: true,\n  style: {\n    minWidth: 120\n  }\n}, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Menu.Item, {\n  icon: \"reload\",\n  text: \"\\u91CD\\u65B0\\u52A0\\u8F7D\"\n}), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Menu.Item, {\n  icon: \"heart-on\",\n  text: \"\\u53E6\\u5B58\\u4E3A\",\n  active: true\n}), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Menu.Item, {\n  icon: \"appstore\",\n  text: \"\\u5E94\\u7528\\u5546\\u57CE\"\n}), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Menu.Item, {\n  icon: \"bar-chart\",\n  text: \"\\u6708\\u7EDF\\u8BA1\\u62A5\\u8868\"\n}), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Menu.Item, {\n  icon: \"setting\",\n  text: \"\\u504F\\u597D\\u8BBE\\u7F6E\"\n})));\n\nvar Demo = /*#__PURE__*/function (_React$Component) {\n  _inherits(Demo, _React$Component);\n\n  var _super = _createSuper(Demo);\n\n  function Demo() {\n    _classCallCheck(this, Demo);\n\n    return _super.apply(this, arguments);\n  }\n\n  _createClass(Demo, [{\n    key: \"render\",\n    value: function render() {\n      return /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Dropdown, {\n        menu: menu\n      }, /*#__PURE__*/_react[\"default\"].createElement(\"a\", {\n        href: \"#\",\n        onClick: function onClick(e) {\n          return e.preventDefault();\n        }\n      }, \"\\u9F20\\u6807\\u7ECF\\u8FC7\\u51FA\\u73B0\\u83DC\\u5355 \", /*#__PURE__*/_react[\"default\"].createElement(_uiw.Icon, {\n        type: \"down\"\n      }))), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Dropdown, {\n        trigger: \"click\",\n        menu: menu\n      }, /*#__PURE__*/_react[\"default\"].createElement(\"a\", {\n        href: \"#\",\n        onClick: function onClick(e) {\n          return e.preventDefault();\n        }\n      }, \"\\u70B9\\u51FB\\u6211\\u51FA\\u73B0\\u4E0B\\u62C9\\u83DC\\u5355 \", /*#__PURE__*/_react[\"default\"].createElement(_uiw.Icon, {\n        type: \"down\"\n      }))));\n    }\n  }]);\n\n  return Demo;\n}(_react[\"default\"].Component);\n\nreturn Demo; })(),57: (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 menu = /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Menu, {\n  bordered: true,\n  style: {\n    maxWidth: 200\n  }\n}, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Menu.Item, {\n  icon: \"reload\",\n  text: \"\\u91CD\\u65B0\\u52A0\\u8F7D\"\n}), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Menu.Divider, null), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Menu.Item, {\n  icon: \"heart-on\",\n  text: \"\\u53E6\\u5B58\\u4E3A\",\n  active: true\n}), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Menu.Item, {\n  icon: \"appstore\",\n  text: \"\\u5E94\\u7528\\u5546\\u57CE\"\n}), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Menu.Item, {\n  icon: \"bar-chart\",\n  text: \"\\u6708\\u7EDF\\u8BA1\\u62A5\\u8868\\u5BFC\\u51FA\"\n}), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Menu.Item, {\n  icon: \"setting\",\n  text: \"\\u504F\\u597D\\u8BBE\\u7F6E\"\n})));\n\nfunction Demo() {\n  return /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.ButtonGroup, {\n    style: {\n      marginRight: 5,\n      display: 'inline-block'\n    }\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Button, {\n    disabled: true,\n    icon: \"copy\"\n  }, \"\\u70B9\\u51FB\\u53F3\\u8FB9\"), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Dropdown, {\n    disabled: true,\n    trigger: \"click\",\n    placement: \"bottomRight\",\n    menu: menu\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Button, {\n    icon: \"more\"\n  }))), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Dropdown, {\n    disabled: true,\n    menu: menu\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Button, {\n    basic: true,\n    type: \"link\"\n  }, \" (\\u8D85\\u8FDE\\u63A5\\u6837\\u5F0F)link \")), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Dropdown, {\n    disabled: true,\n    menu: menu\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Button, {\n    type: \"primary\"\n  }, \"\\u4E3B\\u8981\\u6309\\u94AE\")), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Dropdown, {\n    disabled: true,\n    menu: menu\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Button, {\n    type: \"success\"\n  }, \"\\u6210\\u529F\\u6309\\u94AE\")), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Dropdown, {\n    disabled: true,\n    menu: menu\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Button, {\n    type: \"warning\"\n  }, \"\\u8B66\\u544A\\u6309\\u94AE\")), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Dropdown, {\n    disabled: true,\n    menu: menu\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Button, {\n    type: \"danger\"\n  }, \"\\u9519\\u8BEF\\u6309\\u94AE\")), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Dropdown, {\n    disabled: true,\n    menu: menu\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Button, {\n    type: \"light\"\n  }, \"\\u4EAE\\u6309\\u94AE\")), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Dropdown, {\n    disabled: true,\n    menu: menu\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Button, {\n    type: \"dark\"\n  }, \"\\u6697\\u6309\\u94AE\")));\n}\n\nreturn Demo; })(),110: (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 menu = /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Menu, {\n  bordered: true,\n  style: {\n    maxWidth: 200\n  }\n}, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Menu.Item, {\n  icon: \"reload\",\n  text: \"\\u91CD\\u65B0\\u52A0\\u8F7D\"\n}), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Menu.Divider, null), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Menu.Item, {\n  icon: \"heart-on\",\n  text: \"\\u53E6\\u5B58\\u4E3A\",\n  active: true\n}), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Menu.Item, {\n  icon: \"appstore\",\n  text: \"\\u5E94\\u7528\\u5546\\u57CE\"\n}), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Menu.Item, {\n  icon: \"bar-chart\",\n  text: \"\\u6708\\u7EDF\\u8BA1\\u62A5\\u8868\\u5BFC\\u51FA\"\n}), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Menu.Item, {\n  icon: \"setting\",\n  text: \"\\u504F\\u597D\\u8BBE\\u7F6E\"\n})));\n\nfunction Demo() {\n  return /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.ButtonGroup, {\n    style: {\n      marginRight: 5,\n      display: 'inline-block'\n    }\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Button, {\n    icon: \"copy\"\n  }, \"top\"), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Dropdown, {\n    trigger: \"click\",\n    placement: \"top\",\n    menu: menu\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Button, {\n    icon: \"more\"\n  }))), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Dropdown, {\n    menu: menu,\n    trigger: \"click\",\n    placement: \"topLeft\"\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Button, {\n    type: \"primary\"\n  }, \"topLeft\")), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Dropdown, {\n    menu: menu,\n    trigger: \"click\",\n    placement: \"topRight\"\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Button, {\n    type: \"success\"\n  }, \"topRight\")), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Divider, null), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Dropdown, {\n    menu: menu,\n    trigger: \"click\",\n    placement: \"bottomRight\"\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Button, {\n    type: \"light\"\n  }, \"bottomRight\")), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Dropdown, {\n    menu: menu,\n    trigger: \"click\",\n    placement: \"bottom\"\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Button, {\n    type: \"warning\"\n  }, \"bottom\")), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Dropdown, {\n    menu: menu,\n    trigger: \"click\",\n    placement: \"bottomLeft\"\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Button, {\n    type: \"danger\"\n  }, \"bottomLeft\")), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Dropdown, {\n    menu: menu,\n    trigger: \"click\",\n    placement: \"right\"\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Button, {\n    type: \"dark\"\n  }, \"right\")));\n}\n\nreturn Demo; })(),160: (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 _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 Select(props) {\n  var option = props.option,\n      onChange = props.onChange;\n\n  var _React$useState = _react[\"default\"].useState(false),\n      _React$useState2 = _slicedToArray(_React$useState, 2),\n      open = _React$useState2[0],\n      setOpen = _React$useState2[1];\n\n  var _React$useState3 = _react[\"default\"].useState(props.value),\n      _React$useState4 = _slicedToArray(_React$useState3, 2),\n      value = _React$useState4[0],\n      setValue = _React$useState4[1];\n\n  var label = option.find(function (item) {\n    return value === item.value;\n  });\n\n  _react[\"default\"].useEffect(function () {\n    if (props.value !== value) {\n      setValue(props.value);\n    }\n  }, [props.value]);\n\n  return /*#__PURE__*/_react[\"default\"].createElement(_uiw.Dropdown, {\n    trigger: \"click\",\n    onVisibleChange: function onVisibleChange(isOpen) {\n      return setOpen(isOpen);\n    },\n    isOpen: open,\n    menu: /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Menu, {\n      bordered: true,\n      style: {\n        minWidth: 120\n      }\n    }, option.map(function (item, idx) {\n      var active = value === item.value;\n      return /*#__PURE__*/_react[\"default\"].createElement(_uiw.Menu.Item, {\n        key: idx,\n        active: active,\n        text: item.label,\n        onClick: function onClick(e) {\n          setValue(item.value);\n          setOpen(false);\n          onChange && onChange(item.value, e);\n        }\n      });\n    })))\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Button, {\n    type: \"link\"\n  }, label.label, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Icon, {\n    type: open ? 'up' : 'down'\n  })));\n}\n\nvar option = [{\n  label: '往返',\n  value: 1\n}, {\n  label: '单程',\n  value: 2\n}, {\n  label: '联程',\n  value: 3\n}, {\n  label: 'Nomad',\n  value: 4\n}];\nvar option2 = [{\n  label: '经济舱',\n  value: 1\n}, {\n  label: '豪华经济舱',\n  value: 2\n}, {\n  label: '商务舱',\n  value: 3\n}, {\n  label: '头等舱',\n  value: 4\n}];\n\nfunction Demo() {\n  return /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, /*#__PURE__*/_react[\"default\"].createElement(Select, {\n    option: option,\n    value: 1,\n    onChange: function onChange(item) {\n      console.log('item', item);\n    }\n  }), /*#__PURE__*/_react[\"default\"].createElement(Select, {\n    option: option2,\n    value: 2,\n    onChange: function onChange(item) {\n      console.log('item', item);\n    }\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\\nfunction _instanceof(left, right) { if (right != null && typeof Symbol !== \\\"undefined\\\" && right[Symbol.hasInstance]) { return !!right[Symbol.hasInstance](left); } else { return left instanceof right; } }\\n\\nfunction _typeof(obj) { \\\"@babel/helpers - typeof\\\"; return _typeof = \\\"function\\\" == typeof Symbol && \\\"symbol\\\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \\\"function\\\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \\\"symbol\\\" : typeof obj; }, _typeof(obj); }\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\n\\nvar _uiw = require(\\\"uiw\\\");\\n\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\n\\nfunction _classCallCheck(instance, Constructor) { if (!_instanceof(instance, Constructor)) { throw new TypeError(\\\"Cannot call a class as a function\\\"); } }\\n\\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\\\"value\\\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\\n\\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, \\\"prototype\\\", { writable: false }); return Constructor; }\\n\\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \\\"function\\\" && superClass !== null) { throw new TypeError(\\\"Super expression must either be null or a function\\\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, \\\"prototype\\\", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }\\n\\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\\n\\nfunction _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\\n\\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \\\"object\\\" || typeof call === \\\"function\\\")) { return call; } else if (call !== void 0) { throw new TypeError(\\\"Derived constructors may only return object or undefined\\\"); } return _assertThisInitialized(self); }\\n\\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\\\"this hasn't been initialised - super() hasn't been called\\\"); } return self; }\\n\\nfunction _isNativeReflectConstruct() { if (typeof Reflect === \\\"undefined\\\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \\\"function\\\") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\\n\\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\\n\\nvar menu = /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Menu, {\\n  bordered: true,\\n  style: {\\n    minWidth: 120\\n  }\\n}, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Menu.Item, {\\n  icon: \\\"reload\\\",\\n  text: \\\"\\\\u91CD\\\\u65B0\\\\u52A0\\\\u8F7D\\\"\\n}), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Menu.Item, {\\n  icon: \\\"heart-on\\\",\\n  text: \\\"\\\\u53E6\\\\u5B58\\\\u4E3A\\\",\\n  active: true\\n}), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Menu.Item, {\\n  icon: \\\"appstore\\\",\\n  text: \\\"\\\\u5E94\\\\u7528\\\\u5546\\\\u57CE\\\"\\n}), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Menu.Item, {\\n  icon: \\\"bar-chart\\\",\\n  text: \\\"\\\\u6708\\\\u7EDF\\\\u8BA1\\\\u62A5\\\\u8868\\\"\\n}), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Menu.Item, {\\n  icon: \\\"setting\\\",\\n  text: \\\"\\\\u504F\\\\u597D\\\\u8BBE\\\\u7F6E\\\"\\n})));\\n\\nvar Demo = /*#__PURE__*/function (_React$Component) {\\n  _inherits(Demo, _React$Component);\\n\\n  var _super = _createSuper(Demo);\\n\\n  function Demo() {\\n    _classCallCheck(this, Demo);\\n\\n    return _super.apply(this, arguments);\\n  }\\n\\n  _createClass(Demo, [{\\n    key: \\\"render\\\",\\n    value: function render() {\\n      return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Dropdown, {\\n        menu: menu\\n      }, /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"a\\\", {\\n        href: \\\"#\\\",\\n        onClick: function onClick(e) {\\n          return e.preventDefault();\\n        }\\n      }, \\\"\\\\u9F20\\\\u6807\\\\u7ECF\\\\u8FC7\\\\u51FA\\\\u73B0\\\\u83DC\\\\u5355 \\\", /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n        type: \\\"down\\\"\\n      }))), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Dropdown, {\\n        trigger: \\\"click\\\",\\n        menu: menu\\n      }, /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"a\\\", {\\n        href: \\\"#\\\",\\n        onClick: function onClick(e) {\\n          return e.preventDefault();\\n        }\\n      }, \\\"\\\\u70B9\\\\u51FB\\\\u6211\\\\u51FA\\\\u73B0\\\\u4E0B\\\\u62C9\\\\u83DC\\\\u5355 \\\", /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n        type: \\\"down\\\"\\n      }))));\\n    }\\n  }]);\\n\\n  return Demo;\\n}(_react[\\\"default\\\"].Component);\\n\\nreturn Demo;\",\n    \"language\": \"jsx\",\n    \"value\": \"import React from 'react';\\nimport { Dropdown, Menu, ButtonGroup, Button, Divider, Icon } from 'uiw';\\n\\nconst menu = (\\n  <div>\\n    <Menu bordered style={{ minWidth: 120 }}>\\n      <Menu.Item icon=\\\"reload\\\" text=\\\"重新加载\\\" />\\n      <Menu.Item icon=\\\"heart-on\\\" text=\\\"另存为\\\" active />\\n      <Menu.Item icon=\\\"appstore\\\" text=\\\"应用商城\\\" />\\n      <Menu.Item icon=\\\"bar-chart\\\" text=\\\"月统计报表\\\" />\\n      <Menu.Item icon=\\\"setting\\\" text=\\\"偏好设置\\\" />\\n    </Menu>\\n  </div>\\n);\\n\\nclass Demo extends React.Component {\\n  render() {\\n    return (\\n      <div>\\n        <Dropdown menu={menu}>\\n          <a href='#' onClick={e => e.preventDefault()}>\\n            鼠标经过出现菜单 <Icon type=\\\"down\\\" />\\n          </a>\\n        </Dropdown>\\n        <Dropdown trigger=\\\"click\\\" menu={menu}>\\n          <a href='#' onClick={e => e.preventDefault()}>\\n            点击我出现下拉菜单 <Icon type=\\\"down\\\" />\\n          </a>\\n        </Dropdown>\\n      </div>\\n    )\\n  }\\n}\\nexport default Demo\"\n  },\n  \"57\": {\n    \"name\": 57,\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 menu = /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Menu, {\\n  bordered: true,\\n  style: {\\n    maxWidth: 200\\n  }\\n}, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Menu.Item, {\\n  icon: \\\"reload\\\",\\n  text: \\\"\\\\u91CD\\\\u65B0\\\\u52A0\\\\u8F7D\\\"\\n}), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Menu.Divider, null), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Menu.Item, {\\n  icon: \\\"heart-on\\\",\\n  text: \\\"\\\\u53E6\\\\u5B58\\\\u4E3A\\\",\\n  active: true\\n}), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Menu.Item, {\\n  icon: \\\"appstore\\\",\\n  text: \\\"\\\\u5E94\\\\u7528\\\\u5546\\\\u57CE\\\"\\n}), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Menu.Item, {\\n  icon: \\\"bar-chart\\\",\\n  text: \\\"\\\\u6708\\\\u7EDF\\\\u8BA1\\\\u62A5\\\\u8868\\\\u5BFC\\\\u51FA\\\"\\n}), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Menu.Item, {\\n  icon: \\\"setting\\\",\\n  text: \\\"\\\\u504F\\\\u597D\\\\u8BBE\\\\u7F6E\\\"\\n})));\\n\\nfunction Demo() {\\n  return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.ButtonGroup, {\\n    style: {\\n      marginRight: 5,\\n      display: 'inline-block'\\n    }\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n    disabled: true,\\n    icon: \\\"copy\\\"\\n  }, \\\"\\\\u70B9\\\\u51FB\\\\u53F3\\\\u8FB9\\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Dropdown, {\\n    disabled: true,\\n    trigger: \\\"click\\\",\\n    placement: \\\"bottomRight\\\",\\n    menu: menu\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n    icon: \\\"more\\\"\\n  }))), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Dropdown, {\\n    disabled: true,\\n    menu: menu\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n    basic: true,\\n    type: \\\"link\\\"\\n  }, \\\" (\\\\u8D85\\\\u8FDE\\\\u63A5\\\\u6837\\\\u5F0F)link \\\")), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Dropdown, {\\n    disabled: true,\\n    menu: menu\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n    type: \\\"primary\\\"\\n  }, \\\"\\\\u4E3B\\\\u8981\\\\u6309\\\\u94AE\\\")), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Dropdown, {\\n    disabled: true,\\n    menu: menu\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n    type: \\\"success\\\"\\n  }, \\\"\\\\u6210\\\\u529F\\\\u6309\\\\u94AE\\\")), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Dropdown, {\\n    disabled: true,\\n    menu: menu\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n    type: \\\"warning\\\"\\n  }, \\\"\\\\u8B66\\\\u544A\\\\u6309\\\\u94AE\\\")), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Dropdown, {\\n    disabled: true,\\n    menu: menu\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n    type: \\\"danger\\\"\\n  }, \\\"\\\\u9519\\\\u8BEF\\\\u6309\\\\u94AE\\\")), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Dropdown, {\\n    disabled: true,\\n    menu: menu\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n    type: \\\"light\\\"\\n  }, \\\"\\\\u4EAE\\\\u6309\\\\u94AE\\\")), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Dropdown, {\\n    disabled: true,\\n    menu: menu\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n    type: \\\"dark\\\"\\n  }, \\\"\\\\u6697\\\\u6309\\\\u94AE\\\")));\\n}\\n\\nreturn Demo;\",\n    \"language\": \"jsx\",\n    \"value\": \"import React from 'react';\\nimport { Dropdown, Menu, ButtonGroup, Button } from 'uiw';\\n\\nconst menu = (\\n  <div>\\n    <Menu bordered style={{ maxWidth: 200 }}>\\n      <Menu.Item icon=\\\"reload\\\" text=\\\"重新加载\\\" />\\n      <Menu.Divider />\\n      <Menu.Item icon=\\\"heart-on\\\" text=\\\"另存为\\\" active />\\n      <Menu.Item icon=\\\"appstore\\\" text=\\\"应用商城\\\" />\\n      <Menu.Item icon=\\\"bar-chart\\\" text=\\\"月统计报表导出\\\" />\\n      <Menu.Item icon=\\\"setting\\\" text=\\\"偏好设置\\\" />\\n    </Menu>\\n  </div>\\n);\\n\\nfunction Demo() {\\n  return <div>\\n    <ButtonGroup style={{ marginRight: 5, display: 'inline-block' }}>\\n      <Button disabled icon=\\\"copy\\\">点击右边</Button>\\n      <Dropdown disabled trigger=\\\"click\\\" placement=\\\"bottomRight\\\" menu={menu}>\\n        <Button icon=\\\"more\\\" />\\n      </Dropdown>\\n    </ButtonGroup>\\n    <Dropdown disabled menu={menu}>\\n      <Button basic type=\\\"link\\\"> (超连接样式)link </Button>\\n    </Dropdown>\\n    <Dropdown disabled menu={menu}>\\n      <Button type=\\\"primary\\\">主要按钮</Button>\\n    </Dropdown>\\n    <Dropdown disabled menu={menu}>\\n      <Button type=\\\"success\\\">成功按钮</Button>\\n    </Dropdown>\\n    <Dropdown disabled menu={menu}>\\n      <Button type=\\\"warning\\\">警告按钮</Button>\\n    </Dropdown>\\n    <Dropdown disabled menu={menu}>\\n      <Button type=\\\"danger\\\">错误按钮</Button>\\n    </Dropdown>\\n    <Dropdown disabled menu={menu}>\\n      <Button type=\\\"light\\\">亮按钮</Button>\\n    </Dropdown>\\n    <Dropdown disabled menu={menu}>\\n      <Button type=\\\"dark\\\">暗按钮</Button>\\n    </Dropdown>\\n  </div>\\n}\\nexport default Demo\"\n  },\n  \"110\": {\n    \"name\": 110,\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 menu = /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Menu, {\\n  bordered: true,\\n  style: {\\n    maxWidth: 200\\n  }\\n}, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Menu.Item, {\\n  icon: \\\"reload\\\",\\n  text: \\\"\\\\u91CD\\\\u65B0\\\\u52A0\\\\u8F7D\\\"\\n}), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Menu.Divider, null), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Menu.Item, {\\n  icon: \\\"heart-on\\\",\\n  text: \\\"\\\\u53E6\\\\u5B58\\\\u4E3A\\\",\\n  active: true\\n}), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Menu.Item, {\\n  icon: \\\"appstore\\\",\\n  text: \\\"\\\\u5E94\\\\u7528\\\\u5546\\\\u57CE\\\"\\n}), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Menu.Item, {\\n  icon: \\\"bar-chart\\\",\\n  text: \\\"\\\\u6708\\\\u7EDF\\\\u8BA1\\\\u62A5\\\\u8868\\\\u5BFC\\\\u51FA\\\"\\n}), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Menu.Item, {\\n  icon: \\\"setting\\\",\\n  text: \\\"\\\\u504F\\\\u597D\\\\u8BBE\\\\u7F6E\\\"\\n})));\\n\\nfunction Demo() {\\n  return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.ButtonGroup, {\\n    style: {\\n      marginRight: 5,\\n      display: 'inline-block'\\n    }\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n    icon: \\\"copy\\\"\\n  }, \\\"top\\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Dropdown, {\\n    trigger: \\\"click\\\",\\n    placement: \\\"top\\\",\\n    menu: menu\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n    icon: \\\"more\\\"\\n  }))), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Dropdown, {\\n    menu: menu,\\n    trigger: \\\"click\\\",\\n    placement: \\\"topLeft\\\"\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n    type: \\\"primary\\\"\\n  }, \\\"topLeft\\\")), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Dropdown, {\\n    menu: menu,\\n    trigger: \\\"click\\\",\\n    placement: \\\"topRight\\\"\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n    type: \\\"success\\\"\\n  }, \\\"topRight\\\")), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Divider, null), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Dropdown, {\\n    menu: menu,\\n    trigger: \\\"click\\\",\\n    placement: \\\"bottomRight\\\"\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n    type: \\\"light\\\"\\n  }, \\\"bottomRight\\\")), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Dropdown, {\\n    menu: menu,\\n    trigger: \\\"click\\\",\\n    placement: \\\"bottom\\\"\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n    type: \\\"warning\\\"\\n  }, \\\"bottom\\\")), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Dropdown, {\\n    menu: menu,\\n    trigger: \\\"click\\\",\\n    placement: \\\"bottomLeft\\\"\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n    type: \\\"danger\\\"\\n  }, \\\"bottomLeft\\\")), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Dropdown, {\\n    menu: menu,\\n    trigger: \\\"click\\\",\\n    placement: \\\"right\\\"\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n    type: \\\"dark\\\"\\n  }, \\\"right\\\")));\\n}\\n\\nreturn Demo;\",\n    \"language\": \"jsx\",\n    \"value\": \"import React from 'react';\\nimport { Dropdown, Menu, ButtonGroup, Button, Divider } from 'uiw';\\n\\nconst menu = (\\n  <div>\\n    <Menu bordered style={{ maxWidth: 200 }}>\\n      <Menu.Item icon=\\\"reload\\\" text=\\\"重新加载\\\" />\\n      <Menu.Divider />\\n      <Menu.Item icon=\\\"heart-on\\\" text=\\\"另存为\\\" active />\\n      <Menu.Item icon=\\\"appstore\\\" text=\\\"应用商城\\\" />\\n      <Menu.Item icon=\\\"bar-chart\\\" text=\\\"月统计报表导出\\\" />\\n      <Menu.Item icon=\\\"setting\\\" text=\\\"偏好设置\\\" />\\n    </Menu>\\n  </div>\\n);\\nfunction Demo() {\\n  return <div>\\n    <ButtonGroup style={{ marginRight: 5, display: 'inline-block' }}>\\n      <Button icon=\\\"copy\\\">top</Button>\\n      <Dropdown trigger=\\\"click\\\" placement=\\\"top\\\" menu={menu}>\\n        <Button icon=\\\"more\\\" />\\n      </Dropdown>\\n    </ButtonGroup>\\n    <Dropdown menu={menu} trigger=\\\"click\\\" placement=\\\"topLeft\\\">\\n      <Button type=\\\"primary\\\">topLeft</Button>\\n    </Dropdown>\\n    <Dropdown menu={menu} trigger=\\\"click\\\" placement=\\\"topRight\\\">\\n      <Button type=\\\"success\\\">topRight</Button>\\n    </Dropdown>\\n    <Divider />\\n    <Dropdown menu={menu} trigger=\\\"click\\\" placement=\\\"bottomRight\\\">\\n      <Button type=\\\"light\\\">bottomRight</Button>\\n    </Dropdown>\\n    <Dropdown menu={menu} trigger=\\\"click\\\" placement=\\\"bottom\\\">\\n      <Button type=\\\"warning\\\">bottom</Button>\\n    </Dropdown>\\n    <Dropdown menu={menu} trigger=\\\"click\\\" placement=\\\"bottomLeft\\\">\\n      <Button type=\\\"danger\\\">bottomLeft</Button>\\n    </Dropdown>\\n    <Dropdown menu={menu} trigger=\\\"click\\\" placement=\\\"right\\\">\\n      <Button type=\\\"dark\\\">right</Button>\\n    </Dropdown>\\n  </div>\\n}\\nexport default Demo\"\n  },\n  \"160\": {\n    \"name\": 160,\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\\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 Select(props) {\\n  var option = props.option,\\n      onChange = props.onChange;\\n\\n  var _React$useState = _react[\\\"default\\\"].useState(false),\\n      _React$useState2 = _slicedToArray(_React$useState, 2),\\n      open = _React$useState2[0],\\n      setOpen = _React$useState2[1];\\n\\n  var _React$useState3 = _react[\\\"default\\\"].useState(props.value),\\n      _React$useState4 = _slicedToArray(_React$useState3, 2),\\n      value = _React$useState4[0],\\n      setValue = _React$useState4[1];\\n\\n  var label = option.find(function (item) {\\n    return value === item.value;\\n  });\\n\\n  _react[\\\"default\\\"].useEffect(function () {\\n    if (props.value !== value) {\\n      setValue(props.value);\\n    }\\n  }, [props.value]);\\n\\n  return /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Dropdown, {\\n    trigger: \\\"click\\\",\\n    onVisibleChange: function onVisibleChange(isOpen) {\\n      return setOpen(isOpen);\\n    },\\n    isOpen: open,\\n    menu: /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Menu, {\\n      bordered: true,\\n      style: {\\n        minWidth: 120\\n      }\\n    }, option.map(function (item, idx) {\\n      var active = value === item.value;\\n      return /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Menu.Item, {\\n        key: idx,\\n        active: active,\\n        text: item.label,\\n        onClick: function onClick(e) {\\n          setValue(item.value);\\n          setOpen(false);\\n          onChange && onChange(item.value, e);\\n        }\\n      });\\n    })))\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n    type: \\\"link\\\"\\n  }, label.label, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n    type: open ? 'up' : 'down'\\n  })));\\n}\\n\\nvar option = [{\\n  label: '往返',\\n  value: 1\\n}, {\\n  label: '单程',\\n  value: 2\\n}, {\\n  label: '联程',\\n  value: 3\\n}, {\\n  label: 'Nomad',\\n  value: 4\\n}];\\nvar option2 = [{\\n  label: '经济舱',\\n  value: 1\\n}, {\\n  label: '豪华经济舱',\\n  value: 2\\n}, {\\n  label: '商务舱',\\n  value: 3\\n}, {\\n  label: '头等舱',\\n  value: 4\\n}];\\n\\nfunction Demo() {\\n  return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", null, /*#__PURE__*/_react[\\\"default\\\"].createElement(Select, {\\n    option: option,\\n    value: 1,\\n    onChange: function onChange(item) {\\n      console.log('item', item);\\n    }\\n  }), /*#__PURE__*/_react[\\\"default\\\"].createElement(Select, {\\n    option: option2,\\n    value: 2,\\n    onChange: function onChange(item) {\\n      console.log('item', item);\\n    }\\n  }));\\n}\\n\\nreturn Demo;\",\n    \"language\": \"jsx\",\n    \"value\": \"import React from 'react';\\nimport { Dropdown, Menu, Button, Icon } from 'uiw';\\n\\nfunction Select(props) {\\n  const { option, onChange } = props;\\n  const [open, setOpen] = React.useState(false);\\n  const [value, setValue] = React.useState(props.value);\\n  const label = option.find(item => value === item.value);\\n\\n  React.useEffect(() => {\\n    if (props.value !== value) {\\n      setValue(props.value);\\n    }\\n  }, [props.value]);\\n\\n  return (\\n    <Dropdown\\n      trigger=\\\"click\\\"\\n      onVisibleChange={(isOpen) => setOpen(isOpen)}\\n      isOpen={open}\\n      menu={\\n        <div>\\n          <Menu bordered style={{ minWidth: 120 }}>\\n            {option.map((item, idx) => {\\n              const active = value === item.value;\\n              return (\\n                <Menu.Item\\n                  key={idx}\\n                  active={active}\\n                  text={item.label}\\n                  onClick={(e) => {\\n                    setValue(item.value)\\n                    setOpen(false)\\n                    onChange && onChange(item.value, e)\\n                  }}\\n                />\\n              );\\n            })}\\n          </Menu>\\n        </div>\\n      }\\n    >\\n      <Button type=\\\"link\\\">{label.label}<Icon type={open ? 'up' : 'down'} /></Button>\\n    </Dropdown>\\n  )\\n}\\n\\nconst option = [\\n  { label: '往返', value: 1 },\\n  { label: '单程', value: 2 },\\n  { label: '联程', value: 3 },\\n  { label: 'Nomad', value: 4 },\\n];\\n\\nconst option2 = [\\n  { label: '经济舱', value: 1 },\\n  { label: '豪华经济舱', value: 2 },\\n  { label: '商务舱', value: 3 },\\n  { label: '头等舱', value: 4 },\\n];\\n\\nfunction Demo() {\\n  return <div>\\n    <Select option={option} value={1} onChange={(item) => { console.log('item', item); }} />\\n    <Select option={option2} value={2} onChange={(item) => { console.log('item', item); }} />\\n  </div>\\n}\\nexport default Demo\"\n  }\n},\n    source: \"Dropdown 下拉菜单\\n===\\n\\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-dropdown/file/README.md)\\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-dropdown.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-dropdown)\\n[![npm version](https://img.shields.io/npm/v/@uiw/react-dropdown.svg?label=@uiw/react-dropdown)](https://npmjs.com/@uiw/react-dropdown)\\n\\n向下弹出的列表。\\n\\n```jsx\\nimport { Dropdown } from 'uiw';\\n// or\\nimport Dropdown from '@uiw/react-dropdown';\\n```\\n\\n### 基本用法\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { Dropdown, Menu, ButtonGroup, Button, Divider, Icon } from 'uiw';\\n\\nconst menu = (\\n  <div>\\n    <Menu bordered style={{ minWidth: 120 }}>\\n      <Menu.Item icon=\\\"reload\\\" text=\\\"重新加载\\\" />\\n      <Menu.Item icon=\\\"heart-on\\\" text=\\\"另存为\\\" active />\\n      <Menu.Item icon=\\\"appstore\\\" text=\\\"应用商城\\\" />\\n      <Menu.Item icon=\\\"bar-chart\\\" text=\\\"月统计报表\\\" />\\n      <Menu.Item icon=\\\"setting\\\" text=\\\"偏好设置\\\" />\\n    </Menu>\\n  </div>\\n);\\n\\nclass Demo extends React.Component {\\n  render() {\\n    return (\\n      <div>\\n        <Dropdown menu={menu}>\\n          <a href='#' onClick={e => e.preventDefault()}>\\n            鼠标经过出现菜单 <Icon type=\\\"down\\\" />\\n          </a>\\n        </Dropdown>\\n        <Dropdown trigger=\\\"click\\\" menu={menu}>\\n          <a href='#' onClick={e => e.preventDefault()}>\\n            点击我出现下拉菜单 <Icon type=\\\"down\\\" />\\n          </a>\\n        </Dropdown>\\n      </div>\\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 { Dropdown, Menu, ButtonGroup, Button } from 'uiw';\\n\\nconst menu = (\\n  <div>\\n    <Menu bordered style={{ maxWidth: 200 }}>\\n      <Menu.Item icon=\\\"reload\\\" text=\\\"重新加载\\\" />\\n      <Menu.Divider />\\n      <Menu.Item icon=\\\"heart-on\\\" text=\\\"另存为\\\" active />\\n      <Menu.Item icon=\\\"appstore\\\" text=\\\"应用商城\\\" />\\n      <Menu.Item icon=\\\"bar-chart\\\" text=\\\"月统计报表导出\\\" />\\n      <Menu.Item icon=\\\"setting\\\" text=\\\"偏好设置\\\" />\\n    </Menu>\\n  </div>\\n);\\n\\nfunction Demo() {\\n  return <div>\\n    <ButtonGroup style={{ marginRight: 5, display: 'inline-block' }}>\\n      <Button disabled icon=\\\"copy\\\">点击右边</Button>\\n      <Dropdown disabled trigger=\\\"click\\\" placement=\\\"bottomRight\\\" menu={menu}>\\n        <Button icon=\\\"more\\\" />\\n      </Dropdown>\\n    </ButtonGroup>\\n    <Dropdown disabled menu={menu}>\\n      <Button basic type=\\\"link\\\"> (超连接样式)link </Button>\\n    </Dropdown>\\n    <Dropdown disabled menu={menu}>\\n      <Button type=\\\"primary\\\">主要按钮</Button>\\n    </Dropdown>\\n    <Dropdown disabled menu={menu}>\\n      <Button type=\\\"success\\\">成功按钮</Button>\\n    </Dropdown>\\n    <Dropdown disabled menu={menu}>\\n      <Button type=\\\"warning\\\">警告按钮</Button>\\n    </Dropdown>\\n    <Dropdown disabled menu={menu}>\\n      <Button type=\\\"danger\\\">错误按钮</Button>\\n    </Dropdown>\\n    <Dropdown disabled menu={menu}>\\n      <Button type=\\\"light\\\">亮按钮</Button>\\n    </Dropdown>\\n    <Dropdown disabled menu={menu}>\\n      <Button type=\\\"dark\\\">暗按钮</Button>\\n    </Dropdown>\\n  </div>\\n}\\nexport default Demo\\n```\\n\\n### 弹出位置\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { Dropdown, Menu, ButtonGroup, Button, Divider } from 'uiw';\\n\\nconst menu = (\\n  <div>\\n    <Menu bordered style={{ maxWidth: 200 }}>\\n      <Menu.Item icon=\\\"reload\\\" text=\\\"重新加载\\\" />\\n      <Menu.Divider />\\n      <Menu.Item icon=\\\"heart-on\\\" text=\\\"另存为\\\" active />\\n      <Menu.Item icon=\\\"appstore\\\" text=\\\"应用商城\\\" />\\n      <Menu.Item icon=\\\"bar-chart\\\" text=\\\"月统计报表导出\\\" />\\n      <Menu.Item icon=\\\"setting\\\" text=\\\"偏好设置\\\" />\\n    </Menu>\\n  </div>\\n);\\nfunction Demo() {\\n  return <div>\\n    <ButtonGroup style={{ marginRight: 5, display: 'inline-block' }}>\\n      <Button icon=\\\"copy\\\">top</Button>\\n      <Dropdown trigger=\\\"click\\\" placement=\\\"top\\\" menu={menu}>\\n        <Button icon=\\\"more\\\" />\\n      </Dropdown>\\n    </ButtonGroup>\\n    <Dropdown menu={menu} trigger=\\\"click\\\" placement=\\\"topLeft\\\">\\n      <Button type=\\\"primary\\\">topLeft</Button>\\n    </Dropdown>\\n    <Dropdown menu={menu} trigger=\\\"click\\\" placement=\\\"topRight\\\">\\n      <Button type=\\\"success\\\">topRight</Button>\\n    </Dropdown>\\n    <Divider />\\n    <Dropdown menu={menu} trigger=\\\"click\\\" placement=\\\"bottomRight\\\">\\n      <Button type=\\\"light\\\">bottomRight</Button>\\n    </Dropdown>\\n    <Dropdown menu={menu} trigger=\\\"click\\\" placement=\\\"bottom\\\">\\n      <Button type=\\\"warning\\\">bottom</Button>\\n    </Dropdown>\\n    <Dropdown menu={menu} trigger=\\\"click\\\" placement=\\\"bottomLeft\\\">\\n      <Button type=\\\"danger\\\">bottomLeft</Button>\\n    </Dropdown>\\n    <Dropdown menu={menu} trigger=\\\"click\\\" placement=\\\"right\\\">\\n      <Button type=\\\"dark\\\">right</Button>\\n    </Dropdown>\\n  </div>\\n}\\nexport default Demo\\n```\\n\\n### 选择器\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { Dropdown, Menu, Button, Icon } from 'uiw';\\n\\nfunction Select(props) {\\n  const { option, onChange } = props;\\n  const [open, setOpen] = React.useState(false);\\n  const [value, setValue] = React.useState(props.value);\\n  const label = option.find(item => value === item.value);\\n\\n  React.useEffect(() => {\\n    if (props.value !== value) {\\n      setValue(props.value);\\n    }\\n  }, [props.value]);\\n\\n  return (\\n    <Dropdown\\n      trigger=\\\"click\\\"\\n      onVisibleChange={(isOpen) => setOpen(isOpen)}\\n      isOpen={open}\\n      menu={\\n        <div>\\n          <Menu bordered style={{ minWidth: 120 }}>\\n            {option.map((item, idx) => {\\n              const active = value === item.value;\\n              return (\\n                <Menu.Item\\n                  key={idx}\\n                  active={active}\\n                  text={item.label}\\n                  onClick={(e) => {\\n                    setValue(item.value)\\n                    setOpen(false)\\n                    onChange && onChange(item.value, e)\\n                  }}\\n                />\\n              );\\n            })}\\n          </Menu>\\n        </div>\\n      }\\n    >\\n      <Button type=\\\"link\\\">{label.label}<Icon type={open ? 'up' : 'down'} /></Button>\\n    </Dropdown>\\n  )\\n}\\n\\nconst option = [\\n  { label: '往返', value: 1 },\\n  { label: '单程', value: 2 },\\n  { label: '联程', value: 3 },\\n  { label: 'Nomad', value: 4 },\\n];\\n\\nconst option2 = [\\n  { label: '经济舱', value: 1 },\\n  { label: '豪华经济舱', value: 2 },\\n  { label: '商务舱', value: 3 },\\n  { label: '头等舱', value: 4 },\\n];\\n\\nfunction Demo() {\\n  return <div>\\n    <Select option={option} value={1} onChange={(item) => { console.log('item', item); }} />\\n    <Select option={option2} value={2} onChange={(item) => { console.log('item', item); }} />\\n  </div>\\n}\\nexport default Demo\\n```\\n\\n## Props\\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n| -------- | -------- | -------- | -------- |\\n| menu | 菜单 | [`<Menu>`](#/components/menu) | - |\\n| disabled | 菜单是否禁用 | Boolean | - |\\n| trigger[`<OverlayTrigger>`](#/components/overlay-trigger) | 悬停/点击弹出窗口 | Enum{`hover`, `click`, `focus`} | `hover` |\\n| placement[`<OverlayTrigger>`](#/components/overlay-trigger) | 指定弹出框位置，支持 12 个访问展示菜单。 | Enum{} | `bottomLeft` |\\n\\n更多属性文档请参考 [OverlayTrigger](#/components/overlay-trigger)。\"\n  }"],"names":["components","_typeof","obj","Symbol","iterator","constructor","prototype","_react","__esModule","_uiw","_classCallCheck","instance","Constructor","left","right","hasInstance","TypeError","_defineProperties","target","props","i","length","descriptor","enumerable","configurable","writable","Object","defineProperty","key","_setPrototypeOf","o","p","setPrototypeOf","bind","__proto__","_createSuper","Derived","hasNativeReflectConstruct","Reflect","construct","sham","Proxy","Boolean","valueOf","call","e","_isNativeReflectConstruct","result","Super","_getPrototypeOf","NewTarget","this","arguments","apply","_possibleConstructorReturn","self","ReferenceError","_assertThisInitialized","getPrototypeOf","menu","createElement","Menu","bordered","style","minWidth","Item","icon","text","active","Demo","_React$Component","subClass","superClass","create","value","_inherits","protoProps","staticProps","_super","Dropdown","href","onClick","preventDefault","Icon","type","trigger","Component","maxWidth","Divider","ButtonGroup","marginRight","display","Button","disabled","placement","basic","_slicedToArray","arr","Array","isArray","_arrayWithHoles","_i","_s","_e","_arr","_n","_d","next","done","push","err","_iterableToArrayLimit","minLen","_arrayLikeToArray","n","toString","slice","name","from","test","_unsupportedIterableToArray","_nonIterableRest","len","arr2","Select","option","onChange","_React$useState2","useState","open","setOpen","_React$useState4","setValue","label","find","item","useEffect","onVisibleChange","isOpen","map","idx","option2","console","log","data","source"],"sourceRoot":""}