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

package/es/locale-provider/index.d.ts

@@ -0,0 +1,61 @@
+import type { ValidateMessages } from 'rc-field-form/lib/interface';
+import * as React from 'react';
+import type { PickerLocale as DatePickerLocale } from 'antd/es/date-picker/generatePicker';
+import type { TransferLocale as TransferLocaleForEmpty } from 'antd/es/empty';
+import type { ModalLocale } from 'antd/es/modal/locale';
+import type { PaginationLocale } from 'antd/es/pagination/Pagination';
+import type { PopconfirmLocale } from 'antd/es/popconfirm';
+import type { TableLocale } from 'antd/es/table/interface';
+import type { TransferLocale } from 'antd/es/transfer';
+import type { UploadLocale } from 'antd/es/upload/interface';
+export declare const ANT_MARK = "internalMark";
+export interface Locale {
+    locale: string;
+    Pagination?: PaginationLocale;
+    DatePicker?: DatePickerLocale;
+    TimePicker?: Record<string, any>;
+    Calendar?: Record<string, any>;
+    Table?: TableLocale;
+    Modal?: ModalLocale;
+    Popconfirm?: PopconfirmLocale;
+    Transfer?: Partial<TransferLocale>;
+    Select?: Record<string, any>;
+    Upload?: UploadLocale;
+    Empty?: TransferLocaleForEmpty;
+    global?: Record<string, any>;
+    PageHeader?: {
+        back: string;
+    };
+    Icon?: Record<string, any>;
+    Text?: {
+        edit?: any;
+        copy?: any;
+        copied?: any;
+        expand?: any;
+    };
+    Form?: {
+        optional?: string;
+        defaultValidateMessages: ValidateMessages;
+    };
+    Image?: {
+        preview: string;
+    };
+}
+export interface LocaleProviderProps {
+    locale: Locale;
+    children?: React.ReactNode;
+    _ANT_MARK__?: string;
+}
+export default class LocaleProvider extends React.Component<LocaleProviderProps, any> {
+    static defaultProps: {
+        locale: {};
+    };
+    constructor(props: LocaleProviderProps);
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: LocaleProviderProps): void;
+    componentWillUnmount(): void;
+    getMemoizedContextValue: (localeValue: Locale) => Locale & {
+        exist?: boolean;
+    };
+    render(): JSX.Element;
+}

package/es/locale-provider/index.js

@@ -0,0 +1,102 @@
+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); }
+
+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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+/* eslint-disable react/static-property-placement */
+
+/* eslint-disable @typescript-eslint/no-explicit-any */
+
+/* eslint-disable @typescript-eslint/naming-convention */
+import memoizeOne from 'memoize-one';
+import * as React from 'react';
+import warning from 'antd/es/_util/warning';
+import { changeConfirmLocale } from 'antd/es/modal/locale';
+import LocaleContext from './context';
+export var ANT_MARK = 'internalMark';
+
+var LocaleProvider = /*#__PURE__*/function (_React$Component) {
+  _inherits(LocaleProvider, _React$Component);
+
+  var _super = _createSuper(LocaleProvider);
+
+  function LocaleProvider(props) {
+    var _this;
+
+    _classCallCheck(this, LocaleProvider);
+
+    _this = _super.call(this, props);
+    _this.getMemoizedContextValue = memoizeOne(function (localeValue) {
+      return _objectSpread(_objectSpread({}, localeValue), {}, {
+        exist: true
+      });
+    });
+    changeConfirmLocale(props.locale && props.locale.Modal);
+    warning( // eslint-disable-next-line no-underscore-dangle
+    props._ANT_MARK__ === ANT_MARK, 'LocaleProvider', '`LocaleProvider` is deprecated. Please use `locale` with `ConfigProvider` instead: http://u.ant.design/locale');
+    return _this;
+  }
+
+  _createClass(LocaleProvider, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      changeConfirmLocale(this.props.locale && this.props.locale.Modal);
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      var locale = this.props.locale;
+
+      if (prevProps.locale !== locale) {
+        changeConfirmLocale(locale && locale.Modal);
+      }
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      changeConfirmLocale();
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          locale = _this$props.locale,
+          children = _this$props.children;
+      var contextValue = this.getMemoizedContextValue(locale);
+      return /*#__PURE__*/React.createElement(LocaleContext.Provider, {
+        value: contextValue
+      }, children);
+    }
+  }]);
+
+  return LocaleProvider;
+}(React.Component);
+
+export { LocaleProvider as default };
+LocaleProvider.defaultProps = {
+  // eslint-disable-next-line react/default-props-match-prop-types
+  locale: {}
+};

