@aloudata/aloudata-design 0.2.5 → 0.3.0-beta.1

package/es/Empty/index.js

@@ -1,56 +1,86 @@
-// @ts-nocheck
-import React from 'react';
-import usePrefixCls from '../_utils/hooks/usePrefixCls';
-export default (function (_ref) {
-  var description = _ref.description,
-      children = _ref.children;
-  var prefixCls = usePrefixCls('empty');
-  return /*#__PURE__*/React.createElement("div", {
-    className: prefixCls
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefixCls, "-content")
-  }, /*#__PURE__*/React.createElement("svg", {
-    width: "75",
-    height: "79",
-    viewBox: "0 0 75 79",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M37.4999 78.9999C58.2106 78.9999 74.9999 62.2106 74.9999 41.4999C74.9999\n           20.7893 58.2106 4 37.4999 4C16.7893 4 0 20.7893 0 41.4999C0 62.2106 16.7893 78.9999 37.4999 78.9999Z",
-    fill: "#EBF3FF"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M58.9999 25.5H16C14.6193 25.5 13.5 26.5414 13.5 27.8261V76.6738C13.5\n          77.9585 14.6193 78.9999 16 78.9999H58.9999C60.3806 78.9999 61.4999\n          77.9585 61.4999 76.6738V27.8261C61.4999 26.5414 60.3806 25.5 58.9999 25.5Z",
-    fill: "white"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M32.5 33H19.5C18.6716 33 18 33.6716 18 34.5C18 35.3284 18.6716 36 19.5\n           36H32.5C33.3284 36 34 35.3284 34 34.5C34 33.6716 33.3284 33 32.5 33Z",
-    fill: "#D7E7FE"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M41.5 39.5H19.5C18.6716 39.5 18 40.1716 18 41C18 41.8284 18.6716 42.5\n          19.5 42.5H41.5C42.3284 42.5 43 41.8284 43 41C43 40.1716 42.3284 39.5 41.5 39.5Z",
-    fill: "#F3F8FF"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M32.5 46.5H19.5C18.6716 46.5 18 47.1716 18 48C18 48.8284 18.6716 49.5\n          19.5 49.5H32.5C33.3284 49.5 34 48.8284 34 48C34 47.1716 33.3284 46.5 32.5 46.5Z",
-    fill: "#D7E7FE"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M41.5 53H19.5C18.6716 53 18 53.6716 18 54.5C18 55.3284 18.6716 56 19.5\n          56H41.5C42.3284 56 43 55.3284 43 54.5C43 53.6716 42.3284 53 41.5 53Z",
-    fill: "#F3F8FF"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M32.5 60H19.5C18.6716 60 18 60.6716 18 61.5C18 62.3284 18.6716 63 19.5\n           63H32.5C33.3284 63 34 62.3284 34 61.5C34 60.6716 33.3284 60 32.5 60Z",
-    fill: "#D7E7FE"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M41.5 66.5H19.5C18.6716 66.5 18 67.1716 18 68C18 68.8284 18.6716 69.5\n           19.5 69.5H41.5C42.3284 69.5 43 68.8284 43 68C43 67.1716 42.3284 66.5 41.5 66.5Z",
-    fill: "#F3F8FF"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M58.9998 0H15.9999C14.6192 0 13.4999 1.11929 13.4999 2.5V17.5C13.4999\n           18.8807 14.6192 20 15.9999 20H58.9998C60.3805 20 61.4998 18.8807 61.4998\n            17.5V2.5C61.4998 1.11929 60.3805 0 58.9998 0Z",
-    fill: "#A0B5D5"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M32.5 5.49902H19.5C18.6716 5.49902 18 6.1706 18 6.99902C18 7.82745\n          18.6716 8.49902 19.5 8.49902H32.5C33.3284 8.49902 34 7.82745 34 6.99902C34 6.1706 33.3284 5.49902 32.5 5.49902Z",
-    fill: "#D7E7FE"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M41.5 12H19.5C18.6716 12 18 12.6716 18 13.5C18 14.3284 18.6716 15\n           19.5 15H41.5C42.3284 15 43 14.3284 43 13.5C43 12.6716 42.3284 12 41.5 12Z",
-    fill: "white"
-  })), description && /*#__PURE__*/React.createElement("div", {
+var _excluded = ["className", "prefixCls", "image", "description", "title", "size", "children", "imageStyle"];
+
+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 * as React from 'react';
+import classNames from 'classnames';
+import DefaultEmptyImg from './image/empty';
+import AuthorityEmptyImg from './image/Authority';
+import DataSpaceEmptyImg from './image/Dataspace';
+import SearchEmptyImg from './image/Search';
+import SimpleEmptyImg from './image/Simple';
+import WorksheetEmptyImg from './image/Worksheet';
+var defaultEmptyImg = /*#__PURE__*/React.createElement(DefaultEmptyImg, null);
+var dataSpaceEmptyImg = /*#__PURE__*/React.createElement(DataSpaceEmptyImg, null);
+var searchEmptyImg = /*#__PURE__*/React.createElement(SearchEmptyImg, null);
+var simpleEmptyImg = /*#__PURE__*/React.createElement(SimpleEmptyImg, null);
+var worksheetEmptyImg = /*#__PURE__*/React.createElement(WorksheetEmptyImg, null);
+var authorityEmptyImg = /*#__PURE__*/React.createElement(AuthorityEmptyImg, null);
+
+var Empty = function Empty(props) {
+  var className = props.className,
+      customizePrefixCls = props.prefixCls,
+      _props$image = props.image,
+      image = _props$image === void 0 ? defaultEmptyImg : _props$image,
+      description = props.description,
+      title = props.title,
+      size = props.size,
+      children = props.children,
+      imageStyle = props.imageStyle,
+      restProps = _objectWithoutProperties(props, _excluded);
+
+  var prefixCls = 'ald-empty';
+  var des = typeof description !== 'undefined' ? description : null;
+  var alt = typeof des === 'string' ? des : 'empty';
+  var imageNode = null;
+
+  if (typeof image === 'string') {
+    imageNode = /*#__PURE__*/React.createElement("img", {
+      alt: alt,
+      src: image
+    });
+  } else {
+    imageNode = image;
+  }
+
+  var getSize = function getSize(ESize) {
+    if (ESize === undefined) {
+      if (image === simpleEmptyImg) {
+        return 'small';
+      }
+
+      return 'large';
+    }
+
+    if (['small', 'large'].includes(ESize)) {
+      return ESize;
+    }
+
+    return 'large';
+  };
+
+  return /*#__PURE__*/React.createElement("div", Object.assign({
+    className: classNames(prefixCls, _defineProperty({}, "".concat(prefixCls, "-").concat(getSize(size)), getSize(size)), className)
+  }, restProps), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-image"),
+    style: imageStyle
+  }, imageNode), title && /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-title")
+  }, title), des && /*#__PURE__*/React.createElement("div", {
     className: "".concat(prefixCls, "-description")
-  }, description), children && /*#__PURE__*/React.createElement("div", {
+  }, des), children && /*#__PURE__*/React.createElement("div", {
     className: "".concat(prefixCls, "-footer")
-  }, children)));
-});
+  }, children));
+};
+
+Empty.PRESENTED_IMAGE_DEFAULT = defaultEmptyImg;
+Empty.PRESENTED_IMAGE_DATASPACE = dataSpaceEmptyImg;
+Empty.PRESENTED_IMAGE_SIMPLE = simpleEmptyImg;
+Empty.PRESENTED_IMAGE_WORKSHEET = worksheetEmptyImg;
+Empty.PRESENTED_IMAGE_SEARCH = searchEmptyImg;
+Empty.PRESENTED_IMAGE_AUTHORITY = authorityEmptyImg;
+export default Empty;

