@aloudata/aloudata-design 0.3.0-beta.1 → 0.3.0

package/es/Icon/index.js

@@ -1,53 +1,2 @@
-var _excluded = ["className", "size", "style", "color"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-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 _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 { createFromIconfontCN } from '@ant-design/icons'; // @ts-ignore iconfont.js 没有ts类型定义
-// import iconfontJs from './iconfont/iconfont';
-
-var iconfontJs = require('./iconfont/iconfont');
-
-var IconFont = createFromIconfontCN({
-  scriptUrl: iconfontJs
-});
-var DEFAULT_SIZE = 16;
-
-var Icon = function Icon(props) {
-  var className = props.className,
-      _props$size = props.size,
-      size = _props$size === void 0 ? DEFAULT_SIZE : _props$size,
-      _props$style = props.style,
-      style = _props$style === void 0 ? {} : _props$style,
-      color = props.color,
-      restProps = _objectWithoutProperties(props, _excluded); // 添加一个前缀
-
-
-  var prefix = '';
-  var type = "".concat(prefix).concat(props.type);
-
-  var finalStyle = _objectSpread({
-    verticalAlign: 'middle',
-    color: color,
-    fontSize: size,
-    height: size,
-    width: size
-  }, style);
-
-  return /*#__PURE__*/React.createElement(IconFont, Object.assign({}, restProps, {
-    style: finalStyle,
-    type: type,
-    className: className
-  }));
-};
-
-export default Icon;
-export { createFromIconfontCN };
+import Icon from './components/Icon';
+export default Icon;

package/es/Icon/index.less

@@ -2,31 +2,23 @@
   font-size: 16px;
 }
 
-@icon-font: ald-iconfont;
-
-@font-face {
-  font-family: @icon-font; /* Project id 3211525 */
-  src:
-
-    url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
-    url('./iconfont/iconfont.woff?t=1648447992265') format('woff'),
-    url('./iconfont/iconfont.ttf?t=1648447992265') format('truetype');
-}
-
-.ald-iconfont(@content; @font-size: 16px) {
-  font-family: @icon-font !important;
-  font-size: 16px;
+// 用于替换antd内的某些无法通过外部传入的图标
+.ald-iconSvg(@svgName; @size: 16px) {
+  font-size: @size;
   font-style: normal;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 
   &::before {
-    content: @content;
-    font-size: @font-size;
+    content: url("iconSvgs/@{svgName}.svg");
+    width: @size;
+    height: @size;
+    font-size: @size;
+    color: inherit;
     display: inline-block;
   }
 
   & > svg {
     display: none;
   }
-}
+}

package/es/Icon/style/index.d.ts

@@ -0,0 +1 @@
+

package/es/Icon/style/index.js

@@ -0,0 +1 @@
+"use strict";

package/es/Input/components/Password/index.js

@@ -5,7 +5,8 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 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 Icon from '../../../Icon';
+import EyeOffLine from '../../../Icon/icons/EyeOffLine';
+import EyeOnLine from '../../../Icon/icons/EyeOnLine';
 import AntdPassword from 'antd/lib/input/Password';
 import classnames from 'classnames'; // eslint-disable-next-line @typescript-eslint/no-explicit-any
 
