@dtjoy/dt-design 1.1.1 → 1.1.5

package/lib/_util/isNonNullable.js

@@ -1,10 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-const isNonNullable = val => {
-  return val !== undefined && val !== null;
-};
-var _default = exports.default = isNonNullable;

package/lib/_util/scrollTo.d.ts

@@ -1,10 +0,0 @@
-interface ScrollToOptions {
-    /** Scroll container, default as window */
-    getContainer?: () => HTMLElement | Window | Document;
-    /** Scroll end callback */
-    callback?: () => void;
-    /** Animation duration, default as 450 */
-    duration?: number;
-}
-export default function scrollTo(y: number, options?: ScrollToOptions): () => void;
-export {};

package/lib/_util/type.d.ts

@@ -1,52 +0,0 @@
-import type React from 'react';
-export type Primitive = null | undefined | string | number | boolean | symbol | bigint;
-/** https://github.com/Microsoft/TypeScript/issues/29729 */
-export type LiteralUnion<T, U extends Primitive = string> = T | (U & Record<never, never>);
-export type AnyObject = Record<PropertyKey, any>;
-export type CustomComponent<P = AnyObject> = React.ComponentType<P> | string;
-/**
- * Get component props
- * @example
- * ```ts
- * import { Checkbox } from '@dtjoy/dt-design'
- * import type { GetProps } from '@dtjoy/dt-design';
- *
- * type CheckboxGroupProps = GetProps<typeof Checkbox.Group>
- * ```
- */
-export type GetProps<T extends React.ComponentType<any> | object> = T extends React.ComponentType<infer P> ? P : T extends object ? T : never;
-/**
- * Get component props by component name
- * @example
- * ```ts
- * import { Select } from '@dtjoy/dt-design';
- * import type { GetProp, SelectProps } from '@dtjoy/dt-design';
- *
- * type SelectOption1 = GetProp<SelectProps, 'options'>[number];
- * // or
- * type SelectOption2 = GetProp<typeof Select, 'options'>[number];
- *
- * const onChange: GetProp<typeof Select, 'onChange'> = (value, option) => {
- *  // Do something
- * };
- * ```
- */
-export type GetProp<T extends React.ComponentType<any> | object, PropName extends keyof GetProps<T>> = NonNullable<GetProps<T>[PropName]>;
-type ReactRefComponent<Props extends {
-    ref?: React.Ref<any> | string;
-}> = (props: Props) => React.ReactNode;
-type ExtractRefAttributesRef<T> = T extends React.RefAttributes<infer P> ? P : never;
-/**
- * Get component ref
- * @example
- * ```ts
- * import { Input } from '@dtjoy/dt-design';
- * import type { GetRef } from '@dtjoy/dt-design';
- *
- * type InputRef = GetRef<typeof Input>;
- * ```
- */
-export type GetRef<T extends ReactRefComponent<any> | React.Component<any>> = T extends React.Component<any> ? T : T extends React.ComponentType<infer P> ? ExtractRefAttributesRef<P> : never;
-export type GetContextProps<T> = T extends React.Context<infer P> ? P : never;
-export type GetContextProp<T extends React.Context<any>, PropName extends keyof GetContextProps<T>> = NonNullable<GetContextProps<T>[PropName]>;
-export {};

package/lib/_util/warning.d.ts

@@ -1,31 +0,0 @@
-import * as React from 'react';
-export declare function noop(): void;
-export declare function resetWarned(): void;
-type Warning = (valid: boolean, component: string, message?: string) => void;
-declare const warning: Warning;
-type BaseTypeWarning = (valid: boolean, 
-/**
- * - deprecated: Some API will be removed in future but still support now.
- * - usage: Some API usage is not correct.
- * - breaking: Breaking change like API is removed.
- */
-type: 'deprecated' | 'usage' | 'breaking', message?: string) => void;
-type TypeWarning = BaseTypeWarning & {
-    deprecated: (valid: boolean, oldProp: string, newProp: string, message?: string) => void;
-};
-export interface WarningContextProps {
-    /**
-     * @descCN 设置警告等级，设置 `false` 时会将废弃相关信息聚合为单条信息。
-     * @descEN Set the warning level. When set to `false`, discard related information will be aggregated into a single message.
-     * @since 5.10.0
-     */
-    strict?: boolean;
-}
-export declare const WarningContext: React.Context<WarningContextProps>;
-/**
- * This is a hook but we not named as `useWarning`
- * since this is only used in development.
- * We should always wrap this in `if (process.env.NODE_ENV !== 'production')` condition
- */
-export declare const devUseWarning: (component: string) => TypeWarning;
-export default warning;

