@aloudata/aloudata-design 0.2.0-beta.8 → 0.2.2

package/lib/Dropdown/index.d.ts

@@ -1,8 +1,25 @@
 import React, { ReactElement } from 'react';
 import DropdownButton from './Button';
+declare type Align = {
+    points?: [string, string];
+    offset?: [number, number];
+    targetOffset?: [number, number];
+    overflow?: {
+        adjustX?: boolean;
+        adjustY?: boolean;
+    };
+    useCssRight?: boolean;
+    useCssBottom?: boolean;
+    useCssTransform?: boolean;
+};
 export declare type ActionType = 'hover' | 'click' | 'contextMenu';
 export declare type PlacementType = 'bottomLeft' | 'bottomCenter' | 'bottomRight' | 'topLeft' | 'topCenter' | 'topRight';
 export interface IDropdownProps {
+    /**
+     * @description 位置状态
+     * @default {}
+     */
+    align?: Align;
     /**
      * @description 关闭后是否销毁Dropdown
      * @default false
@@ -45,6 +62,16 @@ export interface IDropdownProps {
      * @default -
      */
     onVisibleChange?: (visible: boolean) => void;
+    /**
+     * @description 下拉框的属性
+     * @default -
+     */
+    overlayStyle?: React.CSSProperties;
+    /**
+     * @description 是否强制渲染
+     * @default -
+     */
+    forceRender?: boolean;
     children?: React.ReactNode;
     /**
      * @description 是否禁用

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

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

package/lib/Dropdown/style/index.js

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

package/lib/Empty/style/index.less

@@ -1,24 +1,24 @@
 @import '../../style/index.less';
 
-@ald-prefix:ant;
-@ald-iconfont-css-prefix:anticon;
+@ald-prefix: ant;
+@ald-iconfont-css-prefix: anticon;
 
 .ant-empty {
   display: flex;
   align-items: center;
   justify-content: center;
-  padding: 46px 0;
   height: 100%;
+  padding: 46px 0;
 
   &-content {
     text-align: center;
   }
 
   &-description {
-    font-size: 12px;
-    font-weight: 500;
     color: @NL0;
-    text-align: center;
+    font-weight: 500;
+    font-size: 12px;
     line-height: 16px;
+    text-align: center;
   }
 }

package/lib/Form/index.d.ts

@@ -0,0 +1,8 @@
+import { Form } from 'antd';
+import { FormInstance, RuleRender, RuleObject, Rule } from 'antd/lib/form';
+import { FormProps } from 'antd/lib/form/Form';
+import { FormItemProps } from 'antd/lib/form/FormItem';
+import { FormListProps } from 'antd/lib/form/FormList';
+import { ErrorListProps } from 'antd/lib/form/ErrorList';
+export { FormInstance, FormProps, FormItemProps, Rule, RuleObject, RuleRender, FormListProps, ErrorListProps, };
+export default Form;

package/lib/Form/index.js

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

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

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

package/lib/Form/style/index.js

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

package/lib/Form/style/index.less

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

package/lib/Icon/index.d.ts

@@ -1,7 +1,10 @@
 import React from 'react';
 import { IconFontProps } from '@ant-design/icons/lib/components/IconFont';
+import { createFromIconfontCN } from '@ant-design/icons';
 declare const Icon: (props: IIconProps) => JSX.Element;
 export default Icon;
+export type { IconFontProps };
+export { createFromIconfontCN };
 export interface IIconProps extends IconFontProps {
     className?: string;
     size?: number;

package/lib/Icon/index.js

@@ -3,6 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "createFromIconfontCN", {
+  enumerable: true,
+  get: function get() {
+    return _icons.createFromIconfontCN;
+  }
+});
 exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));

package/lib/Input/components/Group/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { GroupProps } from 'antd/lib/input';
-interface IGroupProps extends GroupProps {
+export interface IGroupProps extends GroupProps {
     /**
      * @description 是否用紧凑模式
      * @default false
@@ -13,4 +13,3 @@ interface IGroupProps extends GroupProps {
     size?: 'large' | 'default' | 'small';
 }
 export default function Group(props: IGroupProps): JSX.Element;
-export {};

package/lib/Input/components/Input/index.d.ts

@@ -0,0 +1,67 @@
+import React, { ReactNode } from 'react';
+import type { InputProps } from 'antd/lib/input/Input';
+import type { InputRef } from 'rc-input';
+interface IShowCountProps {
+    formatter: (args: {
+        count: number;
+        maxLength?: number;
+    }) => string;
+}
+export declare type TSize = 'small' | 'default' | 'large';
+export type { InputRef };
+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 | IShowCountProps;
+    /**
+     * @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 const Input: React.ForwardRefExoticComponent<IInputProps & React.RefAttributes<InputRef>>;
+export default Input;

package/lib/Input/components/Input/index.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Input = _interopRequireDefault(require("antd/lib/input/Input"));
+
+var _excluded = ["size"];
+
+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 Input = /*#__PURE__*/_react.default.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.default.createElement(_Input.default, _objectSpread(_objectSpread({}, rest), {}, {
+    // @ts-ignore
+    ref: ref,
+    size: getInputSize(size),
+    bordered: true,
+    addonAfter: null,
+    addonBefore: null,
+    suffix: null
+  }));
+});
+
+var _default = Input;
+exports.default = _default;

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

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

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

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = Password;
+exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _input = _interopRequireDefault(require("antd/lib/input"));
-
 var _Icon = _interopRequireDefault(require("../../../Icon"));
 
