@aloudata/aloudata-design 2.7.1 → 2.7.2

package/dist/Button/style/type.less

@@ -8,6 +8,7 @@
     &-dangerous,
     &-secondary,
     &-text,
+    &-inverse,
     &-link {
       display: inline-flex;
       align-items: center;

package/dist/Modal/index.d.ts

@@ -18,6 +18,7 @@ export interface ModalProps extends Omit<AntdModalProps, 'okButtonProps' | 'canc
     cancelButtonProps?: IButtonProps;
     okButtonProps?: IButtonProps;
     okType?: ButtonType;
+    responsiveBounds?: boolean;
 }
 export interface ModalFuncProps extends Omit<AntdModalFuncProps, 'okButtonProps' | 'cancelButtonProps' | 'okType' | 'icon'> {
     cancelButtonProps?: IButtonProps;

package/dist/Modal/index.js

@@ -1,6 +1,6 @@
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 var _excluded = ["className", "type", "loading", "size", "disabled", "shape"],
-  _excluded2 = ["className", "children", "okType", "width", "closeIcon", "subTitle", "okButtonProps", "cancelButtonProps", "okText", "cancelText", "icon", "title", "paddingLess", "hideHeaderBottomBorder", "virtualScrollBar"],
+  _excluded2 = ["className", "children", "okType", "width", "closeIcon", "subTitle", "okButtonProps", "cancelButtonProps", "okText", "cancelText", "icon", "title", "paddingLess", "responsiveBounds", "hideHeaderBottomBorder", "virtualScrollBar", "style"],
   _excluded3 = ["okButtonProps", "cancelButtonProps", "okType", "width", "title", "subTitle", "okText", "cancelText", "className"],
   _excluded4 = ["okButtonProps", "cancelButtonProps", "okType", "width", "title", "subTitle", "okText", "cancelText", "className"],
   _excluded5 = ["okButtonProps", "cancelButtonProps", "okType", "width", "title", "subTitle", "okText", "cancelText", "className"],
@@ -18,7 +18,7 @@ import { Modal as AntdModal } from 'antd';
 import { modalGlobalConfig } from 'antd/lib/modal/confirm';
 import useModal from 'antd/lib/modal/useModal/index';
 import classNames from 'classnames';
-import React from 'react';
+import React, { useMemo } from 'react';
 import { btnPrefix, getButtonSizeClass, getButtonType, getDangerStatus, getShape } from "../Button";
 import { AttentionTriangleLightLine, CheckCircleLightLine, CloseLLine, InformationCircleLightLine } from "../Icon";
 import IconButton from "../IconButton";
@@ -106,10 +106,36 @@ var OriginModal = function OriginModal(props) {
     icon = props.icon,
     title = props.title,
     paddingLess = props.paddingLess,
+    responsiveBounds = props.responsiveBounds,
     hideHeaderBottomBorder = props.hideHeaderBottomBorder,
     virtualScrollBar = props.virtualScrollBar,
+    style = props.style,
     restProps = _objectWithoutProperties(props, _excluded2);
+  var responsiveBoundsStyle = useMemo(function () {
+    if (!responsiveBounds) {
+      return {};
+    }
+    var defaultBounds = {
+      minWidth: 1280,
+      maxWidth: 1680,
+      marginX: 80,
+      marginY: 24,
+      minHeight: 640,
+      maxHeight: 900
+    };
+    return {
+      width: "calc(100% - ".concat(defaultBounds.marginX * 2, "px)"),
+      maxWidth: "".concat(defaultBounds.maxWidth, "px"),
+      minWidth: "".concat(defaultBounds.minWidth, "px"),
+      height: "calc(100% - ".concat(defaultBounds.marginY * 2, "px)"),
+      maxHeight: "".concat(defaultBounds.maxHeight, "px"),
+      minHeight: "".concat(defaultBounds.minHeight, "px"),
+      padding: 0
+    };
+  }, [responsiveBounds]);
   return /*#__PURE__*/React.createElement(AntdModal, _extends({}, restProps, {
+    style: _objectSpread(_objectSpread({}, style), responsiveBoundsStyle),
+    width: responsiveBounds ? responsiveBoundsStyle.width : width || DEFAULT_WIDTH,
     title: ModalTitle({
       icon: icon,
       title: title,
@@ -118,13 +144,16 @@ var OriginModal = function OriginModal(props) {
     className: classNames('ald-modal', className, {
       'ald-modal-padding-less': paddingLess,
       'ald-modal-virtual-scroll-bar': virtualScrollBar,
-      'ald-modal-show-header-bottom-border': hideHeaderBottomBorder
+      'ald-modal-show-header-bottom-border': hideHeaderBottomBorder,
+      'ald-modal-responsive-bounds': responsiveBounds
     }),
     okButtonProps: getButtonProps(okButtonProps, 'primary', okType),
+    wrapClassName: classNames(props.wrapClassName, {
+      'ald-modal-responsive-bounds-wrap': responsiveBounds
+    }),
     cancelButtonProps: getButtonProps(cancelButtonProps, 'secondary'),
     okText: okText,
     cancelText: cancelText,
-    width: width || DEFAULT_WIDTH,
     closeIcon: closeIcon || /*#__PURE__*/React.createElement(IconButton, {
       icon: /*#__PURE__*/React.createElement(CloseLLine, {
         size: 20

package/dist/Modal/style/modal.less

@@ -134,3 +134,28 @@
     }
   }
 }
+
+.ald-modal-responsive-bounds-wrap {
+  display: flex;
+  align-items: center;
+  @media screen and (max-height: 640px) {
+    align-items: flex-start;
+  }
+
+  .ald-modal-responsive-bounds {
+    top: unset;
+
+    .ant-modal-content {
+      display: flex;
+      flex-direction: column;
+      justify-content: space-between;
+      height: 100%;
+
+      .ant-modal-body {
+        flex-grow: 1;
+        min-height: none;
+        max-height: none;
+      }
+    }
+  }
+}

package/dist/Popconfirm/style/index.less

@@ -5,30 +5,32 @@
   overflow: visible;
 }
 
-.ant-popover[class] .ant-popover-arrow::before {
-  content: '';
-  width: 10px;
-  display: inline-block;
-  bottom: -6px;
-  position: absolute;
-  left: 4px;
-  height: 10px;
-  border: 1px solid #d1d5db;
-  transform: rotate(45deg);
-  clip-path: none;
-}
+.ald-pop-confirm {
+  &.ant-popover[class] .ant-popover-arrow::before {
+    content: '';
+    width: 10px;
+    display: inline-block;
+    bottom: -6px;
+    position: absolute;
+    left: 4px;
+    height: 10px;
+    border: 1px solid #d1d5db;
+    transform: rotate(45deg);
+    clip-path: none;
+  }
 
-.ant-popover[class] .ant-popover-arrow::after {
-  content: '';
-  width: 15px;
-  background-color: #fff;
-  display: inline-block;
-  bottom: -11px;
-  position: absolute;
-  left: 1px;
-  height: 10px;
-  transform: none;
-  box-shadow: none !important;
+  &.ant-popover[class] .ant-popover-arrow::after {
+    content: '';
+    width: 15px;
+    background-color: #fff;
+    display: inline-block;
+    bottom: -11px;
+    position: absolute;
+    left: 1px;
+    height: 10px;
+    transform: none;
+    box-shadow: none !important;
+  }
 }
 
 .ald-pop-confirm.ant-popover.ant-popover .ant-popover-inner {

package/dist/Popover/index.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
 import { PopoverProps } from 'antd';
+import React from 'react';
 export type { PopoverProps };
 declare function Popover(props: PopoverProps): React.JSX.Element;
 export default Popover;

package/dist/Popover/index.js

@@ -1,16 +1,19 @@
-var _excluded = ["overlayClassName", "children"];
+var _excluded = ["overlayClassName", "children", "arrow"];
 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 _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; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import React from 'react';
 import { Popover as AntdPopover } from 'antd';
 import classnames from 'classnames';
+import React from 'react';
 function Popover(props) {
   var overlayClassName = props.overlayClassName,
     children = props.children,
+    _props$arrow = props.arrow,
+    arrow = _props$arrow === void 0 ? false : _props$arrow,
     restProps = _objectWithoutProperties(props, _excluded);
   return /*#__PURE__*/React.createElement(AntdPopover, _extends({
-    overlayClassName: classnames('ald-popover', overlayClassName)
+    overlayClassName: classnames('ald-popover', overlayClassName),
+    arrow: arrow
   }, restProps), children);
 }
 export default Popover;

package/dist/Popover/style/index.less

@@ -1,5 +1,45 @@
 @import '../../style/index.less';
 
+.ald-popover {
+  border-radius: var(--alias-radius-75, 6px) !important;
+  border: 1px solid var(--alias-colors-border-strong, #d1d5db) !important;
+  background: var(--alias-colors-bg-skeleton-subtler, #fff) !important;
+
+  /* shadow/shadow-sm */
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
+
+  .ant-popover-inner {
+    border-radius: var(--alias-radius-75, 6px) !important;
+  }
+
+  &.ant-popover[class] .ant-popover-arrow::before {
+    content: '';
+    width: 10px;
+    display: inline-block;
+    bottom: -5px;
+    position: absolute;
+    left: 4px;
+    height: 10px;
+    border: 1px solid var(--alias-colors-border-strong, #d1d5db);
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
+    transform: rotate(45deg);
+    clip-path: none;
+  }
+
+  &.ant-popover[class] .ant-popover-arrow::after {
+    content: '';
+    width: 15px;
+    background-color: #fff;
+    display: inline-block;
+    bottom: -10px;
+    position: absolute;
+    left: 1px;
+    height: 10px;
+    transform: none;
+    box-shadow: none !important;
+  }
+}
+
 // .ald-popover.ald-popover {
 //   .ant-popover-title {
 //     min-width: 312px;

package/dist/Select/index.js

@@ -230,7 +230,7 @@ var Select = /*#__PURE__*/forwardRef(function (props, ref) {
         return listHeight;
       }
     }
-    return 0;
+    return 256;
   };
   var multipleRender = function multipleRender() {
     return /*#__PURE__*/React.createElement("div", {

package/dist/User/index.js

@@ -15,8 +15,10 @@ function User(_ref) {
     size = _ref$size === void 0 ? 'middle' : _ref$size,
     nicknameClassName = _ref.nicknameClassName;
   return /*#__PURE__*/React.createElement("div", {
-    className: classNames('ald-user', "ald-user-".concat(size))
+    className: classNames('ald-user', "ald-user-".concat(size)),
+    title: nickname
   }, /*#__PURE__*/React.createElement(Avatar, {
+    className: 'ald-user-avatar',
     src: src,
     size: getAvatarSize(size || 'middle')
   }), /*#__PURE__*/React.createElement("div", {

package/dist/User/style/index.less

@@ -34,4 +34,15 @@
       line-height: 20px; /* 142.857% */
     }
   }
+
+  .ald-user-text {
+    white-space: nowrap;
+    min-width: 0;
+    text-overflow: ellipsis;
+    overflow: hidden;
+  }
+
+  .ald-user-avatar {
+    flex-shrink: 0;
+  }
 }