pocko-ui 1.2.0 → 1.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/Input/index.js +1 -1
  2. package/package.json +1 -1
package/Input/index.js CHANGED
@@ -46,7 +46,7 @@ eval("\n\nmodule.exports = function (item) {\n var content = item[1];\n var cs
46
46
  \***********************/
47
47
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
48
48
 
49
- 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 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 _Index_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Index.scss */ \"./src/Index.scss\");\n/* harmony import */ var _utils_cls__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../utils/cls */ \"../../utils/cls.ts\");\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\nvar Input = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function (props, externalRef) {\n var id = props.id,\n name = props.name,\n inputRef = props.inputRef,\n wrapperClassName = props.wrapperClassName,\n controlGroupWrapperClassName = props.controlGroupWrapperClassName,\n defaultValue = props.defaultValue,\n placeholder = props.placeholder,\n onChange = props.onChange,\n onBlur = props.onBlur,\n onFocus = props.onFocus,\n onPressEnter = props.onPressEnter,\n type = props.type,\n readonly = props.readonly,\n disabled = props.disabled,\n required = props.required,\n requiredLabel = props.requiredLabel,\n label = props.label,\n labelClassName = props.labelClassName,\n controlClassName = props.controlClassName,\n controlGroupTextClassName = props.controlGroupTextClassName,\n iconLeft = props.iconLeft,\n iconRight = props.iconRight,\n _props$autoComplete = props.autoComplete,\n autoComplete = _props$autoComplete === void 0 ? \"on\" : _props$autoComplete,\n size = props.size,\n min = props.min,\n max = props.max,\n step = props.step;\n var rootRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);\n var idRes = id;\n var typeRes = typeof type === \"undefined\" ? \"text\" : type;\n var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(\"\"),\n _useState2 = _slicedToArray(_useState, 2),\n inputValue = _useState2[0],\n setInputValue = _useState2[1];\n var handleChange = function handleChange(event) {\n var newValue = event.target.value;\n setInputValue(newValue);\n if (onChange) {\n onChange(newValue); // 触发父组件的 onChange 回调\n }\n };\n var handleBlur = function handleBlur() {\n if (onBlur) {\n onBlur(); // 触发父组件的 onBlur 回调\n }\n };\n var handleFoucus = function handleFoucus() {\n if (onFocus) {\n onFocus();\n }\n };\n var handleKeyDown = function handleKeyDown(event) {\n if (onPressEnter) {\n onPressEnter(event);\n }\n };\n (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n if (defaultValue != null && defaultValue !== \"\") {\n setInputValue(defaultValue);\n } else {\n setInputValue(\"\");\n }\n }, [defaultValue]);\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_2__.clsWrite)(wrapperClassName, \"mb-3 position-relative\"),\n ref: rootRef\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\", {\n htmlFor: idRes,\n className: (0,_utils_cls__WEBPACK_IMPORTED_MODULE_2__.clsWrite)(labelClassName, \"form-label\")\n }, label) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"label\", {\n htmlFor: idRes,\n className: (0,_utils_cls__WEBPACK_IMPORTED_MODULE_2__.clsWrite)(labelClassName, \"form-label\")\n }, label)) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: (0,_utils_cls__WEBPACK_IMPORTED_MODULE_2__.clsCombine)(\"position-relative\", (0,_utils_cls__WEBPACK_IMPORTED_MODULE_2__.clsWrite)(controlGroupWrapperClassName, \"input-group\")),\n style: {\n width: \"\".concat(size, \"px\")\n }\n }, iconLeft ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", {\n className: (0,_utils_cls__WEBPACK_IMPORTED_MODULE_2__.clsWrite)(controlGroupTextClassName, \"input-group-text\")\n }, iconLeft) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"input\", {\n ref: inputRef,\n id: idRes,\n name: name,\n type: typeRes,\n value: inputValue,\n placeholder: placeholder,\n onChange: handleChange,\n onBlur: handleBlur,\n onFocus: handleFoucus,\n onKeyDown: handleKeyDown,\n disabled: disabled || null,\n readOnly: readonly || null,\n className: (0,_utils_cls__WEBPACK_IMPORTED_MODULE_2__.clsWrite)(controlClassName, \"form-control\"),\n autoComplete: autoComplete,\n min: typeRes === \"number\" ? min : undefined // 仅当类型是 number 时传递 min\n ,\n max: typeRes === \"number\" ? max : undefined // 仅当类型是 number 时传递 max\n ,\n step: typeRes === \"number\" ? step : undefined // 仅当类型是 number 时传递 step\n }), iconRight ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", {\n className: (0,_utils_cls__WEBPACK_IMPORTED_MODULE_2__.clsWrite)(controlGroupTextClassName, \"input-group-text\")\n }, iconRight) : null), required ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, requiredLabel || requiredLabel === \"\" ? requiredLabel : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", {\n className: \"position-absolute end-0 top-0 my-2 mx-2\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", {\n className: \"text-danger\"\n }, \"*\"))) : \"\"));\n});\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Input);\n\n//# sourceURL=webpack://RPB/./src/Index.tsx?");
49
+ 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 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 _Index_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Index.scss */ \"./src/Index.scss\");\n/* harmony import */ var _utils_cls__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../utils/cls */ \"../../utils/cls.ts\");\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\nvar Input = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function (props, externalRef) {\n var id = props.id,\n name = props.name,\n inputRef = props.inputRef,\n wrapperClassName = props.wrapperClassName,\n controlGroupWrapperClassName = props.controlGroupWrapperClassName,\n defaultValue = props.defaultValue,\n placeholder = props.placeholder,\n onChange = props.onChange,\n onBlur = props.onBlur,\n onFocus = props.onFocus,\n onPressEnter = props.onPressEnter,\n type = props.type,\n readonly = props.readonly,\n disabled = props.disabled,\n required = props.required,\n requiredLabel = props.requiredLabel,\n label = props.label,\n labelClassName = props.labelClassName,\n controlClassName = props.controlClassName,\n controlGroupTextClassName = props.controlGroupTextClassName,\n iconLeft = props.iconLeft,\n iconRight = props.iconRight,\n _props$autoComplete = props.autoComplete,\n autoComplete = _props$autoComplete === void 0 ? \"on\" : _props$autoComplete,\n size = props.size,\n min = props.min,\n max = props.max,\n step = props.step;\n var rootRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);\n var idRes = id;\n var typeRes = typeof type === \"undefined\" ? \"text\" : type;\n var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(\"\"),\n _useState2 = _slicedToArray(_useState, 2),\n inputValue = _useState2[0],\n setInputValue = _useState2[1];\n var handleChange = function handleChange(event) {\n var newValue = event.target.value;\n setInputValue(newValue);\n if (onChange) {\n onChange(newValue); // 触发父组件的 onChange 回调\n }\n };\n var handleBlur = function handleBlur() {\n if (onBlur) {\n onBlur(); // 触发父组件的 onBlur 回调\n }\n };\n var handleFoucus = function handleFoucus() {\n if (onFocus) {\n onFocus();\n }\n };\n var handleKeyDown = function handleKeyDown(event) {\n if (onPressEnter) {\n onPressEnter(event);\n }\n };\n (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n if (defaultValue != null && defaultValue !== \"\") {\n setInputValue(defaultValue);\n } else {\n setInputValue(\"\");\n }\n }, [defaultValue]);\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_2__.clsWrite)(wrapperClassName, \"mb-3 position-relative\"),\n ref: rootRef\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\", {\n htmlFor: idRes,\n className: (0,_utils_cls__WEBPACK_IMPORTED_MODULE_2__.clsWrite)(labelClassName, \"form-label\")\n }, label) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"label\", {\n htmlFor: idRes,\n className: (0,_utils_cls__WEBPACK_IMPORTED_MODULE_2__.clsWrite)(labelClassName, \"form-label\")\n }, label)) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: (0,_utils_cls__WEBPACK_IMPORTED_MODULE_2__.clsCombine)(\"position-relative\", (0,_utils_cls__WEBPACK_IMPORTED_MODULE_2__.clsWrite)(controlGroupWrapperClassName, \"input-group\")),\n style: {\n width: \"\".concat(size, \"px\")\n }\n }, iconLeft ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", {\n className: (0,_utils_cls__WEBPACK_IMPORTED_MODULE_2__.clsWrite)(controlGroupTextClassName, \"input-group-text\")\n }, iconLeft) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"input\", {\n ref: inputRef,\n id: idRes,\n name: name,\n type: typeRes,\n value: inputValue,\n placeholder: placeholder,\n onChange: handleChange,\n onBlur: handleBlur,\n onFocus: handleFoucus,\n onKeyDown: handleKeyDown,\n disabled: disabled || null,\n readOnly: readonly || null,\n className: (0,_utils_cls__WEBPACK_IMPORTED_MODULE_2__.clsWrite)(controlClassName, \"form-control\"),\n autoComplete: autoComplete,\n min: min,\n max: max,\n step: step\n }), iconRight ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", {\n className: (0,_utils_cls__WEBPACK_IMPORTED_MODULE_2__.clsWrite)(controlGroupTextClassName, \"input-group-text\")\n }, iconRight) : null), required ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, requiredLabel || requiredLabel === \"\" ? requiredLabel : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", {\n className: \"position-absolute end-0 top-0 my-2 mx-2\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", {\n className: \"text-danger\"\n }, \"*\"))) : \"\"));\n});\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Input);\n\n//# sourceURL=webpack://RPB/./src/Index.tsx?");
50
50
 
51
51
  /***/ }),
52
52
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pocko-ui",
3
- "version": "1.2.0",
3
+ "version": "1.2.2",
4
4
  "description": "React components using pure Bootstrap 5+ which does not contain any external style and script libraries.",
5
5
  "main": "index.js",
6
6
  "scripts": {