@chaoswise/ui 2.5.8 → 3.0.0

package/lib/IconSelect/index.js

@@ -1,25 +1,22 @@
 import _Dropdown from "@chaoswise/ui/lib/Dropdown";
-import "@chaoswise/ui/lib/Button/index.less";
 import _Button from "@chaoswise/ui/lib/Button";
 import _Space from "@chaoswise/ui/lib/Space";
-import _useLocale2 from "@chaoswise/ui/lib/useLocale";
-import "@chaoswise/ui/lib/Tabs/index.less";
 import _Tabs from "@chaoswise/ui/lib/Tabs";
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _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."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _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; } }
+function _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; }
 function _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; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 import React, { useEffect, useState } from "react";
 import Icon from "@icon-park/react/es/all";
 import CustomImg from "./components/CustomImg";
 import SearchIcon from "./components/SearchIcon";
-import langConfig from './locale';
-import { formatMessage } from "../utils";
-import "./index.less";
+import useConfigContext from "../useConfigContext";
 import PropTypes from "prop-types";
-var TabPane = _Tabs.TabPane;
+import useStyle from "./index.style";
+import { useIntl } from "../locales";
+import classnames from "classnames";
 function IconSelect(_ref) {
   var value = _ref.value,
     defaultValue = _ref.defaultValue,
@@ -28,6 +25,15 @@ function IconSelect(_ref) {
     _ref$category = _ref.category,
     category = _ref$category === void 0 ? [] : _ref$category,
     iconSelectRender = _ref.iconSelectRender;
+  var intl = useIntl();
+  var _useConfigContext = useConfigContext(),
+    getPrefixCls = _useConfigContext.getPrefixCls;
+  var prefixCls = getPrefixCls("icon-select");
+  var _useStyle = useStyle(),
+    _useStyle2 = _slicedToArray(_useStyle, 3),
+    wrapCSSVar = _useStyle2[0],
+    hashId = _useStyle2[1],
+    cssVarCls = _useStyle2[2];
   var _useState = useState("icon"),
     _useState2 = _slicedToArray(_useState, 2),
     iconType = _useState2[0],
@@ -40,11 +46,7 @@ function IconSelect(_ref) {
     _useState6 = _slicedToArray(_useState5, 2),
     customFileInfo = _useState6[0],
     setCustomFileInfo = _useState6[1]; //组件图标数据集合
-
-  var _useLocale = _useLocale2(langConfig),
-    localeObj = _useLocale.langObj;
   var _value = value || defaultValue;
-
   //切换tab
   var changeTab = function changeTab(activeKey) {
     setIconType(activeKey);
@@ -62,8 +64,29 @@ function IconSelect(_ref) {
       setCustomFileInfo(_customFileInfo);
     }
   }, [_value]);
-  var menu = /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-    className: "icon-select-dropdown",
+  var items = [{
+    key: "icon",
+    label: intl.get("703fc2b8-0d1b-43ce-a7f8-9ea38de6c293").d("图标库"),
+    children: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(SearchIcon, {
+      category: category,
+      iconInfo: iconInfo,
+      customFileInfo: customFileInfo,
+      setIconInfo: setIconInfo,
+      onChange: onChange,
+      prefixCls: prefixCls
+    }))
+  }, {
+    key: "customImg",
+    label: intl.get("a3a25b03-18bc-4b75-b795-0c16fd0dcc22").d("自定义图片"),
+    children: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CustomImg, {
+      iconInfo: iconInfo,
+      customFileInfo: customFileInfo,
+      setCustomFileInfo: setCustomFileInfo,
+      onChange: onChange
+    }))
+  }];
+  var menu = /*#__PURE__*/React.createElement("div", {
+    className: classnames(hashId, cssVarCls, "".concat(prefixCls, "-dropdown")),
     onClick: function onClick(e) {
       e.preventDefault();
       e.stopPropagation();
@@ -71,27 +94,11 @@ function IconSelect(_ref) {
   }, /*#__PURE__*/React.createElement(_Tabs, {
     activeKey: iconType,
     onChange: changeTab,
-    className: "icon-select-dropdown-tabs"
-  }, /*#__PURE__*/React.createElement(TabPane, {
-    key: "icon",
-    tab: formatMessage(localeObj["icon-select-store-icon"])
-  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(SearchIcon, {
-    category: category,
-    iconInfo: iconInfo,
-    customFileInfo: customFileInfo,
-    setIconInfo: setIconInfo,
-    onChange: onChange
-  }))), /*#__PURE__*/React.createElement(TabPane, {
-    key: "customImg",
-    tab: formatMessage(localeObj["icon-select-custom-img"])
-  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CustomImg, {
-    iconInfo: iconInfo,
-    customFileInfo: customFileInfo,
-    setCustomFileInfo: setCustomFileInfo,
-    onChange: onChange
-  }))))));
-  return /*#__PURE__*/React.createElement("div", {
-    className: "img-setting-box"
+    className: "".concat(prefixCls, "-dropdown-tabs"),
+    items: items
+  }));
+  return wrapCSSVar( /*#__PURE__*/React.createElement("div", {
+    className: classnames(hashId, cssVarCls, "".concat(prefixCls, "-img-setting-box"))
   }, /*#__PURE__*/React.createElement(_Dropdown, {
     trigger: ["click"],
     overlay: menu
@@ -99,19 +106,19 @@ function IconSelect(_ref) {
     customFileInfo: customFileInfo,
     iconInfo: iconInfo
   }) : /*#__PURE__*/React.createElement(_Button, null, /*#__PURE__*/React.createElement(_Space, null, /*#__PURE__*/React.createElement("div", {
-    className: "img-setting-box-content"
+    className: "".concat(prefixCls, "-img-setting-box-content")
   }, customFileInfo !== null && customFileInfo !== void 0 && customFileInfo.baseCode ? /*#__PURE__*/React.createElement("img", {
     src: customFileInfo === null || customFileInfo === void 0 ? void 0 : customFileInfo.baseCode,
-    className: "img-setting-box-content-custom"
+    className: "".concat(prefixCls, "-img-setting-box-content-custom")
   }) : (iconInfo === null || iconInfo === void 0 ? void 0 : iconInfo.name) && /*#__PURE__*/React.createElement("div", {
-    className: "img-setting-box-content-icon"
+    className: "".concat(prefixCls, "-img-setting-box-content-icon")
   }, /*#__PURE__*/React.createElement(Icon, {
     type: iconInfo === null || iconInfo === void 0 ? void 0 : iconInfo.name,
     theme: "filled",
     size: "14"
   }))), /*#__PURE__*/React.createElement(Icon, {
     type: "down"
-  })))));
+  }))))));
 }
 IconSelect.propTypes = {
   defaultValue: PropTypes.shape({

package/lib/IconSelect/index.style.js

@@ -0,0 +1,75 @@
+function _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); }
+function _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; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _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); }
+import { genStyleHooks } from "../Antd5/theme/internal";
+var genCustomIconSelectStyle = function genCustomIconSelectStyle(token) {
+  var prefixCls = token.antCls;
+  var iconSelectPrefix = "".concat(prefixCls, "-icon-select");
+  return _defineProperty(_defineProperty({}, "".concat(iconSelectPrefix, "-img-setting-box"), _defineProperty({}, "".concat(iconSelectPrefix, "-img-setting-box-content"), _defineProperty(_defineProperty({
+    width: "40px",
+    display: "inline-block",
+    overflow: "hidden",
+    marginTop: "5px"
+  }, "".concat(iconSelectPrefix, "-img-setting-box-content-custom"), {
+    width: "40px"
+  }), "".concat(iconSelectPrefix, "-img-setting-box-content-icon"), {
+    paddingTop: "5px",
+    textAlign: "left"
+  }))), "".concat(iconSelectPrefix, "-dropdown"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
+    background: token.colorBgContainer,
+    width: "240px",
+    borderRadius: "4px",
+    outline: "none",
+    WebkitBoxShadow: token.boxShadow,
+    boxShadow: token.boxShadow
+  }, "".concat(prefixCls, "-tabs-nav"), {
+    margin: "0 !important",
+    padding: "0 10px"
+  }), "".concat(iconSelectPrefix, "-box"), _defineProperty(_defineProperty({
+    width: "100%"
+  }, "".concat(iconSelectPrefix, "-search"), {
+    margin: "12px 5px"
+  }), "".concat(iconSelectPrefix, "-content"), _defineProperty(_defineProperty(_defineProperty({
+    overflowY: "scroll",
+    height: "150px",
+    width: "100%",
+    paddingLeft: "10px"
+  }, "".concat(iconSelectPrefix, "-item"), {
+    padding: "10px",
+    display: "inline-block",
+    cursor: "pointer",
+    "&:hover": {
+      backgroundColor: token.colorPrimaryBg
+    }
+  }), "".concat(iconSelectPrefix, "-item-active"), {
+    backgroundColor: token.colorPrimaryBg
+  }), "".concat(iconSelectPrefix, "-content-empty"), {
+    width: "100%",
+    height: "150px",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    overflow: "hidden"
+  }))), ".link-upload-box", {
+    height: "200px",
+    padding: "20px"
+  }), ".custom-img", {
+    height: "30px",
+    "> button": {
+      width: "100%",
+      height: "30px"
+    }
+  }), ".custom-img-tip", {
+    fontSize: "12px",
+    lineHeight: "15px",
+    color: "#ccc",
+    margin: "5px 0"
+  }));
+};
+// ============================== Export ==============================
+export default genStyleHooks("IconSelect", function (token) {
+  return [
+  //
+  genCustomIconSelectStyle(token)];
+});

