assui 2.3.8 → 3.0.0-alpha.0

package/lib/keep-tab/index.js

@@ -4,22 +4,17 @@ var __assign = this && this.__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
       s = arguments[i];
-
       for (var p in s) {
         if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
       }
     }
-
     return t;
   };
-
   return __assign.apply(this, arguments);
 };
-
 var __createBinding = this && this.__createBinding || (Object.create ? function (o, m, k, k2) {
   if (k2 === undefined) k2 = k;
   var desc = Object.getOwnPropertyDescriptor(m, k);
-
   if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
     desc = {
       enumerable: true,
@@ -28,13 +23,11 @@ var __createBinding = this && this.__createBinding || (Object.create ? function
       }
     };
   }
-
   Object.defineProperty(o, k2, desc);
 } : function (o, m, k, k2) {
   if (k2 === undefined) k2 = k;
   o[k2] = m[k];
 });
-
 var __setModuleDefault = this && this.__setModuleDefault || (Object.create ? function (o, v) {
   Object.defineProperty(o, "default", {
     enumerable: true,
@@ -43,40 +36,32 @@ var __setModuleDefault = this && this.__setModuleDefault || (Object.create ? fun
 } : function (o, v) {
   o["default"] = v;
 });
-
 var __importStar = this && this.__importStar || function (mod) {
   if (mod && mod.__esModule) return mod;
   var result = {};
   if (mod != null) for (var k in mod) {
     if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
   }
-
   __setModuleDefault(result, mod);
-
   return result;
 };
-
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
-
   for (var p in s) {
     if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
   }
-
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
-
 var __read = this && this.__read || function (o, n) {
   var m = typeof Symbol === "function" && o[Symbol.iterator];
   if (!m) return o;
   var i = m.call(o),
-      r,
-      ar = [],
-      e;
-
+    r,
+    ar = [],
+    e;
   try {
     while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
       ar.push(r.value);
@@ -92,111 +77,84 @@ var __read = this && this.__read || function (o, n) {
       if (e) throw e.error;
     }
   }
-
   return ar;
 };
-
 var __importDefault = this && this.__importDefault || function (mod) {
   return mod && mod.__esModule ? mod : {
     "default": mod
   };
 };
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 var React = __importStar(require("react"));
-
 var find_1 = __importDefault(require("lodash/find"));
-
 var qsHelp_1 = __importDefault(require("aa-utils/lib/qsHelp"));
-
 var badge_1 = __importDefault(require("antd/lib/badge"));
-
 var tabs_1 = __importDefault(require("antd/lib/tabs"));
-
 var use_url_state_1 = __importDefault(require("@ahooksjs/use-url-state"));
-
 var useControllableValue_1 = __importDefault(require("ahooks/lib/useControllableValue"));
-
-var toArray_1 = __importDefault(require("rc-util/lib/Children/toArray"));
-
 var TabPane = tabs_1["default"].TabPane;
 var defaultBadgeProps = {};
-
 var KeepTab = function KeepTab(props) {
   var _a;
-
-  var children = props.children,
-      defaultActiveKey = props.defaultActiveKey,
-      saveActiveKeyName = props.saveActiveKeyName,
-      onChange = props.onChange,
-      _b = props.badgeProps,
-      badgeProps = _b === void 0 ? defaultBadgeProps : _b,
-      restProps = __rest(props, ["children", "defaultActiveKey", "saveActiveKeyName", "onChange", "badgeProps"]);
-
+  var _b = props.items,
+    items = _b === void 0 ? [] : _b,
+    defaultActiveKey = props.defaultActiveKey,
+    saveActiveKeyName = props.saveActiveKeyName,
+    onChange = props.onChange,
+    _c = props.badgeProps,
+    badgeProps = _c === void 0 ? defaultBadgeProps : _c,
+    restProps = __rest(props, ["items", "defaultActiveKey", "saveActiveKeyName", "onChange", "badgeProps"]);
   var defaultUrlParams = qsHelp_1["default"].getQueryObject();
-
-  var _c = __read((0, use_url_state_1["default"])((_a = {}, _a[saveActiveKeyName] = defaultUrlParams[saveActiveKeyName] || defaultActiveKey, _a)), 2),
-      urlParams = _c[0],
-      setUrlParams = _c[1];
-
-  var _d = __read((0, useControllableValue_1["default"])(props, {
-    valuePropName: 'activeKey',
-    defaultValue: defaultUrlParams[saveActiveKeyName] || defaultActiveKey
-  }), 2),
-      tabActiveKey = _d[0],
-      setTabActiveKey = _d[1];
-
-  var arrayChildren = (0, toArray_1["default"])(children);
+  var _d = __read((0, use_url_state_1["default"])((_a = {}, _a[saveActiveKeyName] = defaultUrlParams[saveActiveKeyName] || defaultActiveKey, _a)), 2),
+    urlParams = _d[0],
+    setUrlParams = _d[1];
+  var _e = __read((0, useControllableValue_1["default"])(props, {
+      valuePropName: 'activeKey',
+      defaultValue: defaultUrlParams[saveActiveKeyName] || defaultActiveKey
+    }), 2),
+    tabActiveKey = _e[0],
+    setTabActiveKey = _e[1];
   React.useEffect(function () {
     var _a;
-
-    if (!('activeKey' in props)) {
-      var resultActiveTab = (0, find_1["default"])(arrayChildren, {
+    if (!('activeKey' in props) && items) {
+      var resultActiveTab = (0, find_1["default"])(items, {
         key: urlParams[saveActiveKeyName]
       });
-
-      if (!resultActiveTab || resultActiveTab.props.disabled) {
-        setUrlParams((_a = {}, _a[saveActiveKeyName] = arrayChildren[0].key, _a));
-        setTabActiveKey(arrayChildren[0].key);
+      if (!resultActiveTab || resultActiveTab.disabled) {
+        setUrlParams((_a = {}, _a[saveActiveKeyName] = items[0].key, _a));
+        setTabActiveKey(items[0].key);
       }
     }
   }, [tabActiveKey]);
-
   var handleTabChange = function handleTabChange(nextActiveKey) {
     var _a;
-
     setUrlParams((_a = {}, _a[saveActiveKeyName] = nextActiveKey, _a));
     setTabActiveKey(nextActiveKey);
   };
-
-  var resultChildren = arrayChildren.map(function (childItem) {
-    var _a;
-
-    var count = (_a = childItem === null || childItem === void 0 ? void 0 : childItem.props) === null || _a === void 0 ? void 0 : _a.count;
-
+  var resultItems = items.map(function (item) {
+    var count = item === null || item === void 0 ? void 0 : item.count;
     if (count) {
-      return React.cloneElement(childItem, {
-        tab: React.createElement(badge_1["default"], __assign({
+      return __assign(__assign({}, item), {
+        label: React.createElement(badge_1["default"], __assign({
           className: "tab-badge",
           count: count,
           offset: [16, -9]
-        }, badgeProps), React.createElement("span", null, childItem.props.tab))
+        }, badgeProps), React.createElement("span", null, item.label))
       });
     }
-
-    return childItem;
+    return item;
   });
   return React.createElement(tabs_1["default"], __assign({
     animated: false,
     onChange: handleTabChange,
     destroyInactiveTabPane: true,
     activeKey: tabActiveKey
-  }, restProps), resultChildren);
+  }, restProps, {
+    items: resultItems
+  }));
 };
-
 KeepTab.defaultProps = {
   saveActiveKeyName: 'active'
 };

package/lib/keep-tab/style/index.css

@@ -589,7 +589,7 @@
   margin: 0 0 0 32px;
 }
 .ant-tabs-content {
-  display: flex;
+  position: relative;
   width: 100%;
 }
 .ant-tabs-content-holder {
@@ -597,14 +597,37 @@
   min-width: 0;
   min-height: 0;
 }
-.ant-tabs-content-animated {
-  transition: margin 0.3s;
-}
 .ant-tabs-tabpane {
-  flex: none;
-  width: 100%;
   outline: none;
 }
+.ant-tabs-tabpane-hidden {
+  display: none;
+}
+.ant-tabs-switch-appear,
+.ant-tabs-switch-enter {
+  transition: none;
+}
+.ant-tabs-switch-appear-start,
+.ant-tabs-switch-enter-start {
+  opacity: 0;
+}
+.ant-tabs-switch-appear-active,
+.ant-tabs-switch-enter-active {
+  opacity: 1;
+  transition: opacity 0.3s;
+}
+.ant-tabs-switch-leave {
+  position: absolute;
+  transition: none;
+  inset: 0;
+}
+.ant-tabs-switch-leave-start {
+  opacity: 1;
+}
+.ant-tabs-switch-leave-active {
+  opacity: 0;
+  transition: opacity 0.3s;
+}
 .ant-badge {
   box-sizing: border-box;
   margin: 0;
@@ -673,8 +696,7 @@
 .ant-badge-count.anticon-spin,
 .ant-badge-dot.anticon-spin,
 .ant-badge .ant-scroll-number-custom-component.anticon-spin {
-  -webkit-animation: antBadgeLoadingCircle 1s infinite linear;
-          animation: antBadgeLoadingCircle 1s infinite linear;
+  animation: antBadgeLoadingCircle 1s infinite linear;
 }
 .ant-badge-status {
   line-height: inherit;
@@ -704,8 +726,7 @@
   height: 100%;
   border: 1px solid #1890ff;
   border-radius: 50%;
-  -webkit-animation: antStatusProcessing 1.2s infinite ease-in-out;
-          animation: antStatusProcessing 1.2s infinite ease-in-out;
+  animation: antStatusProcessing 1.2s infinite ease-in-out;
   content: '';
 }
 .ant-badge-status-default {
@@ -763,25 +784,19 @@
 }
 .ant-badge-zoom-appear,
 .ant-badge-zoom-enter {
-  -webkit-animation: antZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
-          animation: antZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
-  -webkit-animation-fill-mode: both;
-          animation-fill-mode: both;
+  animation: antZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
+  animation-fill-mode: both;
 }
 .ant-badge-zoom-leave {
-  -webkit-animation: antZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6);
-          animation: antZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6);
-  -webkit-animation-fill-mode: both;
-          animation-fill-mode: both;
+  animation: antZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6);
+  animation-fill-mode: both;
 }
 .ant-badge-not-a-wrapper .ant-badge-zoom-appear,
 .ant-badge-not-a-wrapper .ant-badge-zoom-enter {
-  -webkit-animation: antNoWrapperZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
-          animation: antNoWrapperZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
+  animation: antNoWrapperZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
 }
 .ant-badge-not-a-wrapper .ant-badge-zoom-leave {
-  -webkit-animation: antNoWrapperZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6);
-          animation: antNoWrapperZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6);
+  animation: antNoWrapperZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6);
 }
 .ant-badge-not-a-wrapper:not(.ant-badge-status) {
   vertical-align: middle;
@@ -797,16 +812,6 @@
   display: block;
   transform-origin: 50% 50%;
 }
-@-webkit-keyframes antStatusProcessing {
-  0% {
-    transform: scale(0.8);
-    opacity: 0.5;
-  }
-  100% {
-    transform: scale(2.4);
-    opacity: 0;
-  }
-}
 @keyframes antStatusProcessing {
   0% {
     transform: scale(0.8);
@@ -842,15 +847,6 @@
 .ant-scroll-number-symbol {
   vertical-align: top;
 }
-@-webkit-keyframes antZoomBadgeIn {
-  0% {
-    transform: scale(0) translate(50%, -50%);
-    opacity: 0;
-  }
-  100% {
-    transform: scale(1) translate(50%, -50%);
-  }
-}
 @keyframes antZoomBadgeIn {
   0% {
     transform: scale(0) translate(50%, -50%);
@@ -860,15 +856,6 @@
     transform: scale(1) translate(50%, -50%);
   }
 }
-@-webkit-keyframes antZoomBadgeOut {
-  0% {
-    transform: scale(1) translate(50%, -50%);
-  }
-  100% {
-    transform: scale(0) translate(50%, -50%);
-    opacity: 0;
-  }
-}
 @keyframes antZoomBadgeOut {
   0% {
     transform: scale(1) translate(50%, -50%);
@@ -878,15 +865,6 @@
     opacity: 0;
   }
 }
-@-webkit-keyframes antNoWrapperZoomBadgeIn {
-  0% {
-    transform: scale(0);
-    opacity: 0;
-  }
-  100% {
-    transform: scale(1);
-  }
-}
 @keyframes antNoWrapperZoomBadgeIn {
   0% {
     transform: scale(0);
@@ -896,15 +874,6 @@
     transform: scale(1);
   }
 }
-@-webkit-keyframes antNoWrapperZoomBadgeOut {
-  0% {
-    transform: scale(1);
-  }
-  100% {
-    transform: scale(0);
-    opacity: 0;
-  }
-}
 @keyframes antNoWrapperZoomBadgeOut {
   0% {
     transform: scale(1);
@@ -914,15 +883,6 @@
     opacity: 0;
   }
 }
-@-webkit-keyframes antBadgeLoadingCircle {
-  0% {
-    transform-origin: 50%;
-  }
-  100% {
-    transform: translate(50%, -50%) rotate(360deg);
-    transform-origin: 50%;
-  }
-}
 @keyframes antBadgeLoadingCircle {
   0% {
     transform-origin: 50%;
@@ -1070,12 +1030,10 @@
 }
 .ant-badge:not(.ant-badge-not-a-wrapper).ant-badge-rtl .ant-badge-zoom-appear,
 .ant-badge:not(.ant-badge-not-a-wrapper).ant-badge-rtl .ant-badge-zoom-enter {
-  -webkit-animation-name: antZoomBadgeInRtl;
-          animation-name: antZoomBadgeInRtl;
+  animation-name: antZoomBadgeInRtl;
 }
 .ant-badge:not(.ant-badge-not-a-wrapper).ant-badge-rtl .ant-badge-zoom-leave {
-  -webkit-animation-name: antZoomBadgeOutRtl;
-          animation-name: antZoomBadgeOutRtl;
+  animation-name: antZoomBadgeOutRtl;
 }
 .ant-ribbon-rtl {
   direction: rtl;
@@ -1108,15 +1066,6 @@
 .ant-ribbon-rtl.ant-ribbon-placement-start .ant-ribbon-corner::after {
   border-color: currentcolor transparent transparent currentcolor;
 }
-@-webkit-keyframes antZoomBadgeInRtl {
-  0% {
-    transform: scale(0) translate(-50%, -50%);
-    opacity: 0;
-  }
-  100% {
-    transform: scale(1) translate(-50%, -50%);
-  }
-}
 @keyframes antZoomBadgeInRtl {
   0% {
     transform: scale(0) translate(-50%, -50%);
@@ -1126,15 +1075,6 @@
     transform: scale(1) translate(-50%, -50%);
   }
 }
-@-webkit-keyframes antZoomBadgeOutRtl {
-  0% {
-    transform: scale(1) translate(-50%, -50%);
-  }
-  100% {
-    transform: scale(0) translate(-50%, -50%);
-    opacity: 0;
-  }
-}
 @keyframes antZoomBadgeOutRtl {
   0% {
     transform: scale(1) translate(-50%, -50%);

package/lib/keep-tab/style/index.js

@@ -3,7 +3,5 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 require("antd/lib/tabs/style");
-
 require("antd/lib/badge/style");

package/lib/label-auto-complete/index.js

@@ -4,26 +4,21 @@ var __assign = this && this.__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
       s = arguments[i];
-
       for (var p in s) {
         if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
       }
     }
-
     return t;
   };
-
   return __assign.apply(this, arguments);
 };
-
 var __read = this && this.__read || function (o, n) {
   var m = typeof Symbol === "function" && o[Symbol.iterator];
   if (!m) return o;
   var i = m.call(o),
-      r,
-      ar = [],
-      e;
-
+    r,
+    ar = [],
+    e;
   try {
     while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
       ar.push(r.value);
@@ -39,77 +34,58 @@ var __read = this && this.__read || function (o, n) {
       if (e) throw e.error;
     }
   }
-
   return ar;
 };
-
 var __importDefault = this && this.__importDefault || function (mod) {
   return mod && mod.__esModule ? mod : {
     "default": mod
   };
 };
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 var react_1 = __importDefault(require("react"));
-
 var useControllableValue_1 = __importDefault(require("ahooks/lib/useControllableValue"));
-
 var auto_complete_1 = __importDefault(require("antd/lib/auto-complete"));
-
 var classnames_1 = __importDefault(require("classnames"));
-
 var omit_1 = __importDefault(require("lodash/omit"));
-
 var trimStart_1 = __importDefault(require("lodash/trimStart"));
-
 var LabelAutoComplete = function LabelAutoComplete(props) {
   var className = props.className,
-      label = props.label,
-      onChange = props.onChange,
-      options = props.options,
-      onBlur = props.onBlur;
+    label = props.label,
+    onChange = props.onChange,
+    options = props.options,
+    onBlur = props.onBlur;
   var autoComplete = react_1["default"].useRef(null);
-
   var _a = __read((0, useControllableValue_1["default"])(props, {
-    valuePropName: 'open',
-    trigger: 'setOpen'
-  }), 2),
-      open = _a[0],
-      setOpen = _a[1];
-
+      valuePropName: 'open',
+      trigger: 'setOpen'
+    }), 2),
+    open = _a[0],
+    setOpen = _a[1];
   var _b = __read((0, useControllableValue_1["default"])(props), 2),
-      value = _b[0],
-      setValue = _b[1];
-
+    value = _b[0],
+    setValue = _b[1];
   var handleChange = function handleChange(nextValue) {
     var finallyValue = (0, trimStart_1["default"])(nextValue);
     setValue(finallyValue);
     onChange && onChange(finallyValue, options || []);
   };
-
   var handleLabelClick = function handleLabelClick() {
     if (!open) {
       setOpen(!open);
     }
-
     autoComplete.current.focus();
   };
-
   var onDropdownVisibleChange = function onDropdownVisibleChange(nextOpen) {
     setOpen(nextOpen);
   };
-
   var handleBlur = function handleBlur(event) {
     if (value === '' || !value) {
       setOpen(false);
     }
-
     onBlur && onBlur(event);
   };
-
   return react_1["default"].createElement("div", {
     className: (0, classnames_1["default"])({
       'label-auto-complete': true,
@@ -129,5 +105,4 @@ var LabelAutoComplete = function LabelAutoComplete(props) {
     onClick: handleLabelClick
   }, label));
 };
-
 exports["default"] = LabelAutoComplete;