@aloudata/aloudata-design 0.2.0-beta.7 → 0.2.1

package/es/index.js

@@ -7,4 +7,24 @@ export { default as Tabs } from './Tabs';
 export { default as Tooltip } from './Tooltip';
 export { default as Select } from './Select';
 export { default as Table } from './Table';
-export { default as Navigator } from './Navigator';
+export { default as Navigator } from './Navigator';
+export { default as Alert } from './Alert';
+export { default as Col } from './Col';
+export { default as Typography } from './Typography';
+export { default as Upload } from './Upload';
+export { default as ConfigProvider } from './ConfigProvider';
+export { default as DatePicker } from './DatePicker';
+export { default as Layout } from './Layout';
+export { default as message } from './Message';
+export { default as notification } from './Notification';
+export { default as Tree } from './Tree';
+export { default as Skeleton } from './Skeleton';
+export { default as Row } from './Row';
+export { default as Space } from './Space';
+export { default as Spin } from './Spin';
+export { default as Switch } from './Switch';
+export { default as Steps } from './Steps';
+export { default as Form } from './Form';
+export { default as Divider } from './Divider';
+export { default as Radio } from './Radio';
+export { default as Checkbox } from './Checkbox';

package/es/locale/zh_CN.d.ts

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

package/es/locale/zh_CN.js

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

package/es/style/index.d.ts

@@ -1,2 +1,2 @@
-import 'antd/dist/antd.compact.css';
+import 'antd/lib/style/compact.less';
 import './index.less';

package/es/style/index.js

@@ -1,2 +1,2 @@
-import 'antd/dist/antd.compact.css';
+import 'antd/lib/style/compact.less';
 import './index.less';

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

@@ -1,6 +1,6 @@
 @import './themeColor.module.less';
 @font-family:sans-serif,-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol','Noto Color Emoji';
-@ald-prefix: 'ald';
+@ald-prefix: ant;
 
 
 // height rules

package/lib/Alert/index.d.ts

@@ -0,0 +1,4 @@
+import { Alert } from 'antd';
+import { AlertProps } from 'antd/lib/alert';
+export { AlertProps };
+export default Alert;

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/style/index.less

@@ -1,10 +1,10 @@
 @import '../../style/index.less';
 
-@ald-prefix:ant;
-@ald-iconfont-css-prefix:anticon;
-.@{ald-prefix}-btn {
+@ald-prefix: ant;
+@ald-iconfont-css-prefix: anticon;
 
-  &.@{ald-prefix}-btn {
+.ant-btn {
+  &.ant-btn {
     // &-loading::before{
     //   // display: none !important;
     // }
@@ -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,171 +38,216 @@
     }
 
     &-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,
-      &.@{ald-prefix}-btn-loading {
+      &.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.@{ald-prefix}-btn-primary {
-      background-color: @SC40;
-      border-color: @SC40;
+
+    &-dangerous.ant-btn-primary {
       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,
-      &.@{ald-prefix}-btn-loading {
+      &.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,
-      &.@{ald-prefix}-btn-loading {
+      &.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,
-      &.@{ald-prefix}-btn-loading {
-        background-color: @NL97;
+      &.ant-btn-loading {
         // 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,
-      &.@{ald-prefix}-btn-loading {
+      &.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;
-      &.@{ald-prefix}-btn-loading-icon {
+
+      &.ant-btn-loading-icon {
         vertical-align: baseline;
       }
       .@{ald-iconfont-css-prefix} {
@@ -214,23 +259,25 @@
     }
 
     &-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;
-      &.@{ald-prefix}-btn-icon-only {
-        height: 32px;
+
+      &.ant-btn-icon-only {
         width: 32px;
         min-width: auto;
+        height: 32px;
       }
-      &.@{ald-prefix}-btn-circle {
+
+      &.ant-btn-circle {
         width: 32px;
         height: 32px;
         border-radius: 50%;
@@ -239,13 +286,16 @@
 
     &-sm {
       height: 24px;
+      line-height: 22px;
       border-radius: @border-radius-sm;
-      &.@{ald-prefix}-btn-icon-only {
-        height: 24px;
+
+      &.ant-btn-icon-only {
         width: 24px;
+        height: 24px;
         border-radius: @border-radius-sm;
       }
-      &.@{ald-prefix}-btn-circle {
+
+      &.ant-btn-circle {
         width: 32px;
         height: 32px;
         border-radius: 50%;

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,52 @@
+"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 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; }
+
+var CheckboxGroup = _checkbox.default.Group;
+
+function Checkbox(props) {
+  var className = props.className,
+      otherProps = _objectWithoutProperties(props, _excluded);
+
+  return /*#__PURE__*/_react.default.createElement(_checkbox.default, _objectSpread({
+    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, _objectSpread({
+    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;