@aloudata/aloudata-design 1.1.3 → 1.2.1

package/dist/ColorPicker/constant.d.ts

@@ -0,0 +1,2 @@
+export declare const colors: string[];
+export declare const specialColors: string[];

package/dist/ColorPicker/constant.js

@@ -0,0 +1,3 @@
+export var colors = ['#171717', '#333333', '#545454', '#656565', '#898989', '#B4B4B4', '#D4D4D4', '#E2E2E2', '#F8F8F8', '#FFFFFF', '#F28D2C', '#B7992D', '#59A14E', '#4A9794', '#4E79A7', '#B07AA1', '#D47295', '#E15658', '#9D7560', '#78706E', '#F9A654', '#D3B348', '#71B965', '#69AAA4', '#74A1C8', '#C290B4', '#E899B3', '#F17B79', '#BA9482', '#998E8C', '#FFBF7C', '#F1CE63', '#8CD17E', '#86BCB6', '#A0CBE8', '#D4A6C9', '#FABFD2', '#FF9D99', '#D7B5A6', '#B6ADAA']; // 这 2个颜色因为比较白，需要加个灰色的 border，不然看不见
+
+export var specialColors = ['#F8F8F8', '#FFFFFF'];

package/dist/ColorPicker/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface IColorPickerProps {
+    className?: string;
+    value?: string;
+    defaultColor?: string;
+    localStorageKey?: string;
+    onChange?: (color: string) => void;
+    icon?: React.ReactNode;
+}
+export default function ColorPicker({ className, value, icon, onChange, defaultColor, localStorageKey, }: IColorPickerProps): JSX.Element;

package/dist/ColorPicker/index.js

