@dtjoy/dt-design 1.0.5 → 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

@@ -0,0 +1,63 @@
+import * as React from 'react';
+import { warning as rcWarning } from '@rc-component/util';
+export function noop() {}
+var rcResetWarned = rcWarning.resetWarned;
+var deprecatedWarnList = null;
+export function resetWarned() {
+  deprecatedWarnList = null;
+  rcResetWarned();
+}
+var _warning = noop;
+if (process.env.NODE_ENV !== 'production') {
+  _warning = function _warning(valid, component, message) {
+    rcWarning(valid, "[antd: ".concat(component, "] ").concat(message));
+
+    // StrictMode will inject console which will not throw warning in React 17.
+    if (process.env.NODE_ENV === 'test') {
+      resetWarned();
+    }
+  };
+}
+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
+ */
+export var devUseWarning = process.env.NODE_ENV !== 'production' ? function (component) {
+  var _React$useContext = React.useContext(WarningContext),
+    strict = _React$useContext.strict;
+  var typeWarning = function typeWarning(valid, type, message) {
+    if (!valid) {
+      if (strict === false && type === 'deprecated') {
+        var existWarning = deprecatedWarnList;
+        if (!deprecatedWarnList) {
+          deprecatedWarnList = {};
+        }
+        deprecatedWarnList[component] = deprecatedWarnList[component] || [];
+        if (!deprecatedWarnList[component].includes(message || '')) {
+          deprecatedWarnList[component].push(message || '');
+        }
+
+        // Warning for the first time
+        if (!existWarning) {
+          console.warn('[antd] There exists deprecated usage in your code:', deprecatedWarnList);
+        }
+      } else {
+        warning(valid, component, message);
+      }
+    }
+  };
+  typeWarning.deprecated = function (valid, oldProp, newProp) {
+    var message = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '';
+    typeWarning(valid, 'deprecated', "`".concat(oldProp, "` is deprecated. Please use `").concat(newProp, "` instead.").concat(message ? " ".concat(message) : ''));
+  };
+  return typeWarning;
+} : function () {
+  var noopWarning = function noopWarning() {};
+  noopWarning.deprecated = noop;
+  return noopWarning;
+};
+export default warning;

package/esm/blockHeader/index.js

@@ -15,7 +15,7 @@ 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";
@@ -25,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,
@@ -63,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
   } : {
@@ -75,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);
@@ -92,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", {
@@ -102,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, {
     isOpen: !currentExpand
   }, /*#__PURE__*/React.createElement("div", {
-    className: classNames("".concat(prefixCls, "__content"), contentClassName, _defineProperty({}, "".concat(prefixCls, "__content--active"), currentExpand || !showCollapse)),
+    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

@@ -1,29 +1,21 @@
-var _excluded = ["className", "icon", "children", "size", "type"];
+var _excluded = ["className", "size", "type"];
 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 _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 from 'react';
 import { Button as AntdButton } from 'antd';
-import { globalConfig } from 'antd/es/config-provider';
-import classNames from 'classnames';
+import clsx from 'clsx';
 import "./style";
-export default function Button(_ref) {
+function Button(_ref) {
   var className = _ref.className,
-    icon = _ref.icon,
-    children = _ref.children,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 'middle' : _ref$size,
     type = _ref.type,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var prefixCls = globalConfig().getPrefixCls('btn');
-  var typeClassName = type ? "".concat(prefixCls, "--").concat(type) : '';
   return /*#__PURE__*/React.createElement(AntdButton, _extends({
-    className: classNames(prefixCls, className, typeClassName),
+    className: clsx(className),
     size: size,
     type: type
-  }, rest), icon && /*#__PURE__*/React.createElement("span", {
-    className: "".concat(prefixCls, "__icon ").concat(prefixCls, "__icon--").concat(size)
-  }, icon), children && /*#__PURE__*/React.createElement("span", {
-    className: "".concat(prefixCls, "__text ").concat(prefixCls, "__text--").concat(size)
-  }, children));
-}
+  }, rest));
+}
+export default Button;