package/lib/blockHeader/index.js

@@ -1,121 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _icons = require("@ant-design/icons");
-var _antd = require("antd");
-var _configProvider = require("antd/es/config-provider");
-var _clsx = _interopRequireDefault(require("clsx"));
-require("./style");
-var _util = require("../_util");
-var _collapsible = _interopRequireDefault(require("../collapsible"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } // 优化后的代码示例
-function isControlled(props) {
-  return props.expand !== undefined;
-}
-const prefixCls = (0, _configProvider.globalConfig)().getPrefixCls('block-header');
-const preTitleRowCls = `${prefixCls}__title`;
-const BlockHeader = props => {
-  const {
-    id,
-    title,
-    description = '',
-    tooltip,
-    size = 'middle',
-    spaceBottom = {
-      expand: 16,
-      collapse: 16
-    },
-    className = '',
-    contentClassName = '',
-    style = {},
-    contentStyle = {},
-    background = true,
-    defaultExpand = true,
-    addonAfter,
-    expand,
-    children = '',
-    addonBefore = /*#__PURE__*/_react.default.createElement("div", {
-      className: "addon-before--default"
-    }),
-    onExpand,
-    titleStyle,
-    keepDOM = false,
-    lazy = false,
-    expandable = true
-  } = props;
-  const [internalExpand, setInternalExpand] = (0, _react.useState)(defaultExpand);
-  const currentExpand = isControlled(props) ? expand ?? false : internalExpand;
-  const showCollapse = expandable && !!children;
-  const tooltipProps = (0, _util.toTooltipProps)(tooltip);
-  const bottomStyle = (0, _react.useMemo)(() => {
-    if (typeof spaceBottom === 'number') {
-      return {
-        marginBottom: spaceBottom
-      };
-    }
-    const key = currentExpand ? 'expand' : 'collapse';
-    return {
-      marginBottom: spaceBottom[key] ?? 0
-    };
-  }, [spaceBottom, currentExpand]);
-  const handleExpand = () => {
-    const newExpandState = !currentExpand;
-    !isControlled(props) && setInternalExpand(newExpandState);
-    onExpand?.(newExpandState);
-  };
-  return /*#__PURE__*/_react.default.createElement("div", {
-    id: id,
-    className: (0, _clsx.default)(`${prefixCls}`, className),
-    style: {
-      ...bottomStyle,
-      ...style
-    }
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _clsx.default)(preTitleRowCls, `${preTitleRowCls}--${size}`, {
-      [`${preTitleRowCls}--background`]: background,
-      [`${preTitleRowCls}--pointer`]: showCollapse
-    }),
-    style: titleStyle,
-    onClick: showCollapse ? handleExpand : undefined
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "title__box"
-  }, addonBefore ? /*#__PURE__*/_react.default.createElement("div", {
-    className: `title__addon-before title__addon-before--${size}`
-  }, addonBefore) : null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "title__text"
-  }, title), tooltipProps?.title ? /*#__PURE__*/_react.default.createElement("div", {
-    className: `title__tooltip`
-  }, /*#__PURE__*/_react.default.createElement(_antd.Tooltip, _extends({}, tooltipProps, {
-    className: (0, _clsx.default)(tooltipProps?.className)
-  }), /*#__PURE__*/_react.default.createElement(_icons.QuestionCircleOutlined, null))) : null, description ? /*#__PURE__*/_react.default.createElement("div", {
-    className: `title__description`
-  }, description) : null), addonAfter && /*#__PURE__*/_react.default.createElement("div", {
-    className: `title__addon-after`
-  }, addonAfter), showCollapse && /*#__PURE__*/_react.default.createElement("div", {
-    className: `title__collapse`
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "collapse__text"
-  }, currentExpand ? '收起' : '展开'), /*#__PURE__*/_react.default.createElement(_icons.UpOutlined, {
-    className: (0, _clsx.default)('collapse__icon', {
-      'collapse__icon--up': currentExpand,
-      'collapse__icon--down': !currentExpand
-    })
-  }))), /*#__PURE__*/_react.default.createElement(_collapsible.default, {
-    isOpen: currentExpand,
-    keepDOM: keepDOM,
-    lazyRender: lazy
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _clsx.default)(`${prefixCls}__content`, contentClassName, {
-      [`${prefixCls}__content--active`]: currentExpand || !showCollapse
-    }),
-    style: contentStyle
-  }, children)));
-};
-var _default = exports.default = BlockHeader;