+var _Password = _interopRequireDefault(require("antd/lib/input/Password"));
+
 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; }
@@ -19,10 +19,10 @@ 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; }
 
-var AntdPassword = _input.default.Password;
-
-function Password(props) {
-  return /*#__PURE__*/_react.default.createElement(AntdPassword, _objectSpread(_objectSpread({}, props), {}, {
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+var _default = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  return /*#__PURE__*/_react.default.createElement(_Password.default, _objectSpread(_objectSpread({}, props), {}, {
+    ref: ref,
     iconRender: function iconRender(visible) {
       var type = visible ? 'eye' : 'eye_off';
       return /*#__PURE__*/_react.default.createElement(_Icon.default, {
@@ -30,4 +30,6 @@ function Password(props) {
       });
     }
   }));
-}
+});
+
+exports.default = _default;

package/lib/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/lib/Input/components/TextArea/index.js

@@ -3,11 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = TextArea;
+exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _input = _interopRequireDefault(require("antd/lib/input"));
+var _TextArea = _interopRequireDefault(require("antd/lib/input/TextArea"));
+
+var _excluded = ["bordered"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -17,10 +19,19 @@ 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; }
 
-var AntdTextArea = _input.default.TextArea;
+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 _default = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  var _props$bordered = props.bordered,
+      bordered = _props$bordered === void 0 ? true : _props$bordered,
+      rest = _objectWithoutProperties(props, _excluded);
 
-function TextArea(props) {
-  return /*#__PURE__*/_react.default.createElement(AntdTextArea, _objectSpread(_objectSpread({}, props), {}, {
-    bordered: true
+  return /*#__PURE__*/_react.default.createElement(_TextArea.default, _objectSpread(_objectSpread({}, rest), {}, {
+    ref: ref,
+    bordered: bordered
   }));
-}
+});
+
+exports.default = _default;

package/lib/Input/index.d.ts

@@ -1,64 +1,16 @@
-import React, { ReactNode } from 'react';
-import type { ShowCountProps, InputProps } from 'antd/lib/input/Input';
-export 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/lib/Input/index.js

@@ -5,57 +5,19 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-require("antd/es/input/style");
+var _Input = _interopRequireDefault(require("./components/Input"));
 
-var _input = _interopRequireDefault(require("antd/es/input"));
-
-var _react = _interopRequireDefault(require("react"));
+var _Group = _interopRequireDefault(require("./components/Group"));
 
 var _TextArea = _interopRequireDefault(require("./components/TextArea"));
 
 var _Password = _interopRequireDefault(require("./components/Password"));
 
-var _Group = _interopRequireDefault(require("./components/Group"));
-
-var _excluded = ["size"];
-
 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; }
-
-// 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.default.createElement(_input.default, _objectSpread(_objectSpread({}, rest), {}, {
-    size: getInputSize(size),
-    bordered: true,
-    addonAfter: null,
-    addonBefore: null,
-    suffix: null
-  }));
-}
-
-Input.TextArea = _TextArea.default;
+var Input = _Input.default;
 Input.Group = _Group.default;
+Input.TextArea = _TextArea.default;
 Input.Password = _Password.default;
 var _default = Input;
 exports.default = _default;

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

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

package/lib/Input/style/index.js

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