@aloudata/aloudata-design 0.2.0-beta.1 → 0.2.0-beta.12

package/lib/Table/style/index.less

@@ -1,31 +1,66 @@
 @import '../../style/index.less';
 
-@ald-prefix:ant;
-@ald-iconfont-css-prefix:anticon;
-@table-row-height:40px;
-.@{ald-prefix}-blockTable {
+@ald-prefix: ant;
+@ald-iconfont-css-prefix: anticon;
+@table-row-height: 40px;
+
+.ant-block-table {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  user-select: none;
+
+  &-table-wrap {
+    display: flex;
+    flex: 1;
+    flex-direction: column;
+  }
+
+  &-cell {
+    flex-grow: 1;
+    height: @table-row-height;
+    padding: 0 12px;
+    overflow: hidden;
+    color: @NL0;
+    line-height: @table-row-height;
+    white-space: nowrap;
+    text-align: left;
+    text-overflow: ellipsis;
+    border-bottom: 1px solid @NL95;
+  }
+
+  &-row {
+    max-width: 100%;
+  }
+
   &-thead {
-    .@{ald-prefix}-blockTable-cell {
+    .ant-block-table-cell {
       position: relative;
       color: @NL50;
+
+      &-sorting {
+        color: @B40;
+      }
       // border: 1px solid red;
 
-      .@{ald-prefix}-blockTable-dragBar {
+      .ant-block-table-bar {
+        position: absolute;
+        top: 50%;
+        right: 0;
+        z-index: 1;
         display: inline-block;
-        background: blue;
         width: 1px;
         height: 12px;
-        position: absolute;
-        top: 50%;
-        left: 0;
+        background: blue;
+        background-color: @NL95;
         transform: translateY(-50%);
-        z-index: 1;
         touch-action: none;
-        background-color: @NL95;
       }
 
-      &:first-child {
-        .@{ald-prefix}-blockTable-dragBar {
+      &:last-child {
+        .ant-block-table-bar {
           display: none;
         }
       }
@@ -33,13 +68,14 @@
   }
 
   &-tbody {
+    flex: 1;
     overflow: hidden;
 
-    &-scroll {
-      overflow-y: scroll;
-      overflow-y: overlay;
+    .ant-empty {
+      padding-top: 80px;
     }
-    .@{ald-prefix}-blockTable-row {
+
+    .ant-block-table-row {
       &:hover {
         background-color: @NL97;
       }
@@ -53,59 +89,87 @@
       }
 
       &:last-of-type {
-        .@{ald-prefix}-blockTable-cell {
+        .ant-block-table-cell {
           border-bottom: 1px solid transparent;
         }
       }
     }
   }
 
-  &-row {
-    max-width: 100%;
-  }
-
-  &-cell {
-    padding: 0 12px;
-    height: @table-row-height;
-    line-height: @table-row-height;
-    border-bottom: 1px solid @NL95;
-    text-align: left;
-    color: @NL0;
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    flex-grow: 1;
-  }
-
   &-loading {
-    text-align: center;
-    line-height: @table-row-height;
     color: @NL80;
+    line-height: @table-row-height;
+    text-align: center;
   }
 
   &-header {
     display: flex;
-    justify-content: space-between;
-    padding: 0 10px;
     align-items: center;
+    justify-content: space-between;
     margin-bottom: 24px;
+    padding: 0 10px;
 
     &-left {
+      color: @NL0;
       font-weight: 500;
       font-size: 14px;
-      color: @NL0;
     }
 
     &-right {
       display: flex;
-      height: 28px;
       align-items: center;
-      font-size: 14px;
+      justify-content: flex-end;
+      height: 28px;
       color: @NL0;
+      font-size: 14px;
     }
   }
 
   &-list {
     overflow: overlay !important;
+
+    &::-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;
+    }
+  }
+
+  &-sortIcon {
+    margin-top: -2px;
+    margin-left: 4px;
+  }
+
+  &-column-resizable {
+    overflow: overlay;
+
+    .ant-block-table-thead,
+    .ant-block-table-tbody {
+      .ant-block-table-row {
+        .ant-block-table {
+          &-cell {
+            flex: none;
+          }
+
+          &-thead {
+            &::-webkit-scrollbar {
+              display: none;
+            }
+          }
+
+          &-tbody {
+            overflow: initial;
+          }
+        }
+      }
+    }
   }
 }

package/lib/Tabs/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import './style';
+export declare type TabsSize = 'default' | 'large';
 export interface ITabsProps {
     /**
      * @description 大小

package/lib/Tabs/index.js

@@ -5,9 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = Tabs;
 
-var _react = _interopRequireDefault(require("react"));
+require("antd/es/tabs/style");
+
+var _tabs = _interopRequireDefault(require("antd/es/tabs"));
 
-var _tabs = _interopRequireDefault(require("antd/lib/tabs"));
+var _react = _interopRequireDefault(require("react"));
 
 var _Icon = _interopRequireDefault(require("../Icon"));
 
@@ -15,8 +17,6 @@ var _TabPane = _interopRequireDefault(require("./TabPane"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-require("./style");
-
 var _excluded = ["size", "className", "adaptHeight"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

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

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

package/lib/Tabs/style/index.js

@@ -1,5 +1,7 @@
 "use strict";
 
+require("antd/lib/tabs/style");
+
 require("../../style");
 
 require("./index.less");

package/lib/Tooltip/index.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import './style';
 export declare type ActionType = 'hover' | 'focus' | 'click' | 'contextMenu';
 export interface ITooltipProps {
     /**

package/lib/Tooltip/index.js

@@ -11,8 +11,6 @@ var _tooltip = _interopRequireDefault(require("antd/lib/tooltip"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-require("./style");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function Tooltip(props) {

package/lib/index.d.ts

@@ -1,10 +1,20 @@
 /// <reference path="../typings.d.ts" />
 export { default as Button } from './Button';
+export type { IButtonProps as ButtonProps, Size, ButtonType } from './Button';
 export { default as Dropdown } from './Dropdown';
+export type { ActionType, IDropdownProps as DropdownProps, PlacementType } from './Dropdown';
+export { MenuClickEventHandler } from 'rc-menu/lib/interface';
 export { default as Menu } from './Menu';
+export type { IMenuProps as MenuProps } from './Menu';
 export { default as Input } from './Input';
+export type { IInputProps as InputProps, TSize, InputRef, TextAreaRef } from './Input';
 export { default as Tabs } from './Tabs';
+export type { ITabsProps as TabsProps, TabsSize } from './Tabs';
 export { default as Tooltip } from './Tooltip';
+export type { ITooltipProps as TooltipProps, ActionType as TooltipActionType } from './Tooltip';
 export { default as Select } from './Select';
+export type { ISelectProps as SelectProps, IOption } from './Select/interface';
 export { default as Table } from './Table';
+export type { ISort, TSortOrder, ITableProps, IColumn } from './Table/interface';
 export { default as Navigator } from './Navigator';
+export type { INavigatorProps as NavigatorProps, IMenuItem as NavigatorMenu } from './Navigator';

package/lib/style/index.d.ts

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

package/lib/style/index.js

@@ -1,5 +1,5 @@
 "use strict";
 
-require("antd/dist/antd.compact.css");
+require("antd/lib/style/compact.less");
 
 require("./index.less");

package/lib/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aloudata/aloudata-design",
-  "version": "0.2.0-beta.1",
+  "version": "0.2.0-beta.12",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",
@@ -17,7 +17,15 @@
     "release": "npm publish --access public",
     "postpublish": "PACKAGE_VERSION=$(cat package.json | grep \\\"version\\\" | head -1 | awk -F: '{ print $2 }' | sed 's/[\",]//g' | tr -d '[[:space:]]') && git tag v$PACKAGE_VERSION && git push --tags"
   },
+  "sideEffects": [
+    "dist/*",
+    "esm/**/style/*",
+    "lib/**/style/*",
+    "*.less",
+    "./src/**/style/**"
+  ],
   "module": "es/index.js",
+  "main": "lib/index.js",
   "typings": "es/index.d.ts",
   "husky": {
     "hooks": {
@@ -62,8 +70,8 @@
     "@types/jest": "^27.0.3",
     "@types/lodash": "^4.14.178",
     "@types/react-table": "^7.7.9",
-    "@types/react-window": "^1.8.5",
     "@types/react-truncate": "^2.3.4",
+    "@types/react-window": "^1.8.5",
     "@types/react-window-infinite-loader": "^1.0.6",
     "@umijs/fabric": "^2.8.1",
     "@umijs/test": "^3.0.5",
@@ -79,7 +87,8 @@
     "gh-pages": "^3.0.0",
     "husky": "^3.0.9",
     "lint-staged": "^10.0.7",
-    "postcss": "^8.4.7",
+    "postcss": "^8.4.12",
+    "postcss-import": "^14.1.0",
     "postcss-less": "^6.0.0",
     "prettier": "^2.2.1",
     "stylelint": "^14.5.3",

package/es/Button/demo/Icon/index.d.ts

@@ -1,3 +0,0 @@
-import './index.less';
-declare const _default: () => JSX.Element;
-export default _default;

package/es/Button/demo/Icon/index.js

@@ -1,67 +0,0 @@
-import React from 'react';
-import { Button } from '@aloudata/aloudata-design';
-import './index.less';
-import Icon from '../../../Icon';
-export default (function () {
-  return /*#__PURE__*/React.createElement("div", {
-    className: "ald-button-demo"
-  }, /*#__PURE__*/React.createElement(Button, {
-    type: "primary",
-    icon: /*#__PURE__*/React.createElement(Icon, {
-      type: "add",
-      size: 20
-    })
-  }, "Search"), /*#__PURE__*/React.createElement(Button, {
-    type: "secondary",
-    icon: /*#__PURE__*/React.createElement(Icon, {
-      type: "add",
-      size: 20
-    })
-  }, "Search"), /*#__PURE__*/React.createElement(Button, {
-    type: "text",
-    icon: /*#__PURE__*/React.createElement(Icon, {
-      type: "add",
-      size: 20
-    })
-  }, "Search"), /*#__PURE__*/React.createElement(Button, {
-    type: "danger",
-    icon: /*#__PURE__*/React.createElement(Icon, {
-      type: "add",
-      size: 20
-    })
-  }, "Search"), /*#__PURE__*/React.createElement(Button, {
-    type: "link",
-    icon: /*#__PURE__*/React.createElement(Icon, {
-      type: "add",
-      size: 20
-    })
-  }, "Search"), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Button, {
-    icon: /*#__PURE__*/React.createElement(Icon, {
-      type: "add",
-      size: 20
-    })
-  }), /*#__PURE__*/React.createElement(Button, {
-    shape: 'circle',
-    icon: /*#__PURE__*/React.createElement(Icon, {
-      type: "add",
-      size: 20
-    })
-  }), /*#__PURE__*/React.createElement(Button, {
-    shape: 'circle'
-  }, "S"), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Button, {
-    size: 'small',
-    icon: /*#__PURE__*/React.createElement(Icon, {
-      type: "add",
-      size: 20
-    })
-  }), /*#__PURE__*/React.createElement(Button, {
-    shape: 'circle',
-    size: "large",
-    icon: /*#__PURE__*/React.createElement(Icon, {
-      type: "add",
-      size: 20
-    })
-  }), /*#__PURE__*/React.createElement(Button, {
-    shape: 'circle'
-  }, "M"));
-});

package/es/Button/demo/Icon/index.less

@@ -1,6 +0,0 @@
-.ald-button-demo {
-  .ant-btn {
-    margin-right: 8px;
-    margin-bottom: 12px;
-  }
-}

package/es/Button/demo/basic/index.d.ts

@@ -1,4 +0,0 @@
-import '../../style/index.less';
-import './index.less';
-declare const _default: () => JSX.Element;
-export default _default;

package/es/Button/demo/basic/index.js

@@ -1,57 +0,0 @@
-import "antd/es/radio/style";
-import _Radio from "antd/es/radio";
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-import React from 'react';
-import { Button } from '@aloudata/aloudata-design';
-import '../../style/index.less';
-import './index.less';
-export default (function () {
-  var _React$useState = React.useState('default'),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      size = _React$useState2[0],
-      setSize = _React$useState2[1];
-
-  var handleSizeChange = function handleSizeChange(e) {
-    setSize(e.target.value);
-  };
-
-  return /*#__PURE__*/React.createElement("div", {
-    className: 'ald-button-demo'
-  }, /*#__PURE__*/React.createElement(_Radio.Group, {
-    value: size,
-    onChange: handleSizeChange
-  }, /*#__PURE__*/React.createElement(_Radio.Button, {
-    value: "small"
-  }, "Small"), /*#__PURE__*/React.createElement(_Radio.Button, {
-    value: 'default'
-  }, "Default"), /*#__PURE__*/React.createElement(_Radio.Button, {
-    value: "large"
-  }, "Large")), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Button, {
-    type: "primary",
-    size: size
-  }, "Primary Button"), /*#__PURE__*/React.createElement(Button, {
-    type: "danger",
-    size: size
-  }, "danger Button"), /*#__PURE__*/React.createElement(Button, {
-    type: "secondary",
-    size: size
-  }, "secondary Button"), /*#__PURE__*/React.createElement(Button, {
-    type: "text",
-    size: size
-  }, "Text Button"), /*#__PURE__*/React.createElement(Button, {
-    type: "link",
-    size: size
-  }, "Link Button"));
-});

package/es/Button/demo/basic/index.less

@@ -1,6 +0,0 @@
-.ald-button-demo {
-  .ant-btn {
-    margin-right: 8px;
-    margin-top: 12px;
-  }
-}

package/es/Button/demo/disable/index.d.ts

@@ -1,3 +0,0 @@
-import './index.less';
-declare const _default: () => JSX.Element;
-export default _default;

package/es/Button/demo/disable/index.js

@@ -1,23 +0,0 @@
-import React from 'react';
-import { Button } from '@aloudata/aloudata-design';
-import './index.less';
-export default (function () {
-  return /*#__PURE__*/React.createElement("div", {
-    className: "ald-button-demo"
-  }, /*#__PURE__*/React.createElement(Button, {
-    type: "primary",
-    disabled: true
-  }, "primary disable"), /*#__PURE__*/React.createElement(Button, {
-    type: "secondary",
-    disabled: true
-  }, "secondary disable"), /*#__PURE__*/React.createElement(Button, {
-    type: "text",
-    disabled: true
-  }, "text disable"), /*#__PURE__*/React.createElement(Button, {
-    type: "danger",
-    disabled: true
-  }, "danger disable"), /*#__PURE__*/React.createElement(Button, {
-    type: "link",
-    disabled: true
-  }, "link disable"));
-});

package/es/Button/demo/href/index.d.ts

@@ -1,2 +0,0 @@
-declare const _default: () => JSX.Element;
-export default _default;

package/es/Button/demo/href/index.js

@@ -1,17 +0,0 @@
-import React from 'react';
-import { Button } from '@aloudata/aloudata-design';
-export default (function () {
-  return /*#__PURE__*/React.createElement("div", {
-    className: "ald-button-demo"
-  }, /*#__PURE__*/React.createElement(Button, {
-    href: "https://www.aloudata.com/"
-  }, "aloudata"), /*#__PURE__*/React.createElement(Button, {
-    href: "https://www.aloudata.com/",
-    target: "_blank"
-  }, "target _blank aloudata"), /*#__PURE__*/React.createElement(Button, {
-    href: "https://www.aloudata.com/",
-    target: "_self"
-  }, "target _self aloudata"), /*#__PURE__*/React.createElement(Button, {
-    target: "_blank"
-  }, " \u65E0href target _blank"));
-});

package/es/Button/demo/loading/index.d.ts

@@ -1,3 +0,0 @@
-import './index.less';
-declare const _default: () => JSX.Element;
-export default _default;

package/es/Button/demo/loading/index.js

@@ -1,37 +0,0 @@
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-import React from "react";
-import { Button } from "@aloudata/aloudata-design";
-import './index.less';
-export default (function () {
-  var _React$useState = React.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      loading = _React$useState2[0],
-      setLoading = _React$useState2[1];
-
-  var handleChange = function handleChange(e) {
-    setLoading(true);
-    setTimeout(setLoading.bind(false), 3000);
-  };
-
-  return /*#__PURE__*/React.createElement("div", {
-    className: "ald-button-demo"
-  }, /*#__PURE__*/React.createElement(Button, {
-    loading: true
-  }, "loading"), /*#__PURE__*/React.createElement(Button, {
-    loading: true
-  }), /*#__PURE__*/React.createElement(Button, {
-    loading: loading,
-    onClick: handleChange
-  }, "\u70B9\u51FB\u63D0\u4EA4"));
-});

package/es/Button/demo/loading/index.less

@@ -1,6 +0,0 @@
-.ald-button-demo {
-  .ant-btn {
-    margin-right: 8px;
-    margin-bottom: 12px;
-  }
-}

package/es/Dropdown/demo/basic/index.d.ts

@@ -1,4 +0,0 @@
-import '../../style/index.less';
-import '../../../Menu/style/index.less';
-declare const _default: () => JSX.Element;
-export default _default;

package/es/Dropdown/demo/basic/index.js

@@ -1,18 +0,0 @@
-import React from 'react';
-import { Dropdown, Menu } from '@aloudata/aloudata-design';
-import '../../style/index.less';
-import '../../../Menu/style/index.less';
-var MenuItem = Menu.Item;
-export default (function () {
-  var menu = /*#__PURE__*/React.createElement(Menu, null, /*#__PURE__*/React.createElement(MenuItem, {
-    key: 1
-  }, "1st menu item"), /*#__PURE__*/React.createElement(MenuItem, {
-    key: 2,
-    disabled: true
-  }, "2nd menu item"), /*#__PURE__*/React.createElement(MenuItem, {
-    key: 3
-  }, "3nd menu item"));
-  return /*#__PURE__*/React.createElement(Dropdown, {
-    overlay: menu
-  }, /*#__PURE__*/React.createElement("span", null, "Hover me"));
-});

package/es/Dropdown/demo/button/index.d.ts

@@ -1,3 +0,0 @@
-import './index.less';
-declare const _default: () => JSX.Element;
-export default _default;