@dtjoy/dt-design 1.0.6 → 1.0.7

package/esm/_util/easings.js

@@ -0,0 +1,9 @@
+export function easeInOutCubic(t, b, c, d) {
+  var cc = c - b;
+  t /= d / 2;
+  if (t < 1) {
+    return cc / 2 * t * t * t + b;
+  }
+  // biome-ignore lint: it is a common easing function
+  return cc / 2 * ((t -= 2) * t * t + 2) + b;
+}

package/esm/_util/extendsObject.js

@@ -0,0 +1,17 @@
+function mergeProps() {
+  var ret = {};
+  for (var _len = arguments.length, items = new Array(_len), _key = 0; _key < _len; _key++) {
+    items[_key] = arguments[_key];
+  }
+  items.forEach(function (item) {
+    if (item) {
+      Object.keys(item).forEach(function (key) {
+        if (item[key] !== undefined) {
+          ret[key] = item[key];
+        }
+      });
+    }
+  });
+  return ret;
+}
+export default mergeProps;

package/esm/_util/getScroll.js

@@ -0,0 +1,32 @@
+import isNonNullable from "./isNonNullable";
+export function isWindow(obj) {
+  return isNonNullable(obj) && obj === obj.window;
+}
+var getScroll = function getScroll(target) {
+  if (typeof window === 'undefined') {
+    /* istanbul ignore next */
+    return 0;
+  }
+  var result = 0;
+  if (isWindow(target)) {
+    result = target.pageYOffset;
+  } else if (target instanceof Document) {
+    result = target.documentElement.scrollTop;
+  } else if (target instanceof HTMLElement) {
+    result = target.scrollTop;
+  } else if (target) {
+    // According to the type inference, the `target` is `never` type.
+    // Since we configured the loose mode type checking, and supports mocking the target with such shape below::
+    //    `{ documentElement: { scrollLeft: 200, scrollTop: 400 } }`,
+    //    the program may falls into this branch.
+    // Check the corresponding tests for details. Don't sure what is the real scenario this happens.
+    /* biome-ignore lint/complexity/useLiteralKeys: target is a never type */ /* eslint-disable-next-line dot-notation */
+    result = target['scrollTop'];
+  }
+  if (target && !isWindow(target) && typeof result !== 'number') {
+    var _documentElement, _target$ownerDocument;
+    result = (_documentElement = ((_target$ownerDocument = target.ownerDocument) !== null && _target$ownerDocument !== void 0 ? _target$ownerDocument : target).documentElement) === null || _documentElement === void 0 ? void 0 : _documentElement.scrollTop;
+  }
+  return result;
+};
+export default getScroll;

package/esm/_util/hooks/index.js

@@ -1 +1,4 @@
-export * from "./useOrientation";
+export * from "./useForceUpdate";
+export * from "./useOrientation";
+export * from "./useProxyImperativeHandle";
+export * from "./useSyncState";

package/esm/_util/hooks/useForceUpdate.js

@@ -0,0 +1,6 @@
+import React from 'react';
+export var useForceUpdate = function useForceUpdate() {
+  return React.useReducer(function (ori) {
+    return ori + 1;
+  }, 0);
+};

package/esm/_util/hooks/useProxyImperativeHandle.js

@@ -0,0 +1,31 @@
+import { useImperativeHandle } from 'react';
+var fillProxy = function fillProxy(element, handler) {
+  element._dtProxy = element._dtProxy || {};
+  Object.keys(handler).forEach(function (key) {
+    if (!(key in element._dtProxy)) {
+      var ori = element[key];
+      element._dtProxy[key] = ori;
+      element[key] = handler[key];
+    }
+  });
+  return element;
+};
+export var useProxyImperativeHandle = function useProxyImperativeHandle(ref, init) {
+  return useImperativeHandle(ref, function () {
+    var refObj = init();
+    var nativeElement = refObj.nativeElement;
+    if (typeof Proxy !== 'undefined') {
+      return new Proxy(nativeElement, {
+        get: function get(obj, prop) {
+          if (refObj[prop]) {
+            return refObj[prop];
+          }
+          return Reflect.get(obj, prop);
+        }
+      });
+    }
+
+    // Fallback of IE
+    return fillProxy(nativeElement, refObj);
+  });
+};