package/es/locale-provider/style/index.d.ts

@@ -0,0 +1 @@
+import './index.less';

package/es/locale-provider/style/index.js

@@ -0,0 +1 @@
+import './index.less';

package/es/locale-provider/style/index.less

@@ -0,0 +1,2 @@
+// placeholder
+@import '../../style/themes/index';

package/es/locale-provider/zh_CN.d.ts

@@ -0,0 +1,2 @@
+import locale from '../locale/zh_CN';
+export default locale;

package/es/locale-provider/zh_CN.js

@@ -0,0 +1,2 @@
+import locale from '../locale/zh_CN';
+export default locale;

package/es/message/style/index.js

@@ -0,0 +1,2 @@
+import '../../style';
+import './index.less';

package/es/notification/style/index.js

@@ -0,0 +1,2 @@
+import '../../style';
+import './index.less';

package/es/style/index.less

@@ -1,4 +1,5 @@
 @root-entry-name: default;
 @import './mixins/index.less';
+@import './themes/default/scrollBar.less';
 @import './themes/default/index.less';
 @import './mixins/index.less';

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

@@ -0,0 +1,13 @@
+::-webkit-scrollbar-thumb {
+  background: @NL90;
+  background-clip: padding-box;
+  border: 3px solid transparent;
+  border-radius: 6px;
+}
+
+::-webkit-scrollbar {
+  width: 12px;
+  height: 12px;
+  min-height: 12px;
+  background-color: transparent;
+}

