@aloudata/aloudata-design 0.4.0-beta.5 → 0.4.0-beta.6

package/es/Breadcrumb/index.d.ts

@@ -1,8 +1,11 @@
-/// <reference types="react" />
+import React from 'react';
 import { BreadcrumbItemProps, BreadcrumbProps } from 'antd';
 export type { BreadcrumbItemProps, BreadcrumbProps };
+interface IBreadcrumbItemInterface extends React.FC<BreadcrumbItemProps> {
+    __ANT_BREADCRUMB_ITEM: boolean;
+}
 declare const Breadcrumb: {
     (props: BreadcrumbProps): JSX.Element;
-    Item(props: BreadcrumbItemProps): JSX.Element;
+    Item: IBreadcrumbItemInterface;
 };
 export default Breadcrumb;

package/es/Breadcrumb/index.js

@@ -9,28 +9,38 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React from 'react';
 import classNames from 'classnames';
-var BreadcrumbItem = _Breadcrumb.Item;
 
 var Breadcrumb = function Breadcrumb(props) {
   var className = props.className,
       separator = props.separator,
       restProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/React.createElement(_Breadcrumb, Object.assign({}, restProps, {
-    separator: separator || /*#__PURE__*/React.createElement("span", {
+  var getSeparator = function getSeparator() {
+    if (separator === null) {
+      return separator;
+    }
+
+    return separator || /*#__PURE__*/React.createElement("span", {
       className: "default-separator"
-    }),
+    });
+  };
+
+  return /*#__PURE__*/React.createElement(_Breadcrumb, Object.assign({}, restProps, {
+    separator: getSeparator(),
     className: classNames('ald-breadcrumb', className)
   }));
 };
 
-Breadcrumb.Item = function (props) {
+var BreadcrumbItem = function BreadcrumbItem(props) {
   var className = props.className,
       restProps = _objectWithoutProperties(props, _excluded2);
 
-  return /*#__PURE__*/React.createElement(BreadcrumbItem, Object.assign({}, restProps, {
+  return /*#__PURE__*/React.createElement(_Breadcrumb.Item, Object.assign({}, restProps, {
     className: classNames('ald-breadcrumb-item', className)
   }));
-};
+}; // eslint-disable-next-line no-underscore-dangle
+
 
+BreadcrumbItem.__ANT_BREADCRUMB_ITEM = true;
+Breadcrumb.Item = BreadcrumbItem;
 export default Breadcrumb;

package/es/Checkbox/style/index.less

@@ -95,10 +95,6 @@
 
 .ant-checkbox-group.ald-checkbox,
 .ant-checkbox-wrapper.ald-checkbox {
-  &:hover .ant-checkbox-inner {
-    border-color: @B60;
-  }
-
   .ant-checkbox-input:focus + .ant-checkbox-inner {
     border-color: @NL60;
   }

package/es/Dropdown/Button.d.ts

@@ -41,7 +41,7 @@ export interface IDropdownButton {
      * @description 菜单弹出位置
      * @default bottomLeft
      */
-    placement?: 'bottomLeft' | 'bottomCenter' | 'bottomRight' | 'topLeft' | 'topCenter' | 'topRight';
+    placement?: 'bottomLeft' | 'bottom' | 'bottomRight' | 'topLeft' | 'top' | 'topRight';
     /**
      * @description 触发下拉的行为
      * @type ActionType[], 其中 ActionType 为 'hover' | 'click' | 'contextMenu';
@@ -52,12 +52,12 @@ export interface IDropdownButton {
      * @description 菜单是否显示
      * @default -
      */
-    visible?: boolean;
+    open?: boolean;
     /**
-     * @description 菜单显示状态改变时调用，参数为 visible，点击菜单按钮导致的消失不会触发
+     * @description 菜单显示状态改变时调用，参数为 open，点击菜单按钮导致的消失不会触发
      * @default -
      */
-    onVisibleChange?: (visible: boolean) => void;
+    onOpenChange?: (open: boolean) => void;
     /**
      * @description 点击按钮时的回调
      * FIXME: onClick和trigger冲突，antd按钮和下拉菜单触发区域不同，需要和视觉确认

package/es/Dropdown/Button.js

@@ -1,6 +1,6 @@
 import "@aloudata/icons-react/styles/index.less";
 import _ArrowsDownLine from "@aloudata/icons-react/es/icons/ArrowsDownLine";
-var _excluded = ["children", "overlay", "placement", "trigger", "visible", "disabled", "onVisibleChange"];
+var _excluded = ["children", "overlay", "placement", "trigger", "open", "disabled", "onOpenChange"];
 
 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; }
 
@@ -16,18 +16,18 @@ export default function DropdownButton(props) {
       overlay = props.overlay,
       placement = props.placement,
       trigger = props.trigger,
-      visible = props.visible,
+      open = props.open,
       disabled = props.disabled,
-      onVisibleChange = props.onVisibleChange,
+      onOpenChange = props.onOpenChange,
       buttonProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement(Dropdown, {
     overlay: overlay,
     placement: placement,
     trigger: trigger,
-    visible: visible,
+    open: open,
     disabled: disabled,
-    onVisibleChange: onVisibleChange
+    onOpenChange: onOpenChange
   }, /*#__PURE__*/React.createElement(Button, Object.assign({}, buttonProps), children, /*#__PURE__*/React.createElement(_ArrowsDownLine, {
     fill: "currentColor"
   })));

package/es/Dropdown/index.d.ts

@@ -13,7 +13,7 @@ declare type Align = {
     useCssTransform?: boolean;
 };
 export declare type ActionType = 'hover' | 'click' | 'contextMenu';
-export declare type PlacementType = 'bottomLeft' | 'bottomCenter' | 'bottomRight' | 'topLeft' | 'topCenter' | 'topRight';
+export declare type PlacementType = 'bottomLeft' | 'bottom' | 'bottomRight' | 'topLeft' | 'top' | 'topRight';
 export interface IDropdownProps {
     /**
      * @description 位置状态
@@ -45,7 +45,7 @@ export interface IDropdownProps {
      * @description 菜单弹出位置
      * @default bottomLeft
      */
-    placement?: 'bottomLeft' | 'bottomCenter' | 'bottomRight' | 'topLeft' | 'topCenter' | 'topRight';
+    placement?: 'bottomLeft' | 'bottom' | 'bottomRight' | 'topLeft' | 'top' | 'topRight';
     /**
      * @description 触发下拉的行为
      * @type ActionType[], 其中 ActionType 为 'hover' | 'click' | 'contextMenu';
@@ -56,12 +56,12 @@ export interface IDropdownProps {
      * @description 菜单是否显示
      * @default -
      */
-    visible?: boolean;
+    open?: boolean;
     /**
-     * @description 菜单显示状态改变时调用，参数为 visible，点击菜单按钮导致的消失不会触发
+     * @description 菜单显示状态改变时调用，参数为 open，点击菜单按钮导致的消失不会触发
      * @default -
      */
-    onVisibleChange?: (visible: boolean) => void;
+    onOpenChange?: (open: boolean) => void;
     /**
      * @description 下拉框的属性
      * @default -

package/es/Dropdown/index.js

@@ -1,6 +1,6 @@
 import "antd/es/dropdown/style";
 import _Dropdown from "antd/es/dropdown";
-var _excluded = ["children", "visible"];
+var _excluded = ["children", "open"];
 
 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; }
 
@@ -11,14 +11,14 @@ import React from 'react';
 import DropdownButton from './Button';
 export default function Dropdown(props) {
   var children = props.children,
-      visible = props.visible,
-      otherProps = _objectWithoutProperties(props, _excluded); // antd根据visible字段是否存在来判断visible是否是可控模式
+      open = props.open,
+      otherProps = _objectWithoutProperties(props, _excluded); // antd 根据 open 字段是否存在来判断 open 是否是可控模式
 
 
   var antdDropdownProps = otherProps;
 
-  if (visible !== undefined) {
-    antdDropdownProps.visible = visible;
+  if (open !== undefined) {
+    antdDropdownProps.open = open;
   }
 
   return /*#__PURE__*/React.createElement(_Dropdown, Object.assign({}, antdDropdownProps), children);

package/es/Tooltip/index.d.ts

@@ -46,12 +46,12 @@ export interface ITooltipProps {
      * @description 用于手动控制浮层显隐
      * @default -
      */
-    visible?: boolean;
+    open?: boolean;
     /**
      * @description 显示隐藏的回调
      * @default -
      */
-    onVisibleChange?: (visible: boolean) => void;
+    onOpenChange?: (open: boolean) => void;
     /**
      * @description 卡片类名
      * @default -

package/es/Tooltip/index.js

@@ -4,8 +4,8 @@ import classNames from 'classnames';
 export default function Tooltip(props) {
   var children = props.children,
       title = props.title,
-      visible = props.visible,
-      onVisibleChange = props.onVisibleChange,
+      open = props.open,
+      onOpenChange = props.onOpenChange,
       trigger = props.trigger,
       zIndex = props.zIndex,
       placement = props.placement,
@@ -18,8 +18,8 @@ export default function Tooltip(props) {
   return /*#__PURE__*/React.createElement(AntdTooltip, {
     title: title,
     overlayClassName: classNames('ald-tooltip-overlay', overlayClassName),
-    visible: visible,
-    onVisibleChange: onVisibleChange,
+    open: open,
+    onOpenChange: onOpenChange,
     trigger: trigger,
     zIndex: zIndex,
     placement: placement,

package/es/index.d.ts

@@ -77,5 +77,5 @@ export type { IAvatarProps as AvatarProps } from './Avatar';
 export { default as Icon } from './Icon';
 export type { PageHeaderProps } from './PageHeader';
 export { default as PageHeader } from './PageHeader';
-export type { PopconfirmProps } from './Popconfim';
-export { default as Popconfim } from './Popconfim';
+export type { PopconfirmProps } from './Popconfirm';
+export { default as Popconfirm } from './Popconfirm';

package/es/index.js

@@ -39,4 +39,4 @@ export { default as Empty } from './Empty';
 export { default as Avatar } from './Avatar';
 export { default as Icon } from './Icon';
 export { default as PageHeader } from './PageHeader';
-export { default as Popconfim } from './Popconfim';
+export { default as Popconfirm } from './Popconfirm';

package/lib/Breadcrumb/index.d.ts

@@ -1,8 +1,11 @@
-/// <reference types="react" />
+import React from 'react';
 import { BreadcrumbItemProps, BreadcrumbProps } from 'antd';
 export type { BreadcrumbItemProps, BreadcrumbProps };
+interface IBreadcrumbItemInterface extends React.FC<BreadcrumbItemProps> {
+    __ANT_BREADCRUMB_ITEM: boolean;
+}
 declare const Breadcrumb: {
     (props: BreadcrumbProps): JSX.Element;
-    Item(props: BreadcrumbItemProps): JSX.Element;
+    Item: IBreadcrumbItemInterface;
 };
 export default Breadcrumb;

package/lib/Breadcrumb/index.js

@@ -22,29 +22,38 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 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 BreadcrumbItem = _breadcrumb.default.Item;
-
 var Breadcrumb = function Breadcrumb(props) {
   var className = props.className,
       separator = props.separator,
       restProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/_react.default.createElement(_breadcrumb.default, Object.assign({}, restProps, {
-    separator: separator || /*#__PURE__*/_react.default.createElement("span", {
+  var getSeparator = function getSeparator() {
+    if (separator === null) {
+      return separator;
+    }
+
+    return separator || /*#__PURE__*/_react.default.createElement("span", {
       className: "default-separator"
-    }),
+    });
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_breadcrumb.default, Object.assign({}, restProps, {
+    separator: getSeparator(),
     className: (0, _classnames.default)('ald-breadcrumb', className)
   }));
 };
 
-Breadcrumb.Item = function (props) {
+var BreadcrumbItem = function BreadcrumbItem(props) {
   var className = props.className,
       restProps = _objectWithoutProperties(props, _excluded2);
 
-  return /*#__PURE__*/_react.default.createElement(BreadcrumbItem, Object.assign({}, restProps, {
+  return /*#__PURE__*/_react.default.createElement(_breadcrumb.default.Item, Object.assign({}, restProps, {
     className: (0, _classnames.default)('ald-breadcrumb-item', className)
   }));
-};
+}; // eslint-disable-next-line no-underscore-dangle
+
 
+BreadcrumbItem.__ANT_BREADCRUMB_ITEM = true;
+Breadcrumb.Item = BreadcrumbItem;
 var _default = Breadcrumb;
 exports.default = _default;

package/lib/Checkbox/style/index.less

@@ -95,10 +95,6 @@
 
 .ant-checkbox-group.ald-checkbox,
 .ant-checkbox-wrapper.ald-checkbox {
-  &:hover .ant-checkbox-inner {
-    border-color: @B60;
-  }
-
   .ant-checkbox-input:focus + .ant-checkbox-inner {
     border-color: @NL60;
   }

package/lib/Dropdown/Button.d.ts

@@ -41,7 +41,7 @@ export interface IDropdownButton {
      * @description 菜单弹出位置
      * @default bottomLeft
      */
-    placement?: 'bottomLeft' | 'bottomCenter' | 'bottomRight' | 'topLeft' | 'topCenter' | 'topRight';
+    placement?: 'bottomLeft' | 'bottom' | 'bottomRight' | 'topLeft' | 'top' | 'topRight';
     /**
      * @description 触发下拉的行为
      * @type ActionType[], 其中 ActionType 为 'hover' | 'click' | 'contextMenu';
@@ -52,12 +52,12 @@ export interface IDropdownButton {
      * @description 菜单是否显示
      * @default -
      */
-    visible?: boolean;
+    open?: boolean;
     /**
-     * @description 菜单显示状态改变时调用，参数为 visible，点击菜单按钮导致的消失不会触发
+     * @description 菜单显示状态改变时调用，参数为 open，点击菜单按钮导致的消失不会触发
      * @default -
      */
-    onVisibleChange?: (visible: boolean) => void;
+    onOpenChange?: (open: boolean) => void;
     /**
      * @description 点击按钮时的回调
      * FIXME: onClick和trigger冲突，antd按钮和下拉菜单触发区域不同，需要和视觉确认

package/lib/Dropdown/Button.js

@@ -17,7 +17,7 @@ require("../Button/style");
 
 var _index2 = _interopRequireDefault(require("./index"));
 
-var _excluded = ["children", "overlay", "placement", "trigger", "visible", "disabled", "onVisibleChange"];
+var _excluded = ["children", "overlay", "placement", "trigger", "open", "disabled", "onOpenChange"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -30,18 +30,18 @@ function DropdownButton(props) {
       overlay = props.overlay,
       placement = props.placement,
       trigger = props.trigger,
-      visible = props.visible,
+      open = props.open,
       disabled = props.disabled,
-      onVisibleChange = props.onVisibleChange,
+      onOpenChange = props.onOpenChange,
       buttonProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react.default.createElement(_index2.default, {
     overlay: overlay,
     placement: placement,
     trigger: trigger,
-    visible: visible,
+    open: open,
     disabled: disabled,
-    onVisibleChange: onVisibleChange
+    onOpenChange: onOpenChange
   }, /*#__PURE__*/_react.default.createElement(_Button.default, Object.assign({}, buttonProps), children, /*#__PURE__*/_react.default.createElement(_ArrowsDownLine2.default, {
     fill: "currentColor"
   })));

package/lib/Dropdown/index.d.ts

@@ -13,7 +13,7 @@ declare type Align = {
     useCssTransform?: boolean;
 };
 export declare type ActionType = 'hover' | 'click' | 'contextMenu';
-export declare type PlacementType = 'bottomLeft' | 'bottomCenter' | 'bottomRight' | 'topLeft' | 'topCenter' | 'topRight';
+export declare type PlacementType = 'bottomLeft' | 'bottom' | 'bottomRight' | 'topLeft' | 'top' | 'topRight';
 export interface IDropdownProps {
     /**
      * @description 位置状态
@@ -45,7 +45,7 @@ export interface IDropdownProps {
      * @description 菜单弹出位置
      * @default bottomLeft
      */
-    placement?: 'bottomLeft' | 'bottomCenter' | 'bottomRight' | 'topLeft' | 'topCenter' | 'topRight';
+    placement?: 'bottomLeft' | 'bottom' | 'bottomRight' | 'topLeft' | 'top' | 'topRight';
     /**
      * @description 触发下拉的行为
      * @type ActionType[], 其中 ActionType 为 'hover' | 'click' | 'contextMenu';
@@ -56,12 +56,12 @@ export interface IDropdownProps {
      * @description 菜单是否显示
      * @default -
      */
-    visible?: boolean;
+    open?: boolean;
     /**
-     * @description 菜单显示状态改变时调用，参数为 visible，点击菜单按钮导致的消失不会触发
+     * @description 菜单显示状态改变时调用，参数为 open，点击菜单按钮导致的消失不会触发
      * @default -
      */
-    onVisibleChange?: (visible: boolean) => void;
+    onOpenChange?: (open: boolean) => void;
     /**
      * @description 下拉框的属性
      * @default -

package/lib/Dropdown/index.js

@@ -13,7 +13,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _Button = _interopRequireDefault(require("./Button"));
 
-var _excluded = ["children", "visible"];
+var _excluded = ["children", "open"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -23,14 +23,14 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 function Dropdown(props) {
   var children = props.children,
-      visible = props.visible,
-      otherProps = _objectWithoutProperties(props, _excluded); // antd根据visible字段是否存在来判断visible是否是可控模式
+      open = props.open,
+      otherProps = _objectWithoutProperties(props, _excluded); // antd 根据 open 字段是否存在来判断 open 是否是可控模式
 
 
   var antdDropdownProps = otherProps;
 
-  if (visible !== undefined) {
-    antdDropdownProps.visible = visible;
+  if (open !== undefined) {
+    antdDropdownProps.open = open;
   }
 
   return /*#__PURE__*/_react.default.createElement(_dropdown.default, Object.assign({}, antdDropdownProps), children);

package/lib/Tooltip/index.d.ts

@@ -46,12 +46,12 @@ export interface ITooltipProps {
      * @description 用于手动控制浮层显隐
      * @default -
      */
-    visible?: boolean;
+    open?: boolean;
     /**
      * @description 显示隐藏的回调
      * @default -
      */
-    onVisibleChange?: (visible: boolean) => void;
+    onOpenChange?: (open: boolean) => void;
     /**
      * @description 卡片类名
      * @default -

package/lib/Tooltip/index.js

@@ -16,8 +16,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function Tooltip(props) {
   var children = props.children,
       title = props.title,
-      visible = props.visible,
-      onVisibleChange = props.onVisibleChange,
+      open = props.open,
+      onOpenChange = props.onOpenChange,
       trigger = props.trigger,
       zIndex = props.zIndex,
       placement = props.placement,
@@ -30,8 +30,8 @@ function Tooltip(props) {
   return /*#__PURE__*/_react.default.createElement(_tooltip.default, {
     title: title,
     overlayClassName: (0, _classnames.default)('ald-tooltip-overlay', overlayClassName),
-    visible: visible,
-    onVisibleChange: onVisibleChange,
+    open: open,
+    onOpenChange: onOpenChange,
     trigger: trigger,
     zIndex: zIndex,
     placement: placement,

package/lib/index.d.ts

@@ -77,5 +77,5 @@ export type { IAvatarProps as AvatarProps } from './Avatar';
 export { default as Icon } from './Icon';
 export type { PageHeaderProps } from './PageHeader';
 export { default as PageHeader } from './PageHeader';
-export type { PopconfirmProps } from './Popconfim';
-export { default as Popconfim } from './Popconfim';
+export type { PopconfirmProps } from './Popconfirm';
+export { default as Popconfirm } from './Popconfirm';

package/lib/index.js

@@ -135,10 +135,10 @@ Object.defineProperty(exports, "PageHeader", {
     return _PageHeader.default;
   }
 });
-Object.defineProperty(exports, "Popconfim", {
+Object.defineProperty(exports, "Popconfirm", {
   enumerable: true,
   get: function get() {
-    return _Popconfim.default;
+    return _Popconfirm.default;
   }
 });
 Object.defineProperty(exports, "Popover", {
@@ -330,6 +330,6 @@ var _Icon = _interopRequireDefault(require("./Icon"));
 
 var _PageHeader = _interopRequireDefault(require("./PageHeader"));
 
-var _Popconfim = _interopRequireDefault(require("./Popconfim"));
+var _Popconfirm = _interopRequireDefault(require("./Popconfirm"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aloudata/aloudata-design",
-  "version": "0.4.0-beta.5",
+  "version": "0.4.0-beta.6",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",
@@ -54,7 +54,7 @@
   "dependencies": {
     "@aloudata/icons-react": "^0.0.10",
     "@ant-design/icons": "^4.7.0",
-    "antd": "^4.21.5",
+    "antd": "^4.23.5",
     "babel-preset-react-app": "^10.0.1",
     "classnames": "^2.3.1",
     "lodash": "^4.17.21",