package/esm/_util/hooks/useSyncState.js

@@ -0,0 +1,20 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import * as React from 'react';
+import { useForceUpdate } from "./useForceUpdate";
+export var useSyncState = function useSyncState(initialValue) {
+  var ref = React.useRef(initialValue);
+  var _useForceUpdate = useForceUpdate(),
+    _useForceUpdate2 = _slicedToArray(_useForceUpdate, 2),
+    forceUpdate = _useForceUpdate2[1];
+  return [function () {
+    return ref.current;
+  }, function (newValue) {
+    ref.current = newValue;
+    forceUpdate();
+  }];
+};

package/esm/_util/scrollTo.js

@@ -0,0 +1,38 @@
+import raf from '@rc-component/util/lib/raf';
+import { easeInOutCubic } from "./easings";
+import getScroll, { isWindow } from "./getScroll";
+export default function scrollTo(y) {
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var _options$getContainer = options.getContainer,
+    getContainer = _options$getContainer === void 0 ? function () {
+      return window;
+    } : _options$getContainer,
+    callback = options.callback,
+    _options$duration = options.duration,
+    duration = _options$duration === void 0 ? 450 : _options$duration;
+  var container = getContainer();
+  var scrollTop = getScroll(container);
+  var startTime = Date.now();
+  var rafId;
+  var frameFunc = function frameFunc() {
+    var timestamp = Date.now();
+    var time = timestamp - startTime;
+    var nextScrollTop = easeInOutCubic(time > duration ? duration : time, scrollTop, y, duration);
+    if (isWindow(container)) {
+      container.scrollTo(window.pageXOffset, nextScrollTop);
+    } else if (container instanceof Document || container.constructor.name === 'HTMLDocument') {
+      container.documentElement.scrollTop = nextScrollTop;
+    } else {
+      container.scrollTop = nextScrollTop;
+    }
+    if (time < duration) {
+      rafId = raf(frameFunc);
+    } else if (typeof callback === 'function') {
+      callback();
+    }
+  };
+  rafId = raf(frameFunc);
+  return function () {
+    raf.cancel(rafId);
+  };
+}

package/esm/_util/warning.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import rcWarning from 'rc-util/lib/warning';
+import { warning as rcWarning } from '@rc-component/util';
 export function noop() {}
 var rcResetWarned = rcWarning.resetWarned;
 var deprecatedWarnList = null;
