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

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);