@titaui/pc 1.13.1 → 1.13.2-beta.1

package/lib/components/nav-top/components/menu/index.js

@@ -45,7 +45,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-var prefix = 'titaui-nav-top-menu';
+var prefix = "titaui-nav-top-menu";
 var popupAlign = {
   offset: [0, 5],
   overflow: {
@@ -54,7 +54,7 @@ var popupAlign = {
   },
   targetOffset: [0, 0]
 };
-var NEWMENUS = '#summary/my';
+var NEWMENUS = "#summary/my";
 
 var Menu = function Menu(_ref) {
   var menus = _ref.menus,
@@ -75,7 +75,7 @@ var Menu = function Menu(_ref) {
       feedNum = _useGlobalValue2[0];
 
   var containerRef = (0, _react.useRef)();
-  var apiPath = (0, _bsGlobal.getBSGlobal)('apiPath');
+  var apiPath = (0, _bsGlobal.getBSGlobal)("apiPath");
   var userId = (0, _bsGlobal.getUserInfo)().Id;
 
   var handlePopupVisibleChange = function handlePopupVisibleChange(visible) {
@@ -84,14 +84,14 @@ var Menu = function Menu(_ref) {
 
   var handleTracker = function handleTracker(menu) {
     if (window.titaTracker) {
-      window.titaTracker('action').record({
+      window.titaTracker("action").record({
         actionName: "\u5BFC\u822A\u83DC\u5355__".concat(menu.title),
-        actionGroup: '导航菜单',
-        productName: '导航菜单'
+        actionGroup: "导航菜单",
+        productName: "导航菜单"
       });
     }
 
-    if (menu.code === 'dynamic' && feedNum > 0) {
+    if (menu.code === "dynamic" && feedNum > 0) {
       window.location.reload();
     }
   };
@@ -114,7 +114,7 @@ var Menu = function Menu(_ref) {
   var renderRawItem = function renderRawItem(menu) {
     var href = menu.href;
 
-    if (menu.title === 'Learning' || menu.code === 'learning') {
+    if (menu.title === "Learning" || menu.code === "learning") {
       href = "".concat(apiPath, "/").concat(href);
     }
 
@@ -138,7 +138,7 @@ var Menu = function Menu(_ref) {
     //   }}
     //   onClickClose={handleClickClose}
     // >
-    _react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("a", {
+    _react["default"].createElement("a", {
       className: (0, _classnames["default"])("".concat(prefix, "__menu-show"), _defineProperty({}, "".concat(prefix, "__menu-show--active"), activeMenuId === menu.id)),
       href: href,
       target: "_self",
@@ -149,7 +149,7 @@ var Menu = function Menu(_ref) {
       src: _new["default"],
       alt: "",
       className: "".concat(prefix, "__tips-new")
-    }))) // </GuideTip>
+    })) // </GuideTip>
     , menu.href !== NEWMENUS && /*#__PURE__*/_react["default"].createElement("a", {
       className: (0, _classnames["default"])("".concat(prefix, "__menu-show"), _defineProperty({}, "".concat(prefix, "__menu-show--active"), activeMenuId === menu.id)),
       href: href,
@@ -157,9 +157,9 @@ var Menu = function Menu(_ref) {
       onClick: function onClick() {
         return handleTracker(menu);
       }
-    }, menu.title, menu.href === '#dynamic' && feedNum > 0 && /*#__PURE__*/_react["default"].createElement("div", {
-      className: (0, _classnames["default"])("".concat(prefix, "__menu--hasNum"), _defineProperty({}, "".concat(prefix, "__menu--hasNum-active"), activeMenuId === menu.id && menu.href === '#dynamic'))
-    }, feedNum > 100 ? '99+' : feedNum))));
+    }, menu.title, menu.href === "#dynamic" && feedNum > 0 && /*#__PURE__*/_react["default"].createElement("div", {
+      className: (0, _classnames["default"])("".concat(prefix, "__menu--hasNum"), _defineProperty({}, "".concat(prefix, "__menu--hasNum-active"), activeMenuId === menu.id && menu.href === "#dynamic"))
+    }, feedNum > 100 ? "99+" : feedNum))));
   };
 
   var renderRest = function renderRest(items) {
@@ -173,7 +173,7 @@ var Menu = function Menu(_ref) {
     }, items.map(function (menu) {
       var href = menu.href;
 
-      if (menu.title === 'Learning' || menu.code === 'learning') {
+      if (menu.title === "Learning" || menu.code === "learning") {
         href = "".concat(apiPath, "/").concat(href);
       }
 
@@ -194,7 +194,7 @@ var Menu = function Menu(_ref) {
       popupPlacement: "bottomLeft",
       popupAlign: popupAlign
     }, /*#__PURE__*/_react["default"].createElement("span", {
-      className: (0, _classnames["default"])('tu-icon-diot', "".concat(prefix, "__more-icon"), _defineProperty({}, "".concat(prefix, "__more-icon--active"), isActiveHideMeun))
+      className: (0, _classnames["default"])("tu-icon-diot", "".concat(prefix, "__more-icon"), _defineProperty({}, "".concat(prefix, "__more-icon--active"), isActiveHideMeun))
     }));
   };
 

package/lib/components/nav-top/index.js

@@ -91,8 +91,13 @@ var NavTop = function NavTop() {
 
   var _useState7 = (0, _react.useState)(false),
       _useState8 = _slicedToArray(_useState7, 2),
-      summaryGuideVisible = _useState8[0],
-      setSummaryGuideVisible = _useState8[1];
+      appCenterPosition = _useState8[0],
+      setAppCenterPosition = _useState8[1];
+
+  var _useState9 = (0, _react.useState)(false),
+      _useState10 = _slicedToArray(_useState9, 2),
+      summaryGuideVisible = _useState10[0],
+      setSummaryGuideVisible = _useState10[1];
 
   var ua = navigator.userAgent.toLowerCase();
   var showWxInvite = (0, _bsGlobal.getTenantInfo)().mainCorpId && ua.indexOf("micromessenger") !== -1;
@@ -159,7 +164,17 @@ var NavTop = function NavTop() {
     } else {
       setSummaryGuideVisible(true);
     }
-  }, []);
+  }, []); // 为了处理应用中心收起时 还没收起时 层级就消失了
+
+  (0, _react.useEffect)(function () {
+    if (appCenterVisible) {
+      setAppCenterPosition(true);
+    } else {
+      setTimeout(function () {
+        setAppCenterPosition(false);
+      }, 500);
+    }
+  }, [appCenterVisible]);
 
   var handleCloseSummaryGuide = function handleCloseSummaryGuide() {
     setSummaryGuideVisible(false);
@@ -172,7 +187,7 @@ var NavTop = function NavTop() {
   };
 
   return /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])(preCls, _defineProperty({}, "".concat(preCls, "--position"), appCenterVisible), _defineProperty({}, "".concat(preCls, "-no-shadow"), appCenterVisible))
+    className: (0, _classnames["default"])(preCls, _defineProperty({}, "".concat(preCls, "--position"), appCenterPosition), _defineProperty({}, "".concat(preCls, "-no-shadow"), appCenterVisible))
   }, /*#__PURE__*/_react["default"].createElement("a", {
     className: "".concat(preCls, "__left"),
     href: "#dynamic"

package/lib/components/scroll-container/index.js

@@ -23,6 +23,12 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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; }
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
@@ -59,15 +65,24 @@ var ScrollContainer = /*#__PURE__*/function (_PureComponent) {
 
     _this = _super.call(this, props);
 
-    _this.onEndScroll = function () {
+    _this.onEndScroll = function (e) {
+      var _e$target = e.target,
+          clientHeight = _e$target.clientHeight,
+          scrollHeight = _e$target.scrollHeight,
+          scrollTop = _e$target.scrollTop;
+      if (clientHeight + scrollTop === scrollHeight) _this.props.onScrollBottom(e);
       _this.scrolling = false;
 
       if (!_this.pressed && _this.started) {
-        _this.processEnd();
+        _this.processEnd(e);
       }
     };
 
     _this.onScroll = function (e) {
+      var _e$target2 = e.target,
+          clientHeight = _e$target2.clientHeight,
+          scrollHeight = _e$target2.scrollHeight,
+          scrollTop = _e$target2.scrollTop;
       var container = _this.container.current; // Ignore the internal scrolls
 
       if (container.scrollLeft !== _this.scrollLeft || container.scrollTop !== _this.scrollTop) {
@@ -75,7 +90,13 @@ var ScrollContainer = /*#__PURE__*/function (_PureComponent) {
 
         _this.processScroll(e);
 
-        _this.onEndScroll();
+        _this.onEndScroll({
+          target: {
+            clientHeight: clientHeight,
+            scrollHeight: scrollHeight,
+            scrollTop: scrollTop
+          }
+        });
       }
     };
 
@@ -351,14 +372,14 @@ var ScrollContainer = /*#__PURE__*/function (_PureComponent) {
     }
   }, {
     key: "processEnd",
-    value: function processEnd() {
+    value: function processEnd(e) {
       var onEndScroll = this.props.onEndScroll;
       var container = this.container.current;
 
       if (container && onEndScroll) {
-        onEndScroll({
+        onEndScroll(_objectSpread(_objectSpread({}, e), {}, {
           external: !this.internal
-        });
+        }));
       }
 
       this.pressed = false;

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

@@ -58,6 +58,9 @@ function _default(props) {
     height: 30
   }, props.style);
 
+  (0, _react.useEffect)(function () {
+    setValue(props.value);
+  }, [props.value]);
   var inputClassName = focus ? "search-input-focus" : "";
   var iconClassName = focus ? "search-input-icon-focus" : "";
   var clearIconStyle = {