package/lib/blockHeader/style/index.d.ts

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

package/lib/button/index.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import type { ButtonProps as AntdButtonProps } from 'antd';
-import type { ButtonType as AntdButtonType } from 'antd/es/button';
-import './style';
-type ButtonType = AntdButtonType | 'secondary' | 'tertiary';
-export interface ButtonProps extends Omit<AntdButtonProps, 'type'> {
-    type?: ButtonType;
-}
-declare const _default: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLElement>>;
-export default _default;

package/lib/button/style/index.d.ts

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

package/lib/collapsible/index.d.ts

@@ -1,102 +0,0 @@
-import React from 'react';
-import './style';
-import type { ConfigConsumerProps } from 'antd/lib/config-provider';
-interface BaseComponentProps {
-    /**
-     *  类名
-     */
-    className?: string;
-    /**
-     * 样式
-     */
-    style?: React.CSSProperties;
-    /**
-     * id
-     */
-    id?: string;
-    'data-*'?: string;
-}
-export interface CollapsibleProps extends BaseComponentProps {
-    /**
-     * 是否开启动画
-     */
-    motion?: boolean;
-    /**
-     * 子元素
-     */
-    children?: React.ReactNode;
-    /**
-     * 是否展开内容区域
-     */
-    isOpen?: boolean;
-    /**
-     * 动画执行的时间
-     */
-    duration?: number;
-    /**
-     * 是否保留隐藏的面板 DOM 树，默认销毁
-     */
-    keepDOM?: boolean;
-    /**
-     * 配合 keepDOM 使用，为 true 时挂载时不会渲染组件
-     */
-    lazyRender?: boolean;
-    /**
-     * 折叠高度
-     */
-    collapseHeight?: number;
-    /**
-     * 当 reCalcKey 改变时，将重新计算子节点的高度，用于优化动态渲染时的计算
-     */
-    reCalcKey?: number | string;
-    /**
-     * 动画结束的回调
-     */
-    onMotionEnd?: () => void;
-    /**
-     * 是否开启淡入淡出
-     */
-    fade?: boolean;
-    /**
-     * 样式前缀
-     */
-    prefixCls?: string;
-}
-interface CollapsibleState {
-    domInRenderTree: boolean;
-    domHeight: number;
-    visible: boolean;
-    isTransitioning: boolean;
-    cacheIsOpen: boolean;
-}
-declare class Collapsible extends React.Component<CollapsibleProps, CollapsibleState> {
-    static defaultProps: {
-        isOpen: boolean;
-        duration: number;
-        motion: boolean;
-        keepDOM: boolean;
-        lazyRender: boolean;
-        collapseHeight: number;
-        fade: boolean;
-    };
-    static displayName: string;
-    foundation: any;
-    private domRef;
-    private resizeObserver;
-    private hasBeenRendered;
-    constructor(props: CollapsibleProps);
-    static getEntryInfo: (entry: ResizeObserverEntry) => {
-        isShown: boolean;
-        height: number;
-    };
-    static getDerivedStateFromProps(props: CollapsibleProps, prevState: CollapsibleState): Partial<CollapsibleState>;
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: Readonly<CollapsibleProps>, prevState: Readonly<CollapsibleState>): void;
-    componentWillUnmount(): void;
-    renderCollapsible: ({ getPrefixCls }: ConfigConsumerProps) => React.JSX.Element;
-    render(): React.JSX.Element;
-    private handleResize;
-    private isChildrenInRenderTree;
-    private getDataAttr;
-}
-export default Collapsible;

package/lib/collapsible/style/index.d.ts

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

package/lib/collapsibleActionItems/index.d.ts