package/es/Empty/style/index.less

@@ -3,22 +3,67 @@
 @ald-prefix: ant;
 @ald-iconfont-css-prefix: anticon;
 
-.ant-empty {
+.ald-empty {
   display: flex;
+  flex-direction: column;
   align-items: center;
   justify-content: center;
-  height: 100%;
-  padding: 46px 0;
 
-  &-content {
-    text-align: center;
+  &.ald-empty-large {
+    .ald-empty-image {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+
+      .ald-empty-img {
+        display: block;
+        width: 264px;
+        max-width: fit-content;
+        height: auto;
+      }
+    }
+
+    .ald-empty-title {
+      margin-top: 12px;
+      color: @NL0;
+      font-size: 16px;
+      line-height: 24px;
+    }
+
+    .ald-empty-description {
+      margin-top: 16px;
+      color: @NL30;
+      font-size: 14px;
+      line-height: 20px;
+    }
   }
 
-  &-description {
-    color: @NL0;
-    font-weight: 500;
-    font-size: 12px;
-    line-height: 16px;
-    text-align: center;
+  &.ald-empty-small {
+    .ald-empty-image {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+
+      .ald-empty-img {
+        display: block;
+        width: 48px;
+        max-width: fit-content;
+        height: auto;
+      }
+    }
+
+    .ald-empty-title {
+      margin-top: 12px;
+      color: @NL50;
+      font-size: 14px;
+      line-height: 20px;
+    }
+
+    .ald-empty-description {
+      margin-top: 16px;
+      color: @NL50;
+      font-size: 14px;
+      line-height: 20px;
+    }
   }
 }

package/es/Icon/index.d.ts

@@ -5,9 +5,9 @@ declare const Icon: (props: IIconProps) => JSX.Element;
 export default Icon;
 export type { IconFontProps };
 export { createFromIconfontCN };
-export interface IIconProps extends IconFontProps {
+export interface IIconProps extends Omit<IconFontProps, 'size'> {
     className?: string;
-    size?: number;
+    size?: number | string;
     style?: React.CSSProperties;
     color?: string;
     type: string;

package/es/Icon/index.js

@@ -1,9 +1,15 @@
+var _excluded = ["className", "size", "style", "color"];
+
 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 { createFromIconfontCN } from '@ant-design/icons'; // @ts-ignore iconfont.js 没有ts类型定义
 // import iconfontJs from './iconfont/iconfont';
@@ -21,7 +27,9 @@ var Icon = function Icon(props) {
       size = _props$size === void 0 ? DEFAULT_SIZE : _props$size,
       _props$style = props.style,
       style = _props$style === void 0 ? {} : _props$style,
-      color = props.color; // 添加一个前缀
+      color = props.color,
+      restProps = _objectWithoutProperties(props, _excluded); // 添加一个前缀
+
 
   var prefix = '';
   var type = "".concat(prefix).concat(props.type);
@@ -34,7 +42,7 @@ var Icon = function Icon(props) {
     width: size
   }, style);
 
-  return /*#__PURE__*/React.createElement(IconFont, Object.assign({}, props, {
+  return /*#__PURE__*/React.createElement(IconFont, Object.assign({}, restProps, {
     style: finalStyle,
     type: type,
     className: className

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

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import { GroupProps } from 'antd/lib/input';
-export interface IGroupProps extends GroupProps {
+import { TSize } from '../Input';
+export interface IGroupProps extends Omit<GroupProps, 'size'> {
     /**
      * @description 是否用紧凑模式
      * @default false
@@ -8,8 +9,9 @@ export interface IGroupProps extends GroupProps {
     compact?: boolean;
     /**
      * @description Input.Group 中所有的 Input 的大小，可选 large default small
+     * @type 'mini'|'small' | 'default' | 'large';
      * @default default
      */
-    size?: 'large' | 'default' | 'small';
+    size?: TSize;
 }
 export default function Group(props: IGroupProps): JSX.Element;

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

@@ -1,6 +1,28 @@
+var _excluded = ["size"];
+
+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';
+import classnames from 'classnames';
 var AntdGroup = AntdInput.Group;
 export default function Group(props) {
-  return /*#__PURE__*/React.createElement(AntdGroup, Object.assign({}, props));
+  var _props$size = props.size,
+      size = _props$size === void 0 ? 'default' : _props$size,
+      rest = _objectWithoutProperties(props, _excluded);
+
+  var getClassName = function getClassName(groupSize) {
+    return classnames('ald-input-group', {
+      'ald-input-group-large': groupSize === 'large',
+      'ald-input-group-small': groupSize === 'small',
+      'ald-input-group-mini': groupSize === 'mini',
+      'ald-input-group-middle': !['mini', 'small', 'large'].includes(groupSize)
+    });
+  };
+
+  return /*#__PURE__*/React.createElement(AntdGroup, Object.assign({
+    className: getClassName(size)
+  }, rest));
 }

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

@@ -7,7 +7,7 @@ interface IShowCountProps {
         maxLength?: number;
     }) => string;
 }
-export declare type TSize = 'small' | 'default' | 'large';
+export declare type TSize = 'mini' | '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'> {

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

@@ -6,6 +6,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React from 'react';
 import AntdInput from 'antd/lib/input/Input';
+import classnames from 'classnames';
 var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$size = props.size,
       size = _props$size === void 0 ? 'default' : _props$size,
@@ -19,11 +20,22 @@ var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
     return 'middle';
   };
 
+  var getClassName = function getClassName(inputSize) {
+    return classnames('ald-input', {
+      'ald-input-small': inputSize === 'small',
+      'ald-input-large': inputSize === 'large',
+      'ald-input-mini': inputSize === 'mini',
+      'ald-input-middle': !['small', 'mini', 'large'].includes(inputSize),
+      'ald-input-showCount': props.showCount
+    });
+  };
+
   return /*#__PURE__*/React.createElement(AntdInput, Object.assign({}, rest, {
     // @ts-ignore
     ref: ref,
     size: getInputSize(size),
     bordered: true,
+    className: getClassName(size),
     addonAfter: null,
     addonBefore: null,
     suffix: null

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

@@ -1,11 +1,17 @@
 import React from 'react';
 import { PasswordProps } from 'antd/lib/input/Password';
-export interface IPasswordProps extends PasswordProps {
+import { TSize } from '../Input';
+export interface IPasswordProps extends Omit<PasswordProps, 'size'> {
     /**
      * @description 是否显示切换按钮
      * @default true
      */
     visibilityToggle?: boolean;
+    /**
+     * @description 尺寸大学
+     * @default default
+     */
+    size?: TSize;
 }
 declare const _default: React.ForwardRefExoticComponent<IPasswordProps & React.RefAttributes<any>>;
 export default _default;

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

@@ -1,14 +1,36 @@
+var _excluded = ["size"];
+
+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 Icon from '../../../Icon';
-import AntdPassword from 'antd/lib/input/Password'; // eslint-disable-next-line @typescript-eslint/no-explicit-any
+import AntdPassword from 'antd/lib/input/Password';
+import classnames from 'classnames'; // eslint-disable-next-line @typescript-eslint/no-explicit-any
 
 export default /*#__PURE__*/React.forwardRef(function (props, ref) {
-  return /*#__PURE__*/React.createElement(AntdPassword, Object.assign({}, props, {
+  var _props$size = props.size,
+      size = _props$size === void 0 ? 'default' : _props$size,
+      restProps = _objectWithoutProperties(props, _excluded);
+
+  var getClassName = function getClassName(inputSize) {
+    return classnames('ald-input', {
+      'ald-input-small': inputSize === 'small',
+      'ald-input-large': inputSize === 'large',
+      'ald-input-mini': inputSize === 'mini',
+      'ald-input-middle': !['small', 'mini', 'large'].includes(inputSize)
+    });
+  };
+
+  return /*#__PURE__*/React.createElement(AntdPassword, Object.assign({}, restProps, {
     ref: ref,
+    className: getClassName(size),
     iconRender: function iconRender(visible) {
       var type = visible ? 'eye' : 'eye_off';
       return /*#__PURE__*/React.createElement(Icon, {
-        type: type
+        type: type,
+        size: "1em"
       });
     }
   }));