package/lib/Image/index.js

@@ -0,0 +1,2 @@
+import Image from '../Antd5/image';
+export default Image;

package/lib/Input/InputComponent.js

@@ -1,174 +1,71 @@
 function _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); }
-import "antd/es/input/style";
-import _Input from "antd/es/input";
-var _excluded = ["showCount", "maxLength", "componentType", "prefix", "suffix", "isResize", "autoSize", "suffixLength", "inputLabel", "label"];
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+var _excluded = ["componentType", "prefix", "suffixLength", "inputLabel", "label", "count"];
+function _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); }
+function 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; }
+function _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; }
+function _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; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _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); }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _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."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _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; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import React, { forwardRef, Fragment, useMemo, useEffect, useRef } from "react";
-import useMergedState from "rc-util/lib/hooks/useMergedState";
-import classnames from "classnames";
-var Password = _Input.Password,
-  Search = _Input.Search;
-var fixControlledValue = function fixControlledValue(value) {
-  if (typeof value === "undefined" || value === null) {
-    return "";
-  }
-  return value + "";
-};
-var getDefaultPaddingLeft = function getDefaultPaddingLeft(size) {
-  if (size === "large") {
-    return 11;
-  }
-  if (size === "small") {
-    return 7;
-  }
-  return 9;
-};
-var InputComponent = /*#__PURE__*/forwardRef(function (props, inputRef) {
-  var _props$showCount = props.showCount,
-    showCount = _props$showCount === void 0 ? false : _props$showCount,
-    maxLength = props.maxLength,
-    componentType = props.componentType,
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], t.indexOf(o) >= 0 || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.indexOf(n) >= 0) continue; t[n] = r[n]; } return t; }
+import React, { forwardRef, useMemo } from "react";
+import Input from "../Antd5/input";
+var Password = Input.Password,
+  Search = Input.Search;
+var InputComponent = /*#__PURE__*/forwardRef(function (props, ref) {
+  var componentType = props.componentType,
     prefix = props.prefix,
-    suffix = props.suffix,
-    _props$isResize = props.isResize,
-    isResize = _props$isResize === void 0 ? true : _props$isResize,
-    autoSize = props.autoSize,
     suffixLength = props.suffixLength,
     inputLabel = props.inputLabel,
     label = props.label,
+    count = props.count,
     resProps = _objectWithoutProperties(props, _excluded);
-  var _useMergedState = useMergedState(resProps.defaultValue, {
-      value: resProps.value
-    }),
-    _useMergedState2 = _slicedToArray(_useMergedState, 2),
-    value = _useMergedState2[0],
-    setValue = _useMergedState2[1];
-  var _ref = useRef(null);
-  var ref = inputRef ? inputRef : _ref;
-  var inputLabelRef = useRef(null);
-  useEffect(function () {
-    if (label || inputLabel) {
-      var _inputLabelRef$curren, _ref$current, _ref$current2;
-      var defaultPaddingLeft = getDefaultPaddingLeft(resProps.size);
-      var paddingLeftWidth = ((_inputLabelRef$curren = inputLabelRef.current) === null || _inputLabelRef$curren === void 0 ? void 0 : _inputLabelRef$curren.clientWidth) + defaultPaddingLeft;
-      var inputDom = componentType === "Search" ? (_ref$current = ref.current) === null || _ref$current === void 0 || (_ref$current = _ref$current.input) === null || _ref$current === void 0 ? void 0 : _ref$current.input : (_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : _ref$current2.input;
-      if (inputDom) {
-        inputDom.style.paddingLeft = "".concat(paddingLeftWidth, "px");
-      }
-    }
-  }, [componentType, inputLabel, label]);
-  var dataCount = useMemo(function () {
-    return "maxLength" in props ? "".concat(Number(maxLength) > 0 ? "".concat(maxLength) : "") : "suffixLength" in props ? "".concat(Number(suffixLength) > 0 ? "".concat(suffixLength) : "") : "";
-  }, [maxLength, suffixLength]);
-  var val = fixControlledValue(value);
-  // const valueLength = [...val].length;
-  var valueLength = val === null || val === void 0 ? void 0 : val.length; // 表情占位由一个字符变为两个字符
-  // 文本域设置maxLength达到字数限制之后输入中文bug -特殊情况处理
-  var onCompositionEnd = function onCompositionEnd(e) {
-    // 中文输入拼音结束时触发
-    if (maxLength) {
-      var _e$target$value;
-      if (((_e$target$value = e.target.value) === null || _e$target$value === void 0 ? void 0 : _e$target$value.length) > maxLength) {
-        var _e$target$value2;
-        e.target.value = (_e$target$value2 = e.target.value) === null || _e$target$value2 === void 0 ? void 0 : _e$target$value2.substring(0, maxLength);
-        CWOnChange(e);
-      }
-    }
-    resProps.onCompositionEnd && resProps.onCompositionEnd(e);
-  };
-  var CWOnChange = function CWOnChange(e) {
-    var onChange = resProps.onChange;
-    var val = e.target.value;
-    if (!("value" in props)) {
-      setValue(val);
-    }
-    onChange && onChange(e);
-  };
-  var finalPrefix = label || inputLabel ? /*#__PURE__*/React.createElement("span", {
-    ref: inputLabelRef,
-    className: "cw-input-custom-slot-wrapper"
-  }, label || inputLabel) : prefix;
-  // Input.Password和Input.Search
-  if (componentType == "Password" || componentType == "Search") {
-    return componentType == "Password" ? /*#__PURE__*/React.createElement(Password, _extends({
+  var finalPrefix = useMemo(function () {
+    var _ref;
+    return (_ref = label || inputLabel) !== null && _ref !== void 0 ? _ref : prefix;
+  }, [label, inputLabel, prefix]);
+  if (componentType === "Input") {
+    return /*#__PURE__*/React.createElement(Input, _extends({
       prefix: finalPrefix,
-      suffix: suffix,
-      maxLength: maxLength
+      count: _objectSpread({
+        max: suffixLength
+      }, count)
     }, resProps, {
       ref: ref
-    })) : /*#__PURE__*/React.createElement(Search, _extends({
+    }));
+  }
+  if (componentType === "Password") {
+    return /*#__PURE__*/React.createElement(Password, _extends({
       prefix: finalPrefix,
-      suffix: suffix,
-      maxLength: maxLength
+      count: _objectSpread({
+        max: suffixLength
+      }, count)
     }, resProps, {
       ref: ref
     }));
   }
-  // Input和TextArea
-  if (!showCount) {
-    if (componentType == "Input") {
-      return /*#__PURE__*/React.createElement(_Input, _extends({
-        prefix: finalPrefix,
-        suffix: suffix,
-        maxLength: maxLength
-      }, resProps, {
-        ref: ref
-      }));
-    }
-    return /*#__PURE__*/React.createElement(_Input.TextArea, _extends({
-      maxLength: maxLength,
-      autoSize: "autoSize" in props ? autoSize : {
+  if (componentType === "Search") {
+    return /*#__PURE__*/React.createElement(Search, _extends({
+      prefix: finalPrefix,
+      count: _objectSpread({
+        max: suffixLength
+      }, count)
+    }, resProps, {
+      ref: ref
+    }));
+  }
+  if (componentType === "TextArea") {
+    return /*#__PURE__*/React.createElement(Input.TextArea, _extends({
+      prefix: finalPrefix,
+      count: _objectSpread({
+        max: suffixLength
+      }, count),
+      autoSize: {
         minRows: 4
       }
     }, resProps, {
       ref: ref
     }));
   }
-  var dom = /*#__PURE__*/React.createElement("div", {
-    className: classnames("cw-input-num-wrapper", {
-      "cw-input-num-wrapper-disabled": resProps.disabled
-    })
-  }, /*#__PURE__*/React.createElement("span", {
-    className: classnames(_defineProperty(_defineProperty(_defineProperty({}, "cw-input-num-init", valueLength == 0), "cw-input-num", valueLength > 0), "cw-input-num-error", dataCount && valueLength > dataCount))
-  }, valueLength), dataCount && /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("span", {
-    className: "cw-input-line"
-  }, "/"), dataCount));
-  return /*#__PURE__*/React.createElement(Fragment, null, componentType == "TextArea" ? /*#__PURE__*/React.createElement("span", {
-    className: classnames("cw-input-textArea", {
-      "cw-input-textArea-not-resize": !isResize
-    })
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "cw-input-textArea-num"
-  }, dom), /*#__PURE__*/React.createElement(_Input.TextArea, _extends({
-    maxLength: maxLength,
-    autoSize: "autoSize" in props ? autoSize : {
-      minRows: 4
-    }
-  }, resProps, {
-    onChange: CWOnChange,
-    value: value,
-    onCompositionEnd: onCompositionEnd,
-    ref: ref
-  }))) : /*#__PURE__*/React.createElement(_Input, _extends({
-    prefix: finalPrefix,
-    ref: ref,
-    suffix: dom,
-    maxLength: maxLength
-  }, resProps, {
-    onChange: CWOnChange,
-    value: value,
-    className: "cw-input"
-  })));
 });
 export default InputComponent;

package/lib/Input/index.js

@@ -1,106 +1,93 @@
-import "antd/es/input/style";
-import _Input from "antd/es/input";
-function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-/*
- * @Author: andrew.qiao andrew.qiao@cloudwise.com
- * @Date: 2023-01-31 17:31:58
- * @LastEditors: andrew.qiao andrew.qiao@cloudwise.com
- * @LastEditTime: 2023-03-01 18:28:20
- * @FilePath: /change_01/aops_web_commons/packages/ui/components/Input/index.js
- * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
- */
+function _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); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _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."); }
+function _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; } }
+function _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; }
+function _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; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 import React, { forwardRef } from "react";
-import { ConfigConsumer } from "antd/es/config-provider";
+import Input from "../Antd5/input";
 import PropTypes from "prop-types";
 import InputComponent from "./InputComponent";
-import "./index.less";
-var CWInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var resProps = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
-  return /*#__PURE__*/React.createElement(InputComponent, _extends({
+import useConfigContext from "../useConfigContext";
+import { cloneComProps } from "../utils";
+import useStyle from "./index.style";
+var CWInput = /*#__PURE__*/forwardRef(function (props, ref) {
+  var _useConfigContext = useConfigContext(),
+    getPrefixCls = _useConfigContext.getPrefixCls;
+  var prefixCls = getPrefixCls("input");
+  var _useStyle = useStyle(prefixCls),
+    _useStyle2 = _slicedToArray(_useStyle, 3),
+    wrapCSSVar = _useStyle2[0],
+    hashId = _useStyle2[1],
+    cssVarCls = _useStyle2[2];
+  return wrapCSSVar( /*#__PURE__*/React.createElement(InputComponent, _extends({
     componentType: "Input",
     ref: ref
-  }, resProps));
+  }, props)));
 });
-var TextArea = /*#__PURE__*/forwardRef(function (_ref2, ref) {
-  var resProps = _extends({}, (_objectDestructuringEmpty(_ref2), _ref2));
-  return /*#__PURE__*/React.createElement(InputComponent, _extends({
+var TextArea = /*#__PURE__*/forwardRef(function (props, ref) {
+  var _useConfigContext2 = useConfigContext(),
+    getPrefixCls = _useConfigContext2.getPrefixCls;
+  var prefixCls = getPrefixCls("input");
+  var _useStyle3 = useStyle(prefixCls),
+    _useStyle4 = _slicedToArray(_useStyle3, 3),
+    wrapCSSVar = _useStyle4[0],
+    hashId = _useStyle4[1],
+    cssVarCls = _useStyle4[2];
+  return wrapCSSVar( /*#__PURE__*/React.createElement(InputComponent, _extends({
     componentType: "TextArea",
     ref: ref
-  }, resProps));
+  }, props)));
 });
 var CWPassword = /*#__PURE__*/forwardRef(function (props, ref) {
-  return /*#__PURE__*/React.createElement(ConfigConsumer, null, function (value) {
-    var getPrefixCls = value.getPrefixCls;
-    var inputPrefixCls = getPrefixCls("input");
-    var prefixCls_ = getPrefixCls("input-password");
-    return /*#__PURE__*/React.createElement(InputComponent, _extends({
-      componentType: "Password",
-      ref: ref
-    }, props, {
-      inputPrefixCls: inputPrefixCls,
-      prefixCls: prefixCls_
-    }));
-  });
+  var _useConfigContext3 = useConfigContext(),
+    getPrefixCls = _useConfigContext3.getPrefixCls;
+  var prefixCls = getPrefixCls("input");
+  var _useStyle5 = useStyle(prefixCls),
+    _useStyle6 = _slicedToArray(_useStyle5, 3),
+    wrapCSSVar = _useStyle6[0],
+    hashId = _useStyle6[1],
+    cssVarCls = _useStyle6[2];
+  return wrapCSSVar( /*#__PURE__*/React.createElement(InputComponent, _extends({
+    componentType: "Password",
+    ref: ref
+  }, props)));
 });
 var CWSearch = /*#__PURE__*/forwardRef(function (props, ref) {
-  return /*#__PURE__*/React.createElement(InputComponent, _extends({
+  var _useConfigContext4 = useConfigContext(),
+    getPrefixCls = _useConfigContext4.getPrefixCls;
+  var prefixCls = getPrefixCls("input");
+  var _useStyle7 = useStyle(prefixCls),
+    _useStyle8 = _slicedToArray(_useStyle7, 3),
+    wrapCSSVar = _useStyle8[0],
+    hashId = _useStyle8[1],
+    cssVarCls = _useStyle8[2];
+  return wrapCSSVar( /*#__PURE__*/React.createElement(InputComponent, _extends({
     componentType: "Search",
     ref: ref
-  }, props));
+  }, props)));
 });
-CWInput.defaultProps = {
-  showCount: false,
-  isResize: true
-};
 CWInput.propTypes = {
-  /**
-   * 最大长度，配合showCount不可超出maxlength值(优先级高于suffixLength)
-   */
-  maxLength: PropTypes.number,
   /**
    * 输入框字符数限制，配合showCount可超出suffixLength值
    */
   suffixLength: PropTypes.number,
-  /**
-   * 是否展示数字限制,优先于suffix
-   */
-  showCount: PropTypes.bool,
-  /**
-   * 输入框内容
-   */
-  value: PropTypes.string,
-  /**
-   * 按下回车的回调
-   */
-  onPressEnter: PropTypes.func,
-  /**
-   * 输入框默认内容
-   */
-  defaultValue: PropTypes.string,
-  /**
-   * 可以点击清除图标删除内容
-   */
-  allowClear: PropTypes.bool,
-  /**
-   * 文本域是否可拖拽(是否展示拖拽图标)
-   */
-  isResize: PropTypes.bool,
   /**
    * 自适应内容高度，可设置为 true | false 或对象：{ minRows: 2, maxRows: 6 }，默认值为{minRows:4}
    */
   autoSize: PropTypes.oneOfType([PropTypes.bool, PropTypes.object]),
   /**
-   * 输入框label名称，会覆盖prefix前缀
+   * 输入框label名称，会覆盖prefix前缀，(可以直接使用prefix属性)
    */
   inputLabel: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
   /**
-   * 输入框label名称，会覆盖prefix前缀,优先级高于inputLabel，同CWSelect的api统一
+   * 输入框label名称，会覆盖prefix前缀, (可以直接使用prefix属性)
    */
   label: PropTypes.oneOfType([PropTypes.string, PropTypes.node])
 };
+cloneComProps(Input, CWInput);
 CWInput.Password = CWPassword;
 CWInput.Search = CWSearch;
-CWInput.Group = _Input.Group;
 CWInput.TextArea = TextArea;
 export default CWInput;