Merge pull request kubesphere#112 from chenz24/fix/dropdown

Export Progress component.

.changeset/cyan-beds-dream.md

@@ -0,0 +1,6 @@
+[---
+'@kubed/components': patch
+---
+
+1. Export Progress component.
+2. Omit trigger if visible is set.

packages/components/src/Dropdown/Dropdown.tsx

@@ -1,5 +1,6 @@
 import React, { useState } from 'react';
 import styled from 'styled-components';
+import { isUndefined } from 'lodash';
 import { Tooltip, TooltipProps } from '../Tooltip/Tooltip';
 
 const StyledTooltip = styled(Tooltip)<TooltipProps>`
@@ -37,11 +38,12 @@ export function Dropdown({
   maxWidth = 210,
   animation = 'shift-away',
   content,
+  visible,
   ...rest
 }: DropdownProps) {
   const [instance, setInstance] = useState(false);
   const onDropdownClick = () => {
-    if (hideOnClick && instance) {
+    if (hideOnClick && instance && !visible) {
       // @ts-ignore
       instance.hide();
     }
@@ -56,18 +58,19 @@ export function Dropdown({
   };
 
   const popContent = <DropdownWrapper onClick={onDropdownClick}>{content}</DropdownWrapper>;
+  const triggerProps = isUndefined(visible) ? { trigger } : { visible };
 
   return (
     // @ts-ignore
     <StyledTooltip
       placement={placement}
-      trigger={trigger}
       arrow={arrow}
       interactive={interactive}
       maxWidth={maxWidth}
       animation={animation}
       onMount={onMount}
       onDestroy={onDestroy}
+      {...triggerProps}
       {...rest}
       content={popContent}
     >

packages/components/src/index.ts

@@ -38,3 +38,4 @@ export { default as TimePicker } from './TimePicker/TimePicker';
 export { Banner, BannerTip } from './Banner/Banner';
 export { Notify, notify } from './Notify/Notify';
 export * from './ActionConfirm/ActionConfirm';
+export * from './Progress/Progress';