@@ -27,10 +28,10 @@ export default /*#__PURE__*/React.forwardRef(function (props, ref) {
     ref: ref,
     className: getClassName(size),
     iconRender: function iconRender(visible) {
-      var type = visible ? 'eye' : 'eye_off';
-      return /*#__PURE__*/React.createElement(Icon, {
-        type: type,
-        size: "1em"
+      return visible ? /*#__PURE__*/React.createElement(EyeOnLine, {
+        fill: "currentColor"
+      }) : /*#__PURE__*/React.createElement(EyeOffLine, {
+        fill: "currentColor"
       });
     }
   }));

package/es/Input/style/index.less

@@ -41,7 +41,7 @@
 // disabled status
 @Input-disabled-borderColor: @NL90;
 @Input-disabled-bgColor: @BG95;
-@Input-disabled-fontColor: @NL50;
+@Input-disabled-fontColor: @NL60;
 
 .ant-input.ald-input {
   color: @NL0;

package/es/InputNumber/style/index.less

@@ -1,15 +1,17 @@
+/* stylelint-disable no-descending-specificity */
 @import '../../style/index.less';
 
 @InputNumber-height-large: 36px;
 @InputNumber-fontSize-large: 16px;
+@InputNumber-borderRadius-large: 8px;
 
 @InputNumber-height-middle: 32px;
 @InputNumber-fontSize-middle: 14px;
+@InputNumber-borderRadius-middle: 6px;
 
 @InputNumber-height-small: 28px;
 @InputNumber-fontSize-small: 12px;
-
-@InputNumber-borderRadius: 8px;
+@InputNumber-borderRadius-small: 4px;
 //默认
 @InputNumber-bgColor: @BG97;
 @InputNumber-borderColor: @NL90;
@@ -22,24 +24,25 @@
 //disable
 @InputNumber-disabled-bgColor: @BG95;
 @InputNumber-disabled-borderColor: @NL90;
-@InputNumber-disabled-color: @NL80;
+@InputNumber-disabled-color: @NL60;
 //光标颜色
 @InputNumber-cursor-color: @B60;
 
 //前后填充
 @InputNumber-addon-bgColor: @BG95;
-@InputNumber-addon-color: @NL50;
-@InputNumber-addon-disable-color: @NL80;
+@InputNumber-addon-color: @NL30;
+@InputNumber-addon-borderColor: @NL90;
+@InputNumber-addon-disable-color: @NL60;
 
 .ald-inputNumber {
   &.ant-input-number {
     height: @InputNumber-height-middle;
-    overflow: hidden;
+    // overflow: hidden;
     color: @InputNumber-color;
     font-size: @InputNumber-fontSize-middle;
     background-color: @InputNumber-bgColor;
     border-color: @InputNumber-borderColor;
-    border-radius: @InputNumber-borderRadius;
+    border-radius: @InputNumber-borderRadius-middle;
     box-shadow: none;
 
     .ant-input-number-input-wrap {
@@ -52,28 +55,56 @@
     }
 
     .ant-input-number-handler-wrap {
+      overflow: hidden;
+
       .ant-input-number-handler {
         background-color: @BG95;
-      }
 
-      .ant-input-number-handler:active {
-        background-color: @NL95;
+        .ant-input-number-handler-up-inner,
+        .ant-input-number-handler-down-inner {
+          color: @NL50;
+        }
+
+        &:hover,
+        &:active {
+          background-color: @NL95;
+
+          .ant-input-number-handler-up-inner,
+          .ant-input-number-handler-down-inner {
+            color: @B60;
+          }
+        }
       }
     }
 
     &.ald-inputNumber-large {
       height: @InputNumber-height-large;
       font-size: @InputNumber-fontSize-large;
+      border-radius: @InputNumber-borderRadius-large;
+
+      .ant-input-number-handler-wrap {
+        border-radius: 0 @InputNumber-borderRadius-large @InputNumber-borderRadius-large 0;
+      }
     }
 
     &.ald-inputNumber-middle {
       height: @InputNumber-height-middle;
       font-size: @InputNumber-fontSize-middle;
+      border-radius: @InputNumber-borderRadius-middle;
+
+      .ant-input-number-handler-wrap {
+        border-radius: 0 @InputNumber-borderRadius-middle @InputNumber-borderRadius-middle 0;
+      }
     }
 
     &.ald-inputNumber-small {
       height: @InputNumber-height-small;
       font-size: @InputNumber-fontSize-small;
+      border-radius: @InputNumber-borderRadius-small;
+
+      .ant-input-number-handler-wrap {
+        border-radius: 0 @InputNumber-borderRadius-small @InputNumber-borderRadius-small 0;
+      }
     }
 
     &-disabled {
@@ -87,44 +118,79 @@
       }
     }
 
+    &:hover:not(.ald-inputNumber-disabled),
     &-focused {
       background-color: @InputNumber-active-bgColor;
       border-color: @InputNumber-active-borderColor;
+      box-shadow: 0 0 0 0.5px @InputNumber-active-borderColor;
     }
   }
 
   &.ant-input-number-group-wrapper {
     // height: @InputNumber-height-middle;
-    overflow: hidden;
+    // overflow: hidden;
     color: @InputNumber-color;
-    background-color: @InputNumber-wrapper-bgColor;
+    // background-color: @InputNumber-wrapper-bgColor;
     border-color: @InputNumber-borderColor;
-    border-radius: @InputNumber-borderRadius;
     box-shadow: none;
 
     &.ald-inputNumber-large {
       font-size: @InputNumber-fontSize-large;
+      border-radius: @InputNumber-borderRadius-large;
+
+      .ant-input-number-group-addon {
+        &:first-child {
+          border-radius: @InputNumber-borderRadius-large 0 0 @InputNumber-borderRadius-large;
+        }
+
+        &:last-child {
+          border-radius: 0 @InputNumber-borderRadius-large @InputNumber-borderRadius-large 0;
+        }
+      }
     }
 
     &.ald-inputNumber-middle {
       font-size: @InputNumber-fontSize-middle;
+      border-radius: @InputNumber-borderRadius-middle;
+
+      .ant-input-number-group-addon {
+        &:first-child {
+          border-radius: @InputNumber-borderRadius-middle 0 0 @InputNumber-borderRadius-middle;
+        }
+
+        &:last-child {
+          border-radius: 0 @InputNumber-borderRadius-middle @InputNumber-borderRadius-middle 0;
+        }
+      }
     }
 
     &.ald-inputNumber-small {
       font-size: @InputNumber-fontSize-small;
+      border-radius: @InputNumber-borderRadius-small;
+
+      .ant-input-number-group-addon {
+        &:first-child {
+          border-radius: @InputNumber-borderRadius-small 0 0 @InputNumber-borderRadius-small;
+        }
+
+        &:last-child {
+          border-radius: 0 @InputNumber-borderRadius-small @InputNumber-borderRadius-small 0;
+        }
+      }
     }
 
     .ant-input-number-wrapper {
       height: 100%;
-      overflow: hidden;
+      // overflow: hidden;
       font-size: inherit;
 
       .ant-input-number-group-addon {
-        overflow: hidden;
+        // overflow: hidden;
         color: @InputNumber-addon-color;
         font-size: inherit;
         background-color: @InputNumber-addon-bgColor;
-        border-radius: @InputNumber-borderRadius;
+        // border-radius: @InputNumber-borderRadius-middle;
+        border-color: @InputNumber-addon-borderColor;
 
         &:first-child {
           border-top-right-radius: 0;
@@ -138,8 +204,14 @@
       }
 
       .ald-inputNumber {
+        position: relative;
+        z-index: 2;
         margin: 0;
         padding: 0;
+
+        .ant-input-number-handler-wrap {
+          border-radius: 0;
+        }
       }
     }
 

package/es/Menu/style/index.less

@@ -16,9 +16,9 @@
     background-color: @NL90;
   }
 
-  .ald-iconfont {
+  .ald-iconSvg {
     font-size: 16px;
-    font-family: @icon-font !important;
+    // font-family: @icon-font !important;
     font-style: normal;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
@@ -31,7 +31,8 @@
   .ant-dropdown-menu-submenu-title
     .ant-dropdown-menu-submenu-expand-icon
     .ant-dropdown-menu-submenu-arrow-icon {
-    .ald-iconfont('\e691');
+    color: @NL50;
+    .ald-iconSvg('arrows_right_sm',14px);
   }
 
   .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {

package/es/Modal/index.js

@@ -1,6 +1,6 @@
 import "antd/es/modal/style";
 import _Modal from "antd/es/modal";
-var _excluded = ["className", "children", "forbidBodyScroll", "footer", "okText", "cancelText", "onOk", "onCancel", "width", "closeIcon"];
+var _excluded = ["className", "children", "forbidBodyScroll", "footer", "okText", "cancelText", "onOk", "onCancel", "width", "confirmLoading", "closeIcon"];
 
 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; }
 
@@ -11,7 +11,7 @@ import useModal from 'antd/lib/modal/useModal/index';
 import confirm, { withWarn, withInfo, withSuccess, withError, withConfirm, modalGlobalConfig } from 'antd/lib/modal/confirm';
 import classNames from 'classnames';
 import Button from '../Button';
-import Icon from '../Icon';
+import CloseLine from '../Icon/icons/CloseLine';
 export var destroyFns = [];
 
 function modalWarn(props) {
@@ -30,6 +30,7 @@ var OriginModal = function OriginModal(props) {
       onOk = props.onOk,
       onCancel = props.onCancel,
       width = props.width,
+      confirmLoading = props.confirmLoading,
       closeIcon = props.closeIcon,
       restProps = _objectWithoutProperties(props, _excluded);
 
@@ -38,6 +39,7 @@ var OriginModal = function OriginModal(props) {
     onClick: onCancel
   }, cancelText || '取消'), /*#__PURE__*/React.createElement(Button, {
     type: "primary",
+    loading: confirmLoading,
     size: "large",
     onClick: onOk
   }, okText || '确定'));
@@ -48,8 +50,8 @@ var OriginModal = function OriginModal(props) {
     width: width || DEFAULT_WIDTH,
     closeIcon: closeIcon || /*#__PURE__*/React.createElement(Button, {
       size: "small",
-      icon: /*#__PURE__*/React.createElement(Icon, {
-        type: "close",
+      icon: /*#__PURE__*/React.createElement(CloseLine, {
+        fill: "currentColor",
         size: 12
       }),
       className: "ald-modal-close"

package/es/Modal/style/index.less

@@ -8,8 +8,8 @@
 
   .ald-modal-close {
     position: relative;
-    top: -4px;
-    left: -10px;
+    top: 8px;
+    left: -16px;
   }
 
   .ant-modal-header {
@@ -105,7 +105,7 @@
     }
 
     .ant-btn-default {
-      padding: @Button-border-padding;
+      padding: @Button-border-padding-middle;
       color: @Button-secondary-color;
       background-color: @Button-secondary-bgColor;
       border: 1px solid;

package/es/Navigator/style/index.less

@@ -67,26 +67,46 @@
         height: 48px;
         margin-top: 12px;
         padding: 0 12px;
-        .textStyle(@BG60, 14px, 48px, 600, normal);
+        .textStyle(@BG60, 14px, 48px, 400, normal);
       }
     }
 
     .ald-nav-menu-item {
+      position: relative;
       display: flex;
       align-items: center;
       height: 48px;
+      margin-bottom: 4px;
       padding: 0 12px;
       line-height: 48px;
       border-radius: 8px;
 
+      &::before {
+        position: absolute;
+        top: 0;
+        left: 0;
+        display: block;
+        width: 0%;
+        height: inherit;
+        background: @ND80;
+        border-radius: inherit;
+        content: '';
+      }
+
       &-icon {
+        position: relative;
+        z-index: 1;
+        display: flex;
+        align-items: center;
         margin-right: 12px;
       }
 
       &-content {
+        position: relative;
+        z-index: 1;
         flex: 1;
         overflow: hidden;
-        .textStyle(@B95, 16px, 24px, 600, normal);
+        .textStyle(@B95, 16px, 24px, 400, normal);
 
         &-text {
           white-space: nowrap;
@@ -94,14 +114,18 @@
       }
 
       &:hover {
+        background-color: @ND90;
         cursor: pointer;
       }
 
       &.ald-nav-menu-item-selected {
-        background-color: @B60;
-
         .ald-nav-menu-item-content {
-          .textStyle(@ND0, 16px, 24px, 600, normal);
+          .textStyle(@ND0, 16px, 24px, 400, normal);
+        }
+
+        &::before {
+          animation: 0.26s linear 0s hoverBgChange;
+          animation-fill-mode: forwards;
         }
       }
     }
@@ -116,3 +140,20 @@
     }
   }
 }
+
+@keyframes hoverBgChange {
+  0% {
+    width: 0%;
+    background-color: @ND80;
+  }
+
+  90% {
+    width: 100%;
+    background-color: @ND80;
+  }
+
+  100% {
+    width: 100%;
+    background-color: @B40;
+  }
+}

package/es/Select/index.d.ts

@@ -14,9 +14,10 @@ export interface LabeledValue {
     label: React.ReactNode;
 }
 export declare type SelectValue = RawValue | RawValue[] | LabeledValue | LabeledValue[] | undefined;
+export declare type SelectType = SizeType | 'mini';
 export interface InternalSelectProps<ValueType = any, OptionType extends BaseOptionType | DefaultOptionType = DefaultOptionType> extends Omit<RcSelectProps<ValueType, OptionType>, 'mode'> {
     suffixIcon?: React.ReactNode;
-    size?: SizeType;
+    size?: SelectType;
     disabled?: boolean;
     mode?: 'multiple' | 'tags' | 'SECRET_COMBOBOX_MODE_DO_NOT_USE';
     bordered?: boolean;

package/es/Select/index.js

@@ -45,7 +45,8 @@ var InternalSelect = function InternalSelect(_ref, ref) {
       customDisabled = _ref.disabled,
       notFoundContent = _ref.notFoundContent,
       customStatus = _ref.status,
-      showArrow = _ref.showArrow,
+      _ref$showArrow = _ref.showArrow,
+      showArrow = _ref$showArrow === void 0 ? true : _ref$showArrow,
       props = _objectWithoutProperties(_ref, _excluded);
 
   var _React$useContext = React.useContext(ConfigContext),

package/es/Select/rc-select/Selector/MultipleSelector.js

@@ -215,7 +215,7 @@ var SelectSelector = function SelectSelector(props) {
   React.useEffect(function () {
     var prefixEl = prefixRef.current;
     var size = ['large', 'small', 'mini'].includes(props.size) ? props.size.toUpperCase() : 'MIDDLE';
-    var selectorPaddingLeft = parseInt(SelectStyle["SELECTOR_PADDING_LEFT"]);
+    var selectorPaddingLeft = parseInt(SelectStyle["SELECTOR_PADDING_HORIZONTAL_".concat(size)]);
 
     if (prefixEl) {
       var prefixOffsetWidth = prefixEl.offsetWidth;
@@ -224,7 +224,7 @@ var SelectSelector = function SelectSelector(props) {
     }
 
     return setPlaceholderLeft(selectorPaddingLeft);
-  }, []);
+  }, [values]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, selectionNode, !values.length && !inputValue && /*#__PURE__*/React.createElement("span", {
     className: classNames("".concat(selectionPrefixCls, "-placeholder"), 'ald-select-selection-placeholder', _defineProperty({}, "ald-select-selection-placeholder-prefix", prefix)),
     style: {

package/es/Select/rc-select/hooks/useOptions.d.ts

@@ -6,6 +6,6 @@ import type { FieldNames } from '../Select';
  */
 export default function useOptions<OptionType>(options: OptionType[], children: React.ReactNode, fieldNames: FieldNames, optionFilterProp: string, optionLabelProp: string): {
     options: OptionType[];
-    valueOptions: Map<React.ReactText, OptionType>;
+    valueOptions: Map<string | number, OptionType>;
     labelOptions: Map<React.ReactNode, OptionType>;
 };

package/es/Select/style/index.d.ts

@@ -1,4 +1,3 @@
-import 'antd/lib/style/index.less';
 import '../../Empty/style';
 import '../../style';
 import './index.less';

package/es/Select/style/index.js

@@ -1,4 +1,3 @@
-import 'antd/lib/style/index.less';
 import '../../Empty/style';
 import '../../style';
 import './index.less'; // style dependencies