@@ -21,10 +21,10 @@ if (process.env.NODE_ENV !== 'production') {
 var warning = _warning;
 export var 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
  */
 export var devUseWarning = process.env.NODE_ENV !== 'production' ? function (component) {
   var _React$useContext = React.useContext(WarningContext),

package/esm/blockHeader/index.js

@@ -1,5 +1,4 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["title", "description", "tooltip", "size", "spaceBottom", "className", "contentClassName", "style", "contentStyle", "background", "defaultExpand", "addonAfter", "expand", "children", "addonBefore", "onExpand", "titleStyle"];
 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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -12,13 +11,11 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-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; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React, { useState } from 'react';
 import { QuestionCircleOutlined, UpOutlined } from '@ant-design/icons';
 import { Tooltip } from 'antd';
 import { globalConfig } from 'antd/es/config-provider';
-import classNames from 'classnames';
+import clsx from 'clsx';
 import "./style";
 import { toTooltipProps } from "../_util";
 import Collapsible from "../collapsible";
@@ -28,7 +25,8 @@ function isControlled(props) {
 var prefixCls = globalConfig().getPrefixCls('block-header');
 var preTitleRowCls = "".concat(prefixCls, "__title");
 var BlockHeader = function BlockHeader(props) {
-  var title = props.title,
+  var id = props.id,
+    title = props.title,
     _props$description = props.description,
     description = _props$description === void 0 ? '' : _props$description,
     tooltip = props.tooltip,
@@ -56,8 +54,7 @@ var BlockHeader = function BlockHeader(props) {
       className: "addon-before--default"
     }) : _props$addonBefore,
     onExpand = props.onExpand,
-    titleStyle = props.titleStyle,
-    rest = _objectWithoutProperties(props, _excluded);
+    titleStyle = props.titleStyle;
   var _useState = useState(defaultExpand),
     _useState2 = _slicedToArray(_useState, 2),
     internalExpand = _useState2[0],
@@ -67,7 +64,7 @@ var BlockHeader = function BlockHeader(props) {
   // 只有在有了 children 并且设置了 expand/defaultExpand 的时候才能够展开收起
   var showCollapse = (typeof expand === 'boolean' || typeof defaultExpand === 'boolean') && children;
   var tooltipProps = toTooltipProps(tooltip);
-  var bottomStyle;
+  var bottomStyle = {};
   if (spaceBottom) bottomStyle = showCollapse && !currentExpand ? {
     marginBottom: 0
   } : {
@@ -79,10 +76,11 @@ var BlockHeader = function BlockHeader(props) {
     onExpand === null || onExpand === void 0 || onExpand(expand);
   };
   return /*#__PURE__*/React.createElement("div", {
-    className: classNames("".concat(prefixCls), className),
+    id: id,
+    className: clsx("".concat(prefixCls), className),
     style: _objectSpread(_objectSpread({}, bottomStyle), style)
   }, /*#__PURE__*/React.createElement("div", {
-    className: classNames(preTitleRowCls, "".concat(preTitleRowCls, "--").concat(size), _defineProperty(_defineProperty({}, "".concat(preTitleRowCls, "--background"), background), "".concat(preTitleRowCls, "--pointer"), showCollapse)),
+    className: clsx(preTitleRowCls, "".concat(preTitleRowCls, "--").concat(size), _defineProperty(_defineProperty({}, "".concat(preTitleRowCls, "--background"), background), "".concat(preTitleRowCls, "--pointer"), showCollapse)),
     style: titleStyle,
     onClick: function onClick() {
       return showCollapse && handleExpand(!currentExpand);
@@ -96,7 +94,7 @@ var BlockHeader = function BlockHeader(props) {
   }, title), tooltipProps !== null && tooltipProps !== void 0 && tooltipProps.title ? /*#__PURE__*/React.createElement("div", {
     className: "title__tooltip"
   }, /*#__PURE__*/React.createElement(Tooltip, _extends({}, tooltipProps, {
-    className: classNames(tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.className)
+    className: clsx(tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.className)
   }), /*#__PURE__*/React.createElement(QuestionCircleOutlined, null))) : null, description ? /*#__PURE__*/React.createElement("div", {
     className: "title__description"
   }, description) : null), addonAfter && /*#__PURE__*/React.createElement("div", {
@@ -106,14 +104,14 @@ var BlockHeader = function BlockHeader(props) {
   }, /*#__PURE__*/React.createElement("div", {
     className: "collapse__text"
   }, currentExpand ? '收起' : '展开'), /*#__PURE__*/React.createElement(UpOutlined, {
-    className: classNames('collapse__icon', {
+    className: clsx('collapse__icon', {
       'collapse__icon--up': currentExpand,
       'collapse__icon--down': !currentExpand
     })
-  }))), /*#__PURE__*/React.createElement(Collapsible, _extends({
+  }))), /*#__PURE__*/React.createElement(Collapsible, {
     isOpen: !currentExpand
-  }, rest), /*#__PURE__*/React.createElement("div", {
-    className: classNames("".concat(prefixCls, "__content"), contentClassName, _defineProperty({}, "".concat(prefixCls, "__content--active"), currentExpand || !showCollapse)),
+  }, /*#__PURE__*/React.createElement("div", {
+    className: clsx("".concat(prefixCls, "__content"), contentClassName, _defineProperty({}, "".concat(prefixCls, "__content--active"), currentExpand || !showCollapse)),
     style: contentStyle
   }, children)));
 };

package/esm/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/esm/button/index.js

@@ -4,7 +4,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React from 'react';
 import { Button as AntdButton } from 'antd';
-import classNames from 'classnames';
+import clsx from 'clsx';
 import "./style";
 function Button(_ref) {
   var className = _ref.className,
@@ -13,7 +13,7 @@ function Button(_ref) {
     type = _ref.type,
     rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement(AntdButton, _extends({
-    className: classNames(className),
+    className: clsx(className),
     size: size,
     type: type
   }, rest));