@titaui/pc 1.11.4-0 → 1.11.4-0.beta-2

package/lib/pages/okr-map/export-modules/okr-map/okr-map.js

@@ -27,7 +27,7 @@ var _level2Search = _interopRequireDefault(require("../../level2-search"));
 
 var _requestApis = require("../../request-apis");
 
-var _useStorage13 = _interopRequireDefault(require("../../hooks/useStorage"));
+var _useStorage15 = _interopRequireDefault(require("../../hooks/useStorage"));
 
 var _drawerManager = _interopRequireDefault(require("../../../../components/drawer-manager"));
 
@@ -75,39 +75,44 @@ function _default(props) {
   _objectDestructuringEmpty(props); // 使用存储的State
 
 
-  var _useStorage = (0, _useStorage13["default"])("period", {
+  var _useStorage = (0, _useStorage15["default"])('period', {
     annualNum: "".concat(new Date().getFullYear()),
-    cycleType: "2",
+    cycleType: '2',
     yqmNum: "".concat((0, _dayjs["default"])().quarter())
   }),
       _useStorage2 = _slicedToArray(_useStorage, 2),
       period = _useStorage2[0],
       setPeriod = _useStorage2[1];
 
-  var _useStorage3 = (0, _useStorage13["default"])("showkr", false),
+  var _useStorage3 = (0, _useStorage15["default"])('showkr', false),
       _useStorage4 = _slicedToArray(_useStorage3, 2),
       showkr = _useStorage4[0],
       setShowKr = _useStorage4[1];
 
-  var _useStorage5 = (0, _useStorage13["default"])("searchType", "company"),
+  var _useStorage5 = (0, _useStorage15["default"])('showCardKr', false),
       _useStorage6 = _slicedToArray(_useStorage5, 2),
-      searchType = _useStorage6[0],
-      setSearchType = _useStorage6[1];
+      showCardKr = _useStorage6[0],
+      setShowCardKr = _useStorage6[1];
 
-  var _useStorage7 = (0, _useStorage13["default"])("level2Selected", {}),
+  var _useStorage7 = (0, _useStorage15["default"])('searchType', 'company'),
       _useStorage8 = _slicedToArray(_useStorage7, 2),
-      level2Selected = _useStorage8[0],
-      setLevel2Selected = _useStorage8[1];
+      searchType = _useStorage8[0],
+      setSearchType = _useStorage8[1];
 
-  var _useStorage9 = (0, _useStorage13["default"])("rootNode", {
+  var _useStorage9 = (0, _useStorage15["default"])('level2Selected', {}),
+      _useStorage10 = _slicedToArray(_useStorage9, 2),
+      level2Selected = _useStorage10[0],
+      setLevel2Selected = _useStorage10[1];
+
+  var _useStorage11 = (0, _useStorage15["default"])('rootNode', {
     rootId: 0,
-    rootName: ""
+    rootName: ''
   }, {
     noLocal: true
   }),
-      _useStorage10 = _slicedToArray(_useStorage9, 2),
-      rootNode = _useStorage10[0],
-      setRootNode = _useStorage10[1];
+      _useStorage12 = _slicedToArray(_useStorage11, 2),
+      rootNode = _useStorage12[0],
+      setRootNode = _useStorage12[1];
 
   var _useState = (0, _react.useState)(true),
       _useState2 = _slicedToArray(_useState, 2),
@@ -125,7 +130,7 @@ function _default(props) {
       darkTheme = _useState6[0],
       setDarkTheme = _useState6[1];
 
-  var _useState7 = (0, _react.useState)("horizontal"),
+  var _useState7 = (0, _react.useState)('horizontal'),
       _useState8 = _slicedToArray(_useState7, 2),
       direction = _useState8[0],
       setDirection = _useState8[1]; // 默认水平
@@ -152,10 +157,10 @@ function _default(props) {
       showMask = _useState16[0],
       setShowMask = _useState16[1];
 
-  var _useStorage11 = (0, _useStorage13["default"])("openLevel", 2),
-      _useStorage12 = _slicedToArray(_useStorage11, 2),
-      openLevel = _useStorage12[0],
-      setOpenLevel = _useStorage12[1];
+  var _useStorage13 = (0, _useStorage15["default"])('openLevel', 2),
+      _useStorage14 = _slicedToArray(_useStorage13, 2),
+      openLevel = _useStorage14[0],
+      setOpenLevel = _useStorage14[1];
 
   var _useState17 = (0, _react.useState)(false),
       _useState18 = _slicedToArray(_useState17, 2),
@@ -177,7 +182,7 @@ function _default(props) {
     }
   }, [fullScreen]);
   (0, _react.useEffect)(function () {
-    if (searchType == "company") {
+    if (searchType == 'company') {
       setRootNode({
         rootId: 0,
         rootName: _utils.tenantName
@@ -192,25 +197,37 @@ function _default(props) {
 
   var onMapActionsHandler = function onMapActionsHandler(iconType) {
     switch (iconType) {
-      case "export":
+      case 'export':
         exportCurrentFlow();
         break;
 
-      case "share":
+      case 'share':
         setShareDialogVisible(true);
         break;
 
-      case "fullscreen":
+      case 'fullscreen':
         // 全屏
+        var cardFlat = document.querySelector('.titaui-menus__menu-card');
+
+        if (cardFlat) {
+          cardFlat.style.display = 'none';
+        }
+
         setFullScreen(true);
         break;
 
-      case "quit-fullscreen":
+      case 'quit-fullscreen':
         // 退出全屏
+        var cardFlat = document.querySelector('.titaui-menus__menu-card');
+
+        if (cardFlat) {
+          cardFlat.style.display = 'flex';
+        }
+
         setFullScreen(false);
         break;
 
-      case "horizontal":
+      case 'horizontal':
         setDirection(iconType);
         setForceRender(true);
         setTimeout(function () {
@@ -218,7 +235,7 @@ function _default(props) {
         }, 100);
         break;
 
-      case "vertical":
+      case 'vertical':
         setDirection(iconType);
         setForceRender(true);
         setTimeout(function () {
@@ -235,7 +252,7 @@ function _default(props) {
   var setLevel2SelectedHandler = function setLevel2SelectedHandler(node) {
     var restAttrs = {}; // 把用户头像带过去
 
-    if (node.nodeType == "person") {
+    if (node.nodeType == 'person') {
       restAttrs.avatar = node.data.avatar;
     }
 
@@ -257,27 +274,28 @@ function _default(props) {
     setSearchType(iconType);
 
     switch (iconType) {
-      case "company":
+      case 'company':
         return setHasSubSearch(false);
 
-      case "depart":
+      case 'depart':
         setLevel2Selected({
           id: DepartmentId,
           name: Department
         });
         break;
 
-      case "group":
+      case 'group':
         // 群组的默认显示项为数据列表的第一个节点
         // 清空其他选项值，等待异步回调选中第一个数据
         setLevel2Selected({});
         break;
 
-      case "user":
+      case 'user':
         var userAvatar = {
           color: UserAvatar.Color,
           small: UserAvatar.Small,
-          hasAvatar: UserAvatar.HasAvatar
+          hasAvatar: UserAvatar.HasAvatar,
+          big: UserAvatar.Original || UserAvatar.original || UserAvatar.Big || UserAvatar.Large
         };
         setLevel2Selected({
           id: Id,
@@ -330,7 +348,7 @@ function _default(props) {
   var onKrPushChange = function onKrPushChange(name, value, id) {
     var data = {};
 
-    if (name == "user") {
+    if (name == 'user') {
       var avatar = {};
 
       for (var key in value.UserAvatar) {
@@ -344,16 +362,16 @@ function _default(props) {
           userId: value.Id
         }
       };
-    } else if (name == "date") {
+    } else if (name == 'date') {
       data = {
         startDate: value.startDate,
         endDate: value.endDate
       };
-    } else if (name == "progress") {
+    } else if (name == 'progress') {
       data = {
         progress: value
       };
-    } else if (name == "mileStoneName") {
+    } else if (name == 'mileStoneName') {
       data = {
         mileStoneName: value
       };
@@ -373,11 +391,11 @@ function _default(props) {
     var modelType = node.modelType,
         data = node.data;
 
-    if (modelType == "work") {
-      _drawerManager["default"].open("okrDetail", {
+    if (modelType == 'work') {
+      _drawerManager["default"].open('okrDetail', {
         okrId: data.workId
       });
-    } else if (modelType == "kr") {
+    } else if (modelType == 'kr') {
       if (!data.mapkrVisible) return;
       setSelectOkr(_objectSpread(_objectSpread({}, data), {}, {
         workId: data.mileStoneId,
@@ -395,7 +413,7 @@ function _default(props) {
         principalUser: data.user
       }));
 
-      _drawerManager["default"].open("krDetail", {
+      _drawerManager["default"].open('krDetail', {
         krId: data.mileStoneId
       });
     }
@@ -430,6 +448,9 @@ function _default(props) {
       onShowKrClick: function onShowKrClick(val) {
         return setShowKr(val);
       },
+      onShowCardKr: function onShowCardKr(val) {
+        return setShowCardKr(val);
+      },
       onSearchChange: onSearchChangeHandler,
       onPeriodChange: function onPeriodChange(period) {
         return setPeriod(period);
@@ -446,13 +467,14 @@ function _default(props) {
       darkTheme: darkTheme,
       direction: direction,
       showkr: showkr,
+      showCardKr: showCardKr,
       period: period
     }), /*#__PURE__*/_react["default"].createElement("div", {
       className: (0, _classnames["default"])("".concat(_precls["default"], "__content"))
     }, function () {
       // 根据选择的搜索类型不同，show出不同的组件
       if (!hasSubSearch) return undefined;
-      if (searchType == "company") return undefined;
+      if (searchType == 'company') return undefined;
       return /*#__PURE__*/_react["default"].createElement(_level2Search["default"], {
         key: searchType,
         type: searchType,
@@ -469,6 +491,7 @@ function _default(props) {
         return /*#__PURE__*/_react["default"].createElement(OkrSearchPanel, _extends({
           ref: okrMapRef,
           showkr: showkr,
+          showCardKr: showCardKr,
           direction: direction,
           darkTheme: darkTheme,
           openLevel: openLevel,

package/lib/pages/okr-map/export-modules/share-okr-page/header/index.css

@@ -4,6 +4,7 @@
   align-items: center;
   padding-left: 25px;
   box-sizing: border-box;
+  border-radius: 12px;
   height: 76px;
   background: #ffffff;
   box-shadow: 0px 0px 8px 0px #e9eef3;
@@ -23,18 +24,6 @@
   line-height: 28px;
 }
 
-.titapage-okr-map-share-okr__header-title:after {
-  display: inline-block;
-  position: absolute;
-  content: '';
-  right: 0;
-  top: 0;
-  background: linear-gradient(180deg, rgba(191, 199, 213, 0) 0%, #bfc7d5 50%, rgba(191, 199, 213, 0) 100%);
-  border-radius: 1px;
-  width: 1px;
-  height: 100%;
-}
-
 .titapage-okr-map-share-okr__header-dark {
   display: inline-block;
   position: absolute;
@@ -71,6 +60,29 @@
   right: 25px;
 }
 
+.titapage-okr-map-share-okr__header-showMore {
+  box-sizing: border-box;
+  position: absolute;
+  right: 110px;
+  padding: 0 12px;
+  height: 30px;
+  line-height: 30px;
+  cursor: pointer;
+  color: #3f4755;
+  font-size: 12px;
+}
+
+.titapage-okr-map-share-okr__header-showMore::after {
+  position: absolute;
+  display: inline-block;
+  background: url("../../../images/line-down-arrow.svg") transparent no-repeat 50% 50%;
+  content: '';
+  height: 6px;
+  width: 10px;
+  right: 0;
+  top: calc(50% - 3px);
+}
+
 .titapage-okr-map__dark .titapage-okr-map-share-okr__header {
   background: #3f4755;
   box-shadow: none;
@@ -81,7 +93,7 @@
 }
 
 .titapage-okr-map__dark .titapage-okr-map-share-okr__header-dark {
-  color: #89919F;
+  color: #89919f;
 }
 
 .titapage-okr-map__dark .titapage-okr-map-share-okr__header-dark:before {
@@ -117,5 +129,5 @@
 }
 
 .titapage-okr-map__dark .titapage-okr-map-share-okr__header .titaui-icon-button-list__btn:hover {
-  background-color: #515A69;
+  background-color: #515a69;
 }

package/lib/pages/okr-map/export-modules/share-okr-page/header/index.js

@@ -17,6 +17,10 @@ var _switch = _interopRequireDefault(require("../../../../../components/switch")
 
 var _getLocale = require("../../../../../utils/getLocale");
 
+var _popup = _interopRequireDefault(require("../../../../../components/popup"));
+
+var _toast = _interopRequireDefault(require("../../../../../components/toast"));
+
 var _precls = _interopRequireDefault(require("../../../precls"));
 
 require("./index.css");
@@ -31,34 +35,75 @@ function _default(props) {
   var setDarkTheme = props.setDarkTheme,
       darkTheme = props.darkTheme,
       showkr = props.showkr,
+      showCardKr = props.showCardKr,
+      setShowCardKr = props.setShowCardKr,
       setShowKr = props.setShowKr,
       setDirection = props.setDirection,
       onBtnClick = props.onBtnClick,
       direction = props.direction;
   var period = {};
   var iconButtons = [{
-    icon: "export",
-    overlay: (0, _getLocale.getLocale)("Mod_Export")
+    icon: 'daochu',
+    overlay: (0, _getLocale.getLocale)('Mod_Export'),
+    type: 'export'
   }, {
-    icon: direction == "horizontal" ? "vertical" : "horizontal",
-    overlay: direction == "horizontal" ? "".concat((0, _getLocale.getLocale)("OKR_Ali_Butt_Toggleportrait")) : "".concat((0, _getLocale.getLocale)("OKR_Ali_Butt_Togglelandscape"))
+    icon: direction == 'horizontal' ? 'yangshi-ditu' : 'yangshi-ditu',
+    overlay: direction == 'horizontal' ? "".concat((0, _getLocale.getLocale)('OKR_Ali_Butt_Toggleportrait')) : "".concat((0, _getLocale.getLocale)('OKR_Ali_Butt_Togglelandscape')),
+    placement: 'topRight',
+    rotate: direction == 'horizontal' ? 0 : -90,
+    type: direction == 'horizontal' ? 'vertical' : 'horizontal'
   }]; // 获取地图数据
 
   (0, _react.useEffect)(function () {// ...
   }, []);
+
+  var onhandleShowCardKr = function onhandleShowCardKr(checked) {
+    if (showkr && checked) {
+      setShowKr(false);
+
+      _toast["default"].Warning('仅允许开启一项');
+    }
+
+    setShowCardKr(checked);
+  };
+
+  var onConfirmHandler = function onConfirmHandler(checked) {
+    if (showCardKr && checked) {
+      setShowCardKr(false);
+
+      _toast["default"].Warning('仅允许开启一项');
+    }
+
+    setShowKr(checked);
+  };
+
+  var popup = function popup() {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: (0, _classnames["default"])("".concat(_precls["default"], "__show-more-popup"))
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: (0, _classnames["default"])("".concat(_precls["default"], "__header-action-showkr"))
+    }, /*#__PURE__*/_react["default"].createElement(_switch["default"], {
+      label: (0, _getLocale.getLocale)('OKR_Db_KRDetails'),
+      checked: showCardKr,
+      onChange: onhandleShowCardKr
+    })), /*#__PURE__*/_react["default"].createElement("div", {
+      className: (0, _classnames["default"])("".concat(_precls["default"], "__header-action-showkr"))
+    }, /*#__PURE__*/_react["default"].createElement(_switch["default"], {
+      label: (0, _getLocale.getLocale)('OKR_Ali_Butt_ExhibitionKRs'),
+      checked: showkr,
+      onChange: onConfirmHandler
+    })));
+  };
+
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])("".concat(_precls["default"], "-share-okr__header"))
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: (0, _classnames["default"])("".concat(_precls["default"], "-share-okr__header-title"))
-  }, (0, _getLocale.getLocale)("OKR_Menu_Title_Alignment")), /*#__PURE__*/_react["default"].createElement("span", {
-    className: (0, _classnames["default"])("".concat(_precls["default"], "-share-okr__header-showkr"))
-  }, /*#__PURE__*/_react["default"].createElement(_switch["default"], {
-    label: (0, _getLocale.getLocale)("OKR_Ali_Butt_ExhibitionKRs"),
-    checked: showkr,
-    onChange: function onChange(checked) {
-      return setShowKr(checked);
-    }
-  })), /*#__PURE__*/_react["default"].createElement("span", {
+  }, (0, _getLocale.getLocale)('OKR_Menu_Title_Alignment')), /*#__PURE__*/_react["default"].createElement(_popup["default"], {
+    popup: popup
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: (0, _classnames["default"])("".concat(_precls["default"], "-share-okr__header-showMore"))
+  }, (0, _getLocale.getLocale)('OKR_Ali_Butt_Exhibitionmore'))), /*#__PURE__*/_react["default"].createElement("span", {
     className: (0, _classnames["default"])("".concat(_precls["default"], "-share-okr__header-direction"))
   }, /*#__PURE__*/_react["default"].createElement(_iconButtonList["default"], {
     items: iconButtons,

package/lib/pages/okr-map/export-modules/share-okr-page/share-okr-map.js

@@ -55,14 +55,14 @@ function _default() {
   var _useState = (0, _react.useState)(function () {
     var hashQuery = {};
     var urlHash = decodeURIComponent(window.location.hash);
-    var hashQueryStr = urlHash.split("?")[1];
-    hashQueryStr.split("&").forEach(function (it) {
-      var _it$split = it.split("="),
+    var hashQueryStr = urlHash.split('?')[1];
+    hashQueryStr.split('&').forEach(function (it) {
+      var _it$split = it.split('='),
           _it$split2 = _slicedToArray(_it$split, 2),
           key = _it$split2[0],
           value = _it$split2[1];
 
-      if (key == "level2Selected" || key == "period" || key == "rootNode") hashQuery[key] = JSON.parse(value);else if (key == "showkr" || key == "darkTheme") hashQuery[key] = value == "true";else hashQuery[key] = value;
+      if (key == 'level2Selected' || key == 'period' || key == 'rootNode') hashQuery[key] = JSON.parse(value);else if (key == 'showkr' || key == 'darkTheme') hashQuery[key] = value == 'true';else hashQuery[key] = value;
     });
     return hashQuery;
   }),
@@ -83,35 +83,40 @@ function _default() {
       showkr = _useState8[0],
       setShowKr = _useState8[1];
 
-  var _useState9 = (0, _react.useState)(hashQuery.darkTheme),
+  var _useState9 = (0, _react.useState)(hashQuery.showCardKr),
       _useState10 = _slicedToArray(_useState9, 2),
-      darkTheme = _useState10[0],
-      setDarkTheme = _useState10[1];
+      showCardKr = _useState10[0],
+      setShowCardKr = _useState10[1];
 
-  var _useState11 = (0, _react.useState)(hashQuery.direction),
+  var _useState11 = (0, _react.useState)(hashQuery.darkTheme),
       _useState12 = _slicedToArray(_useState11, 2),
-      direction = _useState12[0],
-      setDirection = _useState12[1];
+      darkTheme = _useState12[0],
+      setDarkTheme = _useState12[1];
 
-  var _useState13 = (0, _react.useState)(hashQuery.rootNode),
+  var _useState13 = (0, _react.useState)(hashQuery.direction),
       _useState14 = _slicedToArray(_useState13, 2),
-      rootNode = _useState14[0],
-      setRootNode = _useState14[1];
+      direction = _useState14[0],
+      setDirection = _useState14[1];
 
-  var _useState15 = (0, _react.useState)(false),
+  var _useState15 = (0, _react.useState)(hashQuery.rootNode),
       _useState16 = _slicedToArray(_useState15, 2),
-      forceRender = _useState16[0],
-      setForceRender = _useState16[1];
+      rootNode = _useState16[0],
+      setRootNode = _useState16[1];
+
+  var _useState17 = (0, _react.useState)(false),
+      _useState18 = _slicedToArray(_useState17, 2),
+      forceRender = _useState18[0],
+      setForceRender = _useState18[1];
 
   var okrMapRef = (0, _react.useRef)();
 
   var onMapActionsHandler = function onMapActionsHandler(iconType) {
     switch (iconType) {
-      case "export":
+      case 'export':
         exportCurrentFlow();
         break;
 
-      case "horizontal":
+      case 'horizontal':
         setDirection(iconType);
         setForceRender(true);
         setTimeout(function () {
@@ -119,7 +124,7 @@ function _default() {
         }, 100);
         break;
 
-      case "vertical":
+      case 'vertical':
         setDirection(iconType);
         setForceRender(true);
         setTimeout(function () {
@@ -144,9 +149,11 @@ function _default() {
       className: (0, _classnames["default"])(_precls["default"], "".concat(_precls["default"], "-share"))
     }, /*#__PURE__*/_react["default"].createElement(_header["default"], {
       showkr: showkr,
+      showCardKr: showCardKr,
       darkTheme: darkTheme,
       direction: direction,
       setShowKr: setShowKr,
+      setShowCardKr: setShowCardKr,
       setDirection: setDirection,
       onBtnClick: onMapActionsHandler,
       setDarkTheme: setDarkTheme
@@ -158,10 +165,11 @@ function _default() {
         ref: okrMapRef,
         searchType: searchType,
         showkr: showkr,
+        showCardKr: showCardKr,
         direction: direction,
         darkTheme: darkTheme
       }, period, rootNode, {
-        okrType: _utils.OkrTypeSetting ? _utils.okrTypeMap[searchType] : ""
+        okrType: _utils.OkrTypeSetting ? _utils.okrTypeMap[searchType] : ''
       }));
     }())));
   });

package/lib/pages/okr-map/number-select/index.css

@@ -1,8 +1,7 @@
 .titaui-number-select {
   font-size: 14px;
   font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica, sans-serif, PingFang SC, Microsoft YaHei;
-  color: #3F4755;
-  width: 136px;
+  color: #3f4755;
   position: relative;
 }
 
@@ -23,12 +22,12 @@
 
 .titaui-number-select--action-icon {
   display: inline-block;
-  width: 12px;
-  height: 12px;
-  background: #BFC7D5;
+  width: 16px;
+  height: 16px;
+  background: #bfc7d5;
   border-radius: 10px;
   text-align: center;
-  line-height: 10px;
+  line-height: 14px;
   color: #fff;
   cursor: pointer;
   vertical-align: middle;
@@ -39,8 +38,12 @@
   user-select: none;
 }
 
+.titaui-number-select--action-icon-right {
+  line-height: 16px;
+}
+
 .titaui-number-select--action-icon:hover {
-  background: #2879FF;
+  background: #2879ff;
 }
 
 .titaui-number-select--action-icon__disable {
@@ -48,13 +51,13 @@
 }
 
 .titaui-number-select--action-icon__disable:hover {
-  background: #BFC7D5;
+  background: #bfc7d5;
   opacity: 0.4;
   cursor: not-allowed;
 }
 
 .titaui-number-select--value {
-  margin: 0  4px;
+  margin: 0 4px;
   vertical-align: middle;
   -webkit-touch-callout: none;
   -webkit-user-select: none;

package/lib/pages/okr-map/number-select/index.js

@@ -29,7 +29,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-var preCls = "titaui-number-select";
+var preCls = 'titaui-number-select';
 
 function NumberSelect(props) {
   var _props$max = props.max,
@@ -41,7 +41,7 @@ function NumberSelect(props) {
       _props$defaultValue = props.defaultValue,
       defaultValue = _props$defaultValue === void 0 ? 2 : _props$defaultValue,
       _props$label = props.label,
-      label = _props$label === void 0 ? (0, _getLocale.getLocale)("Mod_Editor") : _props$label;
+      label = _props$label === void 0 ? (0, _getLocale.getLocale)('Mod_Editor') : _props$label;
 
   var _useState = (0, _react.useState)(defaultValue),
       _useState2 = _slicedToArray(_useState, 2),
@@ -72,7 +72,7 @@ function NumberSelect(props) {
   }, "-"), /*#__PURE__*/React.createElement("span", {
     className: (0, _classnames["default"])("".concat(preCls, "--value"))
   }, num), /*#__PURE__*/React.createElement("span", {
-    className: (0, _classnames["default"])("".concat(preCls, "--action-icon"), _defineProperty({}, "".concat(preCls, "--action-icon__disable"), num == max)),
+    className: (0, _classnames["default"])("".concat(preCls, "--action-icon"), "".concat(preCls, "--action-icon-right"), _defineProperty({}, "".concat(preCls, "--action-icon__disable"), num == max)),
     onClick: addHandler
   }, "+")));
 }