assui 2.3.8 → 3.0.0-alpha.0

package/es/json-editor/index.js

@@ -2,26 +2,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);
@@ -37,10 +32,8 @@ var __read = this && this.__read || function (o, n) {
       if (e) throw e.error;
     }
   }
-
   return ar;
 };
-
 import JSONEditor from 'jsoneditor';
 import React, { useEffect, useImperativeHandle } from 'react';
 import useControllableValue from "ahooks/es/useControllableValue";
@@ -48,15 +41,12 @@ import useMount from "ahooks/es/useMount";
 import isEqual from 'lodash/isEqual';
 import useUnmount from "ahooks/es/useUnmount";
 import classNames from 'classnames';
-
 var JsonEditor = function JsonEditor(props, ref) {
   var options = props.options,
-      className = props.className;
-
+    className = props.className;
   var _a = __read(useControllableValue(props), 2),
-      value = _a[0],
-      setValue = _a[1];
-
+    value = _a[0],
+    setValue = _a[1];
   var containerRef = React.useRef();
   var editorInstanceRef = React.useRef();
   useMount(function () {
@@ -66,7 +56,6 @@ var JsonEditor = function JsonEditor(props, ref) {
     }, options), {
       onChangeText: function onChangeText() {
         var _a;
-
         try {
           var currentJson = (_a = editorInstanceRef.current) === null || _a === void 0 ? void 0 : _a.get();
           setValue(currentJson);
@@ -81,14 +70,12 @@ var JsonEditor = function JsonEditor(props, ref) {
   });
   useEffect(function () {
     var _a, _b;
-
     if (value && !isEqual(value, (_a = editorInstanceRef.current) === null || _a === void 0 ? void 0 : _a.get())) {
       (_b = editorInstanceRef.current) === null || _b === void 0 ? void 0 : _b.update(value);
     }
   }, [value]);
   useUnmount(function () {
     var _a;
-
     (_a = editorInstanceRef.current) === null || _a === void 0 ? void 0 : _a.destroy();
   });
   return /*#__PURE__*/React.createElement("div", {
@@ -98,6 +85,5 @@ var JsonEditor = function JsonEditor(props, ref) {
     className: classNames('a-jason-editor', className)
   });
 };
-
 var ForwardRefJsonEditor = /*#__PURE__*/React.forwardRef(JsonEditor);
 export default ForwardRefJsonEditor;

package/es/keep-tab/index.d.ts

@@ -1,7 +1,11 @@
 import * as React from 'react';
 import type { BadgeProps } from 'antd/lib/badge';
 import type { TabPaneProps, TabsProps } from 'antd/lib/tabs';
-export interface KeepTabProps extends TabsProps {
+import type { Tab } from 'rc-tabs/lib/interface';
+interface NewTab extends Tab {
+    count?: React.ReactNode;
+}
+export interface KeepTabProps extends Omit<TabsProps, 'items'> {
     /** 由TabPane组成的children */
     children: React.ReactNode;
     /** 初始化选中面板的 key，如果没有设置 activeKey */
@@ -14,6 +18,7 @@ export interface KeepTabProps extends TabsProps {
     onChange?: (activeKey: string) => void;
     /** antd Badge组件除count意外的所有props */
     badgeProps?: Omit<BadgeProps, 'count'>;
+    items: NewTab[];
 }
 export interface SelfTabPaneProps extends TabPaneProps {
     count: Pick<BadgeProps, 'count'>;
@@ -24,6 +29,6 @@ declare const KeepTab: {
         saveActiveKeyName: string;
     };
     displayName: string;
-    TabPane: typeof import("rc-tabs").TabPane;
+    TabPane: React.FC<TabPaneProps>;
 };
 export default KeepTab;

package/es/keep-tab/index.js

@@ -2,39 +2,31 @@ 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 __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);
@@ -50,10 +42,8 @@ var __read = this && this.__read || function (o, n) {
       if (e) throw e.error;
     }
   }
-
   return ar;
 };
-
 import * as React from 'react';
 import find from 'lodash/find';
 import qsHelp from "aa-utils/es/qsHelp";
@@ -61,82 +51,67 @@ import Badge from "antd/es/badge";
 import Tabs from "antd/es/tabs";
 import useUrlState from '@ahooksjs/use-url-state';
 import useControllableValue from "ahooks/es/useControllableValue";
-import toArray from "rc-util/es/Children/toArray";
 var TabPane = Tabs.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.getQueryObject();
-
-  var _c = __read(useUrlState((_a = {}, _a[saveActiveKeyName] = defaultUrlParams[saveActiveKeyName] || defaultActiveKey, _a)), 2),
-      urlParams = _c[0],
-      setUrlParams = _c[1];
-
-  var _d = __read(useControllableValue(props, {
-    valuePropName: 'activeKey',
-    defaultValue: defaultUrlParams[saveActiveKeyName] || defaultActiveKey
-  }), 2),
-      tabActiveKey = _d[0],
-      setTabActiveKey = _d[1];
-
-  var arrayChildren = toArray(children);
+  var _d = __read(useUrlState((_a = {}, _a[saveActiveKeyName] = defaultUrlParams[saveActiveKeyName] || defaultActiveKey, _a)), 2),
+    urlParams = _d[0],
+    setUrlParams = _d[1];
+  var _e = __read(useControllableValue(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 = find(arrayChildren, {
+    if (!('activeKey' in props) && items) {
+      var resultActiveTab = find(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 /*#__PURE__*/React.cloneElement(childItem, {
-        tab: /*#__PURE__*/React.createElement(Badge, __assign({
+      return __assign(__assign({}, item), {
+        label: /*#__PURE__*/React.createElement(Badge, __assign({
           className: "tab-badge",
           count: count,
           offset: [16, -9]
-        }, badgeProps), /*#__PURE__*/React.createElement("span", null, childItem.props.tab))
+        }, badgeProps), /*#__PURE__*/React.createElement("span", null, item.label))
       });
     }
-
-    return childItem;
+    return item;
   });
   return /*#__PURE__*/React.createElement(Tabs, __assign({
     animated: false,
     onChange: handleTabChange,
     destroyInactiveTabPane: true,
     activeKey: tabActiveKey
-  }, restProps), resultChildren);
+  }, restProps, {
+    items: resultItems
+  }));
 };
-
 KeepTab.defaultProps = {
   saveActiveKeyName: 'active'
 };

package/es/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/es/label-auto-complete/index.js

@@ -2,26 +2,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);
@@ -37,62 +32,50 @@ var __read = this && this.__read || function (o, n) {
       if (e) throw e.error;
     }
   }
-
   return ar;
 };
-
 import React from 'react';
 import useControllableValue from "ahooks/es/useControllableValue";
 import AutoComplete from "antd/es/auto-complete";
 import classNames from 'classnames';
 import omit from 'lodash/omit';
 import trimStart from '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.useRef(null);
-
   var _a = __read(useControllableValue(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(useControllableValue(props), 2),
-      value = _b[0],
-      setValue = _b[1];
-
+    value = _b[0],
+    setValue = _b[1];
   var handleChange = function handleChange(nextValue) {
     var finallyValue = trimStart(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 /*#__PURE__*/React.createElement("div", {
     className: classNames({
       'label-auto-complete': true,
@@ -112,5 +95,4 @@ var LabelAutoComplete = function LabelAutoComplete(props) {
     onClick: handleLabelClick
   }, label));
 };
-
 export default LabelAutoComplete;