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

package/es/Input/components/Input/index.js

@@ -0,0 +1,37 @@
+var _excluded = ["size"];
+
+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; }
+
+import React from 'react';
+import AntdInput from 'antd/lib/input/Input';
+var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var _props$size = props.size,
+      size = _props$size === void 0 ? 'default' : _props$size,
+      rest = _objectWithoutProperties(props, _excluded);
+
+  var getInputSize = function getInputSize(inputSize) {
+    if (inputSize === 'small' || inputSize === 'large') {
+      return inputSize;
+    }
+
+    return 'middle';
+  };
+
+  return /*#__PURE__*/React.createElement(AntdInput, _objectSpread(_objectSpread({}, rest), {}, {
+    ref: ref,
+    size: getInputSize(size),
+    bordered: true,
+    addonAfter: null,
+    addonBefore: null,
+    suffix: null
+  }));
+});
+export default Input;

package/es/Input/components/Password/index.d.ts

@@ -1,9 +1,11 @@
-interface IGroupProps {
+import React from 'react';
+import { PasswordProps } from 'antd/lib/input/Password';
+export interface IPasswordProps extends PasswordProps {
     /**
      * @description 是否显示切换按钮
      * @default true
      */
     visibilityToggle?: boolean;
 }
-export default function Group(props: IGroupProps): JSX.Element;
-export {};
+declare const _default: React.ForwardRefExoticComponent<IPasswordProps & React.RefAttributes<any>>;
+export default _default;

package/es/Input/components/Password/index.js

@@ -5,11 +5,12 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 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; }
 
 import React from 'react';
-import AntdInput from 'antd/lib/input';
 import Icon from '../../../Icon';
