@aloudata/aloudata-design 0.2.0-beta.9 → 0.2.3

package/lib/Alert/index.js

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

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

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

package/lib/Alert/style/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+require("../../style");
+
+require("./index.less");

package/lib/Alert/style/index.less

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

package/lib/Button/index.js

@@ -108,7 +108,7 @@ function Button(props) {
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
   };
 
-  return /*#__PURE__*/_react.default.createElement(_button.default, _objectSpread(_objectSpread({}, rest), {}, {
+  return /*#__PURE__*/_react.default.createElement(_button.default, Object.assign({}, rest, {
     icon: setIcon(icon),
     type: getButtonType(type),
     className: (0, _classnames.default)("".concat(prefix, "-").concat(type), className),

package/lib/Button/style/index.less

@@ -1,7 +1,7 @@
 @import '../../style/index.less';
 
-@ald-prefix:ant;
-@ald-iconfont-css-prefix:anticon;
+@ald-prefix: ant;
+@ald-iconfont-css-prefix: anticon;
 
 .ant-btn {
   &.ant-btn {
@@ -14,14 +14,14 @@
     &-secondary,
     &-text,
     &-link {
-      font-size: 12px;
-      height: @height-base;
-      padding: 0 12px;
       display: inline-flex;
-      line-height: @height-base;
       align-items: center;
-      font-weight: 500;
       justify-content: center;
+      height: @height-base;
+      padding: 0 11px;
+      font-weight: 500;
+      font-size: 12px;
+      line-height: @height-base;
       .@{ald-iconfont-css-prefix} {
         + span {
           margin-left: 4px;
@@ -38,175 +38,214 @@
     }
 
     &-primary {
+      text-shadow: @text-shadow;
       background-color: @B40;
       border-color: @B40;
-      box-shadow: none;
       border-radius: @border-radius-base;
-      text-shadow: @text-shadow;
+      box-shadow: none;
+
+      &:focus {
+        text-shadow: @text-shadow;
+        background-color: @B40;
+        border-color: @B40;
+        border-radius: @border-radius-base;
+        box-shadow: none;
+      }
 
       &:hover,
-      &:focus,
       &:active,
       &.ant-btn-loading {
+        color: @ND0;
         background-color: @B20;
         border-color: @B20;
-        color: @ND0;
       }
 
       &[disabled] {
+        color: @NL80;
         background-color: @NL90;
         border-color: transparent;
-        color: @NL80;
+        cursor: default;
 
         &:hover,
         &:focus,
         &:active {
+          color: @NL80;
           background-color: @NL90;
           border-color: transparent;
-          color: @NL80;
         }
       }
     }
 
     &-dangerous.ant-btn-primary {
-      background-color: @SC40;
-      border-color: @SC40;
       color: @ND0;
       text-shadow: @text-shadow;
+      background-color: @SC40;
+      border-color: @SC40;
       box-shadow: unset;
 
-      &:hover {
-        background-color: @SC20;
-        border-color: @SC20;
+      &:focus {
         color: @ND0;
+        text-shadow: @text-shadow;
+        background-color: @SC40;
+        border-color: @SC40;
+        box-shadow: unset;
       }
 
-      &:focus,
+      &:hover,
       &:active,
       &.ant-btn-loading {
+        color: @ND0;
         background-color: @SC20;
         border-color: @SC20;
-        color: @ND0;
       }
 
       &[disabled] {
+        color: @NL80;
         background-color: @NL90;
         border-color: transparent;
-        color: @NL80;
+        cursor: default;
 
         &:hover,
         &:focus,
         &:active {
+          color: @NL80;
           background-color: @NL90;
           border-color: transparent;
-          color: @NL80;
         }
       }
     }
 
     &-secondary {
+      color: @NL30;
+      text-shadow: @text-shadow;
       background-color: @BG100;
       border-color: @NL90;
-      color: @NL30;
-      box-shadow: none;
       border-radius: @border-radius-base;
-      text-shadow: @text-shadow;
+      box-shadow: none;
+
+      &:focus {
+        color: @NL30;
+        text-shadow: @text-shadow;
+        background-color: @BG100;
+        border-color: @NL90;
+        border-radius: @border-radius-base;
+        box-shadow: none;
+      }
 
       &:hover,
-      &:focus,
       &:active,
       &.ant-btn-loading {
+        color: @NL30;
         background-color: @NL97;
         border-color: @NL90;
-        color: @NL30;
       }
 
       &[disabled] {
+        color: @NL80;
         background-color: @BG100;
         border-color: @NL90;
-        color: @NL80;
+        cursor: default;
 
         &:hover,
         &:focus,
         &:active {
+          color: @NL80;
           background-color: @BG100;
           border-color: @NL90;
-          color: @NL80;
         }
       }
     }
 
     &-text {
+      color: @NL30;
+      text-shadow: @text-shadow;
       background-color: @BG100;
       border-color: @BG100;
-      color: @NL30;
-      box-shadow: none;
       border-radius: @border-radius-base;
-      text-shadow: @text-shadow;
+      box-shadow: none;
+
+      &:focus {
+        color: @NL30;
+        text-shadow: @text-shadow;
+        background-color: @BG100;
+        border-color: @BG100;
+        border-radius: @border-radius-base;
+        box-shadow: none;
+      }
 
       &:hover,
-      &:focus,
       &:active,
       &.ant-btn-loading {
-        background-color: @NL97;
         // border-color: @NL97;
         color: @NL30;
+        background-color: @NL97;
       }
 
       &[disabled] {
+        color: @NL80;
         background-color: transparent;
         border-color: transparent;
-        color: @NL80;
+        cursor: default;
 
         &:hover,
         &:focus,
         &:active {
+          color: @NL80;
           background-color: transparent;
           border-color: transparent;
-          color: @NL80;
         }
       }
     }
 
     &-link {
-      background-color: @BG100;
-      border-color: @BG100;
       color: @B40;
       font-weight: 400;
-      box-shadow: none;
-      border-radius: @border-radius-base;
       text-shadow: @text-shadow;
+      background-color: @BG100;
+      border-color: @BG100;
+      border-radius: @border-radius-base;
+      box-shadow: none;
+
+      &:focus {
+        color: @B40;
+        font-weight: 400;
+        text-shadow: @text-shadow;
+        background-color: @BG100;
+        border-color: @BG100;
+        border-radius: @border-radius-base;
+        box-shadow: none;
+      }
 
       &:hover,
-      &:focus,
       &:active,
       &.ant-btn-loading {
+        color: @B20;
         background-color: @BG100;
         border-color: @BG100;
-        color: @B20;
       }
 
       &[disabled] {
+        color: @NL80;
         background-color: transparent;
         border-color: transparent;
-        color: @NL80;
+        cursor: default;
 
         &:hover,
         &:focus,
         &:active {
+          color: @NL80;
           background-color: transparent;
           border-color: transparent;
-          color: @NL80;
         }
       }
     }
 
     &-icon-only {
       justify-content: center;
+      width: @height-base;
+      height: @height-base;
       padding: 0;
       vertical-align: bottom;
-      height: @height-base;
-      width: @height-base;
 
       &.ant-btn-loading-icon {
         vertical-align: baseline;
@@ -220,22 +259,22 @@
     }
 
     &-circle {
+      justify-content: center;
       width: @height-base;
       min-width: auto;
       padding: 0;
-      justify-content: center;
       border-radius: 50%;
     }
 
     &-lg {
+      min-width: auto;
       height: 32px;
       font-size: 14px;
-      min-width: auto;
 
       &.ant-btn-icon-only {
-        height: 32px;
         width: 32px;
         min-width: auto;
+        height: 32px;
       }
 
       &.ant-btn-circle {
@@ -247,11 +286,12 @@
 
     &-sm {
       height: 24px;
+      line-height: 22px;
       border-radius: @border-radius-sm;
 
       &.ant-btn-icon-only {
-        height: 24px;
         width: 24px;
+        height: 24px;
         border-radius: @border-radius-sm;
       }
 

package/lib/Checkbox/index.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { CheckboxProps } from 'antd';
+import { CheckboxGroupProps } from 'antd/lib/checkbox';
+export type { CheckboxValueType, CheckboxOptionType } from 'antd/es/checkbox/Group';
+export type { CheckboxChangeEvent } from 'antd/es/checkbox/Checkbox';
+declare function Checkbox(props: CheckboxProps): JSX.Element;
+declare namespace Checkbox {
+    var Group: (props: CheckboxGroupProps) => JSX.Element;
+}
+export type { CheckboxProps };
+export default Checkbox;

package/lib/Checkbox/index.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("antd/es/checkbox/style");
+
+var _checkbox = _interopRequireDefault(require("antd/es/checkbox"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _excluded = ["className"],
+    _excluded2 = ["className"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: 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; }
+
+var CheckboxGroup = _checkbox.default.Group;
+
+function Checkbox(props) {
+  var className = props.className,
+      otherProps = _objectWithoutProperties(props, _excluded);
+
+  return /*#__PURE__*/_react.default.createElement(_checkbox.default, Object.assign({
+    className: (0, _classnames.default)('ald-checkbox', className)
+  }, otherProps));
+}
+
+Checkbox.Group = function (props) {
+  var className = props.className,
+      otherProps = _objectWithoutProperties(props, _excluded2);
+
+  return /*#__PURE__*/_react.default.createElement(CheckboxGroup, Object.assign({
+    className: (0, _classnames.default)('ald-checkbox', className)
+  }, otherProps));
+};
+
+var _default = Checkbox;
+exports.default = _default;

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

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

package/lib/Checkbox/style/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+require("../../style");
+
+require("./index.less");

package/lib/Checkbox/style/index.less

@@ -0,0 +1,79 @@
+@import '../../style/index.less';
+
+.ald-checkbox {
+  .ant-checkbox-inner {
+    background-color: @BG97;
+    border-color: @NL60;
+    border-radius: 4px;
+  }
+
+  .ant-checkbox-checked {
+    &::after,
+    .ant-checkbox-inner {
+      background-color: @B60;
+      border-color: @B60;
+      border-radius: 4px;
+    }
+
+    .ant-checkbox-inner {
+      background-color: @B60;
+      border-color: @B60;
+
+      &::after {
+        top: 3px;
+        left: 2px;
+        z-index: 10;
+        width: 10px;
+        height: 8px;
+        background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEwIDgiIGZpbGw9IndoaXRlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTkuNjc1NzMgMC4yNjI4NTJDMTAuMDgyOCAwLjYzNjA0NCAxMC4xMTA0IDEuMjY4NjEgOS43MzcxNiAxLjY3NTczTDQuMjM3MTYgNy42NzU3M0M0LjA0Nzc1IDcuODgyMzYgMy43ODAzMSA4LjAwMDAxIDMuNTAwMDEgOC4wMDAwMUMzLjIxOTcgOC4wMDAwMSAyLjk1MjI2IDcuODgyMzYgMi43NjI4NSA3LjY3NTczTDAuMjYyODUyIDQuOTQ4NDZDLTAuMTEwMzQxIDQuNTQxMzQgLTAuMDgyODM3OCAzLjkwODc3IDAuMzI0MjgxIDMuNTM1NThDMC43MzE0IDMuMTYyMzkgMS4zNjM5NyAzLjE4OTg5IDEuNzM3MTYgMy41OTcwMUwzLjUwMDAxIDUuNTIwMTFMOC4yNjI4NSAwLjMyNDI4MUM4LjYzNjA0IC0wLjA4MjgzNzggOS4yNjg2MSAtMC4xMTAzNDEgOS42NzU3MyAwLjI2Mjg1MloiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=')
+          no-repeat;
+        border-width: 0;
+        transform: none;
+      }
+    }
+  }
+
+  .ant-checkbox-disabled {
+    .ant-checkbox-inner {
+      background-color: @NL90;
+      border-color: @NL90;
+
+      &::after {
+        top: 3px;
+        left: 2px;
+        z-index: 10;
+        width: 10px;
+        height: 8px;
+        background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEwIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOS42NzU3MyAwLjI2Mjg1MkMxMC4wODI4IDAuNjM2MDQ0IDEwLjExMDQgMS4yNjg2MSA5LjczNzE2IDEuNjc1NzNMNC4yMzcxNiA3LjY3NTczQzQuMDQ3NzUgNy44ODIzNiAzLjc4MDMxIDguMDAwMDEgMy41MDAwMSA4LjAwMDAxQzMuMjE5NyA4LjAwMDAxIDIuOTUyMjYgNy44ODIzNiAyLjc2Mjg1IDcuNjc1NzNMMC4yNjI4NTIgNC45NDg0NkMtMC4xMTAzNDEgNC41NDEzNCAtMC4wODI4Mzc4IDMuOTA4NzcgMC4zMjQyODEgMy41MzU1OEMwLjczMTQgMy4xNjIzOSAxLjM2Mzk3IDMuMTg5ODkgMS43MzcxNiAzLjU5NzAxTDMuNTAwMDEgNS41MjAxMUw4LjI2Mjg1IDAuMzI0MjgxQzguNjM2MDQgLTAuMDgyODM3OCA5LjI2ODYxIC0wLjExMDM0MSA5LjY3NTczIDAuMjYyODUyWiIgZmlsbD0iIzAwMUEzMyIgZmlsbC1vcGFjaXR5PSIwLjIiLz4KPC9zdmc+Cg==');
+        border-width: 0;
+        transform: none;
+      }
+    }
+  }
+
+  .ant-checkbox-indeterminate {
+    .ant-checkbox-inner {
+      background-color: @B60;
+      border-color: @B60;
+
+      &::after {
+        width: 10px;
+        height: 2px;
+        background-color: @ND0;
+        border-radius: 2px;
+      }
+    }
+  }
+}
+
+.ant-checkbox-group.ald-checkbox,
+.ant-checkbox-wrapper.ald-checkbox {
+  &:hover .ant-checkbox-inner {
+    border-color: @B60;
+  }
+
+  .ant-checkbox:hover .ant-checkbox-inner,
+  .ant-checkbox-input:focus + .ant-checkbox-inner {
+    border-color: @B60;
+  }
+}

package/lib/Col/index.d.ts

@@ -0,0 +1,4 @@
+import { Col } from 'antd';
+import { ColSize, ColProps } from 'antd/lib/grid/col';
+export { ColSize, ColProps };
+export default Col;

package/lib/Col/index.js

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

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

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

package/lib/Col/style/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+require("../../style");
+
+require("./index.less");

package/lib/Col/style/index.less

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

package/lib/ConfigProvider/index.d.ts

@@ -0,0 +1,3 @@
+import { ConfigProvider } from 'antd';
+export type { ConfigProviderProps } from 'antd/lib/config-provider';
+export default ConfigProvider;

package/lib/ConfigProvider/index.js

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

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

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

package/lib/ConfigProvider/style/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+require("../../style");
+
+require("./index.less");

package/lib/ConfigProvider/style/index.less

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

package/lib/DatePicker/index.d.ts

@@ -0,0 +1,4 @@
+import { DatePicker, DatePickerProps } from 'antd';
+export type { MonthPickerProps, WeekPickerProps, RangePickerProps } from 'antd/lib/date-picker';
+export type { DatePickerProps };
+export default DatePicker;

package/lib/DatePicker/index.js

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

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

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

package/lib/DatePicker/style/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+require("../../style");
+
+require("./index.less");

package/lib/DatePicker/style/index.less

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

package/lib/Divider/index.d.ts

@@ -0,0 +1,3 @@
+import { Divider, DividerProps } from 'antd';
+export type { DividerProps };
+export default Divider;

package/lib/Divider/index.js

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

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

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

package/lib/Divider/style/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+require("../../style");
+
+require("./index.less");

package/lib/Divider/style/index.less

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

package/lib/Dropdown/Button.d.ts

@@ -1,5 +1,6 @@
 import React, { ReactElement } from 'react';
 import { ButtonType, Size } from '../Button';
+import '../Button/style';
 export declare type ActionType = 'hover' | 'click' | 'contextMenu';
 export interface IDropdownButton {
     /**