@@ -0,0 +1,195 @@
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+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 { FoldDownFill } from '@aloudata/icons-react';
+import cls from 'classnames';
+import React, { useEffect, useRef, useState } from 'react';
+import Dropdown from "../Dropdown";
+import { colors as defaultColors, specialColors } from "./constant";
+
+function getLocalRecentColors(localStorageKey) {
+  if (!window.localStorage) {
+    return [];
+  }
+
+  var colorStr = localStorage.getItem(localStorageKey);
+
+  if (!colorStr) {
+    return [];
+  }
+
+  return colorStr.split(',');
+}
+
+function setLocalRecentColors(localStorageKey, colors) {
+  if (!window.localStorage) {
+    return;
+  }
+
+  localStorage.setItem(localStorageKey, colors.join(','));
+}
+
+var MAX_RECENT_COLORS = 10;
+export default function ColorPicker(_ref) {
+  var className = _ref.className,
+      value = _ref.value,
+      icon = _ref.icon,
+      onChange = _ref.onChange,
+      _ref$defaultColor = _ref.defaultColor,
+      defaultColor = _ref$defaultColor === void 0 ? defaultColors[0] : _ref$defaultColor,
+      _ref$localStorageKey = _ref.localStorageKey,
+      localStorageKey = _ref$localStorageKey === void 0 ? 'ald_recent_colors' : _ref$localStorageKey;
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      open = _useState2[0],
+      setOpen = _useState2[1];
+
+  var _useState3 = useState([]),
+      _useState4 = _slicedToArray(_useState3, 2),
+      recentColors = _useState4[0],
+      setRecentColors = _useState4[1];
+
+  var overlayRef = useRef(null);
+  var wrapRef = useRef(null);
+  useEffect(function () {
+    setRecentColors(getLocalRecentColors(localStorageKey));
+  }, [localStorageKey]);
+
+  var onColorSelect = function onColorSelect(color) {
+    var newRecentColors = [color].concat(_toConsumableArray(recentColors.filter(function (c) {
+      return c !== color;
+    })));
+
+    if (newRecentColors.length > MAX_RECENT_COLORS) {
+      newRecentColors.pop();
+    }
+
+    setRecentColors(newRecentColors);
+    setLocalRecentColors(localStorageKey, newRecentColors);
+    onChange === null || onChange === void 0 ? void 0 : onChange(color);
+    setOpen(false);
+  };
+
+  useEffect(function () {
+    var handleClick = function handleClick(e) {
+      var _wrapRef$current, _overlayRef$current;
+
+      if ((_wrapRef$current = wrapRef.current) !== null && _wrapRef$current !== void 0 && _wrapRef$current.contains(e.target)) {
+        return setOpen(!open);
+      }
+
+      if (!((_overlayRef$current = overlayRef.current) !== null && _overlayRef$current !== void 0 && _overlayRef$current.contains(e.target))) {
+        return setOpen(false);
+      }
+    };
+
+    document.addEventListener('click', handleClick);
+    return function () {
+      document.removeEventListener('click', handleClick);
+    };
+  }, [open]);
+  var overlay = /*#__PURE__*/React.createElement("div", {
+    className: 'ald-color-picker-overlay',
+    ref: overlayRef
+  }, /*#__PURE__*/React.createElement("div", {
+    className: 'default'
+  }, /*#__PURE__*/React.createElement("div", {
+    className: 'item',
+    onClick: function onClick() {
+      if (defaultColor === value) return;
+      onColorSelect(defaultColor);
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: 'block',
+    style: {
+      backgroundColor: defaultColor
+    }
+  })), "\u9ED8\u8BA4"), /*#__PURE__*/React.createElement("div", {
+    className: 'standard'
+  }, /*#__PURE__*/React.createElement("p", null, "\u6807\u51C6\u8272"), /*#__PURE__*/React.createElement("div", {
+    className: 'items'
+  }, defaultColors.map(function (color) {
+    return /*#__PURE__*/React.createElement("div", {
+      key: color,
+      className: cls('item', {
+        selected: color === value
+      }),
+      onClick: function onClick() {
+        if (color === value) return;
+        onColorSelect(color);
+      },
+      style: {
+        borderColor: specialColors.includes(color) ? '#DBDBDB' : color
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      className: 'block',
+      style: {
+        backgroundColor: color
+      }
+    }));
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: 'recent'
+  }, /*#__PURE__*/React.createElement("p", null, "\u6700\u8FD1\u4F7F\u7528"), /*#__PURE__*/React.createElement("div", {
+    className: 'items'
+  }, recentColors.map(function (color) {
+    return /*#__PURE__*/React.createElement("div", {
+      key: color,
+      className: cls('item', {
+        selected: color === value
+      }),
+      onClick: function onClick() {
+        if (color === value) return;
+        onColorSelect(color);
+      },
+      style: {
+        borderColor: specialColors.includes(color) ? '#DBDBDB' : color
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      className: 'block',
+      style: {
+        backgroundColor: color
+      }
+    }));
+  }))));
+  return /*#__PURE__*/React.createElement("div", {
+    className: cls(className, 'ald-color-picker'),
+    ref: wrapRef
+  }, /*#__PURE__*/React.createElement(Dropdown, {
+    overlay: overlay,
+    trigger: ['click'],
+    open: open,
+    placement: 'bottomLeft'
+  }, /*#__PURE__*/React.createElement("div", {
+    className: cls('wrapper', {
+      focused: open
+    })
+  }, icon || /*#__PURE__*/React.createElement("div", {
+    className: 'word'
+  }, "A", /*#__PURE__*/React.createElement("div", {
+    className: 'line',
+    style: {
+      backgroundColor: value !== null && value !== void 0 ? value : '#171717'
+    }
+  })), /*#__PURE__*/React.createElement(FoldDownFill, {
+    size: 14,
+    fill: "#575757"
+  }))));
+}

package/dist/ColorPicker/style/index.d.ts

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

package/dist/ColorPicker/style/index.js

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

package/dist/ColorPicker/style/index.less

@@ -0,0 +1,121 @@
+@import '../../style/index.less';
+
+.ald-color-picker {
+  position: relative;
+  width: 56px;
+
+  .wrapper {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-between;
+    padding: 6px 10px;
+    gap: 4px;
+    height: 28px;
+    background: #fff;
+    border: 1px solid #dbdbdb;
+    box-sizing: border-box;
+    border-radius: 2px;
+    cursor: pointer;
+    transition: border 0.5s ease-in-out;
+
+    &:hover {
+      border: 1px solid #3271c9;
+    }
+  }
+
+  .focused {
+    border: 1px solid #3271c9;
+    box-sizing: border-box;
+  }
+
+  .word {
+    position: relative;
+    top: -1px;
+    margin-left: 2px;
+    margin-right: 3px;
+
+    .line {
+      width: 10px;
+      height: 2px;
+      position: absolute;
+      bottom: 3px;
+    }
+  }
+}
+
+.ald-color-picker-overlay {
+  position: relative;
+  width: 253px;
+  background: #fff;
+  border: 1px solid #dbdbdb;
+  box-sizing: border-box;
+  box-shadow: 0 4px 6px -2px rgb(16 24 40 / 3%),
+    0 12px 16px -4px rgb(16 24 40 / 8%);
+  border-radius: 2px;
+  padding: 8px 7px;
+
+  .items {
+    margin-top: 2px;
+    font-size: 0;
+    display: flex;
+    justify-content: space-evenly;
+    flex-wrap: wrap;
+    gap: 4px 2px;
+  }
+
+  .item {
+    width: 21px;
+    height: 21px;
+    box-sizing: border-box;
+    border: 1px solid #fff;
+    cursor: pointer;
+
+    .block {
+      width: 100%;
+      height: 100%;
+    }
+
+    &.selected,
+    &:hover {
+      box-sizing: border-box;
+      border: 1px solid #000 !important;
+
+      .block {
+        width: 17px;
+        height: 17px;
+        margin: 1px;
+      }
+    }
+  }
+
+  .standard,
+  .recent {
+    font-size: 12px;
+    margin-top: 6px;
+  }
+
+  .default {
+    font-size: 12px;
+    display: flex;
+    align-items: center;
+
+    .item {
+      margin-right: 8px;
+    }
+  }
+
+  .recent {
+    .items {
+      justify-content: flex-start;
+
+      .item {
+        margin-right: 1px;
+
+        &:last-child {
+          margin-right: 0;
+        }
+      }
+    }
+  }
+}

package/dist/DoubleCircleIcon/index.d.ts

@@ -5,6 +5,6 @@ declare const DoubleCircleIcon: (props: {
     size?: number | undefined;
     innerColor?: string | undefined;
     children: React.ReactNode;
-    type?: "warning" | "error" | "success" | "info" | undefined;
+    type?: "error" | "warning" | "success" | "info" | undefined;
 }) => JSX.Element;
 export default DoubleCircleIcon;

package/dist/Dropdown/style/index.less

@@ -13,7 +13,7 @@
   color: @NL0;
   box-shadow: @shadow-L;
 
-  .ant-dropdown-menu-submenu-title{
+  .ant-dropdown-menu-submenu-title {
     font-size: 13px;
   }
 }
@@ -36,7 +36,7 @@
         background-color: @BG100;
       }
     }
