@aloudata/aloudata-design 1.5.4 → 1.6.1

package/dist/Select/index.js

@@ -1,28 +1,28 @@
-var _excluded = ["mode", "options", "dropdownRender", "onDropdownVisibleChange", "defaultValue", "onChange", "open", "defaultOpen", "prefix", "className", "popupClassName", "listHeight", "listItemHeight", "notFoundContent", "value", "tagRender", "style", "autoFocus", "showSearch", "showAllOption", "size", "status", "disabled"];
+var _excluded = ["mode", "options", "dropdownRender", "onDropdownVisibleChange", "defaultValue", "onChange", "open", "defaultOpen", "prefix", "className", "popupClassName", "listHeight", "listItemHeight", "notFoundContent", "value", "tagRender", "style", "autoFocus", "showSearch", "showAllOption", "size", "status", "disabled", "prefixCls"];
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
@@ -32,10 +32,13 @@ import { FoldDownFill } from '@aloudata/icons-react';
 import { Select as AntdSelect } from 'antd';
 import DisabledContext from 'antd/lib/config-provider/DisabledContext';
 import { FormItemInputContext } from 'antd/lib/form/context';
+import useStyle from 'antd/lib/select/style';
+import { useCompactItemContext } from 'antd/lib/space/Compact';
 import { getMergedStatus } from 'antd/lib/_util/statusUtils';
 import classNames from 'classnames';
 import List from 'rc-virtual-list';
 import React, { forwardRef, useContext, useEffect, useImperativeHandle, useMemo, useRef } from 'react';
+import { ConfigContext } from "../ConfigProvider";
 import SizeContext from "../ConfigProvider/sizeContext";
 import Empty from "../Empty";
 import theme from "../style/themes/default/themeColor.module.less";