-var AntdPassword = AntdInput.Password;
-export default function Group(props) {
+import AntdPassword from 'antd/lib/input/Password'; // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
+export default /*#__PURE__*/React.forwardRef(function (props, ref) {
   return /*#__PURE__*/React.createElement(AntdPassword, _objectSpread(_objectSpread({}, props), {}, {
+    ref: ref,
     iconRender: function iconRender(visible) {
       var type = visible ? 'eye' : 'eye_off';
       return /*#__PURE__*/React.createElement(Icon, {
@@ -17,4 +18,4 @@ export default function Group(props) {
       });
     }
   }));
-}
+});

package/es/Input/components/TextArea/index.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
-import { TextAreaProps } from 'antd/lib/input';
-interface ITextAreaProps extends Omit<TextAreaProps, 'onPressEnter'> {
+import { TextAreaProps, TextAreaRef } from 'antd/lib/input/TextArea';
+export type { TextAreaRef };
+export interface ITextAreaProps extends Omit<TextAreaProps, 'onPressEnter'> {
     /**
      * @description 可以点击清除图标删除内容
      * @default false
@@ -47,6 +48,11 @@ interface ITextAreaProps extends Omit<TextAreaProps, 'onPressEnter'> {
         width: number;
         height: number;
     }) => void;
+    /**
+     * @description 是否有边框
+     * @type boolean
+     */
+    border?: boolean;
 }
-export default function TextArea(props: ITextAreaProps): JSX.Element;
-export {};
+declare const _default: React.ForwardRefExoticComponent<ITextAreaProps & React.RefAttributes<TextAreaRef>>;
+export default _default;

package/es/Input/components/TextArea/index.js

@@ -1,14 +1,24 @@
+var _excluded = ["bordered"];
+
 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; }
+
 import React from 'react';
-import AntdInput from 'antd/lib/input';
-var AntdTextArea = AntdInput.TextArea;
-export default function TextArea(props) {
-  return /*#__PURE__*/React.createElement(AntdTextArea, _objectSpread(_objectSpread({}, props), {}, {
-    bordered: true
+import AntdTextArea from 'antd/lib/input/TextArea';
+export default /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var _props$bordered = props.bordered,
+      bordered = _props$bordered === void 0 ? true : _props$bordered,
+      rest = _objectWithoutProperties(props, _excluded);
+
+  return /*#__PURE__*/React.createElement(AntdTextArea, _objectSpread(_objectSpread({}, rest), {}, {
+    ref: ref,
+    bordered: bordered
   }));
-}
+});

package/es/Input/index.d.ts

@@ -1,65 +1,16 @@
-import React, { ReactNode } from 'react';
-import type { ShowCountProps, InputProps } from 'antd/lib/input/Input';
-import './style';
-declare type TSize = 'small' | 'default' | 'large';
-declare type ChangeEventHandler = (e: React.ChangeEvent<HTMLInputElement>) => void;
-export interface IInputProps extends Omit<InputProps, 'size' | 'id' | 'prefix' | 'allowClear' | 'disabled' | 'showCount' | 'maxLength' | 'value' | 'defaultValue' | 'onPressEnter' | 'onChange'> {
-    /**
-     * @description 输入框尺寸
-     * @default default
-     * @type 'small' | 'default' | 'large';
-     */
-    size?: TSize;
-    /**
-     * @description 输入框id
-     */
-    id?: string;
-    /**
-     * @description 提示文字
-     */
-    prefix?: ReactNode;
-    /**
-     * @description 带标签的 input，设置前置标签
-     */
-    allowClear?: boolean;
-    /**
-     * @description 可以点击清除图标删除内容
-     * @default true
-     */
-    disabled?: boolean;
-    /**
-     * @description 提示文字
-     * @default false
-     * @type boolean | { formatter: (args: { count: number; maxLength?: number; }) => string; };
-     */
-    showCount?: boolean | ShowCountProps;
-    /**
-     * @description 最大长度
-     */
-    maxLength?: number;
-    /**
-     * @description 输入框内容
-     */
-    value?: string;
-    /**
-     * @description 输入框默认内容
-     */
-    defaultValue?: string;
-    /**
-     * @description 按下回车的回调
-     * @type (e) => void
-     */
-    onPressEnter?: React.KeyboardEventHandler<HTMLInputElement>;
-    /**
-     * @description 输入框内容变化时的回调
-     * @type (e: React.ChangeEvent<HTMLInputElement>) => void;
-     */
-    onChange?: ChangeEventHandler;
-}
-declare function Input(props: IInputProps): JSX.Element;
-declare namespace Input {
-    var TextArea: typeof import("./components/TextArea").default;
-    var Group: typeof import("./components/Group").default;
-    var Password: typeof import("./components/Password").default;
+/// <reference types="react" />
+import { IInputProps, InputRef } from './components/Input';
+import Group from './components/Group';
+import TextArea from './components/TextArea';
+import Password from './components/Password';
+export type { IInputProps, InputRef, TSize } from './components/Input';
+export type { IGroupProps } from './components/Group';
+export type { ITextAreaProps, TextAreaRef } from './components/TextArea';
+export type { IPasswordProps } from './components/Password';
+interface ICompoundedComponent extends React.ForwardRefExoticComponent<IInputProps & React.RefAttributes<InputRef>> {
+    Group: typeof Group;
+    TextArea: typeof TextArea;
+    Password: typeof Password;
 }
+declare const Input: ICompoundedComponent;
 export default Input;

package/es/Input/index.js

@@ -1,46 +1,9 @@
-import "antd/es/input/style";
-import _Input from "antd/es/input";
-var _excluded = ["size"];
-
-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; }
-
-import React from 'react';
+import InternalInput from './components/Input';
+import Group from './components/Group';
 import TextArea from './components/TextArea';
 import Password from './components/Password';
-import Group from './components/Group';
-import './style'; // IInputProps 和 InputProps 类型合并，并去除InputProps中的重复属性
-
-function Input(props) {
-  var _props$size = props.size,
-      size = _props$size === void 0 ? 'default' : _props$size,
-      rest = _objectWithoutProperties(props, _excluded);
-
-  var getInputSize = function getInputSize(inputSize) {
-    if (inputSize === 'small' || inputSize === 'large') {
-      return inputSize;
-    }
-
-    return 'middle';
-  };
-
-  return /*#__PURE__*/React.createElement(_Input, _objectSpread(_objectSpread({}, rest), {}, {
-    size: getInputSize(size),
-    bordered: true,
-    addonAfter: null,
-    addonBefore: null,
-    suffix: null
-  }));
-}
-
-Input.TextArea = TextArea;
+var Input = InternalInput;
 Input.Group = Group;
+Input.TextArea = TextArea;
 Input.Password = Password;
 export default Input;

package/es/Input/style/index.d.ts

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

package/es/Input/style/index.js

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

package/es/Input/style/index.less

@@ -4,7 +4,8 @@
 @ald-prefix:ant;
 
 @ald-iconfont-css-prefix:anticon;
-.@{ald-prefix}-input {
+
+.ant-input {
   color: @NL0;
   border-radius: @border-radius-base;
 
@@ -48,7 +49,8 @@
     &:hover {
       box-shadow: unset;
     }
-    .@{ald-prefix}-input {
+
+    .ant-input {
       border-radius: 0;
       caret-color: @B40;
     }
@@ -59,7 +61,7 @@
   }
 }
 .@{ald-iconfont-css-prefix} {
-  &.@{ald-iconfont-css-prefix}-close-circle, &.@{ald-prefix}-clear-icon {
+  &.@{ald-iconfont-css-prefix}-close-circle, &.ant-clear-icon {
     .ald-iconfont('\e616');
   }
 }

package/es/Menu/Divider.d.ts

@@ -1,4 +1,4 @@
-import './style';
+/// <reference types="react" />
 export interface IMenuDividerProps {
 }
 export default function Menu(props: IMenuDividerProps): JSX.Element;

package/es/Menu/Divider.js

@@ -8,7 +8,6 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 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; }
 
 import React from 'react';
-import './style';
 var AntdMenuDivider = _Menu.Divider;
 export default function Menu(props) {
   return /*#__PURE__*/React.createElement(AntdMenuDivider, _objectSpread({}, props));

package/es/Menu/MenuItem.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import './style';
+import { MenuClickEventHandler } from 'rc-menu/lib/interface';
 export interface IMenuItemProps {
     /**
      * @description 唯一标志
@@ -12,6 +12,12 @@ export interface IMenuItemProps {
      * @default false
      */
     disabled?: boolean;
+    /**
+     * @description 点击事件
+     * @type Function
+     * @default -
+     */
+    onClick?: MenuClickEventHandler;
     children?: React.ReactNode;
 }
 export default function Menu(props: IMenuItemProps): JSX.Element;

package/es/Menu/MenuItem.js

@@ -8,7 +8,6 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 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; }
 
 import React from 'react';
-import './style';
 var AntdMenuItem = _Menu.Item;
 export default function Menu(props) {
   return /*#__PURE__*/React.createElement(AntdMenuItem, _objectSpread({}, props));

package/es/Menu/SubMenu.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import './style';
 export interface ISubMenuProps {
     /**
      * @description 唯一标志

package/es/Menu/SubMenu.js

@@ -14,7 +14,6 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import classNames from 'classnames';
 import React from 'react';
-import './style';
 var AntdSubMenu = _Menu.SubMenu;
 export default function SubMenu(props) {
   var popupClassName = props.popupClassName,

package/es/Menu/index.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
 import MenuItem from './MenuItem';
 import type { MenuClickEventHandler } from 'rc-menu/lib/interface';
-import './style';
 export interface IMenuProps {
     /**
      * @description 点击 MenuItem 调用此函数
+     * @type Function
      * @default -
      */
     onClick?: MenuClickEventHandler;

package/es/Menu/index.js

@@ -17,7 +17,6 @@ import React from 'react';
 import MenuItem from './MenuItem';
 import Divider from './Divider';
 import SubMenu from './SubMenu';
-import './style';
 export default function Menu(props) {
   var className = props.className,
       otherProps = _objectWithoutProperties(props, _excluded);

package/es/Menu/style/index.d.ts

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

package/es/Menu/style/index.js

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

package/es/Navigator/index.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
 import { IMenuItem } from './components/Menu';
-import './style';
 export type { IMenuItem } from './components/Menu';
 export interface INavigatorProps {
     /**

package/es/Navigator/index.js

@@ -1,7 +1,6 @@
 import React, { useCallback } from 'react';
 import classNames from 'classnames';
 import Menu from './components/Menu';
-import './style';
 
 function Navigator(props) {
   var menuList = props.menuList,

package/es/Navigator/style/index.less

@@ -129,6 +129,18 @@
         border-radius: 8px;
         .supTitle();
 
+        ::before {
+          width: 4px;
+          content: '';
+          background: transparent;
+          height: 100%;
+          position: absolute;
+          top: 0;
+          left: -12px;
+          border-radius: 1px;
+          transition: all .3s;
+        }
+
         &-selected {
           background-color: @BBG20 !important;
           color: @ND0;
@@ -136,14 +148,7 @@
           overflow: unset;
 
           ::before {
-            width: 4px;
-            content: '';
             background: @B40;
-            height: 100%;
-            position: absolute;
-            top: 0;
-            left: -12px;
-            border-radius: 1px;
           }
         }
 
@@ -213,10 +218,9 @@
   }
 
   &-footer {
-    height: 56px;
+    height: 72px;
 
     &-wrap {
-      border: 1px solid @ND0;
       color: @ND0;
       height: 100%;
     }

package/es/Select/index.d.ts

@@ -2,7 +2,6 @@ import BaseSelect from './BaseSelect';
 import { IOption as Option, ISelectProps as SelectProps, IOptGroupProps as OptGroupProps, IOptionProps as OptionProps } from './interface';
 import Options from './OptionsList/Options';
 import OptGroup from './OptionsList/OptGroup';
-import './style';
 export declare type TSelect = typeof BaseSelect & {
     Group: typeof OptGroup;
     Option: typeof Options;

package/es/Select/index.js

@@ -1,7 +1,6 @@
 import BaseSelect from './BaseSelect';
 import Options from './OptionsList/Options';
 import OptGroup from './OptionsList/OptGroup';
-import './style';
 var Select = BaseSelect;
 Select.Option = Options;
 Select.Group = OptGroup;

package/es/Table/index.d.ts

@@ -1,5 +1,4 @@
 import { ReactElement } from 'react';
-import './style';
 import { ITableProps } from './interface';
-declare function Table<T extends Record<string, unknown>>({ columns, data, total, renderHeaderLeft, renderHeaderRight, scrollY, onRowSelected, loadMore, hasNextPage, loading, }: ITableProps<T>): ReactElement;
+declare function Table<T extends Record<string, unknown>>({ columns, data, total, renderHeaderLeft, renderHeaderRight, onRowSelected, loadMore, hasNextPage, loading, sortable, defaultSort, resizeColumn, sortDirections: allSortDirections, showHeader, onChange, }: ITableProps<T>): ReactElement;
 export default Table;