@dtjoy/dt-design 1.0.6 → 1.0.8

package/lib/_util/warning.d.ts

@@ -1,31 +1,31 @@
-import * as React from 'react';
-export declare function noop(): void;
-export declare function resetWarned(): void;
-declare type Warning = (valid: boolean, component: string, message?: string) => void;
-declare const warning: Warning;
-declare 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;
-declare 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;
+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/_util/warning.js

@@ -7,14 +7,13 @@ exports.devUseWarning = exports.default = exports.WarningContext = void 0;
 exports.noop = noop;
 exports.resetWarned = resetWarned;
 var React = _interopRequireWildcard(require("react"));
-var _warning2 = _interopRequireDefault(require("rc-util/lib/warning"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _util = require("@rc-component/util");
 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 noop() {}
 const {
   resetWarned: rcResetWarned
-} = _warning2.default;
+} = _util.warning;
 let deprecatedWarnList = null;
 function resetWarned() {
   deprecatedWarnList = null;
@@ -23,7 +22,7 @@ function resetWarned() {
 let _warning = noop;
 if (process.env.NODE_ENV !== 'production') {
   _warning = (valid, component, message) => {
-    (0, _warning2.default)(valid, `[antd: ${component}] ${message}`);
+    (0, _util.warning)(valid, `[antd: ${component}] ${message}`);
 
     // StrictMode will inject console which will not throw warning in React 17.
     if (process.env.NODE_ENV === 'test') {
@@ -34,10 +33,10 @@ if (process.env.NODE_ENV !== 'production') {
 const warning = _warning;
 const WarningContext = exports.WarningContext = /*#__PURE__*/React.createContext({});
 
-/**
- * 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
+/**
+ * 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
  */
 const devUseWarning = exports.devUseWarning = process.env.NODE_ENV !== 'production' ? component => {
   const {

package/lib/blockHeader/index.d.ts

@@ -1,48 +1,50 @@
-import React, { ReactNode } from 'react';
-import './style';
-import { LabelTooltipType } from '../_util';
-import type { CollapsibleProps } from '../collapsible';
-export declare type SizeType = 'small' | 'middle' | 'large';
-export interface IBlockHeaderProps extends CollapsibleProps {
-    /** 标题 */
-    title: ReactNode;
-    /** 标题前的图标，默认是一个色块 */
-    addonBefore?: ReactNode;
-    /** 标题后的提示说明文字 */
-    description?: ReactNode;
-    /** 默认展示为问号的tooltip */
-    tooltip?: LabelTooltipType;
-    /** 后缀自定义内容块 */
-    addonAfter?: ReactNode;
-    /**
-     * 小标题 font-size: 12px; line-height: 32px
-     * 中标题 font-size: 14px; line-height: 40px
-     * 大标题 font-size: 16px; line-height: 40px
-     * 默认 中标题
-     */
-    size?: SizeType;
-    /** 自定义 Bottom 值 */
-    spaceBottom?: number;
-    /** 标题一行的样式类名 */
-    className?: string;
-    /** 标题的样式类名 */
-    style?: React.CSSProperties;
-    /** 展示内容(children)的样式类名 */
-    contentClassName?: string;
-    /** 展示内容(children)的样式 */
-    contentStyle?: React.CSSProperties;
-    /** 是否显示背景, 默认 true */
-    background?: boolean;
-    /** 当前展开状态 */
-    expand?: boolean;
-    /** 是否默认展开内容, 默认为 undefined */
-    defaultExpand?: boolean;
-    /** 展开/收起的内容 */
-    children?: ReactNode;
-    /** 展开/收起时的回调 */
-    onExpand?: (expand: boolean) => void;
-    /** 标题的样式 */
-    titleStyle?: React.CSSProperties;
-}
-declare const BlockHeader: React.FC<IBlockHeaderProps>;
-export default BlockHeader;
+import type { ReactNode } from 'react';
+import React from 'react';
+import './style';
+import type { SizeType } from 'antd/lib/config-provider/SizeContext';
+import type { LabelTooltipType } from '../_util';
+export interface IBlockHeaderProps {
+    /** id */
+    id?: string;
+    /** 标题 */
+    title: ReactNode;
+    /** 标题前的图标，默认是一个色块 */
+    addonBefore?: ReactNode;
+    /** 标题后的提示说明文字 */
+    description?: ReactNode;
+    /** 默认展示为问号的tooltip */
+    tooltip?: LabelTooltipType;
+    /** 后缀自定义内容块 */
+    addonAfter?: ReactNode;
+    /**
+     * 小标题 font-size: 12px; line-height: 32px
+     * 中标题 font-size: 14px; line-height: 40px
+     * 大标题 font-size: 16px; line-height: 40px
+     * 默认 中标题
+     */
+    size?: SizeType;
+    /** 自定义 Bottom 值 */
+    spaceBottom?: number;
+    /** 标题一行的样式类名 */
+    className?: string;
+    /** 标题的样式类名 */
+    style?: React.CSSProperties;
+    /** 展示内容(children)的样式类名 */
+    contentClassName?: string;
+    /** 展示内容(children)的样式 */
+    contentStyle?: React.CSSProperties;
+    /** 是否显示背景, 默认 true */
+    background?: boolean;
+    /** 当前展开状态 */
+    expand?: boolean;
+    /** 是否默认展开内容, 默认为 undefined */
+    defaultExpand?: boolean;
+    /** 展开/收起的内容 */
+    children?: ReactNode;
+    /** 展开/收起时的回调 */
+    onExpand?: (expand: boolean) => void;
+    /** 标题的样式 */
+    titleStyle?: React.CSSProperties;
+}
+declare const BlockHeader: React.FC<IBlockHeaderProps>;
+export default BlockHeader;

package/lib/blockHeader/index.js

@@ -8,7 +8,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _icons = require("@ant-design/icons");
 var _antd = require("antd");
 var _configProvider = require("antd/es/config-provider");
-var _classnames = _interopRequireDefault(require("classnames"));
+var _clsx = _interopRequireDefault(require("clsx"));
 require("./style");
 var _util = require("../_util");
 var _collapsible = _interopRequireDefault(require("../collapsible"));
@@ -21,8 +21,9 @@ function isControlled(props) {
 }
 const prefixCls = (0, _configProvider.globalConfig)().getPrefixCls('block-header');
 const preTitleRowCls = `${prefixCls}__title`;
-const BlockHeader = function (props) {
+const BlockHeader = props => {
   const {
+    id,
     title,
     description = '',
     tooltip,
@@ -41,8 +42,7 @@ const BlockHeader = function (props) {
       className: "addon-before--default"
     }),
     onExpand,
-    titleStyle,
-    ...rest
+    titleStyle
   } = props;
   const [internalExpand, setInternalExpand] = (0, _react.useState)(defaultExpand);
   const currentExpand = isControlled(props) ? expand : internalExpand;
@@ -50,7 +50,7 @@ const BlockHeader = function (props) {
   // 只有在有了 children 并且设置了 expand/defaultExpand 的时候才能够展开收起
   const showCollapse = (typeof expand === 'boolean' || typeof defaultExpand === 'boolean') && children;
   const tooltipProps = (0, _util.toTooltipProps)(tooltip);
-  let bottomStyle;
+  let bottomStyle = {};
   if (spaceBottom) bottomStyle = showCollapse && !currentExpand ? {
     marginBottom: 0
   } : {
@@ -62,13 +62,14 @@ const BlockHeader = function (props) {
     onExpand?.(expand);
   };
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(`${prefixCls}`, className),
+    id: id,
+    className: (0, _clsx.default)(`${prefixCls}`, className),
     style: {
       ...bottomStyle,
       ...style
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(preTitleRowCls, `${preTitleRowCls}--${size}`, {
+    className: (0, _clsx.default)(preTitleRowCls, `${preTitleRowCls}--${size}`, {
       [`${preTitleRowCls}--background`]: background,
       [`${preTitleRowCls}--pointer`]: showCollapse
     }),
@@ -83,7 +84,7 @@ const BlockHeader = function (props) {
   }, title), tooltipProps?.title ? /*#__PURE__*/_react.default.createElement("div", {
     className: `title__tooltip`
   }, /*#__PURE__*/_react.default.createElement(_antd.Tooltip, _extends({}, tooltipProps, {
-    className: (0, _classnames.default)(tooltipProps?.className)
+    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", {
@@ -93,14 +94,14 @@ const BlockHeader = function (props) {
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "collapse__text"
   }, currentExpand ? '收起' : '展开'), /*#__PURE__*/_react.default.createElement(_icons.UpOutlined, {
-    className: (0, _classnames.default)('collapse__icon', {
+    className: (0, _clsx.default)('collapse__icon', {
       'collapse__icon--up': currentExpand,
       'collapse__icon--down': !currentExpand
     })
-  }))), /*#__PURE__*/_react.default.createElement(_collapsible.default, _extends({
+  }))), /*#__PURE__*/_react.default.createElement(_collapsible.default, {
     isOpen: !currentExpand
-  }, rest), /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(`${prefixCls}__content`, contentClassName, {
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _clsx.default)(`${prefixCls}__content`, contentClassName, {
       [`${prefixCls}__content--active`]: currentExpand || !showCollapse
     }),
     style: contentStyle

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

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

package/lib/blockHeader/style/index.less

@@ -1,143 +1,143 @@
-@import '../../style/themes/index.less';
-
-@card_prefix: ~'@{ant-prefix}-block-header';
-
-.@{card_prefix} {
-    &__title {
-        border-radius: 4px;
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        &--large {
-            .title__box {
-                line-height: 24px;
-                .title__text {
-                    font-size: 16px;
-                }
-            }
-        }
-        &--middle {
-            .title__box {
-                line-height: 22px;
-                .title__text {
-                    font-size: 14px;
-                }
-            }
-        }
-        &--small {
-            .title__box {
-                line-height: 20px;
-                .title__text {
-                    font-size: 12px;
-                }
-            }
-        }
-        &--background {
-            padding: 0 12px;
-            background-color: #f9f9fa;
-            &.@{card_prefix}__title {
-                &--middle,
-                &--large {
-                    height: 40px;
-                }
-                &--small {
-                    height: 32px;
-                }
-            }
-        }
-        &--pointer {
-            cursor: pointer;
-        }
-        .title {
-            &__box {
-                flex: 1;
-                display: flex;
-                align-items: center;
-            }
-            &__addon-before {
-                margin-right: 8px;
-                color: @primary-color;
-                &--middle {
-                    .addon-before--default {
-                        width: 4px;
-                        height: 16px;
-                        background-color: @primary-color;
-                    }
-                    font-size: 20px;
-                }
-                &--small {
-                    .addon-before--default {
-                        width: 4px;
-                        height: 16px;
-                        background-color: @primary-color;
-                    }
-                    font-size: 16px;
-                }
-                &--large {
-                    .addon-before--default {
-                        width: 4px;
-                        height: 20px;
-                        background-color: @primary-color;
-                    }
-                    font-size: 24px;
-                }
-            }
-            &__tooltip {
-                display: flex;
-                margin-right: 4px;
-                font-size: 14px;
-                color: #b1b4c5;
-                cursor: pointer;
-            }
-            &__text {
-                color: @text-color;
-                font-weight: 500;
-                margin-right: 4px;
-            }
-            &__description {
-                display: flex;
-                align-items: center;
-                color: @label-color;
-                font-size: 12px;
-            }
-            &__addon-after {
-                color: @label-color;
-            }
-            &__collapse {
-                color: @label-color;
-                display: flex;
-                align-items: center;
-                cursor: pointer;
-                user-select: none;
-                .collapse {
-                    &__text {
-                        font-size: 12px;
-                        margin: 0 4px;
-                    }
-                    &__icon {
-                        font-size: 16px;
-                        transition: transform 0.4s;
-                        &--down {
-                            transform: rotate(-180deg);
-                        }
-                        &--up {
-                            transform: rotate(0deg);
-                        }
-                    }
-                }
-            }
-        }
-    }
-    &__content {
-        padding: 16px 24px;
-
-        // opacity: 0;
-        // height: 0;
-        // overflow: hidden;
-        // transition: opacity 0.5s ease, height 0.5s ease;
-        &--active {
-            // opacity: 1;
-            // height: auto;
-        }
-    }
-}
+@import '../../style/themes/index.less';
+
+@card_prefix: ~'@{ant-prefix}-block-header';
+
+.@{card_prefix} {
+    &__title {
+        border-radius: 4px;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        &--large {
+            .title__box {
+                line-height: 24px;
+                .title__text {
+                    font-size: 16px;
+                }
+            }
+        }
+        &--middle {
+            .title__box {
+                line-height: 22px;
+                .title__text {
+                    font-size: 14px;
+                }
+            }
+        }
+        &--small {
+            .title__box {
+                line-height: 20px;
+                .title__text {
+                    font-size: 12px;
+                }
+            }
+        }
+        &--background {
+            padding: 0 12px;
+            background-color: #f9f9fa;
+            &.@{card_prefix}__title {
+                &--middle,
+                &--large {
+                    height: 40px;
+                }
+                &--small {
+                    height: 32px;
+                }
+            }
+        }
+        &--pointer {
+            cursor: pointer;
+        }
+        .title {
+            &__box {
+                flex: 1;
+                display: flex;
+                align-items: center;
+            }
+            &__addon-before {
+                margin-right: 8px;
+                color: @primary-color;
+                &--middle {
+                    .addon-before--default {
+                        width: 4px;
+                        height: 16px;
+                        background-color: @primary-color;
+                    }
+                    font-size: 20px;
+                }
+                &--small {
+                    .addon-before--default {
+                        width: 4px;
+                        height: 16px;
+                        background-color: @primary-color;
+                    }
+                    font-size: 16px;
+                }
+                &--large {
+                    .addon-before--default {
+                        width: 4px;
+                        height: 20px;
+                        background-color: @primary-color;
+                    }
+                    font-size: 24px;
+                }
+            }
+            &__tooltip {
+                display: flex;
+                margin-right: 4px;
+                font-size: 14px;
+                color: #b1b4c5;
+                cursor: pointer;
+            }
+            &__text {
+                color: @text-color;
+                font-weight: 500;
+                margin-right: 4px;
+            }
+            &__description {
+                display: flex;
+                align-items: center;
+                color: @label-color;
+                font-size: 12px;
+            }
+            &__addon-after {
+                color: @label-color;
+            }
+            &__collapse {
+                color: @label-color;
+                display: flex;
+                align-items: center;
+                cursor: pointer;
+                user-select: none;
+                .collapse {
+                    &__text {
+                        font-size: 12px;
+                        margin: 0 4px;
+                    }
+                    &__icon {
+                        font-size: 16px;
+                        transition: transform 0.4s;
+                        &--down {
+                            transform: rotate(-180deg);
+                        }
+                        &--up {
+                            transform: rotate(0deg);
+                        }
+                    }
+                }
+            }
+        }
+    }
+    &__content {
+        padding: 16px 24px;
+
+        // opacity: 0;
+        // height: 0;
+        // overflow: hidden;
+        // transition: opacity 0.5s ease, height 0.5s ease;
+        &--active {
+            // opacity: 1;
+            // height: auto;
+        }
+    }
+}

package/lib/button/index.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
-import { ButtonProps as AntdButtonProps } from 'antd';
-import { ButtonType as AntdButtonType } from 'antd/es/button';
-import './style';
-declare 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;
+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/index.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _antd = require("antd");
-var _classnames = _interopRequireDefault(require("classnames"));
+var _clsx = _interopRequireDefault(require("clsx"));
 require("./style");
 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); }
@@ -17,7 +17,7 @@ function Button({
   ...rest
 }) {
   return /*#__PURE__*/_react.default.createElement(_antd.Button, _extends({
-    className: (0, _classnames.default)(className),
+    className: (0, _clsx.default)(className),
     size: size,
     type: type
   }, rest));

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

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