@@ -123,15 +126,31 @@ var Select = /*#__PURE__*/forwardRef(function (props, ref) {
       customSize = props.size,
       customStatus = props.status,
       customDisabled = props.disabled,
+      customizePrefixCls = props.prefixCls,
       restProps = _objectWithoutProperties(props, _excluded);
 
   var contentSize = useContext(SizeContext);
 
-  var _React$useContext = React.useContext(FormItemInputContext),
-      contextStatus = _React$useContext.status;
+  var _React$useContext = React.useContext(ConfigContext),
+      getPrefixCls = _React$useContext.getPrefixCls,
+      direction = _React$useContext.direction;
+
+  var prefixCls = getPrefixCls('select', customizePrefixCls); // ===================== Compact Item =====================
+
+  var _useCompactItemContex = useCompactItemContext(prefixCls, direction),
+      compactSize = _useCompactItemContex.compactSize,
+      compactItemClassnames = _useCompactItemContex.compactItemClassnames;
+
+  var size = compactSize || customSize || contentSize || 'middle';
+
+  var _React$useContext2 = React.useContext(FormItemInputContext),
+      contextStatus = _React$useContext2.status;
+
+  var _useStyle = useStyle(prefixCls),
+      _useStyle2 = _slicedToArray(_useStyle, 2),
+      hashId = _useStyle2[1];
 
-  var mergedStatus = getMergedStatus(contextStatus, customStatus);
-  var size = customSize || contentSize || 'middle'; // ===================== Disabled =====================
+  var mergedStatus = getMergedStatus(contextStatus, customStatus); // ===================== Disabled =====================
 
   var disabled = React.useContext(DisabledContext);
   var mergedDisabled = customDisabled !== null && customDisabled !== void 0 ? customDisabled : disabled;
@@ -409,7 +428,7 @@ var Select = /*#__PURE__*/forwardRef(function (props, ref) {
       'ald-select-middle': size !== 'large' && size !== 'small',
       'ald-select-open': typeof _open === 'boolean' ? _open : isOpen,
       'ald-select-focus': isFocus
-    }, "ald-select-status-".concat(mergedStatus), mergedStatus)),
+    }, "ald-select-status-".concat(mergedStatus), mergedStatus), compactItemClassnames, hashId),
     spellCheck: false,
     style: Object.assign(styleVar, style)
   }, !!prefix && /*#__PURE__*/React.createElement("span", {

package/dist/Select/style/single.less

@@ -1,9 +1,9 @@
-.ald-single-option-list{
+.ald-single-option-list {
   color: @NL0;
   font-size: 13px;
   line-height: 20px;
 
-  .ald-single-option{
+  .ald-single-option {
     padding: 6px 12px;
     display: flex;
     align-items: center;
@@ -11,29 +11,33 @@
     height: 36px;
     box-sizing: border-box;
 
-    &:hover{
+    &:hover {
       background-color: @BG90;
     }
 
-    .ald-icons-check-line{
+    .ald-icons-check-line {
       height: 20px;
       width: 20px;
       margin-right: 8px;
       flex-shrink: 0;
     }
 
-    .ald-single-option-text{
+    .ald-single-option-text {
       white-space: nowrap;
       flex: 1;
     }
 
-    &.ald-single-option-disabled{
+    &.ald-single-option-disabled {
       opacity: 0.5;
 
-      &:hover{
+      &:hover {
         background: none;
         cursor: default;
       }
     }
+
+    &.ald-single-option-selected {
+      background: var(--colors-blue-100, #f0f6ff);
+    }
   }
 }

package/dist/Select/style/size.less

@@ -1,9 +1,26 @@
+.compact(@border-radius) {
+  &.ant-select-compact-item {
+    border-radius: 0;
+  }
+
+  &.ant-select-compact-first-item {
+    border-top-left-radius: @border-radius;
+    border-bottom-left-radius: @border-radius;
+  }
+
+  &.ant-select-compact-last-item {
+    border-top-right-radius: @border-radius;
+    border-bottom-right-radius: @border-radius;
+  }
+}
+
 .ald-select.ald-select {
   &.ald-select-small {
     height: @select-height-small;
     font-size: @select-font-size-small;
     // line-height: @select-line-height-small;
     border-radius: @select-border-radius-small;
+    .compact(@select-border-radius-small);
 
     .ald-select-prefix {
       margin-left: @select-padding-left-small;
@@ -57,6 +74,7 @@
     font-size: @select-font-size-middle;
     // line-height: @select-line-height-middle;
     border-radius: @select-border-radius-middle;
+    .compact(@select-border-radius-middle);
 
     .ald-select-prefix {
       margin-left: @select-padding-left-middle;
@@ -112,6 +130,7 @@
     font-size: @select-font-size-large;
     // line-height: @select-line-height-large;
     border-radius: @select-border-radius-large;
+    .compact(@select-border-radius-large);
 
     .ald-select-prefix {
       margin-left: @select-padding-left-large;

package/dist/Select/style/status.less

@@ -2,10 +2,11 @@
   /**
    * @file focused状态
    */
-  &:hover,
+  // &:hover,
   &.ald-select-open,
   &.ald-select-focus {
     border-color: @B40;
+    z-index: 1;
     // box-shadow: @shadow-drop;
   }
 

package/dist/Table/style/index.less

@@ -25,7 +25,7 @@
   &-inner-wrap {
     width: 100%;
     height: 100%;
-    overflow-x: overlay;
+    overflow-x: auto;
   }
 
   &-tableHeadScrollWrap {
@@ -226,7 +226,7 @@
   }
 
   &-column-resizable {
-    overflow: overlay;
+    overflow: auto;
 
     .ald-table-thead,
     .ald-table-tbody {

package/dist/Table/style/variable.less

@@ -1,5 +1,4 @@
 /* stylelint-disable property-no-unknown */
 
-@ald-iconfont-css-prefix: anticon;
 @table-head-row-height: 32px;
 @table-body-row-height: 48px;

package/dist/Tabs/index.d.ts

@@ -54,6 +54,11 @@ export interface ITabsProps extends Omit<TabsProps, 'size'> {
      * @default false
      */
     padding?: boolean | number;
+    /**
+     * @description tab和content之间的间距，默认16px,仅在tabPosition为top时生效
+     * @default false
+     */
+    compact?: boolean;
 }
 declare function Tabs(props: ITabsProps): JSX.Element;
 declare namespace Tabs {

package/dist/Tabs/index.js

@@ -1,4 +1,4 @@
-var _excluded = ["size", "className", "popupClassName", "adaptHeight", "style", "monospace", "tabPosition", "padding"];
+var _excluded = ["size", "className", "popupClassName", "adaptHeight", "style", "monospace", "tabPosition", "padding", "compact"];
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -30,6 +30,7 @@ export default function Tabs(props) {
       tabPosition = _props$tabPosition === void 0 ? 'top' : _props$tabPosition,
       _props$padding = props.padding,
       padding = _props$padding === void 0 ? false : _props$padding,
+      compact = props.compact,
       otherProps = _objectWithoutProperties(props, _excluded);
 
   var headerBackgroundColor = props.headerBackgroundColor;
@@ -81,7 +82,8 @@ export default function Tabs(props) {
       'ald-adapt-height': adaptHeight,
       'ald-tabs-default': size !== 'large',
       'ald-tabs-monospace': _monospace,
-      'ald-tabs-padding': !!padding
+      'ald-tabs-padding': !!padding,
+      'ald-tabs-compact': !!compact
     })
   }, tabsProps));
 }

package/dist/Tabs/style/index.less

@@ -145,6 +145,12 @@
       padding: 8px 0;
     }
   }
+
+  &.ald-tabs-compact {
+    .ant-tabs-nav {
+      margin-bottom: 0;
+    }
+  }
 }
 
 .ald-tabs-dropdown {

package/dist/message/style/index.less

@@ -1,12 +1,13 @@
 @import '../../style/index.less';
 @import './color.less';
 
-.ant-message .ant-message-notice{
-  .ant-message-notice-content{
+.ant-message .ant-message-notice {
+  .ant-message-notice-content {
     padding: 0;
-    box-shadow: 0 12px 16px -4px rgb(16 24 40 / 8%), 0 4px 6px -2px rgb(16 24 40 / 3%);;
+    box-shadow: 0 12px 16px -4px rgb(16 24 40 / 0.08),
+      0 4px 6px -2px rgb(16 24 40 / 0.03);
 
-    .ant-message-custom-content{
+    .ant-message-custom-content {
       padding: 0;
       display: flex;
       align-items: center;
@@ -17,9 +18,9 @@
       overflow: hidden;
       font-weight: 600;
 
-      .ald-message-icon-wrap{
+      .ald-message-icon-wrap {
         flex-shrink: 0;
-        width:40px;
+        width: 40px;
         height: 40px;
         display: flex;
         justify-content: center;
@@ -29,4 +30,4 @@
       }
     }
   }
-}
+}

package/dist/style/mixins/index.less

@@ -7,10 +7,11 @@
   line-height: @line-height;
 }
 
-* :focus-visible{
+/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
+* :focus-visible {
   outline: none;
 }
 
-* :focus{
+* :focus {
   outline: none;
-}
+}

package/dist/style/themes/default/scrollBar.less

@@ -1,11 +1,12 @@
 &::-webkit-scrollbar {
   width: 12px !important;
   height: 12px !important;
+  background: var(--colors-neutral-white, #fff);
   opacity: 0.5;
 }
 
 &::-webkit-scrollbar-thumb {
-  background-color: rgba(152, 162, 179, 0.5);
+  background-color: rgb(152 162 179 / 0.5);
   border: 3px solid transparent;
   border-radius: 6px;
   background-clip: padding-box;
@@ -13,4 +14,4 @@
 
 &::-webkit-scrollbar-track {
   background-color: transparent;
-}
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aloudata/aloudata-design",
-  "version": "1.5.4",
+  "version": "1.6.1",
   "description": "",
   "license": "MIT",
   "module": "dist/index.js",
@@ -18,6 +18,7 @@
     "doctor": "father doctor",
     "jest": "jest",
     "jest:watch": "jest --watch",
+    "linkToLocal": "npm run build && node ./scripts/linkToLocal.mjs",
     "lint": "npm run lint:es && npm run lint:css",
     "lint:css": "stylelint \"{src,test}/**/*.{css,less}\"",
     "lint:es": "eslint \"{src,test}/**/*.{js,jsx,ts,tsx}\"",
@@ -51,6 +52,9 @@
       "prettier --parser=typescript --write"
     ]
   },
+  "browserslist": [
+    "chrome >= 84"
+  ],
   "dependencies": {
     "@aloudata/icons-react": "^0.2.2",
     "@aloudata/icons-svg": "0.1.7",
@@ -80,8 +84,10 @@
     "@umijs/lint": "^4.0.0",
     "babel-jest": "^29.4.2",
     "babel-plugin-import": "^1.13.5",
+    "browserslist": "^4.21.9",
     "dumi": "2.1.10",
-    "eslint": "^8.23.0",
+    "eslint": "^8.45.0",
+    "eslint-plugin-compat": "^4.1.4",
     "father": "^4.1.0",
     "husky": "^8.0.3",
     "jest": "^29.4.2",
@@ -94,7 +100,8 @@
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
     "react-test-renderer": "^18.2.0",
-    "stylelint": "^14.9.1",
+    "stylelint": "^15.10.2",
+    "stylelint-no-unsupported-browser-features": "^7.0.0",
     "ts-jest": "^29.0.5",
     "vitest": "^0.33.0"
   },