@aloudata/aloudata-design 0.1.0-beta1 → 0.2.0-beta.1

package/src/Tooltip/index.tsx

@@ -1,113 +0,0 @@
-import React from 'react';
-import AntdTooltip from 'antd/lib/tooltip';
-import classNames from 'classnames';
-import './style';
-
-export type ActionType = 'hover' | 'focus' | 'click' | 'contextMenu';
-
-export interface ITooltipProps {
-  /**
-   * @description 提示文字
-   * @default -
-   */
-  title: React.ReactNode;
-  /**
-   * @description 关闭后是否销毁Tooltip
-   * @default false
-   */
-  destroyTooltipOnHide?: boolean;
-  /**
-   * @description 浮层渲染父节点，默认渲染到 body 上
-   * @default () => document.body
-   */
-  getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
-  /**
-   * @description 鼠标移入后延时多少才显示 Tooltip
-   * @default 0.1
-   */
-  mouseEnterDelay?: number;
-  /**
-   * @description 鼠标移出后延时多少才隐藏 Tooltip
-   * @default 0.1
-   */
-  mouseLeaveDelay?: number;
-  /**
-   * @description 气泡框位置
-   * @default top
-   */
-  placement?:
-  | 'top'
-  | 'left'
-  | 'right'
-  | 'bottom'
-  | 'topLeft'
-  | 'topRight'
-  | 'bottomLeft'
-  | 'bottomRight'
-  | 'leftTop'
-  | 'leftBottom'
-  | 'rightTop'
-  | 'rightBottom';
-  /**
-   * @description 触发行为
-   * @type ActionType | ActionType[], 其中 ActionType 为 'hover' | 'focus' | 'click' | 'contextMenu';
-   * @default hover
-   */
-  trigger?: ActionType | ActionType[];
-  /**
-   * @description 设置 Tooltip 的 z-index
-   * @default -
-   */
-  zIndex?: number;
-  /**
-   * @description 用于手动控制浮层显隐
-   * @default -
-   */
-  visible?: boolean;
-  /**
-   * @description 显示隐藏的回调
-   * @default -
-   */
-  onVisibleChange?: (visible: boolean) => void;
-  /**
-   * @description 卡片类名
-   * @default -
-   */
-  overlayClassName?: string;
-  children?: React.ReactNode;
-}
-
-export default function Tooltip(props: ITooltipProps) {
-  const {
-    children,
-    title,
-    visible,
-    onVisibleChange,
-    trigger,
-    zIndex,
-    placement,
-    mouseEnterDelay,
-    mouseLeaveDelay,
-    getPopupContainer,
-    destroyTooltipOnHide,
-    overlayClassName,
-  } = props;
-
-  return (
-    <AntdTooltip
-      title={title}
-      overlayClassName={classNames('ald-tooltip-overlay', overlayClassName)}
-      visible={visible}
-      onVisibleChange={onVisibleChange}
-      trigger={trigger}
-      zIndex={zIndex}
-      placement={placement}
-      mouseEnterDelay={mouseEnterDelay}
-      mouseLeaveDelay={mouseLeaveDelay}
-      getPopupContainer={getPopupContainer}
-      destroyTooltipOnHide={destroyTooltipOnHide}
-    >
-      {children}
-    </AntdTooltip>
-  );
-}

package/src/Tooltip/style/index.ts

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

package/src/_utils/hooks/useControlledState.ts

@@ -1,39 +0,0 @@
-import { useState, useEffect, useRef, useDebugValue } from 'react';
-import { isUndefined } from 'lodash';
-
-function format<T>([innerState, outterState]: [T, T]) {
-  const isControlled = isUndefined(outterState) ? 'uncontrolled' : 'controlled';
-  const value = isUndefined(outterState) ? innerState : outterState;
-  return `State is ${isControlled} | Value is ${value}`;
-}
-
-const useControlledState = <T>(
-  outterState: T | (() => T) | undefined,
-  defaultOutterState: T,
-  callback?: (state: T | (() => T)) => void
-): [T, (state: T | (() => T), force?: boolean) => void] => {
-  // if (outterState === undefined && defaultOutterState === undefined) {
-  //   throw new TypeError('Either "value" or "defaultValue" variable must be set. Now both are undefined');
-  // }
-  const [innerState, setInnerState] = useState<T>(isUndefined(outterState) ? defaultOutterState : outterState);
-  const setState = useRef((state: T | (() => T), force = false) => {
-    if (isUndefined(outterState) || force) {
-      setInnerState(state);
-    }
-
-    callback?.(state);
-  }).current;
-
-  // @ts-ignore
-  useDebugValue([innerState, outterState], format);
-
-  useEffect(() => {
-    if (!isUndefined(outterState)) {
-      setInnerState(outterState);
-    }
-  }, [outterState]);
-
-  return [innerState, setState];
-};
-
-export default useControlledState;

package/src/_utils/hooks/usePrefixCls.ts

@@ -1,11 +0,0 @@
-import { useContext } from 'react';
-
-import { ConfigProvider } from 'antd';
-
-const ConfigContext = ConfigProvider.ConfigContext;
-const usePrefixCls = (subPrefixCls?: string, customRootPrefixCls?: string): string => {
-  const { rootPrefixCls, getPrefixCls } = useContext(ConfigContext);
-  return getPrefixCls(subPrefixCls, customRootPrefixCls ?? rootPrefixCls);
-};
-
-export default usePrefixCls;

package/tsconfig.json

@@ -1,13 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "esnext",
-    "module": "esnext",
-    "moduleResolution": "node",
-    "jsx": "react",
-    "esModuleInterop": true,
-    "types": ["jest"],
-    "strict": true,
-    "skipLibCheck": true,
-    "declaration": true
-  }
-}

package/typings.d.ts

@@ -1,3 +0,0 @@
-declare module '*.css';
-declare module '*.less';
-declare module '@aloudata/aloudata-design';