first commit

frontend/node_modules/antd/lib/badge/SingleNumber.js

@@ -0,0 +1,109 @@
+"use strict";
+"use client";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+const UnitNumber = props => {
+  const {
+    prefixCls,
+    value,
+    current,
+    offset = 0
+  } = props;
+  let style;
+  if (offset) {
+    style = {
+      position: 'absolute',
+      top: `${offset}00%`,
+      left: 0
+    };
+  }
+  return /*#__PURE__*/React.createElement("span", {
+    style: style,
+    className: (0, _classnames.default)(`${prefixCls}-only-unit`, {
+      current
+    })
+  }, value);
+};
+function getOffset(start, end, unit) {
+  let index = start;
+  let offset = 0;
+  while ((index + 10) % 10 !== end) {
+    index += unit;
+    offset += unit;
+  }
+  return offset;
+}
+const SingleNumber = props => {
+  const {
+    prefixCls,
+    count: originCount,
+    value: originValue
+  } = props;
+  const value = Number(originValue);
+  const count = Math.abs(originCount);
+  const [prevValue, setPrevValue] = React.useState(value);
+  const [prevCount, setPrevCount] = React.useState(count);
+  // ============================= Events =============================
+  const onTransitionEnd = () => {
+    setPrevValue(value);
+    setPrevCount(count);
+  };
+  // Fallback if transition events are not supported
+  React.useEffect(() => {
+    const timer = setTimeout(onTransitionEnd, 1000);
+    return () => clearTimeout(timer);
+  }, [value]);
+  // ============================= Render =============================
+  // Render unit list
+  let unitNodes;
+  let offsetStyle;
+  if (prevValue === value || Number.isNaN(value) || Number.isNaN(prevValue)) {
+    // Nothing to change
+    unitNodes = [/*#__PURE__*/React.createElement(UnitNumber, Object.assign({}, props, {
+      key: value,
+      current: true
+    }))];
+    offsetStyle = {
+      transition: 'none'
+    };
+  } else {
+    unitNodes = [];
+    // Fill basic number units
+    const end = value + 10;
+    const unitNumberList = [];
+    for (let index = value; index <= end; index += 1) {
+      unitNumberList.push(index);
+    }
+    const unit = prevCount < count ? 1 : -1;
+    // Fill with number unit nodes
+    const prevIndex = unitNumberList.findIndex(n => n % 10 === prevValue);
+    // Cut list
+    const cutUnitNumberList = unit < 0 ? unitNumberList.slice(0, prevIndex + 1) : unitNumberList.slice(prevIndex);
+    unitNodes = cutUnitNumberList.map((n, index) => {
+      const singleUnit = n % 10;
+      return /*#__PURE__*/React.createElement(UnitNumber, Object.assign({}, props, {
+        key: n,
+        value: singleUnit,
+        offset: unit < 0 ? index - prevIndex : index,
+        current: index === prevIndex
+      }));
+    });
+    // Calculate container offset value
+    offsetStyle = {
+      transform: `translateY(${-getOffset(prevValue, value, unit)}00%)`
+    };
+  }
+  return /*#__PURE__*/React.createElement("span", {
+    className: `${prefixCls}-only`,
+    style: offsetStyle,
+    onTransitionEnd: onTransitionEnd
+  }, unitNodes);
+};
+var _default = exports.default = SingleNumber;