@titaui/pc 1.16.29 → 1.16.30-beta.2

package/lib/components/search-input/index.js

@@ -5,12 +5,16 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = _default;
+exports["default"] = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _classnames = _interopRequireDefault(require("classnames"));
+
 require("./index.css");
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -33,28 +37,29 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-function _default(props) {
-  var onSearch = props.onSearch,
+var prefixCls = 'search-input-box';
+
+var SearchInput = function SearchInput(props) {
+  var _props$autoFocus = props.autoFocus,
+      autoFocus = _props$autoFocus === void 0 ? false : _props$autoFocus,
+      onSearch = props.onSearch,
       placeholder = props.placeholder,
       setSearchKey = props.setSearchKey,
-      propsValue = props.value,
       _props$style = props.style,
-      style = _props$style === void 0 ? {} : _props$style;
+      style = _props$style === void 0 ? {} : _props$style,
+      propsValue = props.value;
 
-  var _useState = (0, _react.useState)(''),
+  var _useState = (0, _react.useState)(false),
       _useState2 = _slicedToArray(_useState, 2),
-      value = _useState2[0],
-      setValue = _useState2[1];
+      searchWhenClear = _useState2[0],
+      setSearchWhenClear = _useState2[1];
 
-  var _useState3 = (0, _react.useState)(false),
+  var _useState3 = (0, _react.useState)(''),
       _useState4 = _slicedToArray(_useState3, 2),
-      focus = _useState4[0],
-      setFocus = _useState4[1];
+      value = _useState4[0],
+      setValue = _useState4[1];
 
-  var _useState5 = (0, _react.useState)(false),
-      _useState6 = _slicedToArray(_useState5, 2),
-      clearIconState = _useState6[0],
-      setClearIconState = _useState6[1];
+  var inputRef = (0, _react.useRef)();
 
   var defaultStyle = _objectSpread({
     width: 230,
@@ -63,23 +68,18 @@ function _default(props) {
 
   (0, _react.useEffect)(function () {
     setValue(propsValue);
-    if (!propsValue) setClearIconState(false);
   }, [propsValue]);
-  var inputClassName = focus ? 'search-input-focus' : '';
-  var iconClassName = focus ? 'search-input-icon-focus' : '';
-  var clearIconStyle = {
-    display: clearIconState ? 'inline' : 'none'
-  };
 
   var handleInputChange = function handleInputChange(e) {
     var evalue = e.target.value;
     setValue(evalue);
     setSearchKey === null || setSearchKey === void 0 ? void 0 : setSearchKey(evalue);
-    setClearIconState(evalue != '');
   };
 
-  var handleFocusBlur = function handleFocusBlur(e) {
-    setFocus(e.target === document.activeElement);
+  var handleSearch = function handleSearch() {
+    var searchKey = value === null || value === void 0 ? void 0 : value.trim();
+    setSearchWhenClear(!!searchKey);
+    onSearch === null || onSearch === void 0 ? void 0 : onSearch(searchKey);
   };
 
   var handleKeyPress = function handleKeyPress(e) {
@@ -88,51 +88,41 @@ function _default(props) {
     }
   };
 
-  var handleSearch = function handleSearch() {
-    onSearch === null || onSearch === void 0 ? void 0 : onSearch(value === null || value === void 0 ? void 0 : value.trim());
-  };
-
-  var clearValue = function clearValue(e) {
+  var clearValue = function clearValue() {
     setValue('');
     setSearchKey === null || setSearchKey === void 0 ? void 0 : setSearchKey('');
+    inputRef.current.focus();
 
-    if (onSearch) {
-      onSearch('');
+    if (propsValue || searchWhenClear) {
+      onSearch === null || onSearch === void 0 ? void 0 : onSearch('');
     }
-
-    setClearIconState(false);
-  };
-
-  var onMouseOver = function onMouseOver(e) {
-    setFocus(true);
-  };
-
-  var onMouseLeave = function onMouseLeave(e) {
-    setFocus(false);
   };
 
   return /*#__PURE__*/_react["default"].createElement("div", {
-    className: "search-input-box",
+    className: prefixCls,
     style: defaultStyle
   }, /*#__PURE__*/_react["default"].createElement("input", {
-    className: inputClassName,
-    onFocus: handleFocusBlur,
-    onBlur: handleFocusBlur,
+    // eslint-disable-next-line jsx-a11y/no-autofocus
+    autoFocus: autoFocus,
+    className: "".concat(prefixCls, "__input"),
+    key: "input",
     onKeyPress: handleKeyPress,
-    placeholder: placeholder,
     onChange: handleInputChange,
-    value: value,
-    key: "input"
+    placeholder: placeholder,
+    ref: inputRef,
+    value: value
   }), /*#__PURE__*/_react["default"].createElement("span", {
-    className: "tu-icon-cross clear-input-icon",
-    onClick: clearValue,
-    style: clearIconStyle,
-    key: "clear"
+    className: (0, _classnames["default"])('tu-icon-cross', 'clear-input-icon', {
+      'clear-input-icon--visible': !!value
+    }),
+    key: "clear",
+    onClick: clearValue
   }), /*#__PURE__*/_react["default"].createElement("span", {
-    onClick: handleSearch,
-    className: "tu-icon-search search-input-icon ".concat(iconClassName),
-    onMouseOver: onMouseOver,
-    onMouseLeave: onMouseLeave,
-    key: "search"
+    className: "tu-icon-search search-input-icon",
+    key: "search",
+    onClick: handleSearch
   }));
-}
+};
+
+var _default = SearchInput;
+exports["default"] = _default;

package/lib/components/select/Option.js

@@ -47,7 +47,7 @@ var Option = /*#__PURE__*/function (_Component) {
   var _super = _createSuper(Option);
 
   function Option() {
-    var _this;
+    var _temp, _this;
 
     _classCallCheck(this, Option);
 
@@ -55,7 +55,7 @@ var Option = /*#__PURE__*/function (_Component) {
       args[_key] = arguments[_key];
     }
 
-    return _possibleConstructorReturn(_this, (_this = _super.call.apply(_super, [this].concat(args)), _this.handleSelect = function (e) {
+    return _possibleConstructorReturn(_this, (_temp = _this = _super.call.apply(_super, [this].concat(args)), _this.handleSelect = function (e) {
       e.stopPropagation();
       e.nativeEvent.stopImmediatePropagation();
       var onSelect = _this.props.onSelect;
@@ -65,7 +65,7 @@ var Option = /*#__PURE__*/function (_Component) {
         height: _this.props.height,
         lineHeight: _this.props.height
       };
-    }, _assertThisInitialized(_this)));
+    }, _temp));
   }
 
   _createClass(Option, [{

package/lib/components/table-excel-v2/index.css

@@ -123,7 +123,6 @@
 
 .titaui-table-excel-v2__row {
   display: flex;
-  z-index: 1;
 }
 
 .titaui-table-excel-v2__box {

package/lib/components/tita-chart/errorBoundary/index.js

@@ -37,7 +37,7 @@ var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
   var _super = _createSuper(ErrorBoundary);
 
   function ErrorBoundary() {
-    var _this;
+    var _temp, _this;
 
     _classCallCheck(this, ErrorBoundary);
 
@@ -45,7 +45,7 @@ var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
       args[_key] = arguments[_key];
     }
 
-    return _possibleConstructorReturn(_this, (_this = _super.call.apply(_super, [this].concat(args)), _this.state = {
+    return _possibleConstructorReturn(_this, (_temp = _this = _super.call.apply(_super, [this].concat(args)), _this.state = {
       hasError: false
     }, _this.renderError = function (e) {
       var errorTemplate = _this.props.errorTemplate;
@@ -55,7 +55,7 @@ var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
           // fallback
           return errorTemplate && typeof errorTemplate === "function" ? errorTemplate(e) : /*#__PURE__*/_react["default"].createElement("h5", null, "\u7EC4\u4EF6\u51FA\u9519\u4E86\uFF0C\u8BF7\u6838\u67E5\u540E\u91CD\u8BD5\uFF1A", e.message);
       }
-    }, _assertThisInitialized(_this)));
+    }, _temp));
   }
 
   _createClass(ErrorBoundary, [{

package/lib/components-v1/animate/AnimateChild.js

@@ -45,7 +45,7 @@ var AnimateChild = /*#__PURE__*/function (_Component) {
   var _super = _createSuper(AnimateChild);
 
   function AnimateChild() {
-    var _this;
+    var _temp, _this;
 
     _classCallCheck(this, AnimateChild);
 
@@ -53,14 +53,14 @@ var AnimateChild = /*#__PURE__*/function (_Component) {
       args[_key] = arguments[_key];
     }
 
-    return _possibleConstructorReturn(_this, (_this = _super.call.apply(_super, [this].concat(args)), _this.componentWillEnter = function (done) {
+    return _possibleConstructorReturn(_this, (_temp = _this = _super.call.apply(_super, [this].concat(args)), _this.componentWillEnter = function (done) {
       _this.transition("enter", done);
     }, _this.componentWillLeave = function (done) {
       _this.transition("leave", done);
     }, _this.transition = function (animationType, done) {
       var name = _typeof(_this.props.transitionName) === "object" ? _this.props.transitionName[animationType] : "".concat(_this.props.transitionName, "-").concat(animationType);
       (0, _animate["default"])((0, _reactDom.findDOMNode)(_assertThisInitialized(_this)), name, done);
-    }, _assertThisInitialized(_this)));
+    }, _temp));
   }
 
   _createClass(AnimateChild, [{

package/lib/components-v1/avatar/index.js

@@ -45,7 +45,7 @@ var Avatar = /*#__PURE__*/function (_PureComponent) {
   var _super = _createSuper(Avatar);
 
   function Avatar() {
-    var _this;
+    var _temp, _this;
 
     _classCallCheck(this, Avatar);
 
@@ -53,7 +53,7 @@ var Avatar = /*#__PURE__*/function (_PureComponent) {
       args[_key] = arguments[_key];
     }
 
-    return _possibleConstructorReturn(_this, (_this = _super.call.apply(_super, [this].concat(args)), _this.renderImgAvatar = function () {
+    return _possibleConstructorReturn(_this, (_temp = _this = _super.call.apply(_super, [this].concat(args)), _this.renderImgAvatar = function () {
       var src = _this.props.src;
       return /*#__PURE__*/_react["default"].createElement("img", {
         style: {
@@ -103,7 +103,7 @@ var Avatar = /*#__PURE__*/function (_PureComponent) {
         height: size.width,
         background: color
       }, cuttedName);
-    }, _assertThisInitialized(_this)));
+    }, _temp));
   }
 
   _createClass(Avatar, [{

package/lib/components-v1/dropDownSelector/StatelessDropdown.js

@@ -47,7 +47,7 @@ var StatelessDropdown = /*#__PURE__*/function (_Component) {
   var _super = _createSuper(StatelessDropdown);
 
   function StatelessDropdown() {
-    var _this;
+    var _temp, _this;
 
     _classCallCheck(this, StatelessDropdown);
 
@@ -55,7 +55,7 @@ var StatelessDropdown = /*#__PURE__*/function (_Component) {
       args[_key] = arguments[_key];
     }
 
-    return _possibleConstructorReturn(_this, (_this = _super.call.apply(_super, [this].concat(args)), _this.renderLabel = function () {
+    return _possibleConstructorReturn(_this, (_temp = _this = _super.call.apply(_super, [this].concat(args)), _this.renderLabel = function () {
       if (_this.props.labelText) {
         return /*#__PURE__*/_react["default"].createElement("span", {
           className: "drop-down-label"
@@ -63,7 +63,7 @@ var StatelessDropdown = /*#__PURE__*/function (_Component) {
       }
 
       return "";
-    }, _assertThisInitialized(_this)));
+    }, _temp));
   }
 
   _createClass(StatelessDropdown, [{

package/lib/components-v1/progress/CircleProgress.js

@@ -41,7 +41,7 @@ var CircleProgress = /*#__PURE__*/function (_Component) {
   var _super = _createSuper(CircleProgress);
 
   function CircleProgress() {
-    var _this;
+    var _temp, _this;
 
     _classCallCheck(this, CircleProgress);
 
@@ -49,7 +49,7 @@ var CircleProgress = /*#__PURE__*/function (_Component) {
       args[_key] = arguments[_key];
     }
 
-    return _possibleConstructorReturn(_this, (_this = _super.call.apply(_super, [this].concat(args)), _this.getTextContent = function () {
+    return _possibleConstructorReturn(_this, (_temp = _this = _super.call.apply(_super, [this].concat(args)), _this.getTextContent = function () {
       var _this$props = _this.props,
           formatText = _this$props.formatText,
           percent = _this$props.percent;
@@ -59,7 +59,7 @@ var CircleProgress = /*#__PURE__*/function (_Component) {
       }
 
       return percent + getLocale("OKR_MyO_Pop_Upd_Percentage");
-    }, _assertThisInitialized(_this)));
+    }, _temp));
   }
 
   _createClass(CircleProgress, [{

package/lib/components-v1/select/Option.js

@@ -47,7 +47,7 @@ var Option = /*#__PURE__*/function (_Component) {
   var _super = _createSuper(Option);
 
   function Option() {
-    var _this;
+    var _temp, _this;
 
     _classCallCheck(this, Option);
 
@@ -55,7 +55,7 @@ var Option = /*#__PURE__*/function (_Component) {
       args[_key] = arguments[_key];
     }
 
-    return _possibleConstructorReturn(_this, (_this = _super.call.apply(_super, [this].concat(args)), _this.handleSelect = function (e) {
+    return _possibleConstructorReturn(_this, (_temp = _this = _super.call.apply(_super, [this].concat(args)), _this.handleSelect = function (e) {
       e.stopPropagation();
       e.nativeEvent.stopImmediatePropagation();
       var onSelect = _this.props.onSelect;
@@ -65,7 +65,7 @@ var Option = /*#__PURE__*/function (_Component) {
         height: _this.props.height,
         lineHeight: _this.props.height
       };
-    }, _assertThisInitialized(_this)));
+    }, _temp));
   }
 
   _createClass(Option, [{

package/lib/components-v1/textarea/index.js

@@ -11,8 +11,6 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _i18nFrontTranslate = require("../../utils/i18n-front-translate");
 
-var _mblog = require("../../utils/mblog");
-
 var _style = require("./style");
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -149,7 +147,6 @@ var TextareaView = /*#__PURE__*/function (_PureComponent) {
           isFocus = _this$state.isFocus,
           isHasPlaceholder = _this$state.isHasPlaceholder;
       var valueLen = value.length;
-      console.log(123, (0, _mblog.htmlDecodeByRegExp)(value));
       return /*#__PURE__*/_react["default"].createElement(_style.TextareaWrapper, {
         className: className,
         style: style

package/lib/components-v1/userSelector/UserSelectorPop.js

@@ -52,7 +52,7 @@ var UserSelectorPop = /*#__PURE__*/function (_PureComponent) {
   var _super = _createSuper(UserSelectorPop);
 
   function UserSelectorPop() {
-    var _this;
+    var _temp, _this;
 
     _classCallCheck(this, UserSelectorPop);
 
@@ -60,7 +60,7 @@ var UserSelectorPop = /*#__PURE__*/function (_PureComponent) {
       args[_key] = arguments[_key];
     }
 
-    return _possibleConstructorReturn(_this, (_this = _super.call.apply(_super, [this].concat(args)), _this.handleShowPop = function (e) {
+    return _possibleConstructorReturn(_this, (_temp = _this = _super.call.apply(_super, [this].concat(args)), _this.handleShowPop = function (e) {
       if (_this.props.stopPropagation && !!e) {
         e.stopPropagation();
         e.nativeEvent.stopImmediatePropagation();
@@ -74,7 +74,7 @@ var UserSelectorPop = /*#__PURE__*/function (_PureComponent) {
     }, _this.show = function (el) {
       // @ts-ignore
       _this.refs.pop.show(el);
-    }, _assertThisInitialized(_this)));
+    }, _temp));
   }
 
   _createClass(UserSelectorPop, [{

package/lib/components-v1/userSelector/components/MultiMode/index.js

@@ -61,7 +61,7 @@ var MutiMode = /*#__PURE__*/function (_PureComponent) {
   var _super = _createSuper(MutiMode);
 
   function MutiMode() {
-    var _this;
+    var _temp, _this;
 
     _classCallCheck(this, MutiMode);
 
@@ -69,7 +69,7 @@ var MutiMode = /*#__PURE__*/function (_PureComponent) {
       args[_key] = arguments[_key];
     }
 
-    return _possibleConstructorReturn(_this, (_this = _super.call.apply(_super, [this].concat(args)), _this.handleDepartment = function (d) {
+    return _possibleConstructorReturn(_this, (_temp = _this = _super.call.apply(_super, [this].concat(args)), _this.handleDepartment = function (d) {
       var _this$props = _this.props,
           selectedDept = _this$props.selectedDept,
           onSelectDept = _this$props.onSelectDept;
@@ -90,7 +90,7 @@ var MutiMode = /*#__PURE__*/function (_PureComponent) {
       });
       if (!filterdUsers.length) return;
       onSelectUser(filterdUsers);
-    }, _assertThisInitialized(_this)));
+    }, _temp));
   }
 
   _createClass(MutiMode, [{

package/lib/components-v1/userSelector/components/UserItem.js

@@ -47,7 +47,7 @@ var UserItem = /*#__PURE__*/function (_PureComponent) {
   var _super = _createSuper(UserItem);
 
   function UserItem() {
-    var _this;
+    var _temp, _this;
 
     _classCallCheck(this, UserItem);
 
@@ -55,7 +55,7 @@ var UserItem = /*#__PURE__*/function (_PureComponent) {
       args[_key] = arguments[_key];
     }
 
-    return _possibleConstructorReturn(_this, (_this = _super.call.apply(_super, [this].concat(args)), _this.handleClick = function () {
+    return _possibleConstructorReturn(_this, (_temp = _this = _super.call.apply(_super, [this].concat(args)), _this.handleClick = function () {
       var _this$props = _this.props,
           onClick = _this$props.onClick,
           user = _this$props.user;
@@ -71,7 +71,7 @@ var UserItem = /*#__PURE__*/function (_PureComponent) {
           }
         }, keyword)];
       }));
-    }, _assertThisInitialized(_this)));
+    }, _temp));
   }
 
   _createClass(UserItem, [{

package/lib/pages/new-okr-list/header/index.js

@@ -9,47 +9,47 @@ exports["default"] = exports.ViewType = exports.MoreMenuType = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _tooltip = _interopRequireDefault(require("../../../components/tooltip"));
-
-var _bsGlobal = require("../../../utils/bs-global");
-
-var _precls = require("../precls");
+var _reactRouter = require("react-router");
 
 var _moment = _interopRequireDefault(require("moment"));
 
-var _keywordSearch = _interopRequireDefault(require("../keyword-search"));
-
-var _createOkr = _interopRequireDefault(require("./create-okr"));
-
-var _userTitle = _interopRequireDefault(require("./user-title"));
+var _guideTip = _interopRequireDefault(require("../../../components/guide-tip"));
 
-var _departTitle = _interopRequireDefault(require("./depart-title"));
+var _keywordSearch = _interopRequireDefault(require("../../../components/keyword-search"));
 
-var _relationTitle = _interopRequireDefault(require("./relation-title"));
+var _popupSelect = _interopRequireDefault(require("../../../components/popup-select"));
 
-var _filter = _interopRequireDefault(require("./filter"));
+var _tooltip = _interopRequireDefault(require("../../../components/tooltip"));
 
-var _comments = _interopRequireDefault(require("./comments"));
+var _bsGlobal = require("../../../utils/bs-global");
 
-var _operateRecord = _interopRequireDefault(require("./operate-record"));
+var _getLocale = require("../../../utils/getLocale");
 
 var _localStorage = require("../../../utils/local-storage");
 
 var _context = require("../context");
 
+var _precls = require("../precls");
+
 var _requestApi = require("../request-api");
 
-var _getLocale = require("../../../utils/getLocale");
+var _comments = _interopRequireDefault(require("./comments"));
 
-var _popupSelect = _interopRequireDefault(require("../../../components/popup-select"));
+var _createOkr = _interopRequireDefault(require("./create-okr"));
 
-var _guideTip = _interopRequireDefault(require("../../../components/guide-tip"));
+var _departTitle = _interopRequireDefault(require("./depart-title"));
+
+var _filter = _interopRequireDefault(require("./filter"));
 
 var _okrImport = _interopRequireDefault(require("./okr-import"));
 
-require("./index.css");
+var _operateRecord = _interopRequireDefault(require("./operate-record"));
 
-var _reactRouter = require("react-router");
+var _relationTitle = _interopRequireDefault(require("./relation-title"));
+
+var _userTitle = _interopRequireDefault(require("./user-title"));
+
+require("./index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@titaui/pc",
-  "version": "1.16.29",
+  "version": "1.16.30-beta.2",
   "nameCN": "",
   "description": "",
   "main": "lib/index.js",