@@ -1,24 +0,0 @@
-import type { ReactNode } from 'react';
-import React from 'react';
-import type { ButtonProps } from "..";
-import type { DropDownProps } from 'antd';
-import './style';
-export type ActionItem = {
-    key: React.Key;
-    name: ReactNode;
-    disabled?: boolean;
-    render?: () => ReactNode;
-};
-interface ICollapsibleActionItems {
-    maxCount?: number;
-    actionItems: ActionItem[];
-    className?: string;
-    divider?: ReactNode;
-    collapseIcon?: ReactNode;
-    dropdownProps?: Partial<DropDownProps>;
-    buttonProps?: Partial<ButtonProps>;
-    style?: React.CSSProperties;
-    onItemClick?: (key: React.Key) => void;
-}
-declare const CollapsibleActionItems: React.FC<ICollapsibleActionItems>;
-export default CollapsibleActionItems;

package/lib/collapsibleActionItems/index.js

@@ -1,68 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _icons = require("@ant-design/icons");
-var _ = require("./..");
-var _antd = require("antd");
-var _configProvider = require("antd/es/config-provider");
-require("./style");
-var _clsx = _interopRequireDefault(require("clsx"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-const CollapsibleActionItems = props => {
-  const {
-    actionItems,
-    maxCount = 3,
-    className,
-    divider = /*#__PURE__*/_react.default.createElement(_antd.Divider, {
-      type: "vertical"
-    }),
-    collapseIcon = /*#__PURE__*/_react.default.createElement(_icons.EllipsisOutlined, null),
-    dropdownProps,
-    buttonProps,
-    style,
-    onItemClick
-  } = props;
-  const isOverMaxCount = actionItems.length > maxCount;
-  const prefixCls = (0, _configProvider.globalConfig)().getPrefixCls('collapsible-action-items');
-  const getActionItemNode = (item, isCollapse = false) => {
-    const customRender = item.render ? item.render() : null;
-    if (!isCollapse) return /*#__PURE__*/_react.default.createElement("span", {
-      className: `${prefixCls}__btn`,
-      key: item.key,
-      onClick: () => !item.disabled && onItemClick?.(item.key)
-    }, customRender || /*#__PURE__*/_react.default.createElement(_.Button, _extends({
-      type: "link",
-      disabled: item.disabled
-    }, buttonProps), item.name));
-    return /*#__PURE__*/_react.default.createElement(_antd.Menu.Item, {
-      key: item.key,
-      disabled: item.disabled
-    }, customRender || item.name);
-  };
-  const displayAction = actionItems.slice(0, isOverMaxCount ? maxCount - 1 : maxCount).map(item => getActionItemNode(item, false));
-  const dropdownMenu = isOverMaxCount ? /*#__PURE__*/_react.default.createElement(_antd.Menu, {
-    "data-testid": "action-dropdown-menu",
-    onClick: info => onItemClick?.(info.key)
-  }, actionItems.slice(maxCount - 1).map(item => getActionItemNode(item, true))) : null;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _clsx.default)(prefixCls, className),
-    style: style
-  }, displayAction.map((actionItem, index) => {
-    const showDivider = index < actionItems.length - 1;
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
-      key: actionItem.key
-    }, actionItem, showDivider && divider);
-  }), dropdownMenu && /*#__PURE__*/_react.default.createElement(_antd.Dropdown, _extends({
-    placement: 'bottomRight',
-    overlay: dropdownMenu,
-    getPopupContainer: triggerNode => triggerNode.parentElement ?? document.body
-  }, dropdownProps), /*#__PURE__*/_react.default.createElement("a", {
-    className: `${prefixCls}__icon`
-  }, collapseIcon)));
-};
-var _default = exports.default = CollapsibleActionItems;

package/lib/collapsibleActionItems/style/index.d.ts

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

package/lib/flex/interface.d.ts

@@ -1,16 +0,0 @@
-import type React from 'react';
-import type { SizeType } from 'antd/lib/config-provider/SizeContext';
-import type { Orientation } from '../_util/hooks';
-import type { AnyObject, CustomComponent, LiteralUnion } from '../_util/type';
-export interface FlexProps<P = AnyObject> extends React.HTMLAttributes<HTMLElement> {
-    prefixCls?: string;
-    rootClassName?: string;
-    vertical?: boolean;
-    orientation?: Orientation;
-    wrap?: boolean | React.CSSProperties['flexWrap'];
-    justify?: React.CSSProperties['justifyContent'];
-    align?: React.CSSProperties['alignItems'];
-    flex?: React.CSSProperties['flex'];
-    gap?: LiteralUnion<SizeType, React.CSSProperties['gap']>;
-    component?: CustomComponent<P>;
-}