package/lib/Breadcrumb/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BreadcrumbItemProps, BreadcrumbProps } from 'antd';
 export type { BreadcrumbItemProps, BreadcrumbProps };
 declare const Breadcrumb: {

package/lib/Breadcrumb/style/index.less

@@ -1,6 +1,6 @@
 @import '../../style/index.less';
 
-.ald-breadcrumb {
+.ald-breadcrumb.ant-breadcrumb li {
   color: @NL50;
   font-weight: 600;
   font-size: 24px;
@@ -18,10 +18,18 @@
     margin: 0;
   }
 
-  & > span {
+  a {
     color: @NL50;
 
-    &:last-child {
+    &:hover {
+      color: @NL0;
+    }
+  }
+
+  &:last-child {
+    color: @NL0;
+
+    a {
       color: @NL0;
     }
   }

package/lib/Button/index.js

@@ -13,7 +13,9 @@ var _react = _interopRequireDefault(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _excluded = ["type", "size", "shape", "icon", "className"];
+var _Loading = _interopRequireDefault(require("../Icon/icons/Loading"));
+
+var _excluded = ["type", "size", "shape", "loading", "disabled", "icon", "className"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -42,6 +44,9 @@ function Button(props) {
       size = _props$size === void 0 ? 'default' : _props$size,
       _props$shape = props.shape,
       shape = _props$shape === void 0 ? 'default' : _props$shape,
+      _props$loading = props.loading,
+      loading = _props$loading === void 0 ? false : _props$loading,
+      disabled = props.disabled,
       icon = props.icon,
       className = props.className,
       rest = _objectWithoutProperties(props, _excluded);
@@ -102,7 +107,8 @@ function Button(props) {
     if (iconNode) {
       var p = _objectSpread({
         className: '',
-        size: ICON_LARGE
+        size: ICON_LARGE,
+        fill: 'currentColor'
       }, iconNode.props);
 
       p.className = (0, _classnames.default)("".concat(iconPrefixCls, "-icon-left"), p.className, iconPrefixCls);
@@ -110,10 +116,20 @@ function Button(props) {
       return /*#__PURE__*/_react.default.cloneElement(iconNode, p);
     }
 
+    if (loading) {
+      return /*#__PURE__*/_react.default.createElement(_Loading.default, {
+        spin: true,
+        size: ICON_LARGE,
+        className: (0, _classnames.default)("".concat(iconPrefixCls, "-icon-left"), iconPrefixCls),
+        fill: "currentColor"
+      });
+    }
+
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
   };
 
   return /*#__PURE__*/_react.default.createElement(_button.default, Object.assign({}, rest, {
+    disabled: loading ? true : disabled,
     icon: setIcon(icon),
     type: getButtonType(type),
     className: (0, _classnames.default)(prefix, "".concat(prefix, "-").concat(type), className, getButtonSizeClass(size)),

package/lib/Button/style/index.less

@@ -16,25 +16,11 @@
       align-items: center;
       justify-content: center;
       height: @height-base;
-      padding: @Button-padding;
       font-weight: 500;
       font-size: 12px;
       line-height: @height-base;
       text-shadow: none;
-      // border: none;
-      .@{ald-iconfont-css-prefix} {
-        + span {
-          margin-left: 4px;
-        }
-
-        &-icon-left {
-          margin-left: -4px;
-        }
-
-        &-icon-right {
-          margin-right: -4px;
-        }
-      }
+      vertical-align: bottom;
     }
 
     &.ant-btn-loading::before {
@@ -116,9 +102,16 @@
       }
     }
 
+    &.ant-btn-circle {
+      justify-content: center;
+      min-width: @height-base;
+      height: @height-base;
+      padding: 0;
+      border-radius: 50%;
+    }
+
     &-default,
     &-secondary {
-      padding: @Button-border-padding;
       color: @Button-secondary-color;
       background-color: @Button-secondary-bgColor;
       border: 1px solid;
@@ -163,14 +156,14 @@
       border: none;
       box-shadow: none;
 
-      &:focus {
+      &:focus,
+      &:active {
         color: @Button-text-color;
         background-color: @Button-text-bgColor;
         box-shadow: none;
       }
 
       &:hover,
-      &:active,
       &.ant-btn-loading {
         color: @Button-text-color-active;
         background-color: @Button-text-bgColor-active;
@@ -233,8 +226,7 @@
 
     &.ant-btn-icon-only {
       justify-content: center;
-      width: @height-base;
-      height: @height-base;
+      width: initial;
       padding: 0;
       vertical-align: bottom;
 
@@ -245,94 +237,104 @@
         display: flex;
         align-items: center;
         justify-content: center;
-        margin-left: 0;
+        margin: 0;
       }
     }
 
-    &-circle {
-      justify-content: center;
-      width: @height-base;
-      min-width: auto;
-      padding: 0;
-      border-radius: 50%;
-    }
-
     &-large {
       min-width: auto;
       height: @Button-height-large;
+      padding: @Button-border-padding-large;
       font-size: @Button-text-size-large;
       border-radius: @Button-borderRadius-large;
 
       &.ant-btn-icon-only {
-        width: @Button-height-large;
-        min-width: auto;
+        min-width: @Button-height-large;
         height: @Button-height-large;
         border-radius: @Button-borderRadius-large;
       }
 
       &.ant-btn-circle {
-        width: @Button-height-large;
+        min-width: @Button-height-large;
         height: @Button-height-large;
         border-radius: 50%;
       }
+
+      .aldicon-icon-left + span {
+        margin-left: @Button-leftIcon-marginRight-large;
+      }
     }
 
     &-middle {
       min-width: auto;
       height: @Button-height-middle;
+      padding: @Button-border-padding-middle;
       font-size: @Button-text-size-middle;
       border-radius: @Button-borderRadius-middle;
 
       &.ant-btn-icon-only {
-        width: @Button-height-middle;
-        min-width: auto;
+        min-width: @Button-height-middle;
         height: @Button-height-middle;
         border-radius: @Button-borderRadius-middle;
       }
 
       &.ant-btn-circle {
-        width: @Button-height-middle;
+        min-width: @Button-height-middle;
         height: @Button-height-middle;
         border-radius: 50%;
       }
+
+      .aldicon-icon-left + span {
+        margin-left: @Button-leftIcon-marginRight-middle;
+      }
     }
 
     &-small {
       height: @Button-height-small;
+      padding: @Button-border-padding-small;
       font-size: @Button-text-size-small;
       line-height: 22px;
       border-radius: @Button-borderRadius-small;
 
       &.ant-btn-icon-only {
-        width: @Button-height-small;
+        min-width: @Button-height-small;
         height: @Button-height-small;
         border-radius: @Button-borderRadius-small;
       }
 
       &.ant-btn-circle {
-        width: @Button-height-small;
+        min-width: @Button-height-small;
         height: @Button-height-small;
         border-radius: 50%;
       }
+
+      .aldicon-icon-left + span {
+        margin-left: @Button-leftIcon-marginRight-small;
+      }
     }
 
     &-mini {
       height: @Button-height-mini;
+      padding: @Button-border-padding-mini;
       font-size: @Button-text-size-mini;
       line-height: 22px;
       border-radius: @Button-borderRadius-mini;
 
       &.ant-btn-icon-only {
-        width: @Button-height-mini;
+        min-width: @Button-height-mini;
         height: @Button-height-mini;
         border-radius: @Button-borderRadius-mini;
       }
 
       &.ant-btn-circle {
-        width: @Button-height-mini;
+        min-width: @Button-height-mini;
         height: @Button-height-mini;
         border-radius: 50%;
       }
+
+      .aldicon-icon-left + span {
+        margin-left: @Button-leftIcon-marginRight-mini;
+      }
     }
   }
 }

package/lib/Button/style/variables.less

@@ -2,24 +2,31 @@
 @ald-iconfont-css-prefix: aldicon;
 
 @Button-padding: 0 12px;
-@Button-border-padding: 0 11px;
 
 /** size控制 **/
 @Button-height-large: 36px;
 @Button-text-size-large: 16px;
 @Button-borderRadius-large: 8px;
+@Button-border-padding-large: 0 11px;
+@Button-leftIcon-marginRight-large: 8px;
 
 @Button-height-middle: 32px;
 @Button-text-size-middle: 14px;
 @Button-borderRadius-middle: 6px;
+@Button-border-padding-middle: 0 11px;
+@Button-leftIcon-marginRight-middle: 8px;
 
 @Button-height-small: 28px;
 @Button-text-size-small: 12px;
 @Button-borderRadius-small: 4px;
+@Button-border-padding-small: 0 7px;
+@Button-leftIcon-marginRight-small: 4px;
 
 @Button-height-mini: 24px;
 @Button-text-size-mini: 12px;
 @Button-borderRadius-mini: 4px;
+@Button-border-padding-mini: 0 7px;
+@Button-leftIcon-marginRight-mini: 4px;
 
 /****  type控制  ****/
 @Button-primary-bgColor: @B60;
@@ -45,7 +52,7 @@
 @Button-secondary-borderColor: @NL90;
 @Button-secondary-borderColor-active: @B60;
 
-@Button-text-bgColor: @BG100;
+@Button-text-bgColor: transparent;
 @Button-text-bgColor-active: @NL97;
 @Button-text-bgColor-disable: @BG100;
 @Button-text-color: @NL30;

package/lib/Card/index.d.ts

@@ -0,0 +1,3 @@
+import { Card } from 'antd';
+export { CardProps } from 'antd/lib/card';
+export default Card;

package/lib/Card/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("antd/es/card/style");
+
+var _card = _interopRequireDefault(require("antd/es/card"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = _card.default;
+exports.default = _default;

package/lib/Card/style/index.d.ts

@@ -0,0 +1,2 @@
+import '../../style';
+import './index.less';

package/lib/Card/style/index.less

@@ -0,0 +1 @@
+@import '../../style/index.less';

package/lib/Checkbox/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CheckboxProps } from 'antd';
 import { CheckboxGroupProps } from 'antd/lib/checkbox';
 export type { CheckboxValueType, CheckboxOptionType } from 'antd/es/checkbox/Group';

package/lib/Checkbox/style/index.less

@@ -1,6 +1,19 @@
 @import '../../style/index.less';
 
 .ald-checkbox {
+  height: 20px;
+  color: @NL0;
+  font-size: 14px;
+  line-height: 20px;
+
+  .ant-checkbox-wrapper {
+    height: 20px;
+    color: @NL0;
+    font-weight: 400;
+    font-size: 14px;
+    line-height: 20px;
+  }
+
   .ant-checkbox-inner {
     width: 16px;
     height: 16px;
@@ -39,6 +52,7 @@
     cursor: default;
 
     & + span {
+      color: @NL0;
       cursor: default;
     }
 
@@ -72,6 +86,11 @@
       }
     }
   }
+
+  .ant-checkbox + span {
+    padding-right: 10px;
+    padding-left: 10px;
+  }
 }
 
 .ant-checkbox-group.ald-checkbox,

package/lib/Drawer/index.d.ts

@@ -0,0 +1,4 @@
+import { Drawer } from 'antd';
+import { DrawerProps } from 'antd/lib/drawer';
+export { DrawerProps };
+export default Drawer;

package/lib/Drawer/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("antd/es/drawer/style");
+
+var _drawer = _interopRequireDefault(require("antd/es/drawer"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = _drawer.default;
+exports.default = _default;

package/lib/Drawer/style/index.d.ts

@@ -0,0 +1,2 @@
+import '../../style';
+import './index.less';

package/lib/Drawer/style/index.less

@@ -0,0 +1 @@
+@import '../../style/index.less';