-  } 
+  }
 }
 
 .ald-menu.ald-menu,
@@ -45,7 +45,6 @@
     background-color: #f8f8f8;
   }
 
-
   .ant-dropdown-menu-item {
     padding: 8px 12px;
     line-height: 20px;
@@ -54,6 +53,8 @@
 
   .ant-dropdown-menu-item,
   .ant-dropdown-menu-submenu-title.ant-dropdown-menu-submenu-title {
+    padding: 8px 24px 8px 8px;
+
     &:hover {
       background-color: #f8f8f8;
     }
@@ -70,7 +71,7 @@
 }
 
 .ant-dropdown-menu-submenu-title.ant-dropdown-menu-submenu-title {
-  padding: 8px 24px 8px 12px;
+  padding: 8px 24px 8px 8px;
   line-height: 20px;
   border-radius: 0 !important;
 

package/dist/Input/style/index.less

@@ -41,7 +41,7 @@
 @input-disabled-font-color: @NL40;
 
 .ant-input.ald-input.ald-input,
-.ant-input-affix-wrapper.ald-input.ald-input, 
+.ant-input-affix-wrapper.ald-input.ald-input,
 .ald-input.ald-input .ant-input {
   color: @NL0;
   font-weight: 400;
@@ -109,13 +109,17 @@
 .ant-input-affix-wrapper.ant-input-affix-wrapper.ant-input-affix-wrapper {
   background-color: @input-bg-color;
   border-color: @input-border-color;
+  border-radius: 2px;
 
   &:hover,
   &:focus,
   &-focused {
-    border-color: @input-active-border-color;
-    // box-shadow: @input-box-shadow-active;
-    box-shadow: none;
+    &:not(.ant-input-affix-wrapper-disabled) {
+      border-color: @input-active-border-color;
+      // box-shadow: @input-box-shadow-active;
+      box-shadow: none;
+      cursor: initial;
+    }
   }
 
   .ant-input {
@@ -134,11 +138,6 @@
     height: 1.5715em; //和行高一致
   }
 
-  .ald-input-showCount {
-    border: none;
-    box-shadow: none;
-  }
-
   .ant-input-prefix {
     color: @NL40;
   }
@@ -239,23 +238,25 @@
     }
   }
 
-  &.ant-input-group-compact{
-    .ald-input,.ald-select,.ald-btn.ant-btn{
+  &.ant-input-group-compact {
+    .ald-input,
+    .ald-select,
+    .ald-btn.ant-btn {
       border-radius: 0;
     }
   }
 
-  &.ant-input-group-compact>*:first-child{
+  &.ant-input-group-compact > *:first-child {
     border-radius: 0 !important;
     border-start-start-radius: @input-border-radius-large !important;
     border-end-start-radius: @input-border-radius-large !important;
   }
 
-  &.ant-input-group-compact>*:last-child{
+  &.ant-input-group-compact > *:last-child {
     border-radius: 0 !important;
     border-inline-end-width: 1px;
-    border-start-end-radius:  @input-border-radius-large !important;
-    border-end-end-radius:  @input-border-radius-large !important;
+    border-start-end-radius: @input-border-radius-large !important;
+    border-end-end-radius: @input-border-radius-large !important;
   }
 }
 
@@ -275,23 +276,25 @@
     }
   }
 
-  &.ant-input-group-compact{
-    .ald-input,.ald-select,.ald-btn.ant-btn{
+  &.ant-input-group-compact {
+    .ald-input,
+    .ald-select,
+    .ald-btn.ant-btn {
       border-radius: 0;
     }
   }
 
-  &.ant-input-group-compact>*:first-child{
+  &.ant-input-group-compact > *:first-child {
     border-radius: 0 !important;
     border-start-start-radius: @input-border-radius-middle !important;
     border-end-start-radius: @input-border-radius-middle !important;
   }
 
-  &.ant-input-group-compact>*:last-child{
+  &.ant-input-group-compact > *:last-child {
     border-radius: 0 !important;
     border-inline-end-width: 1px;
-    border-start-end-radius:  @input-border-radius-middle !important;
-    border-end-end-radius:  @input-border-radius-middle !important;
+    border-start-end-radius: @input-border-radius-middle !important;
+    border-end-end-radius: @input-border-radius-middle !important;
   }
 }
 
@@ -311,23 +314,25 @@
     }
   }
 
-  &.ant-input-group-compact{
-    .ald-input,.ald-select,.ald-btn.ant-btn{
+  &.ant-input-group-compact {
+    .ald-input,
+    .ald-select,
+    .ald-btn.ant-btn {
       border-radius: 0;
     }
   }
 
-  &.ant-input-group-compact>*:first-child{
+  &.ant-input-group-compact > *:first-child {
     border-radius: 0 !important;
     border-start-start-radius: @input-border-radius-small !important;
     border-end-start-radius: @input-border-radius-small !important;
   }
 
-  &.ant-input-group-compact>*:last-child{
+  &.ant-input-group-compact > *:last-child {
     border-radius: 0 !important;
     border-inline-end-width: 1px;
-    border-start-end-radius:  @input-border-radius-small !important;
-    border-end-end-radius:  @input-border-radius-small !important;
+    border-start-end-radius: @input-border-radius-small !important;
+    border-end-end-radius: @input-border-radius-small !important;
   }
 }
 
@@ -406,8 +411,8 @@ textarea.ald-input-textarea.ald-input-textarea,
 }
 
 .ant-input-group-wrapper {
-  .ant-input-group-addon{
-    color:@NL40;
+  .ant-input-group-addon {
+    color: @NL40;
     border-color: @input-border-color;
   }
 
@@ -504,6 +509,7 @@ textarea.ald-input-textarea.ald-input-textarea,
     }
   }
 
+  /* stylelint-disable-next-line no-duplicate-selectors */
   .ant-input-group-addon {
     background-color: @input-bg-color;
 
@@ -519,23 +525,26 @@ textarea.ald-input-textarea.ald-input-textarea,
   }
 }
 
-.ant-input-group.ant-input-group-compact{
-  &> {
-    .ald-select,.ald-input,.ant-input,.ant-input-number{
-      &:hover{
+.ant-input-group.ant-input-group-compact {
+  & > {
+    .ald-select,
+    .ald-input,
+    .ant-input,
+    .ant-input-number {
+      &:hover {
         position: relative;
         z-index: 2;
       }
     }
   }
 
-  &>.ald-select.ald-select-open{
+  & > .ald-select.ald-select-open {
     position: relative;
     z-index: 1;
   }
 
-  .ant-input-number.ant-input-number-focused{
+  .ant-input-number.ant-input-number-focused {
     position: relative;
-    z-index: 1; 
+    z-index: 1;
   }
-}
+}

package/dist/Menu/style/index.less

@@ -45,44 +45,44 @@
       line-height: 20px;
       font-size: 13px;
       width: 100%;
-      padding:0;
+      padding: 0;
       height: initial;
-      margin:0;
+      margin: 0;
 
-      &:hover{
+      &:hover {
         background: none;
       }
 
-      .ant-menu-submenu-expand-icon{
-        inset-inline-end:0;
-        width:initial;
+      .ant-menu-submenu-expand-icon {
+        inset-inline-end: 0;
+        width: initial;
       }
     }
   }
 
-  .ant-menu-submenu{
-    padding:6px 0;
+  .ant-menu-submenu {
+    padding: 6px 0;
 
-    .ant-menu-submenu-title{
-      padding: 0 12px;
+    .ant-menu-submenu-title {
+      padding: 0 8px;
     }
   }
 
-  .ant-menu-title-content{
+  .ant-menu-title-content {
     line-height: 20px;
     font-size: 13px;
     width: 100%;
-    padding:0;
+    padding: 0;
     height: initial;
-    margin:0;
+    margin: 0;
 
-    &:hover{
+    &:hover {
       background: none;
     }
   }
 }
 
-.ant-menu-submenu.ant-menu-submenu.ant-menu-submenu-popup.ant-menu{
+.ant-menu-submenu.ant-menu-submenu.ant-menu-submenu-popup.ant-menu {
   .ant-menu-vertical {
     border: 1px solid @BG70;
     border-radius: 2px;
@@ -127,39 +127,38 @@
       line-height: 20px;
       font-size: 13px;
       width: 100%;
-      padding:0;
+      padding: 0;
       height: initial;
-      margin:0;
+      margin: 0;
 
-      &:hover{
+      &:hover {
         background: none;
       }
     }
-
   }
 
-  .ant-menu-submenu{
-    padding:6px 0;
+  .ant-menu-submenu {
+    padding: 6px 0;
 
-    .ant-menu-submenu-title{
-      padding: 0 12px;
+    .ant-menu-submenu-title {
+      padding: 0 8px;
     }
   }
 
-  .ant-menu.ant-menu-sub{
+  .ant-menu.ant-menu-sub {
     padding: 0;
   }
 
-  .ant-menu-title-content{
+  .ant-menu-title-content {
     line-height: 20px;
     font-size: 13px;
     width: 100%;
-    padding:0;
+    padding: 0;
     height: initial;
-    margin:0;
+    margin: 0;
 
-    &:hover{
+    &:hover {
       background: none;
     }
-  } 
-}
+  }
+}

package/dist/Skeleton/index.d.ts

@@ -1,3 +1,3 @@
 import Skeleton from 'antd/es/skeleton/Skeleton';
-export { SkeletonProps } from 'antd/es/skeleton/Skeleton';
+export type { SkeletonProps } from 'antd/es/skeleton/Skeleton';
 export default Skeleton;

package/dist/Skeleton/index.js

@@ -1,3 +1,2 @@
 import Skeleton from 'antd/es/skeleton/Skeleton';
-export { SkeletonProps } from 'antd/es/skeleton/Skeleton';
 export default Skeleton;

package/dist/Skeleton/style/index.less

@@ -1 +1,11 @@
 @import '../../style/index.less';
+
+.ant-skeleton .ant-skeleton-content .ant-skeleton-title[class][class] {
+  height: 8px;
+  background: #f1f1f1;
+}
+
+.ant-skeleton .ant-skeleton-content .ant-skeleton-paragraph[class][class] > li {
+  height: 8px;
+  background: #f1f1f1;
+}

package/dist/index.d.ts

@@ -1,81 +1,83 @@
-export { default as Button } from './Button';
-export type { IButtonProps as ButtonProps, 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, ItemType } from './Menu';
-export { default as Input } from './Input';
-export type { IInputProps as InputProps, 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 { IRefSelectProps as RefSelectProps, ISelectProps as SelectProps } from './Select';
-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, ISelectedMenuInfo as SelectedMenuInfo, } from './Navigator';
 export { default as Alert } from './Alert';
 export type { AlertProps } from './Alert';
+export { default as App } from './App';
+export { default as Avatar } from './Avatar';
+export type { IAvatarProps as AvatarProps } from './Avatar';
+export { default as Breadcrumb } from './Breadcrumb';
+export type { BreadcrumbItemProps, BreadcrumbProps } from './Breadcrumb';
+export { default as Button } from './Button';
+export type { ButtonType, IButtonProps as ButtonProps } from './Button';
 export { default as Card } from './Card';
 export type { CardProps } from './Card';
+export { default as Checkbox } from './Checkbox';
+export type { CheckboxOptionType, ICheckboxProps as CheckboxProps, } from './Checkbox';
 export { default as Col } from './Col';
 export type { ColProps } from './Col';
-export type { TypographyProps } from './Typography';
-export { default as Typography } from './Typography';
-export { default as Upload } from './Upload';
-export type { UploadProps, UploadFile } from './Upload';
+export { default as Collapse } from './Collapse';
+export type { CollapsePanelProps, CollapseProps } from './Collapse';
+export { default as ColorPicker } from './ColorPicker';
+export type { IColorPickerProps } from './ColorPicker';
 export { default as ConfigProvider } from './ConfigProvider';
 export { default as DatePicker } from './DatePicker';
 export type { DatePickerProps } from './DatePicker';
+export { default as Divider } from './Divider';
+export type { IDividerProps as DividerProps } from './Divider';
+export { default as Drawer } from './Drawer';
+export type { DrawerProps } from './Drawer';
+export { default as Dropdown } from './Dropdown';
+export type { ActionType, IDropdownProps as DropdownProps, PlacementType, } from './Dropdown';
+export { default as Empty } from './Empty';
+export type { IEmptyProps as EmptyProps } from './Empty';
+export { default as Form } from './Form';
+export type { FormInstance, FormItemProps, FormProps } from './Form';
+export { default as Icon } from './Icon';
+export { default as Input } from './Input';
+export type { IInputProps as InputProps, InputRef, TextAreaRef } from './Input';
+export { default as InputNumber } from './InputNumber';
+export type { IInputNumberProps as InputNumberProps } from './InputNumber';
 export { default as Layout } from './Layout';
 export type { LayoutProps } from './Layout';
+export { default as Menu } from './Menu';
+export type { IMenuProps as MenuProps, ItemType } from './Menu';
 export { default as message } from './message';
 export type { MessageArgsProps } from './message';
+export { default as Modal } from './Modal';
+export type { ModalFuncProps, ModalProps } from './Modal';
+export { default as Navigator } from './Navigator';
+export type { IMenuItem as NavigatorMenu, INavigatorProps as NavigatorProps, ISelectedMenuInfo as SelectedMenuInfo, } from './Navigator';
 export { default as notification } from './notification';
-export type { TreeProps, AntTreeNodeProps as TreeNodeProps, DataNode as TreeDataNode, } from './Tree';
-export { default as Tree } from './Tree';
-export type { SkeletonProps } from './Skeleton';
-export { default as Skeleton } from './Skeleton';
-export type { RowProps } from './Row';
+export { default as Popconfirm } from './Popconfirm';
+export type { PopconfirmProps } from './Popconfirm';
+export { default as Popover } from './Popover';
+export type { PopoverProps } from './Popover';
+export { default as Progress } from './Progress';
+export type { ProgressProps } from './Progress';
+export { default as Radio } from './Radio';
+export type { RadioGroupProps, RadioProps } from './Radio';
 export { default as Row } from './Row';
-export type { SpaceProps } from './Space';
+export type { RowProps } from './Row';
+export { default as Select } from './Select';
+export type { IRefSelectProps as RefSelectProps, ISelectProps as SelectProps, } from './Select';
+export { default as Skeleton } from './Skeleton';
+export type { SkeletonProps } from './Skeleton';
 export { default as Space } from './Space';
-export type { SpinProps } from './Spin';
+export type { SpaceProps } from './Space';
 export { default as Spin } from './Spin';
-export type { ProgressProps } from './Progress';
-export { default as Progress } from './Progress';
-export type { ISwitchProps as SwitchProps } from './Switch';
-export { default as Switch } from './Switch';
-export type { IStepProps as StepProps, IStepsProps as StepsProps } from './Steps';
+export type { SpinProps } from './Spin';
 export { default as Steps } from './Steps';
-export { default as Form } from './Form';
-export type { FormInstance, FormProps, FormItemProps } from './Form';
-export { default as Divider } from './Divider';
-export type { IDividerProps as DividerProps } from './Divider';
-export { default as Drawer } from './Drawer';
-export type { DrawerProps } from './Drawer';
-export { default as Radio } from './Radio';
-export type { RadioProps, RadioGroupProps } from './Radio';
-export { default as Checkbox } from './Checkbox';
-export type { ICheckboxProps as CheckboxProps, CheckboxOptionType } from './Checkbox';
-export { default as Modal } from './Modal';
-export type { ModalProps, ModalFuncProps } from './Modal';
-export { default as Popover } from './Popover';
-export type { PopoverProps } from './Popover';
-export type { IInputNumberProps as InputNumberProps } from './InputNumber';
-export { default as InputNumber } from './InputNumber';
-export { default as Breadcrumb } from './Breadcrumb';
-export type { BreadcrumbProps, BreadcrumbItemProps } from './Breadcrumb';
-export { default as Empty } from './Empty';
-export type { IEmptyProps as EmptyProps } from './Empty';
-export { default as Avatar } from './Avatar';
-export type { IAvatarProps as AvatarProps } from './Avatar';
-export { default as Icon } from './Icon';
-export type { PopconfirmProps } from './Popconfirm';
-export { default as Popconfirm } from './Popconfirm';
-export { default as Collapse } from './Collapse';
-export type { CollapsePanelProps, CollapseProps } from './Collapse';
-export { default as App } from './App';
+export type { IStepProps as StepProps, IStepsProps as StepsProps, } from './Steps';
+export { default as Switch } from './Switch';
+export type { ISwitchProps as SwitchProps } from './Switch';
+export { default as Table } from './Table';
+export type { IColumn, ISort, ITableProps, TSortOrder, } from './Table/interface';
+export { default as Tabs } from './Tabs';
+export type { ITabsProps as TabsProps, TabsSize } from './Tabs';
+export { default as Tooltip } from './Tooltip';
+export type { ActionType as TooltipActionType, ITooltipProps as TooltipProps, } from './Tooltip';
+export { default as Tree } from './Tree';
+export type { AntTreeNodeProps as TreeNodeProps, DataNode as TreeDataNode, TreeProps, } from './Tree';
+export { default as Typography } from './Typography';
+export type { TypographyProps } from './Typography';
+export { default as Upload } from './Upload';
+export type { UploadFile, UploadProps } from './Upload';

package/dist/index.js

@@ -1,45 +1,46 @@
 // / <reference path="../typings.d.ts" />
-export { default as Button } from "./Button";
-export { default as Dropdown } from "./Dropdown";
 export { MenuClickEventHandler } from 'rc-menu/lib/interface';
-export { default as Menu } from "./Menu";
-export { default as Input } from "./Input";
-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 Alert } from "./Alert";
+export { default as App } from "./App";
+export { default as Avatar } from "./Avatar";
+export { default as Breadcrumb } from "./Breadcrumb";
+export { default as Button } from "./Button";
 export { default as Card } from "./Card";
+export { default as Checkbox } from "./Checkbox";
 export { default as Col } from "./Col";
-export { default as Typography } from "./Typography";
-export { default as Upload } from "./Upload";
+export { default as Collapse } from "./Collapse";
+export { default as ColorPicker } from "./ColorPicker";
 export { default as ConfigProvider } from "./ConfigProvider";
 export { default as DatePicker } from "./DatePicker";
+export { default as Divider } from "./Divider";
+export { default as Drawer } from "./Drawer";
+export { default as Dropdown } from "./Dropdown";
+export { default as Empty } from "./Empty";
+export { default as Form } from "./Form";
+export { default as Icon } from "./Icon";
+export { default as Input } from "./Input";
+export { default as InputNumber } from "./InputNumber";
 export { default as Layout } from "./Layout";
+export { default as Menu } from "./Menu";
 export { default as message } from "./message"; // alias, keep API the same as antd
 
+export { default as Modal } from "./Modal";
+export { default as Navigator } from "./Navigator";
 export { default as notification } from "./notification";
-export { default as Tree } from "./Tree";
-export { default as Skeleton } from "./Skeleton";
+export { default as Popconfirm } from "./Popconfirm";
+export { default as Popover } from "./Popover";
+export { default as Progress } from "./Progress";
+export { default as Radio } from "./Radio";
 export { default as Row } from "./Row";
+export { default as Select } from "./Select";
+export { default as Skeleton } from "./Skeleton";
 export { default as Space } from "./Space";
 export { default as Spin } from "./Spin";
-export { default as Progress } from "./Progress";
-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 Drawer } from "./Drawer";
-export { default as Radio } from "./Radio";
-export { default as Checkbox } from "./Checkbox";
-export { default as Modal } from "./Modal";
-export { default as Popover } from "./Popover";
-export { default as InputNumber } from "./InputNumber";
-export { default as Breadcrumb } from "./Breadcrumb";
-export { default as Empty } from "./Empty";
-export { default as Avatar } from "./Avatar";
-export { default as Icon } from "./Icon";
-export { default as Popconfirm } from "./Popconfirm";
-export { default as Collapse } from "./Collapse";
-export { default as App } from "./App";
+export { default as Switch } from "./Switch";
+export { default as Table } from "./Table";
+export { default as Tabs } from "./Tabs";
+export { default as Tooltip } from "./Tooltip";
+export { default as Tree } from "./Tree";
+export { default as Typography } from "./Typography";
+export { default as Upload } from "./Upload";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aloudata/aloudata-design",
-  "version": "1.1.3",
+  "version": "1.2.1",
   "description": "",
   "license": "MIT",
   "module": "dist/index.js",