package/lib/flex/style/index.d.ts

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

package/lib/flex/utils.d.ts

@@ -1,7 +0,0 @@
-import type React from 'react';
-import type { FlexProps } from './interface';
-export declare const flexWrapValues: React.CSSProperties['flexWrap'][];
-export declare const justifyContentValues: React.CSSProperties['justifyContent'][];
-export declare const alignItemsValues: React.CSSProperties['alignItems'][];
-declare const createFlexClassNames: (prefixCls: string, props: FlexProps) => string;
-export default createFlexClassNames;

package/lib/formList/index.d.ts

@@ -1,78 +0,0 @@
-import type { ReactNode } from 'react';
-import React from 'react';
-import type { FormListFieldData, TableProps } from 'antd';
-import type { FormItemProps, FormListProps, RuleObject, RuleRender } from 'antd/lib/form';
-import type { ColumnType as TableColumnType } from 'antd/lib/table';
-import './style';
-type NotNullRowSelection = NonNullable<TableProps<any>['rowSelection']>;
-/**
- * Override NamePath parameters type
- */
-type OverrideParameters = (string | number)[];
-type RcFormInstance = Parameters<RuleRender>[0];
-type RawPanelRender = NonNullable<TableProps<any>['footer']>;
-/**
- * Override PanelRender type
- */
-type PanelRenderFunc = (...args: Parameters<FormListProps['children']>) => ReturnType<RawPanelRender>;
-/**
- * Form.Table 组件类型
- */
-export interface IFormTableProps
-/**
- * Support all FormListProps except children for which is re-defined in this component
- * and prefixCls for which is not expected to be supported
- */
- extends Pick<FormListProps, 'name' | 'rules' | 'initialValue'>, 
-/**
- * Support all TableProps except
- * - re-define columns and re-defined rowSelection
- * - and pagination which is expect to be not supported in Form.Table
- * - and className which is renamed to tableClassName
- * - and rowKey, dataSource for which are defined and not allowed to be modified
- * - and footer, title, summary for which are re-defined to pass form's operation
- */
-Omit<TableProps<any>, 'columns' | 'rowSelection' | 'pagination' | 'className' | 'rowKey' | 'dataSource' | 'footer' | 'title' | 'summary'> {
-    /**
-     * 表格列的配置描述
-     */
-    columns?: ColumnType[] | ((...args: Parameters<FormListProps['children']>) => ColumnType[]);
-    /**
-     * Table 的 className
-     */
-    tableClassName?: TableProps<any>['className'];
-    /**
-     * 表格行是否可选择
-     */
-    rowSelection?: Omit<NotNullRowSelection, 'getCheckboxProps'> & {
-        getCheckboxProps?: (field: FormListFieldData) => ReturnType<NonNullable<NotNullRowSelection['getCheckboxProps']>>;
-    };
-    title?: PanelRenderFunc;
-    footer?: PanelRenderFunc;
-    summary?: PanelRenderFunc;
-}
-export interface ColumnType
-/**
- * Support all FormItemProps, and re-defined `rules` and `dependencies`
- */
- extends Omit<FormItemProps, 'rules' | 'dependencies' | 'prefixCls' | 'children'>, 
-/**
- * Support all TableColumnType, and re-defined `render`
- */
-Omit<TableColumnType<FormListFieldData>, 'render'> {
-    /**
-     * 设置依赖字段, 支持通过回调函数获取当前字段名
-     */
-    dependencies?: ((namePath: OverrideParameters) => FormItemProps['dependencies']) | FormItemProps['dependencies'];
-    /**
-     * 校验规则，设置字段的校验逻辑，支持通过回调函数获取当前字段名
-     */
-    rules?: (RuleObject | ((form: RcFormInstance, namePath: OverrideParameters) => RuleObject))[];
-    /**
-     * 渲染函数
-     * @param formInstance 只有在设置了 `dependencies` 的情况下才有该参数
-     */
-    render?: (fieldData: FormListFieldData, namePath: OverrideParameters, formInstance?: RcFormInstance) => ReactNode;
-}
-export default function InternalTable({ name, rules, initialValue, ...tableProps }: IFormTableProps): React.JSX.Element;
-export {};