acud 1.0.21 → 1.0.22

package/lib/modal/DialogBox.js

@@ -109,7 +109,8 @@ var DialogBox = function DialogBox(props) {
       confirmLoading = props.confirmLoading,
       onOk = props.onOk,
       onClose = props.onClose,
-      restProps = __rest(props, ["visible", "className", "title", "content", "type", "cancelBtn", "okText", "confirmLoading", "onOk", "onClose"]);
+      icon = props.icon,
+      restProps = __rest(props, ["visible", "className", "title", "content", "type", "cancelBtn", "okText", "confirmLoading", "onOk", "onClose", "icon"]);
 
   var _React$useState = React.useState(false),
       _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
@@ -148,7 +149,7 @@ var DialogBox = function DialogBox(props) {
   }, [onClose]);
   var titleNode = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "".concat(prefixCls, "-icon")
-  }, DialogType[type].icon), /*#__PURE__*/React.createElement("div", {
+  }, icon || DialogType[type].icon), /*#__PURE__*/React.createElement("div", {
     className: "".concat(prefixCls, "-title")
   }, title));
   var footer = React.useMemo(function () {

package/lib/pagination/rc-pagination/Pagination.js

@@ -167,7 +167,6 @@ var Pagination = function Pagination(_a) {
   var allPages = (0, _react.useMemo)(function () {
     return calculatePage(undefined, curState, props);
   }, [props, curState]);
-  console.log(allPages);
   var prevPage = current - 1 > 0 ? current - 1 : 0;
   var nextPage = current + 1 < allPages ? current + 1 : allPages;
   var hasOnChange = (0, _react.useMemo)(function () {

package/lib/style/components.less

@@ -1,6 +1,7 @@
 @import "../affix/style/index.less";
 @import "../alert/style/index.less";
 @import "../anchor/style/index.less";
+@import "../avatar/style/index.less";
 @import "../back-top/style/index.less";
 @import "../badge/style/index.less";
 @import "../breadcrumb/style/index.less";
@@ -14,6 +15,7 @@
 @import "../config-provider/style/index.less";
 @import "../date-picker/style/index.less";
 @import "../dialog-box/style/index.less";
+@import "../divider/style/index.less";
 @import "../drawer/style/index.less";
 @import "../dropdown/style/index.less";
 @import "../empty/style/index.less";

package/lib/style/themes/default/components/avatar.less

@@ -0,0 +1,13 @@
+
+@avatar-size-base: 32px;
+@avatar-size-lg: 40px;
+@avatar-size-sm: 24px;
+@avatar-font-size-base: 18px;
+@avatar-font-size-lg: 24px;
+@avatar-font-size-sm: 14px;
+@avatar-bg: #ccc;
+@avatar-color: #fff;
+@avatar-border-radius: @border-radius-base;
+@avatar-group-overlapping: -8px;
+@avatar-group-space: 3px;
+@avatar-group-border-color: #fff;

package/lib/style/themes/default/components/divider.less

@@ -0,0 +1,6 @@
+
+@heading-color: fade(#000, 85%);
+@divider-text-padding: 1em;
+@divider-orientation-margin: 5%;
+@divider-color: rgba(0, 0, 0, 6%);
+@divider-vertical-gutter: 8px;

package/lib/style/themes/default/components/index.less

@@ -1,4 +1,6 @@
 @import './alert.less';
+@import './avatar.less';
+@import './divider.less';
 @import './badge.less';
 @import './button.less';
 @import './input.less';

package/lib/table/style/index.css

@@ -340,12 +340,14 @@ div.acud-table-summary {
 .acud-table-filter-column {
   display: flex;
   justify-content: flex-start;
+  align-items: center;
 }
 .acud-table-filter-column .acud-dropdown-trigger {
   display: flex;
 }
 .acud-table-filter-column .acud-dropdown-trigger .acudicon-outlined-funnel {
   display: flex;
+  height: 16px;
 }
 .acud-table-filter-trigger {
   position: relative;
@@ -465,9 +467,11 @@ table tr th.acud-table-selection-column::after {
           padding-inline-start: 4px;
   margin-left: 0;
   display: flex;
+  align-items: center;
 }
 .acud-table-selection-extra .acud-dropdown-trigger {
   display: flex;
+  height: 16px;
 }
 .acud-table-selection-extra .acudicon {
   color: #84868C;
@@ -542,7 +546,6 @@ tr.acud-table-expanded-row .acud-descriptions-view table {
 }
 .acud-table-cell-fix-left,
 .acud-table-cell-fix-right {
-  position: -webkit-sticky !important;
   position: sticky !important;
   z-index: 2;
   background: #FFFFFF;
@@ -612,13 +615,11 @@ tr.acud-table-expanded-row .acud-descriptions-view table {
   box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15);
 }
 .acud-table-sticky-holder {
-  position: -webkit-sticky;
   position: sticky;
   z-index: calc(2 + 1);
   background: #FFFFFF;
 }
 .acud-table-sticky-scroll {
-  position: -webkit-sticky;
   position: sticky;
   bottom: 0;
   z-index: calc(2 + 1);

package/lib/table/style/index.less

@@ -388,10 +388,12 @@
   &-filter-column {
     display: flex;
     justify-content: flex-start;
+    align-items: center;
     .@{dropdown-prefix-cls}-trigger {
       display: flex;
       .@{acud-prefix}icon-outlined-funnel {
         display: flex;
+        height: 4 * @P;
       }
     }
   }
@@ -559,9 +561,11 @@
       padding-inline-start: @padding-xss;
       margin-left: 0;
       display: flex;
+      align-items: center;
 
       .@{acud-prefix}-dropdown-trigger {
         display: flex;
+        height: 4 * @P;
       }
 
       .@{iconfont-css-prefix} {

package/lib/tag/style/index.css

@@ -321,6 +321,52 @@
   color: #84868C;
   background-color: #E8E9EB;
 }
+.acud-tag .circle {
+  display: inline-block;
+  width: 8px;
+  height: 8px;
+  border-radius: 8px;
+  margin-right: 8px;
+}
+.acud-tag .circle.status-inactive {
+  background: #D4D6D9;
+}
+.acud-tag .circle.status-active {
+  background: #2468F2;
+}
+.acud-tag .circle.status-processing {
+  background: #528EFF;
+}
+.acud-tag .circle.status-success {
+  background: #30BF13;
+}
+.acud-tag .circle.status-error {
+  background: #F33E3E;
+}
+.acud-tag .circle.status-warning {
+  background: #FF9326;
+}
+.acud-tag .circle.status-processing {
+  box-shadow: 0 0 0 2px #D4E5FF;
+  -webkit-animation: flash 1s ease infinite;
+          animation: flash 1s ease infinite;
+}
+@-webkit-keyframes flash {
+  from {
+    transform: scale(0.7);
+  }
+  to {
+    transform: scale(1);
+  }
+}
+@keyframes flash {
+  from {
+    transform: scale(0.7);
+  }
+  to {
+    transform: scale(1);
+  }
+}
 .acud-tag.acud-tag-rtl {
   margin-right: 0;
   margin-left: 8px;

package/lib/tag/style/index.less

@@ -196,6 +196,43 @@
             background-color: @G8;
         }
     }
+    
+    .circle {
+        display: inline-block;
+        width: 8px;
+        height: 8px;
+        border-radius: 8px;
+        margin-right: 8px;
+    }
+
+    .make-status-color-classes(@status) {
+        @color: 'tag-@{status}-color';
+        .circle.status-@{status} {
+            background: @@color;
+        }
+    }
+    .make-status-color-classes(inactive);
+    .make-status-color-classes(active);
+    .make-status-color-classes(processing);
+    .make-status-color-classes(success);
+    .make-status-color-classes(error);
+    .make-status-color-classes(warning);
+
+    // processing 动效
+    .circle.status-processing {
+        box-shadow: 0 0 0 2px #D4E5FF;
+        animation: flash 1s ease infinite;
+    }
+
+    @keyframes flash {
+        from {
+            transform: scale(0.7);
+        }
+    
+        to {
+            transform: scale(1);
+        }
+    }
 }
 
 @import './rtl';

package/lib/tree-select/index.d.ts

@@ -3,9 +3,9 @@
  * @author chenqiang(chenqiang03@baidu.com)
  */
 import * as React from 'react';
-import type { TreeSelectProps as RcTreeSelectProps } from 'rc-tree-select';
-import { TreeNode, SHOW_ALL, SHOW_PARENT, SHOW_CHILD } from 'rc-tree-select';
-import type { BaseOptionType, DefaultOptionType } from 'rc-tree-select/lib/TreeSelect';
+import type { TreeSelectProps as RcTreeSelectProps } from './src';
+import { TreeNode, SHOW_ALL, SHOW_PARENT, SHOW_CHILD } from './src';
+import type { BaseOptionType, DefaultOptionType } from './src/TreeSelect';
 import type { BaseSelectRef } from 'rc-select';
 import type { TreeProps } from '../tree/tree';
 import type { SizeType } from '../config-provider/SizeContext';
@@ -31,7 +31,7 @@ export interface TreeSelectProps<ValueType = any, OptionType extends BaseOptionT
     status?: InputStatus;
     switcherIcon?: SwitcherIcon;
 }
-declare const TreeSelectRef: <ValueType = any, OptionType extends BaseOptionType | DefaultOptionType = DefaultOptionType>(props: TreeSelectProps<ValueType, OptionType> & {
+declare const TreeSelectRef: <ValueType = any, OptionType extends DefaultOptionType | BaseOptionType = DefaultOptionType>(props: TreeSelectProps<ValueType, OptionType> & {
     children?: React.ReactNode;
 } & {
     ref?: React.Ref<BaseSelectRef>;

package/lib/tree-select/index.js

@@ -10,7 +10,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "TreeNode", {
   enumerable: true,
   get: function get() {
-    return _rcTreeSelect.TreeNode;
+    return _src.TreeNode;
   }
 });
 exports["default"] = void 0;
@@ -21,7 +21,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var React = _interopRequireWildcard(require("react"));
 
-var _rcTreeSelect = _interopRequireWildcard(require("rc-tree-select"));
+var _src = _interopRequireWildcard(require("./src"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
@@ -171,7 +171,7 @@ var InternalTreeSelect = function InternalTreeSelect(_a, ref) {
   var mergedDisabled = customDisabled || disabled;
   var mergedClassName = (0, _classnames["default"])(!customizePrefixCls && treeSelectPrefixCls, (_classNames2 = {}, (0, _defineProperty2["default"])(_classNames2, "".concat(prefixCls, "-lg"), mergedSize === 'large'), (0, _defineProperty2["default"])(_classNames2, "".concat(prefixCls, "-sm"), mergedSize === 'small'), (0, _defineProperty2["default"])(_classNames2, "".concat(prefixCls, "-rtl"), direction === 'rtl'), (0, _defineProperty2["default"])(_classNames2, "".concat(prefixCls, "-borderless"), !bordered), (0, _defineProperty2["default"])(_classNames2, "".concat(prefixCls, "-in-form-item"), isFormItemInput), _classNames2), (0, _statusUtils.getStatusClassNames)(prefixCls, mergedStatus, hasFeedback), className);
   var rootPrefixCls = getPrefixCls();
-  return /*#__PURE__*/React.createElement(_rcTreeSelect["default"], (0, _extends2["default"])({
+  return /*#__PURE__*/React.createElement(_src["default"], (0, _extends2["default"])({
     virtual: virtual,
     dropdownMatchSelectWidth: dropdownMatchSelectWidth,
     disabled: mergedDisabled
@@ -207,9 +207,9 @@ var InternalTreeSelect = function InternalTreeSelect(_a, ref) {
 
 var TreeSelectRef = /*#__PURE__*/React.forwardRef(InternalTreeSelect);
 var TreeSelect = TreeSelectRef;
-TreeSelect.TreeNode = _rcTreeSelect.TreeNode;
-TreeSelect.SHOW_ALL = _rcTreeSelect.SHOW_ALL;
-TreeSelect.SHOW_PARENT = _rcTreeSelect.SHOW_PARENT;
-TreeSelect.SHOW_CHILD = _rcTreeSelect.SHOW_CHILD;
+TreeSelect.TreeNode = _src.TreeNode;
+TreeSelect.SHOW_ALL = _src.SHOW_ALL;
+TreeSelect.SHOW_PARENT = _src.SHOW_PARENT;
+TreeSelect.SHOW_CHILD = _src.SHOW_CHILD;
 var _default = TreeSelect;
 exports["default"] = _default;

package/lib/tree-select/src/LegacyContext.d.ts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+import type { DataEntity, IconType } from 'rc-tree/lib/interface';
+import type { Key, LegacyDataNode, RawValueType } from './interface';
+interface LegacyContextProps {
+    checkable: boolean | React.ReactNode;
+    checkedKeys: Key[];
+    halfCheckedKeys: Key[];
+    treeExpandedKeys: Key[];
+    treeDefaultExpandedKeys: Key[];
+    onTreeExpand: (keys: Key[]) => void;
+    treeDefaultExpandAll: boolean;
+    treeIcon: IconType;
+    showTreeIcon: boolean;
+    switcherIcon: IconType;
+    treeLine: boolean;
+    treeNodeFilterProp: string;
+    treeLoadedKeys: Key[];
+    treeMotion: any;
+    loadData: (treeNode: LegacyDataNode) => Promise<unknown>;
+    onTreeLoad: (loadedKeys: Key[]) => void;
+    keyEntities: Record<RawValueType, DataEntity<any>>;
+}
+declare const LegacySelectContext: React.Context<LegacyContextProps>;
+export default LegacySelectContext;

package/lib/tree-select/src/LegacyContext.js

@@ -0,0 +1,18 @@
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+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; }
+
+var LegacySelectContext = /*#__PURE__*/React.createContext(null);
+var _default = LegacySelectContext;
+exports["default"] = _default;

package/lib/tree-select/src/OptionList.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import type { RefOptionListProps } from 'rc-select/lib/OptionList';
+import type { ScrollTo } from 'rc-tree/lib/interface';
+declare type ReviseRefOptionListProps = Omit<RefOptionListProps, 'scrollTo'> & {
+    scrollTo: ScrollTo;
+};
+declare const RefOptionList: React.ForwardRefExoticComponent<React.RefAttributes<ReviseRefOptionListProps>>;
+export default RefOptionList;