pocko-ui 1.2.4 → 1.2.5

package/SelectInput/index.d.ts

@@ -36,9 +36,10 @@ interface Props {
     dataServiceRetrieve?: boolean;
     manualSearchTrigger?: boolean;
     showTagRemove?: boolean;
+    onTagRemove?: (removedItem: any, newValue: any[], index?: any) => void;
 }
 export default function SelectInput({ type, label, wrapperClassName, wrapperContentInputClassName, popupMenuClassName, id, name, kbcode, dropdownRender, dropdownPosition, onDropdownHide, defaultValue, index, onChange, onKeyDown, onFoused, onBlured, size, zIndex, isHandleInput, isDisable, isDisableBodyScroll, dataService, dataServiceFunction, // 默认调用 retrieveList 函数
 dataServiceFunctionParams, // 调用函数的传参
 dataServiceRetrieve, // 默认不是检索类的
-renderOption, cleanTrigger, manualSearchTrigger, showTagRemove, }: Props): JSX.Element;
+renderOption, cleanTrigger, manualSearchTrigger, showTagRemove, onTagRemove, }: Props): JSX.Element;
 export {};

package/SelectInput/index.js

@@ -56,7 +56,7 @@ eval("\n\nmodule.exports = function (item) {\n  var content = item[1];\n  var cs
   \***********************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (/* binding */ SelectInput)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-dom */ \"react-dom\");\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var body_scroll_lock__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! body-scroll-lock */ \"../../node_modules/body-scroll-lock/lib/bodyScrollLock.esm.js\");\n/* harmony import */ var _utils_useKeyboardNavigation__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./utils/useKeyboardNavigation */ \"./src/utils/useKeyboardNavigation.ts\");\n/* harmony import */ var _utils_userDropDown__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./utils/userDropDown */ \"./src/utils/userDropDown.ts\");\n/* harmony import */ var _utils_cls__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../utils/cls */ \"../../utils/cls.ts\");\n/* harmony import */ var _Index_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./Index.scss */ \"./src/Index.scss\");\nfunction _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }\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.\"); }\nfunction _iterableToArray(r) { if (\"undefined\" != typeof Symbol && null != r[Symbol.iterator] || null != r[\"@@iterator\"]) return Array.from(r); }\nfunction _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }\nfunction _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(r, a) { if (r) { if (\"string\" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return \"Object\" === t && r.constructor && (t = r.constructor.name), \"Map\" === t || \"Set\" === t ? Array.from(r) : \"Arguments\" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }\nfunction _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t[\"return\"] && (u = t[\"return\"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(r) { if (Array.isArray(r)) return r; }\n\n\n\n// my-utils\n\n\n\n\nfunction SelectInput(_ref) {\n  var _dropdown$current, _dropdown$current2;\n  var _ref$type = _ref.type,\n    type = _ref$type === void 0 ? \"COMMON\" : _ref$type,\n    label = _ref.label,\n    wrapperClassName = _ref.wrapperClassName,\n    wrapperContentInputClassName = _ref.wrapperContentInputClassName,\n    popupMenuClassName = _ref.popupMenuClassName,\n    id = _ref.id,\n    name = _ref.name,\n    _ref$kbcode = _ref.kbcode,\n    kbcode = _ref$kbcode === void 0 ? \"kb_code\" : _ref$kbcode,\n    dropdownRender = _ref.dropdownRender,\n    dropdownPosition = _ref.dropdownPosition,\n    onDropdownHide = _ref.onDropdownHide,\n    defaultValue = _ref.defaultValue,\n    index = _ref.index,\n    onChange = _ref.onChange,\n    onKeyDown = _ref.onKeyDown,\n    onFoused = _ref.onFoused,\n    onBlured = _ref.onBlured,\n    _ref$size = _ref.size,\n    size = _ref$size === void 0 ? \"auto\" : _ref$size,\n    _ref$zIndex = _ref.zIndex,\n    zIndex = _ref$zIndex === void 0 ? 1101 : _ref$zIndex,\n    _ref$isHandleInput = _ref.isHandleInput,\n    isHandleInput = _ref$isHandleInput === void 0 ? false : _ref$isHandleInput,\n    _ref$isDisable = _ref.isDisable,\n    isDisable = _ref$isDisable === void 0 ? false : _ref$isDisable,\n    _ref$isDisableBodyScr = _ref.isDisableBodyScroll,\n    isDisableBodyScroll = _ref$isDisableBodyScr === void 0 ? false : _ref$isDisableBodyScr,\n    dataService = _ref.dataService,\n    _ref$dataServiceFunct = _ref.dataServiceFunction,\n    dataServiceFunction = _ref$dataServiceFunct === void 0 ? \"retrieveList\" : _ref$dataServiceFunct,\n    dataServiceFunctionParams = _ref.dataServiceFunctionParams,\n    _ref$dataServiceRetri = _ref.dataServiceRetrieve,\n    dataServiceRetrieve = _ref$dataServiceRetri === void 0 ? false : _ref$dataServiceRetri,\n    renderOption = _ref.renderOption,\n    cleanTrigger = _ref.cleanTrigger,\n    _ref$manualSearchTrig = _ref.manualSearchTrigger,\n    manualSearchTrigger = _ref$manualSearchTrig === void 0 ? false : _ref$manualSearchTrig,\n    _ref$showTagRemove = _ref.showTagRemove,\n    showTagRemove = _ref$showTagRemove === void 0 ? false : _ref$showTagRemove;\n  var inputRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);\n  var titleRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);\n  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),\n    _useState2 = _slicedToArray(_useState, 2),\n    keyword = _useState2[0],\n    setKeyword = _useState2[1];\n  var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(\"\"),\n    _useState4 = _slicedToArray(_useState3, 2),\n    value = _useState4[0],\n    setValue = _useState4[1];\n  var _useState5 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),\n    _useState6 = _slicedToArray(_useState5, 2),\n    isShow = _useState6[0],\n    setIsShow = _useState6[1];\n  var _useState7 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),\n    _useState8 = _slicedToArray(_useState7, 2),\n    loading = _useState8[0],\n    setLoading = _useState8[1];\n\n  // 调用dataService获取的值\n  var _useState9 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]),\n    _useState10 = _slicedToArray(_useState9, 2),\n    dataServiceList = _useState10[0],\n    setDataServiceList = _useState10[1];\n  var _useState11 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]),\n    _useState12 = _slicedToArray(_useState11, 2),\n    initialData = _useState12[0],\n    setInitialData = _useState12[1]; // 用来保存初始接口数据\n  var _useState13 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),\n    _useState14 = _slicedToArray(_useState13, 2),\n    hasFetchedData = _useState14[0],\n    setHasFetchedData = _useState14[1]; // 判断是否已经调用过接口\n\n  // 判断下拉框位置\n  var _useDropdown = (0,_utils_userDropDown__WEBPACK_IMPORTED_MODULE_4__.useDropdown)(isShow, setIsShow, dataServiceList, loading, dropdownPosition, onDropdownHide),\n    dropdown = _useDropdown.dropdown,\n    dropdownContent = _useDropdown.dropdownContent;\n\n  // 键盘逻辑\n  var _useKeyboardNavigatio = (0,_utils_useKeyboardNavigation__WEBPACK_IMPORTED_MODULE_3__.useKeyboardNavigation)(dataServiceList.length, function (index) {\n      return chooseOption(dataServiceList[index]);\n    }, onKeyDown),\n    focusedOption = _useKeyboardNavigatio.focusedOption,\n    setFocusedOption = _useKeyboardNavigatio.setFocusedOption,\n    handleKeyDown = _useKeyboardNavigatio.handleKeyDown,\n    handleOptionFocus = _useKeyboardNavigatio.handleOptionFocus,\n    handleOptionBlur = _useKeyboardNavigatio.handleOptionBlur;\n  var dropDownList = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {\n    return dataServiceList;\n  }, [dataServiceList]);\n\n  // input框输入\n  var handleInputChange = function handleInputChange(event) {\n    var newValue = event.target.value;\n    setKeyword(newValue);\n\n    // 当允许手动输入时，触发 onChange 事件，将输入值传递给父组件\n    if (isHandleInput) {\n      if (index) {\n        onChange(newValue, index);\n      } else {\n        onChange(newValue);\n      }\n    }\n    if (newValue) {\n      var _titleRef$current;\n      (_titleRef$current = titleRef.current) === null || _titleRef$current === void 0 || _titleRef$current.classList.add(\"z-n1\");\n    } else {\n      var _titleRef$current2;\n      (_titleRef$current2 = titleRef.current) === null || _titleRef$current2 === void 0 || _titleRef$current2.classList.remove(\"z-n1\");\n    }\n  };\n\n  // 单选选择option\n  function chooseOption(item) {\n    setIsShow(false);\n    if (index) {\n      onChange(item, index);\n    } else {\n      onChange(item);\n    }\n    setValue(item[name]);\n    setKeyword(null); // 清空关键词以重置列表\n    setFocusedOption(null); // 重置焦点选项为 null\n\n    // 失去焦点\n    setTimeout(function () {\n      var _inputRef$current;\n      (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.blur();\n    }, 0);\n  }\n\n  // 多选判断是否勾选\n  function toggleSelection(item) {\n    var exists = value.some(function (i) {\n      return i[id] === item[id];\n    });\n    var newValue;\n    if (exists) {\n      newValue = value.filter(function (i) {\n        return i[id] !== item[id];\n      });\n    } else {\n      newValue = [].concat(_toConsumableArray(value), [item]);\n    }\n    setValue(newValue);\n    if (index) {\n      onChange(newValue, index);\n    } else {\n      onChange(newValue);\n    }\n\n    // 如果需要向父组件传递多选结果，可以在此调用 onChange\n    // onChange(newValue)\n  }\n\n  // 检索\n  var handleSearch = function handleSearch(keyword, searchArray) {\n    if (keyword == null) return searchArray;\n    var filteredList = searchArray.filter(function (obj) {\n      var _obj$name;\n      var nameMatch = obj[name] ? (_obj$name = obj[name]) === null || _obj$name === void 0 ? void 0 : _obj$name.includes(keyword) : false;\n      var kbcodeMatch = obj[kbcode] ? obj[kbcode].includes(keyword) : false;\n      return nameMatch || kbcodeMatch;\n    });\n    return filteredList;\n  };\n\n  // 清空\n  function clearSelection() {\n    setIsShow(false);\n    setValue(\"\");\n    setKeyword(null);\n    setFocusedOption(null); // 重置焦点\n\n    if (cleanTrigger !== null && cleanTrigger !== void 0 && cleanTrigger.cleanFunc) {\n      cleanTrigger.cleanFunc();\n    }\n\n    // 失去焦点\n    setTimeout(function () {\n      var _inputRef$current2;\n      (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 || _inputRef$current2.blur();\n    }, 0);\n  }\n  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n    if (!isShow) {\n      setDataServiceList([]);\n      setHasFetchedData(false);\n      setInitialData([]);\n      return;\n    }\n\n    // 若启用手动检索，且 keyword 为 null，不发起接口调用\n    if (manualSearchTrigger && keyword == null) {\n      setLoading(false);\n      setDataServiceList([]);\n      return;\n    }\n    setLoading(true);\n    if (dataService && dataServiceFunction) {\n      var params = _toConsumableArray(dataServiceFunctionParams || []);\n      var queryIndex = params.indexOf(\"$QUERY_STRING\");\n      if (queryIndex !== -1) {\n        params[queryIndex] = keyword;\n      }\n      if (dataServiceRetrieve) {\n        dataService[dataServiceFunction].apply(dataService, _toConsumableArray(params)).then(function (result) {\n          setDataServiceList(result || []);\n        })[\"finally\"](function () {\n          setLoading(false);\n        });\n      } else {\n        if (!hasFetchedData) {\n          dataService[dataServiceFunction].apply(dataService, _toConsumableArray(params)).then(function (result) {\n            setHasFetchedData(true);\n            setInitialData(result || []);\n            setDataServiceList(result || []);\n          })[\"finally\"](function () {\n            setLoading(false);\n          });\n        } else {\n          var filteredList = handleSearch(keyword, initialData);\n          setDataServiceList(filteredList);\n          setLoading(false);\n        }\n      }\n    } else {\n      var _filteredList = handleSearch(keyword, dropdownRender);\n      setDataServiceList(_filteredList);\n      setLoading(false);\n    }\n  }, [keyword, isShow, dropdownRender, manualSearchTrigger]);\n  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n    if (defaultValue) {\n      setValue(defaultValue);\n      var renderList = dropdownRender.length > 0 ? dropdownRender : dropDownList;\n\n      // 根据 defaultValue 找到对应的选项索引，并设置 focusedOption\n      var defaultOptionIndex = renderList.findIndex(function (item) {\n        return item[name] === defaultValue;\n      });\n      if (defaultOptionIndex !== -1) {\n        setFocusedOption(defaultOptionIndex);\n      } else {\n        setFocusedOption(null); // 如果没有找到匹配项，重置为 null\n      }\n    } else {\n      setValue(\"\");\n      setFocusedOption(null); // 没有默认值时，重置 focusedOption\n    }\n  }, [defaultValue, dropDownList, dropdownRender]);\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    className: (0,_utils_cls__WEBPACK_IMPORTED_MODULE_5__.clsCombine)(wrapperClassName, \"select-input__wrapper\")\n  }, label ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, typeof label === \"string\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"label\", null, label) : label) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    className: \"select-input__content\",\n    style: {\n      width: typeof size === \"number\" ? \"\".concat(size, \"px\") : \"auto\"\n    },\n    ref: dropdown\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"input\", {\n    ref: inputRef,\n    type: \"text\",\n    onChange: handleInputChange,\n    className: (0,_utils_cls__WEBPACK_IMPORTED_MODULE_5__.clsCombine)((0,_utils_cls__WEBPACK_IMPORTED_MODULE_5__.clsWrite)(wrapperContentInputClassName, \"form-control\"), \"select-input__content__input\"),\n    onFocus: function onFocus() {\n      var _titleRef$current3;\n      if (isDisableBodyScroll) {\n        var targetElement = document.body;\n        (0,body_scroll_lock__WEBPACK_IMPORTED_MODULE_2__.disableBodyScroll)(targetElement);\n      }\n      if (type === \"MULTI\") {\n        setKeyword(null);\n      }\n      setIsShow(true);\n      (_titleRef$current3 = titleRef.current) === null || _titleRef$current3 === void 0 || _titleRef$current3.classList.add(\"text-secondary-emphasis\", \"user-select-none\", \"pe-none\");\n\n      // 外部聚焦方法\n      if (onFoused) {\n        onFoused();\n      }\n    },\n    onBlur: function onBlur() {\n      var _titleRef$current4;\n      (_titleRef$current4 = titleRef.current) === null || _titleRef$current4 === void 0 || _titleRef$current4.classList.remove(\"text-secondary-emphasis\", \"user-select-none\", \"pe-none\", \"z-n1\");\n      inputRef.current.value = \"\";\n      setTimeout(function () {\n        if (isDisableBodyScroll) {\n          (0,body_scroll_lock__WEBPACK_IMPORTED_MODULE_2__.clearAllBodyScrollLocks)();\n        }\n        if (type === \"COMMON\") {\n          setKeyword(null);\n          // setIsShow(false);\n        }\n        setFocusedOption(null);\n      }, 100);\n\n      // 外部失焦方法\n      if (onBlured) {\n        onBlured();\n      }\n    },\n    onKeyDown: handleKeyDown,\n    autoComplete: \"off\",\n    disabled: isDisable\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", {\n    className: \"select-input__content__arrow \".concat(isShow ? \"select-input__content__arrow--reverse\" : \"\"),\n    onClick: function onClick() {\n      var _inputRef$current3;\n      (_inputRef$current3 = inputRef.current) === null || _inputRef$current3 === void 0 || _inputRef$current3.focus();\n    }\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"svg\", {\n    width: \"10px\",\n    height: \"10px\",\n    viewBox: \"0 -4.5 20 20\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"g\", {\n    stroke: \"none\",\n    strokeWidth: \"1\",\n    fill: \"none\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"g\", {\n    transform: \"translate(-180.000000, -6684.000000)\",\n    className: \"arrow-fill-g\",\n    fill: \"#a5a5a5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"g\", {\n    transform: \"translate(56.000000, 160.000000)\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"path\", {\n    d: \"M144,6525.39 L142.594,6524 L133.987,6532.261 L133.069,6531.38 L133.074,6531.385 L125.427,6524.045 L124,6525.414 C126.113,6527.443 132.014,6533.107 133.987,6535 C135.453,6533.594 134.024,6534.965 144,6525.39\"\n  })))))), isShow && /*#__PURE__*/(0,react_dom__WEBPACK_IMPORTED_MODULE_1__.createPortal)(/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    ref: dropdownContent,\n    className: \"select-input__popup__menu position-absolute shadow border rounded \".concat(isShow ? \"select-input__popup__menu--isShow\" : \"\", \" \").concat((0,_utils_cls__WEBPACK_IMPORTED_MODULE_5__.clsCombine)(popupMenuClassName)),\n    style: {\n      zIndex: zIndex,\n      width: \"\".concat((_dropdown$current = dropdown.current) === null || _dropdown$current === void 0 ? void 0 : _dropdown$current.getBoundingClientRect().width, \"px\")\n    }\n  }, (cleanTrigger === null || cleanTrigger === void 0 ? void 0 : cleanTrigger.valid) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    className: \"select-input__popup__list py-1 px-1 border-bottom bg-light sticky-top\",\n    onMouseDown: function onMouseDown(e) {\n      e.stopPropagation();\n      clearSelection(); // 清空选项\n    }\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", {\n    className: \"btn btn-sm btn-secondary\"\n  }, cleanTrigger.cleanValueLabel)), loading && dataService ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    className: \"select-input__popup__list py-1 px-1\"\n  }, \"\\u52A0\\u8F7D\\u4E2D...\") : dropDownList.length !== 0 ? type === \"COMMON\" ? dropDownList === null || dropDownList === void 0 ? void 0 : dropDownList.map(function (item, index) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n      className: \"select-input__popup__list py-1 px-1 \".concat(index + 1 === dropDownList.length ? \"\" : \"border-bottom\", \" \").concat(focusedOption === index ? \"text-bg-primary\" : \"\"),\n      key: item[id] || \"\",\n      onMouseDown: function onMouseDown(e) {\n        e.stopPropagation();\n        chooseOption(item);\n      },\n      onFocus: function onFocus() {\n        return handleOptionFocus(item);\n      },\n      onBlur: handleOptionBlur,\n      \"data-id\": item[id],\n      \"data-name\": item[name]\n    }, renderOption ? renderOption(item) // 使用自定义渲染函数\n    : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", null, item[name]) // 默认渲染\n    );\n  }) : dropDownList === null || dropDownList === void 0 ? void 0 : dropDownList.map(function (item, index) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n      className: \"select-input__popup__list py-1 px-1 \".concat(index + 1 === dropDownList.length ? \"\" : \"border-bottom\", \" \").concat(focusedOption === index ? \"text-bg-primary\" : \"\"),\n      key: item[id] || \"\",\n      onMouseDown: function onMouseDown(e) {\n        e.stopPropagation();\n        toggleSelection(item);\n      },\n      onFocus: function onFocus() {\n        return handleOptionFocus(item);\n      },\n      onBlur: handleOptionBlur,\n      \"data-id\": item[id],\n      \"data-name\": item[name]\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"input\", {\n      type: \"checkbox\",\n      className: \"form-check-input me-2\",\n      onMouseDown: function onMouseDown(e) {\n        return e.stopPropagation();\n      },\n      checked: value.some(function (i) {\n        return i[id] === item[id];\n      }),\n      onChange: function onChange() {\n        return toggleSelection(item);\n      }\n    }), renderOption ? renderOption(item) // 使用自定义渲染函数\n    : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", null, item[name]) // 默认渲染\n    );\n  }) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    className: \"select-input__popup__list py-1 px-1\"\n  }, \"\\u6CA1\\u6709\\u66F4\\u591A\\u6570\\u636E\")), document.body), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    ref: titleRef,\n    className: \"position-absolute ms-2 select-input__content__word__container\",\n    style: {\n      transform: \"translateY(-50%)\",\n      top: \"50%\",\n      width: \"\".concat((_dropdown$current2 = dropdown.current) === null || _dropdown$current2 === void 0 ? void 0 : _dropdown$current2.getBoundingClientRect().width, \"px\")\n    },\n    onMouseDown: function onMouseDown(e) {\n      var _inputRef$current4;\n      e.preventDefault();\n      (_inputRef$current4 = inputRef.current) === null || _inputRef$current4 === void 0 || _inputRef$current4.focus();\n    },\n    title: Array.isArray(value) && value.length > 0 ? value.map(function (item) {\n      return item[name];\n    }).join(\", \") : value\n  }, type === \"COMMON\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", null, value) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    className: \"d-flex align-items-center\",\n    style: {\n      maxWidth: \"100%\",\n      overflow: \"hidden\",\n      whiteSpace: \"nowrap\"\n    }\n  }, Array.isArray(value) && value.map(function (item, idx) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), {\n      key: item[id]\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", {\n      style: {\n        display: \"inline-flex\",\n        alignItems: \"center\"\n      }\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", {\n      style: {\n        overflow: \"hidden\",\n        textOverflow: \"ellipsis\",\n        whiteSpace: \"nowrap\",\n        maxWidth: 80\n      }\n    }, item[name]), showTagRemove && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", {\n      className: \"text-danger ms-1\",\n      style: {\n        cursor: \"pointer\",\n        fontSize: 12,\n        userSelect: \"none\",\n        lineHeight: 1\n      },\n      onMouseDown: function onMouseDown(e) {\n        e.preventDefault();\n        e.stopPropagation();\n        var newValue = value.filter(function (v) {\n          return v[id] !== item[id];\n        });\n        setValue(newValue);\n        if (index) {\n          onChange(newValue, index);\n        } else {\n          onChange(newValue);\n        }\n      }\n    }, \"\\u2715\")), idx !== value.length - 1 && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", null, \"\\uFF0C\"));\n  })))));\n}\n\n//# sourceURL=webpack://RPB/./src/Index.tsx?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (/* binding */ SelectInput)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-dom */ \"react-dom\");\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var body_scroll_lock__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! body-scroll-lock */ \"../../node_modules/body-scroll-lock/lib/bodyScrollLock.esm.js\");\n/* harmony import */ var _utils_useKeyboardNavigation__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./utils/useKeyboardNavigation */ \"./src/utils/useKeyboardNavigation.ts\");\n/* harmony import */ var _utils_userDropDown__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./utils/userDropDown */ \"./src/utils/userDropDown.ts\");\n/* harmony import */ var _utils_cls__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../utils/cls */ \"../../utils/cls.ts\");\n/* harmony import */ var _Index_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./Index.scss */ \"./src/Index.scss\");\nfunction _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }\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.\"); }\nfunction _iterableToArray(r) { if (\"undefined\" != typeof Symbol && null != r[Symbol.iterator] || null != r[\"@@iterator\"]) return Array.from(r); }\nfunction _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }\nfunction _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(r, a) { if (r) { if (\"string\" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return \"Object\" === t && r.constructor && (t = r.constructor.name), \"Map\" === t || \"Set\" === t ? Array.from(r) : \"Arguments\" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }\nfunction _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t[\"return\"] && (u = t[\"return\"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(r) { if (Array.isArray(r)) return r; }\n\n\n\n// my-utils\n\n\n\n\nfunction SelectInput(_ref) {\n  var _dropdown$current, _dropdown$current2;\n  var _ref$type = _ref.type,\n    type = _ref$type === void 0 ? \"COMMON\" : _ref$type,\n    label = _ref.label,\n    wrapperClassName = _ref.wrapperClassName,\n    wrapperContentInputClassName = _ref.wrapperContentInputClassName,\n    popupMenuClassName = _ref.popupMenuClassName,\n    id = _ref.id,\n    name = _ref.name,\n    _ref$kbcode = _ref.kbcode,\n    kbcode = _ref$kbcode === void 0 ? \"kb_code\" : _ref$kbcode,\n    dropdownRender = _ref.dropdownRender,\n    dropdownPosition = _ref.dropdownPosition,\n    onDropdownHide = _ref.onDropdownHide,\n    defaultValue = _ref.defaultValue,\n    index = _ref.index,\n    onChange = _ref.onChange,\n    onKeyDown = _ref.onKeyDown,\n    onFoused = _ref.onFoused,\n    onBlured = _ref.onBlured,\n    _ref$size = _ref.size,\n    size = _ref$size === void 0 ? \"auto\" : _ref$size,\n    _ref$zIndex = _ref.zIndex,\n    zIndex = _ref$zIndex === void 0 ? 1101 : _ref$zIndex,\n    _ref$isHandleInput = _ref.isHandleInput,\n    isHandleInput = _ref$isHandleInput === void 0 ? false : _ref$isHandleInput,\n    _ref$isDisable = _ref.isDisable,\n    isDisable = _ref$isDisable === void 0 ? false : _ref$isDisable,\n    _ref$isDisableBodyScr = _ref.isDisableBodyScroll,\n    isDisableBodyScroll = _ref$isDisableBodyScr === void 0 ? false : _ref$isDisableBodyScr,\n    dataService = _ref.dataService,\n    _ref$dataServiceFunct = _ref.dataServiceFunction,\n    dataServiceFunction = _ref$dataServiceFunct === void 0 ? \"retrieveList\" : _ref$dataServiceFunct,\n    dataServiceFunctionParams = _ref.dataServiceFunctionParams,\n    _ref$dataServiceRetri = _ref.dataServiceRetrieve,\n    dataServiceRetrieve = _ref$dataServiceRetri === void 0 ? false : _ref$dataServiceRetri,\n    renderOption = _ref.renderOption,\n    cleanTrigger = _ref.cleanTrigger,\n    _ref$manualSearchTrig = _ref.manualSearchTrigger,\n    manualSearchTrigger = _ref$manualSearchTrig === void 0 ? false : _ref$manualSearchTrig,\n    _ref$showTagRemove = _ref.showTagRemove,\n    showTagRemove = _ref$showTagRemove === void 0 ? false : _ref$showTagRemove,\n    onTagRemove = _ref.onTagRemove;\n  var inputRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);\n  var titleRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);\n  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),\n    _useState2 = _slicedToArray(_useState, 2),\n    keyword = _useState2[0],\n    setKeyword = _useState2[1];\n  var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(\"\"),\n    _useState4 = _slicedToArray(_useState3, 2),\n    value = _useState4[0],\n    setValue = _useState4[1];\n  var _useState5 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),\n    _useState6 = _slicedToArray(_useState5, 2),\n    isShow = _useState6[0],\n    setIsShow = _useState6[1];\n  var _useState7 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),\n    _useState8 = _slicedToArray(_useState7, 2),\n    loading = _useState8[0],\n    setLoading = _useState8[1];\n\n  // 调用dataService获取的值\n  var _useState9 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]),\n    _useState10 = _slicedToArray(_useState9, 2),\n    dataServiceList = _useState10[0],\n    setDataServiceList = _useState10[1];\n  var _useState11 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]),\n    _useState12 = _slicedToArray(_useState11, 2),\n    initialData = _useState12[0],\n    setInitialData = _useState12[1]; // 用来保存初始接口数据\n  var _useState13 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),\n    _useState14 = _slicedToArray(_useState13, 2),\n    hasFetchedData = _useState14[0],\n    setHasFetchedData = _useState14[1]; // 判断是否已经调用过接口\n\n  // 判断下拉框位置\n  var _useDropdown = (0,_utils_userDropDown__WEBPACK_IMPORTED_MODULE_4__.useDropdown)(isShow, setIsShow, dataServiceList, loading, dropdownPosition, onDropdownHide),\n    dropdown = _useDropdown.dropdown,\n    dropdownContent = _useDropdown.dropdownContent;\n\n  // 键盘逻辑\n  var _useKeyboardNavigatio = (0,_utils_useKeyboardNavigation__WEBPACK_IMPORTED_MODULE_3__.useKeyboardNavigation)(dataServiceList.length, function (index) {\n      return chooseOption(dataServiceList[index]);\n    }, onKeyDown),\n    focusedOption = _useKeyboardNavigatio.focusedOption,\n    setFocusedOption = _useKeyboardNavigatio.setFocusedOption,\n    handleKeyDown = _useKeyboardNavigatio.handleKeyDown,\n    handleOptionFocus = _useKeyboardNavigatio.handleOptionFocus,\n    handleOptionBlur = _useKeyboardNavigatio.handleOptionBlur;\n  var dropDownList = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {\n    return dataServiceList;\n  }, [dataServiceList]);\n\n  // input框输入\n  var handleInputChange = function handleInputChange(event) {\n    var newValue = event.target.value;\n    setKeyword(newValue);\n\n    // 当允许手动输入时，触发 onChange 事件，将输入值传递给父组件\n    if (isHandleInput) {\n      if (index) {\n        onChange(newValue, index);\n      } else {\n        onChange(newValue);\n      }\n    }\n    if (newValue) {\n      var _titleRef$current;\n      (_titleRef$current = titleRef.current) === null || _titleRef$current === void 0 || _titleRef$current.classList.add(\"z-n1\");\n    } else {\n      var _titleRef$current2;\n      (_titleRef$current2 = titleRef.current) === null || _titleRef$current2 === void 0 || _titleRef$current2.classList.remove(\"z-n1\");\n    }\n  };\n\n  // 单选选择option\n  function chooseOption(item) {\n    setIsShow(false);\n    if (index) {\n      onChange(item, index);\n    } else {\n      onChange(item);\n    }\n    setValue(item[name]);\n    setKeyword(null); // 清空关键词以重置列表\n    setFocusedOption(null); // 重置焦点选项为 null\n\n    // 失去焦点\n    setTimeout(function () {\n      var _inputRef$current;\n      (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.blur();\n    }, 0);\n  }\n\n  // 多选判断是否勾选\n  function toggleSelection(item) {\n    var exists = value.some(function (i) {\n      return i[id] === item[id];\n    });\n    var newValue;\n    if (exists) {\n      newValue = value.filter(function (i) {\n        return i[id] !== item[id];\n      });\n    } else {\n      newValue = [].concat(_toConsumableArray(value), [item]);\n    }\n    setValue(newValue);\n    if (index) {\n      onChange(newValue, index);\n    } else {\n      onChange(newValue);\n    }\n\n    // 如果需要向父组件传递多选结果，可以在此调用 onChange\n    // onChange(newValue)\n  }\n\n  // 检索\n  var handleSearch = function handleSearch(keyword, searchArray) {\n    if (keyword == null) return searchArray;\n    var filteredList = searchArray.filter(function (obj) {\n      var _obj$name;\n      var nameMatch = obj[name] ? (_obj$name = obj[name]) === null || _obj$name === void 0 ? void 0 : _obj$name.includes(keyword) : false;\n      var kbcodeMatch = obj[kbcode] ? obj[kbcode].includes(keyword) : false;\n      return nameMatch || kbcodeMatch;\n    });\n    return filteredList;\n  };\n\n  // 清空\n  function clearSelection() {\n    setIsShow(false);\n    setValue(\"\");\n    setKeyword(null);\n    setFocusedOption(null); // 重置焦点\n\n    if (cleanTrigger !== null && cleanTrigger !== void 0 && cleanTrigger.cleanFunc) {\n      cleanTrigger.cleanFunc();\n    }\n\n    // 失去焦点\n    setTimeout(function () {\n      var _inputRef$current2;\n      (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 || _inputRef$current2.blur();\n    }, 0);\n  }\n  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n    if (!isShow) {\n      setDataServiceList([]);\n      setHasFetchedData(false);\n      setInitialData([]);\n      return;\n    }\n\n    // 若启用手动检索，且 keyword 为 null，不发起接口调用\n    if (manualSearchTrigger && keyword == null) {\n      setLoading(false);\n      setDataServiceList([]);\n      return;\n    }\n    setLoading(true);\n    if (dataService && dataServiceFunction) {\n      var params = _toConsumableArray(dataServiceFunctionParams || []);\n      var queryIndex = params.indexOf(\"$QUERY_STRING\");\n      if (queryIndex !== -1) {\n        params[queryIndex] = keyword;\n      }\n      if (dataServiceRetrieve) {\n        dataService[dataServiceFunction].apply(dataService, _toConsumableArray(params)).then(function (result) {\n          setDataServiceList(result || []);\n        })[\"finally\"](function () {\n          setLoading(false);\n        });\n      } else {\n        if (!hasFetchedData) {\n          dataService[dataServiceFunction].apply(dataService, _toConsumableArray(params)).then(function (result) {\n            setHasFetchedData(true);\n            setInitialData(result || []);\n            setDataServiceList(result || []);\n          })[\"finally\"](function () {\n            setLoading(false);\n          });\n        } else {\n          var filteredList = handleSearch(keyword, initialData);\n          setDataServiceList(filteredList);\n          setLoading(false);\n        }\n      }\n    } else {\n      var _filteredList = handleSearch(keyword, dropdownRender);\n      setDataServiceList(_filteredList);\n      setLoading(false);\n    }\n  }, [keyword, isShow, dropdownRender, manualSearchTrigger]);\n  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n    if (defaultValue) {\n      setValue(defaultValue);\n      var renderList = dropdownRender.length > 0 ? dropdownRender : dropDownList;\n\n      // 根据 defaultValue 找到对应的选项索引，并设置 focusedOption\n      var defaultOptionIndex = renderList.findIndex(function (item) {\n        return item[name] === defaultValue;\n      });\n      if (defaultOptionIndex !== -1) {\n        setFocusedOption(defaultOptionIndex);\n      } else {\n        setFocusedOption(null); // 如果没有找到匹配项，重置为 null\n      }\n    } else {\n      setValue(\"\");\n      setFocusedOption(null); // 没有默认值时，重置 focusedOption\n    }\n  }, [defaultValue, dropDownList, dropdownRender]);\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    className: (0,_utils_cls__WEBPACK_IMPORTED_MODULE_5__.clsCombine)(wrapperClassName, \"select-input__wrapper\")\n  }, label ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, typeof label === \"string\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"label\", null, label) : label) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    className: \"select-input__content\",\n    style: {\n      width: typeof size === \"number\" ? \"\".concat(size, \"px\") : \"auto\"\n    },\n    ref: dropdown\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"input\", {\n    ref: inputRef,\n    type: \"text\",\n    onChange: handleInputChange,\n    className: (0,_utils_cls__WEBPACK_IMPORTED_MODULE_5__.clsCombine)((0,_utils_cls__WEBPACK_IMPORTED_MODULE_5__.clsWrite)(wrapperContentInputClassName, \"form-control\"), \"select-input__content__input\"),\n    onFocus: function onFocus() {\n      var _titleRef$current3;\n      if (isDisableBodyScroll) {\n        var targetElement = document.body;\n        (0,body_scroll_lock__WEBPACK_IMPORTED_MODULE_2__.disableBodyScroll)(targetElement);\n      }\n      if (type === \"MULTI\") {\n        setKeyword(null);\n      }\n      setIsShow(true);\n      (_titleRef$current3 = titleRef.current) === null || _titleRef$current3 === void 0 || _titleRef$current3.classList.add(\"text-secondary-emphasis\", \"user-select-none\", \"pe-none\");\n\n      // 外部聚焦方法\n      if (onFoused) {\n        onFoused();\n      }\n    },\n    onBlur: function onBlur() {\n      var _titleRef$current4;\n      (_titleRef$current4 = titleRef.current) === null || _titleRef$current4 === void 0 || _titleRef$current4.classList.remove(\"text-secondary-emphasis\", \"user-select-none\", \"pe-none\", \"z-n1\");\n      inputRef.current.value = \"\";\n      setTimeout(function () {\n        if (isDisableBodyScroll) {\n          (0,body_scroll_lock__WEBPACK_IMPORTED_MODULE_2__.clearAllBodyScrollLocks)();\n        }\n        if (type === \"COMMON\") {\n          setKeyword(null);\n          // setIsShow(false);\n        }\n        setFocusedOption(null);\n      }, 100);\n\n      // 外部失焦方法\n      if (onBlured) {\n        onBlured();\n      }\n    },\n    onKeyDown: handleKeyDown,\n    autoComplete: \"off\",\n    disabled: isDisable\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", {\n    className: \"select-input__content__arrow \".concat(isShow ? \"select-input__content__arrow--reverse\" : \"\"),\n    onClick: function onClick() {\n      var _inputRef$current3;\n      (_inputRef$current3 = inputRef.current) === null || _inputRef$current3 === void 0 || _inputRef$current3.focus();\n    }\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"svg\", {\n    width: \"10px\",\n    height: \"10px\",\n    viewBox: \"0 -4.5 20 20\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"g\", {\n    stroke: \"none\",\n    strokeWidth: \"1\",\n    fill: \"none\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"g\", {\n    transform: \"translate(-180.000000, -6684.000000)\",\n    className: \"arrow-fill-g\",\n    fill: \"#a5a5a5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"g\", {\n    transform: \"translate(56.000000, 160.000000)\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"path\", {\n    d: \"M144,6525.39 L142.594,6524 L133.987,6532.261 L133.069,6531.38 L133.074,6531.385 L125.427,6524.045 L124,6525.414 C126.113,6527.443 132.014,6533.107 133.987,6535 C135.453,6533.594 134.024,6534.965 144,6525.39\"\n  })))))), isShow && /*#__PURE__*/(0,react_dom__WEBPACK_IMPORTED_MODULE_1__.createPortal)(/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    ref: dropdownContent,\n    className: \"select-input__popup__menu position-absolute shadow border rounded \".concat(isShow ? \"select-input__popup__menu--isShow\" : \"\", \" \").concat((0,_utils_cls__WEBPACK_IMPORTED_MODULE_5__.clsCombine)(popupMenuClassName)),\n    style: {\n      zIndex: zIndex,\n      width: \"\".concat((_dropdown$current = dropdown.current) === null || _dropdown$current === void 0 ? void 0 : _dropdown$current.getBoundingClientRect().width, \"px\")\n    }\n  }, (cleanTrigger === null || cleanTrigger === void 0 ? void 0 : cleanTrigger.valid) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    className: \"select-input__popup__list py-1 px-1 border-bottom bg-light sticky-top\",\n    onMouseDown: function onMouseDown(e) {\n      e.stopPropagation();\n      clearSelection(); // 清空选项\n    }\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", {\n    className: \"btn btn-sm btn-secondary\"\n  }, cleanTrigger.cleanValueLabel)), loading && dataService ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    className: \"select-input__popup__list py-1 px-1\"\n  }, \"\\u52A0\\u8F7D\\u4E2D...\") : dropDownList.length !== 0 ? type === \"COMMON\" ? dropDownList === null || dropDownList === void 0 ? void 0 : dropDownList.map(function (item, index) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n      className: \"select-input__popup__list py-1 px-1 \".concat(index + 1 === dropDownList.length ? \"\" : \"border-bottom\", \" \").concat(focusedOption === index ? \"text-bg-primary\" : \"\"),\n      key: item[id] || \"\",\n      onMouseDown: function onMouseDown(e) {\n        e.stopPropagation();\n        chooseOption(item);\n      },\n      onFocus: function onFocus() {\n        return handleOptionFocus(item);\n      },\n      onBlur: handleOptionBlur,\n      \"data-id\": item[id],\n      \"data-name\": item[name]\n    }, renderOption ? renderOption(item) // 使用自定义渲染函数\n    : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", null, item[name]) // 默认渲染\n    );\n  }) : dropDownList === null || dropDownList === void 0 ? void 0 : dropDownList.map(function (item, index) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n      className: \"select-input__popup__list py-1 px-1 \".concat(index + 1 === dropDownList.length ? \"\" : \"border-bottom\", \" \").concat(focusedOption === index ? \"text-bg-primary\" : \"\"),\n      key: item[id] || \"\",\n      onMouseDown: function onMouseDown(e) {\n        e.stopPropagation();\n        toggleSelection(item);\n      },\n      onFocus: function onFocus() {\n        return handleOptionFocus(item);\n      },\n      onBlur: handleOptionBlur,\n      \"data-id\": item[id],\n      \"data-name\": item[name]\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"input\", {\n      type: \"checkbox\",\n      className: \"form-check-input me-2\",\n      onMouseDown: function onMouseDown(e) {\n        return e.stopPropagation();\n      },\n      checked: value.some(function (i) {\n        return i[id] === item[id];\n      }),\n      onChange: function onChange() {\n        return toggleSelection(item);\n      }\n    }), renderOption ? renderOption(item) // 使用自定义渲染函数\n    : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", null, item[name]) // 默认渲染\n    );\n  }) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    className: \"select-input__popup__list py-1 px-1\"\n  }, \"\\u6CA1\\u6709\\u66F4\\u591A\\u6570\\u636E\")), document.body), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    ref: titleRef,\n    className: \"position-absolute ms-2 select-input__content__word__container\",\n    style: {\n      transform: \"translateY(-50%)\",\n      top: \"50%\",\n      width: \"\".concat((_dropdown$current2 = dropdown.current) === null || _dropdown$current2 === void 0 ? void 0 : _dropdown$current2.getBoundingClientRect().width, \"px\")\n    },\n    onMouseDown: function onMouseDown(e) {\n      var _inputRef$current4;\n      e.preventDefault();\n      (_inputRef$current4 = inputRef.current) === null || _inputRef$current4 === void 0 || _inputRef$current4.focus();\n    },\n    title: Array.isArray(value) && value.length > 0 ? value.map(function (item) {\n      return item[name];\n    }).join(\", \") : value\n  }, type === \"COMMON\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", null, value) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    className: \"d-flex align-items-center\",\n    style: {\n      maxWidth: \"100%\",\n      overflow: \"hidden\",\n      whiteSpace: \"nowrap\"\n    }\n  }, Array.isArray(value) && value.map(function (item, idx) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), {\n      key: item[id]\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", {\n      style: {\n        display: \"inline-flex\",\n        alignItems: \"center\"\n      }\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", {\n      style: {\n        overflow: \"hidden\",\n        textOverflow: \"ellipsis\",\n        whiteSpace: \"nowrap\",\n        maxWidth: 80\n      }\n    }, item[name]), showTagRemove && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", {\n      className: \"text-danger ms-1\",\n      style: {\n        cursor: \"pointer\",\n        fontSize: 12,\n        userSelect: \"none\",\n        lineHeight: 1\n      },\n      onMouseDown: function onMouseDown(e) {\n        e.preventDefault();\n        e.stopPropagation();\n        var newValue = value.filter(function (v) {\n          return v[id] !== item[id];\n        });\n        setValue(newValue);\n\n        // tag 删除事件\n        if (onTagRemove) {\n          onTagRemove(item, newValue, index);\n        }\n        if (index) {\n          onChange(newValue, index);\n        } else {\n          onChange(newValue);\n        }\n      }\n    }, \"\\u2715\")), idx !== value.length - 1 && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", null, \"\\uFF0C\"));\n  })))));\n}\n\n//# sourceURL=webpack://RPB/./src/Index.tsx?");
 
 /***/ }),
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pocko-ui",
-  "version": "1.2.4",
+  "version": "1.2.5",
   "description": "React components using pure Bootstrap 5+ which does not contain any external style and script libraries.",
   "main": "index.js",
   "scripts": {

package/packages/Checkbox/index.css

@@ -1 +0,0 @@
-

package/packages/Checkbox/index.d.ts

@@ -1,21 +0,0 @@
-import React from "react";
-import "./Index.scss";
-interface CheckboxProps {
-    contentRef?: React.ForwardedRef<any>;
-    wrapperClassName?: string;
-    formCheckClassName?: string;
-    controlClassName?: string;
-    itemSelectedClassName?: string;
-    value: string | boolean;
-    label?: React.ReactNode | string;
-    /** input  */
-    id?: string | number | any;
-    name?: string;
-    checked?: boolean;
-    disabled?: any;
-    style?: React.CSSProperties;
-    /** Function */
-    onChange?: (arg_1: any, arg_2: any) => void;
-}
-export default function Checkbox({ contentRef, wrapperClassName, formCheckClassName, controlClassName, itemSelectedClassName, value, label, name, checked, disabled, id, style, onChange, ...attributes }: CheckboxProps): JSX.Element;
-export {};

package/packages/Checkbox/index.js

@@ -1,235 +0,0 @@
-/*
- * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
- * This devtool is neither made for production nor for readable output files.
- * It uses "eval()" calls to create a separate source file in the browser devtools.
- * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
- * or disable the default devtool with "devtool: false".
- * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
- */
-(function webpackUniversalModuleDefinition(root, factory) {
-	if(typeof exports === 'object' && typeof module === 'object')
-		module.exports = factory(require("react"));
-	else if(typeof define === 'function' && define.amd)
-		define(["react"], factory);
-	else if(typeof exports === 'object')
-		exports["RPB"] = factory(require("react"));
-	else
-		root["RPB"] = factory(root["React"]);
-})(this, (__WEBPACK_EXTERNAL_MODULE_react__) => {
-return /******/ (() => { // webpackBootstrap
-/******/ 	"use strict";
-/******/ 	var __webpack_modules__ = ({
-
-/***/ "../../node_modules/css-loader/dist/runtime/api.js":
-/*!*********************************************************!*\
-  !*** ../../node_modules/css-loader/dist/runtime/api.js ***!
-  \*********************************************************/
-/***/ ((module) => {
-
-eval("\n\n/*\n  MIT License http://www.opensource.org/licenses/mit-license.php\n  Author Tobias Koppers @sokra\n*/\nmodule.exports = function (cssWithMappingToString) {\n  var list = [];\n\n  // return the list of modules as css string\n  list.toString = function toString() {\n    return this.map(function (item) {\n      var content = \"\";\n      var needLayer = typeof item[5] !== \"undefined\";\n      if (item[4]) {\n        content += \"@supports (\".concat(item[4], \") {\");\n      }\n      if (item[2]) {\n        content += \"@media \".concat(item[2], \" {\");\n      }\n      if (needLayer) {\n        content += \"@layer\".concat(item[5].length > 0 ? \" \".concat(item[5]) : \"\", \" {\");\n      }\n      content += cssWithMappingToString(item);\n      if (needLayer) {\n        content += \"}\";\n      }\n      if (item[2]) {\n        content += \"}\";\n      }\n      if (item[4]) {\n        content += \"}\";\n      }\n      return content;\n    }).join(\"\");\n  };\n\n  // import a list of modules into the list\n  list.i = function i(modules, media, dedupe, supports, layer) {\n    if (typeof modules === \"string\") {\n      modules = [[null, modules, undefined]];\n    }\n    var alreadyImportedModules = {};\n    if (dedupe) {\n      for (var k = 0; k < this.length; k++) {\n        var id = this[k][0];\n        if (id != null) {\n          alreadyImportedModules[id] = true;\n        }\n      }\n    }\n    for (var _k = 0; _k < modules.length; _k++) {\n      var item = [].concat(modules[_k]);\n      if (dedupe && alreadyImportedModules[item[0]]) {\n        continue;\n      }\n      if (typeof layer !== \"undefined\") {\n        if (typeof item[5] === \"undefined\") {\n          item[5] = layer;\n        } else {\n          item[1] = \"@layer\".concat(item[5].length > 0 ? \" \".concat(item[5]) : \"\", \" {\").concat(item[1], \"}\");\n          item[5] = layer;\n        }\n      }\n      if (media) {\n        if (!item[2]) {\n          item[2] = media;\n        } else {\n          item[1] = \"@media \".concat(item[2], \" {\").concat(item[1], \"}\");\n          item[2] = media;\n        }\n      }\n      if (supports) {\n        if (!item[4]) {\n          item[4] = \"\".concat(supports);\n        } else {\n          item[1] = \"@supports (\".concat(item[4], \") {\").concat(item[1], \"}\");\n          item[4] = supports;\n        }\n      }\n      list.push(item);\n    }\n  };\n  return list;\n};\n\n//# sourceURL=webpack://RPB/../../node_modules/css-loader/dist/runtime/api.js?");
-
-/***/ }),
-
-/***/ "../../node_modules/css-loader/dist/runtime/sourceMaps.js":
-/*!****************************************************************!*\
-  !*** ../../node_modules/css-loader/dist/runtime/sourceMaps.js ***!
-  \****************************************************************/
-/***/ ((module) => {
-
-eval("\n\nmodule.exports = function (item) {\n  var content = item[1];\n  var cssMapping = item[3];\n  if (!cssMapping) {\n    return content;\n  }\n  if (typeof btoa === \"function\") {\n    var base64 = btoa(unescape(encodeURIComponent(JSON.stringify(cssMapping))));\n    var data = \"sourceMappingURL=data:application/json;charset=utf-8;base64,\".concat(base64);\n    var sourceMapping = \"/*# \".concat(data, \" */\");\n    return [content].concat([sourceMapping]).join(\"\\n\");\n  }\n  return [content].join(\"\\n\");\n};\n\n//# sourceURL=webpack://RPB/../../node_modules/css-loader/dist/runtime/sourceMaps.js?");
-
-/***/ }),
-
-/***/ "./src/Index.tsx":
-/*!***********************!*\
-  !*** ./src/Index.tsx ***!
-  \***********************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (/* binding */ Checkbox)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _utils_cls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../utils/cls */ \"../../utils/cls.ts\");\n/* harmony import */ var _Index_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Index.scss */ \"./src/Index.scss\");\nfunction _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nvar _excluded = [\"contentRef\", \"wrapperClassName\", \"formCheckClassName\", \"controlClassName\", \"itemSelectedClassName\", \"value\", \"label\", \"name\", \"checked\", \"disabled\", \"id\", \"style\", \"onChange\"];\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nfunction ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\nfunction _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == _typeof(i) ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != _typeof(i)) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\nfunction _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(r, a) { if (r) { if (\"string\" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return \"Object\" === t && r.constructor && (t = r.constructor.name), \"Map\" === t || \"Set\" === t ? Array.from(r) : \"Arguments\" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }\nfunction _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t[\"return\"] && (u = t[\"return\"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(r) { if (Array.isArray(r)) return r; }\nfunction _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }\nfunction _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }\n\n\n\nfunction Checkbox(_ref) {\n  var contentRef = _ref.contentRef,\n    wrapperClassName = _ref.wrapperClassName,\n    formCheckClassName = _ref.formCheckClassName,\n    controlClassName = _ref.controlClassName,\n    itemSelectedClassName = _ref.itemSelectedClassName,\n    value = _ref.value,\n    label = _ref.label,\n    name = _ref.name,\n    checked = _ref.checked,\n    disabled = _ref.disabled,\n    id = _ref.id,\n    style = _ref.style,\n    onChange = _ref.onChange,\n    attributes = _objectWithoutProperties(_ref, _excluded);\n  var rootRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);\n  var idRes = id;\n  var nameRes = name;\n  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),\n    _useState2 = _slicedToArray(_useState, 2),\n    val = _useState2[0],\n    setVal = _useState2[1]; //\n\n  // onChange函数\n  function handleChange(event) {\n    var _check = event.target.checked;\n    setVal(_check);\n    if (typeof onChange === \"function\") {\n      onChange(event, value);\n    }\n  }\n  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n    setVal(checked);\n  }, [checked]);\n  (0,react__WEBPACK_IMPORTED_MODULE_0__.useImperativeHandle)(contentRef, function () {\n    return {\n      clear: function clear(cb) {\n        setVal(false);\n        cb === null || cb === void 0 || cb();\n      },\n      set: function set(value, cb) {\n        setVal(value);\n        cb === null || cb === void 0 || cb();\n      }\n    };\n  }, [contentRef]);\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    className: (0,_utils_cls__WEBPACK_IMPORTED_MODULE_1__.clsCombine)(\"form-check__wrapper\", (0,_utils_cls__WEBPACK_IMPORTED_MODULE_1__.clsWrite)(wrapperClassName, \"mb-3\"), val ? (0,_utils_cls__WEBPACK_IMPORTED_MODULE_1__.clsWrite)(itemSelectedClassName, \"item-selected\") : \"\"),\n    ref: rootRef\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    className: (0,_utils_cls__WEBPACK_IMPORTED_MODULE_1__.clsWrite)(formCheckClassName, \"form-check\")\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"input\", _extends({\n    className: (0,_utils_cls__WEBPACK_IMPORTED_MODULE_1__.clsWrite)(controlClassName, \"form-check-input\"),\n    type: \"checkbox\",\n    value: value || \"\",\n    checked: val || false,\n    id: \"pocko-form-check-label-\".concat(idRes),\n    \"data-checked\": val,\n    \"data-name\": \"pocko-form-check-label-\".concat(nameRes),\n    style: _objectSpread({\n      cursor: \"pointer\"\n    }, style),\n    disabled: disabled || null,\n    onChange: handleChange\n  }, attributes)), label && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"label\", {\n    htmlFor: \"pocko-form-check-label-\".concat(idRes),\n    className: \"form-check-label\"\n  }, label))));\n}\n\n//# sourceURL=webpack://RPB/./src/Index.tsx?");
-
-/***/ }),
-
-/***/ "../../utils/cls.ts":
-/*!**************************!*\
-  !*** ../../utils/cls.ts ***!
-  \**************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   clsCombine: () => (/* binding */ clsCombine),\n/* harmony export */   clsWrite: () => (/* binding */ clsWrite)\n/* harmony export */ });\nfunction _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nfunction clsWrite(s, defaultCls, targetCls) {\n  if (s || s === \"\") {\n    return targetCls !== undefined ? targetCls : s;\n  }\n  return defaultCls;\n}\nfunction clsCombine() {\n  for (var _len = arguments.length, classes = new Array(_len), _key = 0; _key < _len; _key++) {\n    classes[_key] = arguments[_key];\n  }\n  return classes.map(function (cls) {\n    if (typeof cls === \"string\") {\n      return cls;\n    } else if (_typeof(cls) === \"object\" && cls !== null) {\n      return Object.keys(cls).filter(function (key) {\n        return cls[key];\n      }) // 仅选择值为 true 的类名\n      .join(\" \");\n    }\n    return \"\";\n  }).filter(Boolean) // 过滤掉 falsy 值\n  .join(\" \"); // 用空格连接\n}\n\n\n//# sourceURL=webpack://RPB/../../utils/cls.ts?");
-
-/***/ }),
-
-/***/ "../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/Index.scss":
-/*!*********************************************************************************************************************************************************************!*\
-  !*** ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/Index.scss ***!
-  \*********************************************************************************************************************************************************************/
-/***/ ((module, __webpack_exports__, __webpack_require__) => {
-
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/sourceMaps.js */ \"../../node_modules/css-loader/dist/runtime/sourceMaps.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"../../node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);\n// Imports\n\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, ``, \"\",{\"version\":3,\"sources\":[],\"names\":[],\"mappings\":\"\",\"sourceRoot\":\"\"}]);\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://RPB/./src/Index.scss?../../node_modules/css-loader/dist/cjs.js??ruleSet%5B1%5D.rules%5B1%5D.use%5B1%5D!../../node_modules/sass-loader/dist/cjs.js??ruleSet%5B1%5D.rules%5B1%5D.use%5B2%5D");
-
-/***/ }),
-
-/***/ "./src/Index.scss":
-/*!************************!*\
-  !*** ./src/Index.scss ***!
-  \************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js */ \"../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/styleDomAPI.js */ \"../../node_modules/style-loader/dist/runtime/styleDomAPI.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/insertBySelector.js */ \"../../node_modules/style-loader/dist/runtime/insertBySelector.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js */ \"../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/insertStyleElement.js */ \"../../node_modules/style-loader/dist/runtime/insertStyleElement.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/styleTagTransform.js */ \"../../node_modules/style-loader/dist/runtime/styleTagTransform.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_Index_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! !!../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./Index.scss */ \"../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/Index.scss\");\n\n      \n      \n      \n      \n      \n      \n      \n      \n      \n\nvar options = {};\n\noptions.styleTagTransform = (_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default());\noptions.setAttributes = (_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default());\n\n      options.insert = _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, \"head\");\n    \noptions.domAPI = (_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());\noptions.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default());\n\nvar update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_Index_scss__WEBPACK_IMPORTED_MODULE_6__[\"default\"], options);\n\n\n\n\n       /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_Index_scss__WEBPACK_IMPORTED_MODULE_6__[\"default\"] && _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_Index_scss__WEBPACK_IMPORTED_MODULE_6__[\"default\"].locals ? _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_Index_scss__WEBPACK_IMPORTED_MODULE_6__[\"default\"].locals : undefined);\n\n\n//# sourceURL=webpack://RPB/./src/Index.scss?");
-
-/***/ }),
-
-/***/ "../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":
-/*!********************************************************************************!*\
-  !*** ../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js ***!
-  \********************************************************************************/
-/***/ ((module) => {
-
-eval("\n\nvar stylesInDOM = [];\nfunction getIndexByIdentifier(identifier) {\n  var result = -1;\n  for (var i = 0; i < stylesInDOM.length; i++) {\n    if (stylesInDOM[i].identifier === identifier) {\n      result = i;\n      break;\n    }\n  }\n  return result;\n}\nfunction modulesToDom(list, options) {\n  var idCountMap = {};\n  var identifiers = [];\n  for (var i = 0; i < list.length; i++) {\n    var item = list[i];\n    var id = options.base ? item[0] + options.base : item[0];\n    var count = idCountMap[id] || 0;\n    var identifier = \"\".concat(id, \" \").concat(count);\n    idCountMap[id] = count + 1;\n    var indexByIdentifier = getIndexByIdentifier(identifier);\n    var obj = {\n      css: item[1],\n      media: item[2],\n      sourceMap: item[3],\n      supports: item[4],\n      layer: item[5]\n    };\n    if (indexByIdentifier !== -1) {\n      stylesInDOM[indexByIdentifier].references++;\n      stylesInDOM[indexByIdentifier].updater(obj);\n    } else {\n      var updater = addElementStyle(obj, options);\n      options.byIndex = i;\n      stylesInDOM.splice(i, 0, {\n        identifier: identifier,\n        updater: updater,\n        references: 1\n      });\n    }\n    identifiers.push(identifier);\n  }\n  return identifiers;\n}\nfunction addElementStyle(obj, options) {\n  var api = options.domAPI(options);\n  api.update(obj);\n  var updater = function updater(newObj) {\n    if (newObj) {\n      if (newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap && newObj.supports === obj.supports && newObj.layer === obj.layer) {\n        return;\n      }\n      api.update(obj = newObj);\n    } else {\n      api.remove();\n    }\n  };\n  return updater;\n}\nmodule.exports = function (list, options) {\n  options = options || {};\n  list = list || [];\n  var lastIdentifiers = modulesToDom(list, options);\n  return function update(newList) {\n    newList = newList || [];\n    for (var i = 0; i < lastIdentifiers.length; i++) {\n      var identifier = lastIdentifiers[i];\n      var index = getIndexByIdentifier(identifier);\n      stylesInDOM[index].references--;\n    }\n    var newLastIdentifiers = modulesToDom(newList, options);\n    for (var _i = 0; _i < lastIdentifiers.length; _i++) {\n      var _identifier = lastIdentifiers[_i];\n      var _index = getIndexByIdentifier(_identifier);\n      if (stylesInDOM[_index].references === 0) {\n        stylesInDOM[_index].updater();\n        stylesInDOM.splice(_index, 1);\n      }\n    }\n    lastIdentifiers = newLastIdentifiers;\n  };\n};\n\n//# sourceURL=webpack://RPB/../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js?");
-
-/***/ }),
-
-/***/ "../../node_modules/style-loader/dist/runtime/insertBySelector.js":
-/*!************************************************************************!*\
-  !*** ../../node_modules/style-loader/dist/runtime/insertBySelector.js ***!
-  \************************************************************************/
-/***/ ((module) => {
-
-eval("\n\nvar memo = {};\n\n/* istanbul ignore next  */\nfunction getTarget(target) {\n  if (typeof memo[target] === \"undefined\") {\n    var styleTarget = document.querySelector(target);\n\n    // Special case to return head of iframe instead of iframe itself\n    if (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) {\n      try {\n        // This will throw an exception if access to iframe is blocked\n        // due to cross-origin restrictions\n        styleTarget = styleTarget.contentDocument.head;\n      } catch (e) {\n        // istanbul ignore next\n        styleTarget = null;\n      }\n    }\n    memo[target] = styleTarget;\n  }\n  return memo[target];\n}\n\n/* istanbul ignore next  */\nfunction insertBySelector(insert, style) {\n  var target = getTarget(insert);\n  if (!target) {\n    throw new Error(\"Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.\");\n  }\n  target.appendChild(style);\n}\nmodule.exports = insertBySelector;\n\n//# sourceURL=webpack://RPB/../../node_modules/style-loader/dist/runtime/insertBySelector.js?");
-
-/***/ }),
-
-/***/ "../../node_modules/style-loader/dist/runtime/insertStyleElement.js":
-/*!**************************************************************************!*\
-  !*** ../../node_modules/style-loader/dist/runtime/insertStyleElement.js ***!
-  \**************************************************************************/
-/***/ ((module) => {
-
-eval("\n\n/* istanbul ignore next  */\nfunction insertStyleElement(options) {\n  var element = document.createElement(\"style\");\n  options.setAttributes(element, options.attributes);\n  options.insert(element, options.options);\n  return element;\n}\nmodule.exports = insertStyleElement;\n\n//# sourceURL=webpack://RPB/../../node_modules/style-loader/dist/runtime/insertStyleElement.js?");
-
-/***/ }),
-
-/***/ "../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":
-/*!**************************************************************************************!*\
-  !*** ../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js ***!
-  \**************************************************************************************/
-/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
-
-eval("\n\n/* istanbul ignore next  */\nfunction setAttributesWithoutAttributes(styleElement) {\n  var nonce =  true ? __webpack_require__.nc : 0;\n  if (nonce) {\n    styleElement.setAttribute(\"nonce\", nonce);\n  }\n}\nmodule.exports = setAttributesWithoutAttributes;\n\n//# sourceURL=webpack://RPB/../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js?");
-
-/***/ }),
-
-/***/ "../../node_modules/style-loader/dist/runtime/styleDomAPI.js":
-/*!*******************************************************************!*\
-  !*** ../../node_modules/style-loader/dist/runtime/styleDomAPI.js ***!
-  \*******************************************************************/
-/***/ ((module) => {
-
-eval("\n\n/* istanbul ignore next  */\nfunction apply(styleElement, options, obj) {\n  var css = \"\";\n  if (obj.supports) {\n    css += \"@supports (\".concat(obj.supports, \") {\");\n  }\n  if (obj.media) {\n    css += \"@media \".concat(obj.media, \" {\");\n  }\n  var needLayer = typeof obj.layer !== \"undefined\";\n  if (needLayer) {\n    css += \"@layer\".concat(obj.layer.length > 0 ? \" \".concat(obj.layer) : \"\", \" {\");\n  }\n  css += obj.css;\n  if (needLayer) {\n    css += \"}\";\n  }\n  if (obj.media) {\n    css += \"}\";\n  }\n  if (obj.supports) {\n    css += \"}\";\n  }\n  var sourceMap = obj.sourceMap;\n  if (sourceMap && typeof btoa !== \"undefined\") {\n    css += \"\\n/*# sourceMappingURL=data:application/json;base64,\".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))), \" */\");\n  }\n\n  // For old IE\n  /* istanbul ignore if  */\n  options.styleTagTransform(css, styleElement, options.options);\n}\nfunction removeStyleElement(styleElement) {\n  // istanbul ignore if\n  if (styleElement.parentNode === null) {\n    return false;\n  }\n  styleElement.parentNode.removeChild(styleElement);\n}\n\n/* istanbul ignore next  */\nfunction domAPI(options) {\n  if (typeof document === \"undefined\") {\n    return {\n      update: function update() {},\n      remove: function remove() {}\n    };\n  }\n  var styleElement = options.insertStyleElement(options);\n  return {\n    update: function update(obj) {\n      apply(styleElement, options, obj);\n    },\n    remove: function remove() {\n      removeStyleElement(styleElement);\n    }\n  };\n}\nmodule.exports = domAPI;\n\n//# sourceURL=webpack://RPB/../../node_modules/style-loader/dist/runtime/styleDomAPI.js?");
-
-/***/ }),
-
-/***/ "../../node_modules/style-loader/dist/runtime/styleTagTransform.js":
-/*!*************************************************************************!*\
-  !*** ../../node_modules/style-loader/dist/runtime/styleTagTransform.js ***!
-  \*************************************************************************/
-/***/ ((module) => {
-
-eval("\n\n/* istanbul ignore next  */\nfunction styleTagTransform(css, styleElement) {\n  if (styleElement.styleSheet) {\n    styleElement.styleSheet.cssText = css;\n  } else {\n    while (styleElement.firstChild) {\n      styleElement.removeChild(styleElement.firstChild);\n    }\n    styleElement.appendChild(document.createTextNode(css));\n  }\n}\nmodule.exports = styleTagTransform;\n\n//# sourceURL=webpack://RPB/../../node_modules/style-loader/dist/runtime/styleTagTransform.js?");
-
-/***/ }),
-
-/***/ "react":
-/*!**************************************************************************************!*\
-  !*** external {"root":"React","commonjs2":"react","commonjs":"react","amd":"react"} ***!
-  \**************************************************************************************/
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE_react__;
-
-/***/ })
-
-/******/ 	});
-/************************************************************************/
-/******/ 	// The module cache
-/******/ 	var __webpack_module_cache__ = {};
-/******/ 	
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/ 		// Check if module is in cache
-/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
-/******/ 		if (cachedModule !== undefined) {
-/******/ 			return cachedModule.exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = __webpack_module_cache__[moduleId] = {
-/******/ 			id: moduleId,
-/******/ 			// no module.loaded needed
-/******/ 			exports: {}
-/******/ 		};
-/******/ 	
-/******/ 		// Execute the module function
-/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
-/******/ 	
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/ 	
-/************************************************************************/
-/******/ 	/* webpack/runtime/compat get default export */
-/******/ 	(() => {
-/******/ 		// getDefaultExport function for compatibility with non-harmony modules
-/******/ 		__webpack_require__.n = (module) => {
-/******/ 			var getter = module && module.__esModule ?
-/******/ 				() => (module['default']) :
-/******/ 				() => (module);
-/******/ 			__webpack_require__.d(getter, { a: getter });
-/******/ 			return getter;
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/define property getters */
-/******/ 	(() => {
-/******/ 		// define getter functions for harmony exports
-/******/ 		__webpack_require__.d = (exports, definition) => {
-/******/ 			for(var key in definition) {
-/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
-/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
-/******/ 				}
-/******/ 			}
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
-/******/ 	(() => {
-/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/make namespace object */
-/******/ 	(() => {
-/******/ 		// define __esModule on exports
-/******/ 		__webpack_require__.r = (exports) => {
-/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 			}
-/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/nonce */
-/******/ 	(() => {
-/******/ 		__webpack_require__.nc = undefined;
-/******/ 	})();
-/******/ 	
-/************************************************************************/
-/******/ 	
-/******/ 	// startup
-/******/ 	// Load entry module and return exports
-/******/ 	// This entry module can't be inlined because the eval devtool is used.
-/******/ 	var __webpack_exports__ = __webpack_require__("./src/Index.tsx");
-/******/ 	
-/******/ 	return __webpack_exports__;
-/******/ })()
-;
-});

package/packages/DropdownMenu/index.css

@@ -1,80 +0,0 @@
-.dd-dropdown-wrapper {
-  display: inline-block;
-  position: relative;
-  cursor: pointer;
-}
-
-.dd-dropdown-menu {
-  position: absolute;
-  min-width: 120px;
-  background: #fff;
-  border-radius: 4px;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
-  z-index: 1000;
-  opacity: 0;
-  transform: translateY(-10px);
-  transition: opacity 0.2s, transform 0.2s;
-  pointer-events: none;
-  /* Prevent the hover threshold from failing */
-}
-.dd-dropdown-menu::after {
-  content: "";
-  display: block;
-  background-color: transparent;
-  position: absolute;
-  top: -10px;
-  left: 0;
-  width: 100%;
-  height: 20px;
-}
-.dd-dropdown-menu.open {
-  opacity: 1;
-  transform: translateY(0);
-  pointer-events: auto;
-}
-.dd-dropdown-menu .dd-menu-item {
-  width: 100%;
-  padding: 8px 12px;
-  text-align: left;
-  background: none;
-  border: none;
-  cursor: pointer;
-  color: rgba(0, 0, 0, 0.85);
-  transition: background 0.2s;
-}
-.dd-dropdown-menu .dd-menu-item:hover:not(.disabled) {
-  background: #f5f5f5;
-}
-.dd-dropdown-menu .dd-menu-item.disabled {
-  color: rgba(0, 0, 0, 0.25);
-  cursor: not-allowed;
-}
-.dd-dropdown-menu .dd-menu-divider {
-  height: 1px;
-  background: #f0f0f0;
-  margin: 4px 0;
-}
-.dd-dropdown-menu.bottomLeft {
-  margin-top: 4px;
-}
-.dd-dropdown-menu.bottomRight {
-  margin-top: 4px;
-}
-.dd-dropdown-menu.topLeft {
-  margin-bottom: 4px;
-}
-.dd-dropdown-menu.topRight {
-  margin-bottom: 4px;
-}
-
-.dd-dropdown-wrapper.dd-disabled {
-  opacity: 0.6;
-  cursor: not-allowed;
-}
-.dd-dropdown-wrapper.dd-disabled:hover {
-  background: inherit;
-}
-
-.dd-menu-item.disabled {
-  pointer-events: none;
-}

package/packages/DropdownMenu/index.d.ts

@@ -1,22 +0,0 @@
-import React, { ReactNode } from "react";
-import "./Index.scss";
-declare type Placement = "bottomLeft" | "bottomRight" | "topLeft" | "topRight";
-declare type Trigger = "hover" | "click";
-interface MenuItem {
-    label: string | ReactNode;
-    value?: string;
-    disabled?: boolean;
-    divided?: boolean;
-}
-interface DropdownMenuProps {
-    triggerButton: React.ReactNode;
-    menuItems: MenuItem[];
-    onChange?: Function;
-    disabled?: boolean;
-    placement?: Placement;
-    trigger?: Trigger;
-    wrapperClassName?: string;
-    closeOnOutsideClick?: boolean;
-}
-declare const DropdownMenu: React.FC<DropdownMenuProps>;
-export default DropdownMenu;